@atlaskit/editor-plugin-emoji 27.0.3 → 27.0.5
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/editor-commands/insert-emoji.js +9 -9
- package/dist/cjs/emojiPlugin.js +22 -21
- package/dist/cjs/nodeviews/EmojiNodeView.js +18 -16
- package/dist/cjs/nodeviews/emojiNodeSpec.js +2 -2
- package/dist/cjs/pm-plugins/ascii-input-rules.js +10 -9
- package/dist/cjs/pm-plugins/providers/EmojiNodeDataProvider.js +4 -4
- package/dist/cjs/ui/InlineEmojiPopup.js +15 -13
- package/dist/cjs/ui/quick-insert/EmojiQuickInsertMenuItem.js +5 -5
- package/dist/cjs/ui/quick-insert/getEmojiQuickInsertComponents.js +3 -3
- package/dist/es2019/editor-commands/insert-emoji.js +2 -2
- package/dist/es2019/emojiPlugin.js +5 -4
- package/dist/es2019/nodeviews/EmojiNodeView.js +6 -4
- package/dist/es2019/nodeviews/emojiNodeSpec.js +1 -1
- package/dist/es2019/pm-plugins/ascii-input-rules.js +3 -2
- package/dist/es2019/pm-plugins/providers/EmojiNodeDataProvider.js +2 -2
- package/dist/es2019/ui/InlineEmojiPopup.js +7 -6
- package/dist/es2019/ui/quick-insert/EmojiQuickInsertMenuItem.js +1 -1
- package/dist/es2019/ui/quick-insert/getEmojiQuickInsertComponents.js +1 -1
- package/dist/esm/editor-commands/insert-emoji.js +2 -2
- package/dist/esm/emojiPlugin.js +5 -4
- package/dist/esm/nodeviews/EmojiNodeView.js +6 -4
- package/dist/esm/nodeviews/emojiNodeSpec.js +1 -1
- package/dist/esm/pm-plugins/ascii-input-rules.js +3 -2
- package/dist/esm/pm-plugins/providers/EmojiNodeDataProvider.js +2 -2
- package/dist/esm/ui/InlineEmojiPopup.js +7 -6
- package/dist/esm/ui/quick-insert/EmojiQuickInsertMenuItem.js +1 -1
- package/dist/esm/ui/quick-insert/getEmojiQuickInsertComponents.js +1 -1
- package/dist/types/editor-commands/insert-emoji.d.ts +3 -2
- package/dist/types/emojiPlugin.d.ts +1 -1
- package/dist/types/emojiPluginType.d.ts +13 -8
- package/dist/types/nodeviews/EmojiNodeView.d.ts +1 -1
- package/dist/types/pm-plugins/actions.d.ts +3 -2
- package/dist/types/pm-plugins/ascii-input-rules.d.ts +4 -3
- package/dist/types/pm-plugins/providers/EmojiNodeDataProvider.d.ts +1 -1
- package/dist/types/ui/InlineEmojiPopup.d.ts +2 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.insertEmoji = exports.createEmojiFragment = void 0;
|
|
7
|
-
var
|
|
8
|
-
var
|
|
7
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
8
|
+
var _annotation = require("@atlaskit/editor-common/utils/annotation");
|
|
9
9
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
10
10
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
11
|
-
var
|
|
11
|
+
var _utils = require("@atlaskit/editor-prosemirror/utils");
|
|
12
12
|
var createEmojiFragment = exports.createEmojiFragment = function createEmojiFragment(doc, pos, emoji) {
|
|
13
13
|
var _emoji$id = emoji.id,
|
|
14
14
|
id = _emoji$id === void 0 ? '' : _emoji$id,
|
|
15
15
|
fallback = emoji.fallback,
|
|
16
16
|
shortName = emoji.shortName;
|
|
17
|
-
var annotationMarksForPos = (0,
|
|
17
|
+
var annotationMarksForPos = (0, _annotation.getAnnotationMarksForPos)(pos);
|
|
18
18
|
var emojiNode = doc.type.schema.nodes.emoji.createChecked({
|
|
19
19
|
shortName: shortName,
|
|
20
20
|
id: id,
|
|
@@ -32,16 +32,16 @@ var insertEmoji = exports.insertEmoji = function insertEmoji(editorAnalyticsAPI)
|
|
|
32
32
|
var emoji = tr.doc.type.schema.nodes.emoji;
|
|
33
33
|
if (emoji && emojiId) {
|
|
34
34
|
var fragment = createEmojiFragment(doc, selection.$head, emojiId);
|
|
35
|
-
var newTr = (0,
|
|
35
|
+
var newTr = (0, _utils.safeInsert)(fragment)(tr);
|
|
36
36
|
if (inputMethod) {
|
|
37
37
|
editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
|
|
38
|
-
action:
|
|
39
|
-
actionSubject:
|
|
40
|
-
actionSubjectId:
|
|
38
|
+
action: _enums.ACTION.INSERTED,
|
|
39
|
+
actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
|
|
40
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.EMOJI,
|
|
41
41
|
attributes: {
|
|
42
42
|
inputMethod: inputMethod
|
|
43
43
|
},
|
|
44
|
-
eventType:
|
|
44
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
45
45
|
})(newTr);
|
|
46
46
|
}
|
|
47
47
|
newTr.setSelection(_state.Selection.near(newTr.doc.resolve(selection.$from.pos + fragment.size)));
|
package/dist/cjs/emojiPlugin.js
CHANGED
|
@@ -12,13 +12,14 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
|
|
|
12
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
13
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
var
|
|
15
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
16
|
+
var _assets = require("@atlaskit/editor-common/assets");
|
|
16
17
|
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
17
|
-
var
|
|
18
|
-
var
|
|
18
|
+
var _annotation = require("@atlaskit/editor-common/messages/annotation");
|
|
19
|
+
var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
|
|
19
20
|
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
20
21
|
var _typeAhead = require("@atlaskit/editor-common/type-ahead");
|
|
21
|
-
var
|
|
22
|
+
var _calculateToolbarPosition = require("@atlaskit/editor-common/utils/calculate-toolbar-position");
|
|
22
23
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
23
24
|
var _emoji2 = require("@atlaskit/emoji");
|
|
24
25
|
var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
|
|
@@ -179,13 +180,13 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
|
|
|
179
180
|
var fragment = (0, _insertEmoji.createEmojiFragment)(state.doc, state.selection.$head, item.emoji);
|
|
180
181
|
var tr = insert(fragment);
|
|
181
182
|
api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
|
|
182
|
-
action:
|
|
183
|
-
actionSubject:
|
|
184
|
-
actionSubjectId:
|
|
183
|
+
action: _enums.ACTION.INSERTED,
|
|
184
|
+
actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
|
|
185
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.EMOJI,
|
|
185
186
|
attributes: {
|
|
186
|
-
inputMethod:
|
|
187
|
+
inputMethod: _enums.INPUT_METHOD.TYPEAHEAD
|
|
187
188
|
},
|
|
188
|
-
eventType:
|
|
189
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
189
190
|
})(tr);
|
|
190
191
|
return tr;
|
|
191
192
|
}
|
|
@@ -200,7 +201,7 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
|
|
|
200
201
|
var tr = insert(undefined);
|
|
201
202
|
api === null || api === void 0 || (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 || _api$typeAhead.actions.openAtTransaction({
|
|
202
203
|
triggerHandler: typeAhead,
|
|
203
|
-
inputMethod:
|
|
204
|
+
inputMethod: _enums.INPUT_METHOD.QUICK_INSERT
|
|
204
205
|
})(tr);
|
|
205
206
|
return tr;
|
|
206
207
|
};
|
|
@@ -336,13 +337,13 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
|
|
|
336
337
|
var formatMessage = _ref10.formatMessage;
|
|
337
338
|
return [{
|
|
338
339
|
id: 'emoji',
|
|
339
|
-
title: formatMessage(
|
|
340
|
-
description: formatMessage(
|
|
340
|
+
title: formatMessage(_insertBlock.toolbarInsertBlockMessages.emoji),
|
|
341
|
+
description: formatMessage(_insertBlock.toolbarInsertBlockMessages.emojiDescription),
|
|
341
342
|
priority: 500,
|
|
342
343
|
keyshortcut: ':',
|
|
343
344
|
isDisabledOffline: false,
|
|
344
345
|
icon: function icon() {
|
|
345
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
346
|
+
return /*#__PURE__*/_react.default.createElement(_assets.IconEmoji, null);
|
|
346
347
|
},
|
|
347
348
|
action: selectEmojiFromQuickInsert
|
|
348
349
|
}];
|
|
@@ -365,10 +366,10 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
|
|
|
365
366
|
if (api !== null && api !== void 0 && (_api$analytics6 = api.analytics) !== null && _api$analytics6 !== void 0 && _api$analytics6.actions) {
|
|
366
367
|
var _api$analytics7;
|
|
367
368
|
api === null || api === void 0 || (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 || (_api$analytics7 = _api$analytics7.actions) === null || _api$analytics7 === void 0 || _api$analytics7.fireAnalyticsEvent({
|
|
368
|
-
action:
|
|
369
|
-
actionSubject:
|
|
370
|
-
actionSubjectId:
|
|
371
|
-
eventType:
|
|
369
|
+
action: _enums.ACTION.CLICKED,
|
|
370
|
+
actionSubject: _enums.ACTION_SUBJECT.BUTTON,
|
|
371
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU,
|
|
372
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
372
373
|
attributes: {
|
|
373
374
|
source: 'highlightActionsMenu',
|
|
374
375
|
pageMode: 'edit',
|
|
@@ -376,13 +377,13 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
|
|
|
376
377
|
}
|
|
377
378
|
});
|
|
378
379
|
}
|
|
379
|
-
var command = (_api$annotation = api.annotation) === null || _api$annotation === void 0 || (_api$annotation = _api$annotation.actions) === null || _api$annotation === void 0 ? void 0 : _api$annotation.setInlineCommentDraftState(true,
|
|
380
|
+
var command = (_api$annotation = api.annotation) === null || _api$annotation === void 0 || (_api$annotation = _api$annotation.actions) === null || _api$annotation === void 0 ? void 0 : _api$annotation.setInlineCommentDraftState(true, _enums.INPUT_METHOD.TOOLBAR);
|
|
380
381
|
return command(stateFromClickEvent, dispatch);
|
|
381
382
|
};
|
|
382
383
|
return {
|
|
383
384
|
title: 'Emoji floating toolbar',
|
|
384
385
|
nodeType: [state.schema.nodes.emoji],
|
|
385
|
-
onPositionCalculated: (0,
|
|
386
|
+
onPositionCalculated: (0, _calculateToolbarPosition.calculateToolbarPositionAboveSelection)('Emoji floating toolbar'),
|
|
386
387
|
items: function items(node) {
|
|
387
388
|
var _api$annotation2;
|
|
388
389
|
var annotationState = api === null || api === void 0 || (_api$annotation2 = api.annotation) === null || _api$annotation2 === void 0 ? void 0 : _api$annotation2.sharedState.currentState();
|
|
@@ -396,10 +397,10 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
|
|
|
396
397
|
showTitle: true,
|
|
397
398
|
testId: 'add-comment-emoji-button',
|
|
398
399
|
icon: _comment.default,
|
|
399
|
-
title: intl.formatMessage(
|
|
400
|
+
title: intl.formatMessage(_annotation.annotationMessages.createComment),
|
|
400
401
|
onClick: onClick,
|
|
401
402
|
tooltipContent: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
|
|
402
|
-
description: intl.formatMessage(
|
|
403
|
+
description: intl.formatMessage(_annotation.annotationMessages.createComment)
|
|
403
404
|
}),
|
|
404
405
|
supportsViewMode: true
|
|
405
406
|
}];
|
|
@@ -14,13 +14,15 @@ var _bindEventListener = require("bind-event-listener");
|
|
|
14
14
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
15
15
|
var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
|
|
16
16
|
var _browserApis = require("@atlaskit/browser-apis");
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
17
|
+
var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
|
|
18
|
+
var _messages = require("@atlaskit/editor-common/emoji/messages");
|
|
19
|
+
var _isSsr = require("@atlaskit/editor-common/is-ssr");
|
|
20
|
+
var _error = require("@atlaskit/editor-common/monitoring/error");
|
|
21
|
+
var _emoji = require("@atlaskit/editor-common/styles/emoji");
|
|
20
22
|
var _isSingleEmoji = require("@atlaskit/editor-common/utils/isSingleEmoji");
|
|
21
23
|
var _vanillaTooltip = require("@atlaskit/editor-common/vanilla-tooltip");
|
|
22
|
-
var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
|
|
23
24
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
25
|
+
var _constants = require("@atlaskit/emoji/constants");
|
|
24
26
|
var _emojiIdToEmoji = require("@atlaskit/emoji/emoji-id-to-emoji");
|
|
25
27
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
26
28
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
@@ -103,7 +105,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
|
|
|
103
105
|
});
|
|
104
106
|
} else {
|
|
105
107
|
var _api$emoji, _sharedState$currentS, _api$connectivity;
|
|
106
|
-
if ((0,
|
|
108
|
+
if ((0, _isSsr.isSSR)()) {
|
|
107
109
|
// The provider doesn't work in SSR, and we don't want to render fallback in SSR,
|
|
108
110
|
// that's why we don't need to continue node rendering.
|
|
109
111
|
// In SSR we want to show a placeholder, that `emojiToDom()` returns.
|
|
@@ -135,7 +137,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
|
|
|
135
137
|
var subscribeToConnection = api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.sharedState.onChange(function (_ref3) {
|
|
136
138
|
var prevSharedState = _ref3.prevSharedState,
|
|
137
139
|
nextSharedState = _ref3.nextSharedState;
|
|
138
|
-
if ((0,
|
|
140
|
+
if ((0, _isOfflineMode.isOfflineMode)(prevSharedState === null || prevSharedState === void 0 ? void 0 : prevSharedState.mode) && (nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.mode) === 'online' && _this.renderingFallback) {
|
|
139
141
|
var _sharedState$currentS2;
|
|
140
142
|
_this.updateDom((_sharedState$currentS2 = sharedState.currentState()) === null || _sharedState$currentS2 === void 0 ? void 0 : _sharedState$currentS2.emojiProvider);
|
|
141
143
|
}
|
|
@@ -264,7 +266,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
|
|
|
264
266
|
if (!(0, _expValEquals.expValEquals)('platform_editor_emoji_hover_show_tooltip', 'isEnabled', true)) {
|
|
265
267
|
return;
|
|
266
268
|
}
|
|
267
|
-
if ((0,
|
|
269
|
+
if ((0, _isSsr.isSSR)()) {
|
|
268
270
|
return;
|
|
269
271
|
}
|
|
270
272
|
var initTooltip = function initTooltip(event) {
|
|
@@ -380,7 +382,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
|
|
|
380
382
|
containerElement.classList.add(_emoji.EmojiSharedCssClassName.EMOJI_CONTAINER);
|
|
381
383
|
containerElement.setAttribute('data-testid', "".concat(emojiType, "-emoji-").concat(description.shortName));
|
|
382
384
|
containerElement.setAttribute('data-emoji-type', emojiType);
|
|
383
|
-
containerElement.setAttribute('aria-label', "".concat(this.intl.formatMessage(
|
|
385
|
+
containerElement.setAttribute('aria-label', "".concat(this.intl.formatMessage(_messages.messages.emojiNodeLabel), " ").concat(description.shortName));
|
|
384
386
|
var emojiElement = 'unicodeEmoji' in representation ? this.createUnicodeEmojiElement(representation.unicodeEmoji) : 'sprite' in representation ? this.createSpriteEmojiElement(representation) : this.createImageEmojiElement(description, representation);
|
|
385
387
|
containerElement.appendChild(emojiElement);
|
|
386
388
|
this.dom.appendChild(containerElement);
|
|
@@ -401,7 +403,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
|
|
|
401
403
|
spanElement.classList.add(_emoji.EmojiSharedCssClassName.EMOJI_UNICODE);
|
|
402
404
|
spanElement.textContent = emoji;
|
|
403
405
|
spanElement.style.display = 'inline-flex';
|
|
404
|
-
spanElement.style.fontSize = "var(--emoji-common-unicode-size, ".concat(
|
|
406
|
+
spanElement.style.fontSize = "var(--emoji-common-unicode-size, ".concat(_constants.defaultEmojiHeight, "px)");
|
|
405
407
|
spanElement.style.alignItems = 'center';
|
|
406
408
|
spanElement.style.aspectRatio = '1/1';
|
|
407
409
|
spanElement.style.lineHeight = '1em';
|
|
@@ -426,11 +428,11 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
|
|
|
426
428
|
spriteElement.style.backgroundImage = "url(".concat(sprite.url, ")");
|
|
427
429
|
spriteElement.style.backgroundPosition = "".concat(xPositionInPercent, "% ").concat(yPositionInPercent, "%");
|
|
428
430
|
spriteElement.style.backgroundSize = "".concat(sprite.column * 100, "% ").concat(sprite.row * 100, "%");
|
|
429
|
-
spriteElement.style.minWidth = "".concat(
|
|
430
|
-
spriteElement.style.minHeight = "".concat(
|
|
431
|
+
spriteElement.style.minWidth = "".concat(_constants.defaultEmojiHeight, "px");
|
|
432
|
+
spriteElement.style.minHeight = "".concat(_constants.defaultEmojiHeight, "px");
|
|
431
433
|
if (!(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true)) {
|
|
432
|
-
spriteElement.style.width = "".concat(
|
|
433
|
-
spriteElement.style.height = "".concat(
|
|
434
|
+
spriteElement.style.width = "".concat(_constants.defaultEmojiHeight, "px");
|
|
435
|
+
spriteElement.style.height = "".concat(_constants.defaultEmojiHeight, "px");
|
|
434
436
|
}
|
|
435
437
|
return spriteElement;
|
|
436
438
|
}
|
|
@@ -448,9 +450,9 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
|
|
|
448
450
|
imageElement.src = 'imagePath' in representation ? representation.imagePath : representation.mediaPath;
|
|
449
451
|
imageElement.loading = 'lazy';
|
|
450
452
|
imageElement.alt = emojiDescription.name || emojiDescription.shortName;
|
|
451
|
-
imageElement.style.minWidth = "".concat(
|
|
453
|
+
imageElement.style.minWidth = "".concat(_constants.defaultEmojiHeight, "px");
|
|
452
454
|
imageElement.style.objectFit = 'contain';
|
|
453
|
-
imageElement.height =
|
|
455
|
+
imageElement.height = _constants.defaultEmojiHeight;
|
|
454
456
|
imageElement.onerror = function () {
|
|
455
457
|
// If there's an error (ie. offline) render the ascii fallback if possible, otherwise
|
|
456
458
|
// mark the node to refresh when returning online.
|
|
@@ -466,7 +468,7 @@ var EmojiNodeView = exports.EmojiNodeView = /*#__PURE__*/function () {
|
|
|
466
468
|
}], [{
|
|
467
469
|
key: "logError",
|
|
468
470
|
value: function logError(error) {
|
|
469
|
-
void (0,
|
|
471
|
+
void (0, _error.logException)(error, {
|
|
470
472
|
location: 'editor-plugin-emoji/EmojiNodeView'
|
|
471
473
|
});
|
|
472
474
|
}
|
|
@@ -8,7 +8,7 @@ exports.emojiNodeSpec = void 0;
|
|
|
8
8
|
exports.emojiToDom = emojiToDom;
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _emoji = require("@atlaskit/adf-schema/emoji");
|
|
11
|
-
var
|
|
11
|
+
var _cssHelper = require("@atlaskit/editor-common/css-helper");
|
|
12
12
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
13
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
14
14
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -44,7 +44,7 @@ function emojiToDom(node) {
|
|
|
44
44
|
'data-emoji-id': id,
|
|
45
45
|
'data-emoji-text': text,
|
|
46
46
|
contenteditable: 'false',
|
|
47
|
-
style: (0,
|
|
47
|
+
style: (0, _cssHelper.convertToInlineCss)(_objectSpread(_objectSpread({
|
|
48
48
|
content: "''",
|
|
49
49
|
fill: "var(--ds-background-neutral, #0515240F)"
|
|
50
50
|
}, isEmojiScalingEnabled ? {
|
|
@@ -14,10 +14,11 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
14
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
15
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
16
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
-
var
|
|
17
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
18
18
|
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
19
19
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
20
|
-
var
|
|
20
|
+
var _constants = require("@atlaskit/prosemirror-input-rules/constants");
|
|
21
|
+
var _utils2 = require("@atlaskit/prosemirror-input-rules/utils");
|
|
21
22
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
22
23
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
24
|
function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
|
|
@@ -29,7 +30,7 @@ function inputRulePlugin(schema, editorAnalyticsAPI, pluginInjectionApi, disable
|
|
|
29
30
|
if (schema.nodes.emoji) {
|
|
30
31
|
initMatcher(pluginInjectionApi);
|
|
31
32
|
var asciiEmojiRule = (0, _utils.createRule)(AsciiEmojiMatcher.REGEX, inputRuleHandler(editorAnalyticsAPI));
|
|
32
|
-
return new _safePlugin.SafePlugin((0,
|
|
33
|
+
return new _safePlugin.SafePlugin((0, _utils2.createPlugin)('emoji', [asciiEmojiRule]));
|
|
33
34
|
}
|
|
34
35
|
return;
|
|
35
36
|
}
|
|
@@ -133,7 +134,7 @@ var AsciiEmojiMatcher = /*#__PURE__*/function () {
|
|
|
133
134
|
// New behavior: All emoticons require whitespace after them
|
|
134
135
|
// Ignored via go/ees005
|
|
135
136
|
// eslint-disable-next-line require-unicode-regexp
|
|
136
|
-
(0, _defineProperty2.default)(AsciiEmojiMatcher, "REGEX", new RegExp("((?:^|[\\s".concat(
|
|
137
|
+
(0, _defineProperty2.default)(AsciiEmojiMatcher, "REGEX", new RegExp("((?:^|[\\s".concat(_constants.leafNodeReplacementCharacter, "])(?:\\(*?))(\\(?)([^:\\s").concat(_constants.leafNodeReplacementCharacter, "\\(]\\S{1,3}|:\\S{1,3})([\\s\\t\\n])$")));
|
|
137
138
|
var RecordingAsciiEmojiMatcher = /*#__PURE__*/function (_AsciiEmojiMatcher2) {
|
|
138
139
|
function RecordingAsciiEmojiMatcher(emojiProvider, asciiToEmojiMap) {
|
|
139
140
|
var _this;
|
|
@@ -169,13 +170,13 @@ var AsciiEmojiTransactionCreator = /*#__PURE__*/function () {
|
|
|
169
170
|
var _this$editorAnalytics;
|
|
170
171
|
var tr = this.state.tr.replaceWith(this.from, this.to, this.createNodes());
|
|
171
172
|
(_this$editorAnalytics = this.editorAnalyticsAPI) === null || _this$editorAnalytics === void 0 || _this$editorAnalytics.attachAnalyticsEvent({
|
|
172
|
-
action:
|
|
173
|
-
actionSubject:
|
|
174
|
-
actionSubjectId:
|
|
173
|
+
action: _enums.ACTION.INSERTED,
|
|
174
|
+
actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
|
|
175
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.EMOJI,
|
|
175
176
|
attributes: {
|
|
176
|
-
inputMethod:
|
|
177
|
+
inputMethod: _enums.INPUT_METHOD.ASCII
|
|
177
178
|
},
|
|
178
|
-
eventType:
|
|
179
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
179
180
|
})(tr);
|
|
180
181
|
return tr;
|
|
181
182
|
}
|
|
@@ -13,10 +13,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
13
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
-
var
|
|
16
|
+
var _isSsr = require("@atlaskit/editor-common/is-ssr");
|
|
17
17
|
var _emoji = require("@atlaskit/emoji");
|
|
18
18
|
var _emojiIdToEmoji = require("@atlaskit/emoji/emoji-id-to-emoji");
|
|
19
|
-
var _nodeDataProvider = require("@atlaskit/node-data-provider");
|
|
19
|
+
var _nodeDataProvider = require("@atlaskit/node-data-provider/node-data-provider");
|
|
20
20
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
21
21
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22
22
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -65,7 +65,7 @@ var EmojiNodeDataProvider = exports.EmojiNodeDataProvider = /*#__PURE__*/functio
|
|
|
65
65
|
var cached = this.getNodeDataFromCache(node);
|
|
66
66
|
if (cached !== null && cached !== void 0 && cached.data) {
|
|
67
67
|
callback(cached);
|
|
68
|
-
if (!(0,
|
|
68
|
+
if (!(0, _isSsr.isSSR)() && typeof requestAnimationFrame !== 'undefined') {
|
|
69
69
|
requestAnimationFrame(function () {
|
|
70
70
|
return void _this2.getDataAsync(node, function () {});
|
|
71
71
|
});
|
|
@@ -93,7 +93,7 @@ var EmojiNodeDataProvider = exports.EmojiNodeDataProvider = /*#__PURE__*/functio
|
|
|
93
93
|
// Check platform/packages/editor/renderer/src/react/nodes/emoji.tsx
|
|
94
94
|
// and platform/packages/elements/emoji/src/components/common/ResourcedEmojiComponent.tsx
|
|
95
95
|
getOptimisticImageUrl = (_this$emojiResource$e = this.emojiResource.emojiProviderConfig.optimisticImageApi) === null || _this$emojiResource$e === void 0 ? void 0 : _this$emojiResource$e.getUrl;
|
|
96
|
-
if (!((0,
|
|
96
|
+
if (!((0, _isSsr.isSSR)() && getOptimisticImageUrl)) {
|
|
97
97
|
_context2.next = 1;
|
|
98
98
|
break;
|
|
99
99
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
@@ -7,18 +8,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
8
|
exports.InlineEmojiPopupOld = exports.InlineEmojiPopup = void 0;
|
|
8
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _reactIntl = require("react-intl");
|
|
10
|
-
var
|
|
11
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
11
12
|
var _getDomRefFromSelection = require("@atlaskit/editor-common/get-dom-ref-from-selection");
|
|
12
|
-
var
|
|
13
|
-
var _ui = require("@atlaskit/editor-common/ui");
|
|
13
|
+
var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
|
|
14
14
|
var _uiReact = require("@atlaskit/editor-common/ui-react");
|
|
15
|
-
var
|
|
16
|
-
var
|
|
15
|
+
var _withReactEditorViewOuterListeners = _interopRequireDefault(require("@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners"));
|
|
16
|
+
var _useSharedPluginState3 = require("@atlaskit/editor-common/useSharedPluginState");
|
|
17
|
+
var _useSharedPluginStateSelector = require("@atlaskit/editor-common/useSharedPluginStateSelector");
|
|
18
|
+
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
17
19
|
var _emoji = require("@atlaskit/emoji");
|
|
18
20
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
19
21
|
var _actions = require("../pm-plugins/actions");
|
|
20
22
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
|
-
var PopupWithListeners = (0,
|
|
23
|
+
var PopupWithListeners = (0, _withReactEditorViewOuterListeners.default)(_Popup.default);
|
|
22
24
|
var emojiPopupMessages = {
|
|
23
25
|
emojiPickerAriaLabel: {
|
|
24
26
|
id: 'fabric.emoji.picker.aria.label',
|
|
@@ -35,7 +37,7 @@ var InlineEmojiPopupOld = exports.InlineEmojiPopupOld = function InlineEmojiPopu
|
|
|
35
37
|
editorView = _ref.editorView,
|
|
36
38
|
contentId = _ref.contentId,
|
|
37
39
|
onClose = _ref.onClose;
|
|
38
|
-
var _ref2 = (_useSharedPluginState = (_useSharedPluginState2 = (0,
|
|
40
|
+
var _ref2 = (_useSharedPluginState = (_useSharedPluginState2 = (0, _useSharedPluginState3.useSharedPluginState)(api, ['emoji'])) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.emojiState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
|
|
39
41
|
emojiProvider = _ref2.emojiProvider,
|
|
40
42
|
isOpen = _ref2.inlineEmojiPopupOpen;
|
|
41
43
|
var intl = (0, _reactIntl.useIntl)();
|
|
@@ -62,13 +64,13 @@ var InlineEmojiPopupOld = exports.InlineEmojiPopupOld = function InlineEmojiPopu
|
|
|
62
64
|
});
|
|
63
65
|
}, [editorView]);
|
|
64
66
|
var handleSelection = (0, _react.useCallback)(function (emojiId) {
|
|
65
|
-
api.core.actions.execute(api.emoji.commands.insertEmoji(emojiId,
|
|
67
|
+
api.core.actions.execute(api.emoji.commands.insertEmoji(emojiId, _enums.INPUT_METHOD.PICKER));
|
|
66
68
|
handleOnClose();
|
|
67
69
|
}, [api.core.actions, api.emoji.commands, handleOnClose]);
|
|
68
70
|
if (!isOpen || !emojiProvider) {
|
|
69
71
|
return null;
|
|
70
72
|
}
|
|
71
|
-
var domRef = (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView,
|
|
73
|
+
var domRef = (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView, _enums.ACTION_SUBJECT_ID.PICKER_EMOJI, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
|
|
72
74
|
return /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
|
|
73
75
|
ariaLabel: intl.formatMessage(emojiPopupMessages.emojiPickerAriaLabel)
|
|
74
76
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
@@ -77,7 +79,7 @@ var InlineEmojiPopupOld = exports.InlineEmojiPopupOld = function InlineEmojiPopu
|
|
|
77
79
|
mountTo: popupsMountPoint,
|
|
78
80
|
boundariesElement: popupsBoundariesElement,
|
|
79
81
|
scrollableElement: popupsScrollableElement,
|
|
80
|
-
zIndex:
|
|
82
|
+
zIndex: _constants.akEditorFloatingDialogZIndex,
|
|
81
83
|
fitHeight: 350,
|
|
82
84
|
fitWidth: 350,
|
|
83
85
|
target: domRef,
|
|
@@ -129,12 +131,12 @@ var InlineEmojiPopupContent = function InlineEmojiPopupContent(_ref3) {
|
|
|
129
131
|
});
|
|
130
132
|
}, [editorView]);
|
|
131
133
|
var handleSelection = (0, _react.useCallback)(function (emojiId) {
|
|
132
|
-
api.core.actions.execute(api.emoji.commands.insertEmoji(emojiId,
|
|
134
|
+
api.core.actions.execute(api.emoji.commands.insertEmoji(emojiId, _enums.INPUT_METHOD.PICKER));
|
|
133
135
|
handleOnClose();
|
|
134
136
|
}, [api.core.actions, api.emoji.commands, handleOnClose]);
|
|
135
137
|
var domRef = (0, _react.useMemo)(function () {
|
|
136
138
|
var _api$analytics2;
|
|
137
|
-
return (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView,
|
|
139
|
+
return (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView, _enums.ACTION_SUBJECT_ID.PICKER_EMOJI, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
|
|
138
140
|
}, [editorView, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions]);
|
|
139
141
|
if (!emojiProvider) {
|
|
140
142
|
return null;
|
|
@@ -147,7 +149,7 @@ var InlineEmojiPopupContent = function InlineEmojiPopupContent(_ref3) {
|
|
|
147
149
|
mountTo: popupsMountPoint,
|
|
148
150
|
boundariesElement: popupsBoundariesElement,
|
|
149
151
|
scrollableElement: popupsScrollableElement,
|
|
150
|
-
zIndex:
|
|
152
|
+
zIndex: _constants.akEditorFloatingDialogZIndex,
|
|
151
153
|
fitHeight: 350,
|
|
152
154
|
fitWidth: 350,
|
|
153
155
|
target: domRef,
|
|
@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.EmojiQuickInsertMenuItem = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactIntl = require("react-intl");
|
|
11
|
-
var
|
|
11
|
+
var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
|
|
12
12
|
var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
|
|
13
|
-
var
|
|
13
|
+
var _messages = require("@atlaskit/editor-common/quick-insert/messages");
|
|
14
14
|
var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));
|
|
15
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
16
16
|
var previewImageUrls = {
|
|
@@ -25,7 +25,7 @@ var EmojiQuickInsertMenuItem = exports.EmojiQuickInsertMenuItem = function Emoji
|
|
|
25
25
|
return {
|
|
26
26
|
image: previewImageUrls,
|
|
27
27
|
attribution: {
|
|
28
|
-
name: formatMessage(
|
|
28
|
+
name: formatMessage(_messages.messages.previewAttributionAtlassian)
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
}, [formatMessage]);
|
|
@@ -34,13 +34,13 @@ var EmojiQuickInsertMenuItem = exports.EmojiQuickInsertMenuItem = function Emoji
|
|
|
34
34
|
return selectEmojiFromQuickInsert(insert);
|
|
35
35
|
}, [selectEmojiFromQuickInsert]);
|
|
36
36
|
return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
|
|
37
|
-
description: formatMessage(
|
|
37
|
+
description: formatMessage(_insertBlock.toolbarInsertBlockMessages.emojiDescription),
|
|
38
38
|
iconBefore: /*#__PURE__*/_react.default.createElement(_emoji.default, {
|
|
39
39
|
label: ""
|
|
40
40
|
}),
|
|
41
41
|
onSelect: onSelect,
|
|
42
42
|
preview: preview,
|
|
43
43
|
shortcut: ":",
|
|
44
|
-
title: formatMessage(
|
|
44
|
+
title: formatMessage(_insertBlock.toolbarInsertBlockMessages.emoji)
|
|
45
45
|
});
|
|
46
46
|
};
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.getEmojiQuickInsertComponents = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
|
|
10
10
|
var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
|
|
11
11
|
var _keys = require("@atlaskit/editor-common/quick-insert/keys");
|
|
12
12
|
var _rank = require("@atlaskit/editor-common/quick-insert/rank");
|
|
@@ -24,9 +24,9 @@ var getEmojiQuickInsertComponents = exports.getEmojiQuickInsertComponents = func
|
|
|
24
24
|
match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref2) {
|
|
25
25
|
var formatMessage = _ref2.formatMessage;
|
|
26
26
|
return {
|
|
27
|
-
description: formatMessage(
|
|
27
|
+
description: formatMessage(_insertBlock.toolbarInsertBlockMessages.emojiDescription),
|
|
28
28
|
shortcut: ':',
|
|
29
|
-
title: formatMessage(
|
|
29
|
+
title: formatMessage(_insertBlock.toolbarInsertBlockMessages.emoji)
|
|
30
30
|
};
|
|
31
31
|
}),
|
|
32
32
|
component: function component() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
2
|
-
import { getAnnotationMarksForPos } from '@atlaskit/editor-common/utils';
|
|
1
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
|
|
2
|
+
import { getAnnotationMarksForPos } from '@atlaskit/editor-common/utils/annotation';
|
|
3
3
|
import { Fragment } from '@atlaskit/editor-prosemirror/model';
|
|
4
4
|
import { Selection } from '@atlaskit/editor-prosemirror/state';
|
|
5
5
|
import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
2
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
3
|
+
import { IconEmoji } from '@atlaskit/editor-common/assets';
|
|
3
4
|
import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
|
|
4
|
-
import { annotationMessages
|
|
5
|
-
import {
|
|
5
|
+
import { annotationMessages } from '@atlaskit/editor-common/messages/annotation';
|
|
6
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
6
7
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
7
8
|
import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
|
|
8
|
-
import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
|
|
9
|
+
import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils/calculate-toolbar-position';
|
|
9
10
|
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
10
11
|
import { EmojiTypeAheadItem, preloadEmojiPicker, recordSelectionFailedSli, recordSelectionSucceededSli, SearchSort } from '@atlaskit/emoji';
|
|
11
12
|
import CommentIcon from '@atlaskit/icon/core/comment';
|
|
@@ -3,13 +3,15 @@ import { bind } from 'bind-event-listener';
|
|
|
3
3
|
import isEqual from 'lodash/isEqual';
|
|
4
4
|
import uniqueId from 'lodash/uniqueId';
|
|
5
5
|
import { getDocument } from '@atlaskit/browser-apis';
|
|
6
|
-
import {
|
|
7
|
-
import { messages
|
|
8
|
-
import {
|
|
6
|
+
import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
|
|
7
|
+
import { messages } from '@atlaskit/editor-common/emoji/messages';
|
|
8
|
+
import { isSSR } from '@atlaskit/editor-common/is-ssr';
|
|
9
|
+
import { logException } from '@atlaskit/editor-common/monitoring/error';
|
|
10
|
+
import { EmojiSharedCssClassName } from '@atlaskit/editor-common/styles/emoji';
|
|
9
11
|
import { isSingleEmoji } from '@atlaskit/editor-common/utils/isSingleEmoji';
|
|
10
12
|
import { VANILLA_TOOLTIP_DEFAULT_CLASS, VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
|
|
11
|
-
import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
|
|
12
13
|
import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
|
|
14
|
+
import { defaultEmojiHeight } from '@atlaskit/emoji/constants';
|
|
13
15
|
import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
|
|
14
16
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
15
17
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { emoji, emojiWithLocalId } from '@atlaskit/adf-schema/emoji';
|
|
2
|
-
import { convertToInlineCss } from '@atlaskit/editor-common/
|
|
2
|
+
import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
4
4
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
5
5
|
const isSSR = Boolean(process.env.REACT_SSR);
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
2
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
3
3
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
4
4
|
import { createRule } from '@atlaskit/editor-common/utils';
|
|
5
|
-
import {
|
|
5
|
+
import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules/constants';
|
|
6
|
+
import { createPlugin } from '@atlaskit/prosemirror-input-rules/utils';
|
|
6
7
|
let matcher;
|
|
7
8
|
export function inputRulePlugin(schema, editorAnalyticsAPI, pluginInjectionApi, disableAutoformat) {
|
|
8
9
|
if (disableAutoformat) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import { isSSR } from '@atlaskit/editor-common/
|
|
2
|
+
import { isSSR } from '@atlaskit/editor-common/is-ssr';
|
|
3
3
|
import { defaultEmojiHeight } from '@atlaskit/emoji';
|
|
4
4
|
import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
|
|
5
|
-
import { NodeDataProvider } from '@atlaskit/node-data-provider';
|
|
5
|
+
import { NodeDataProvider } from '@atlaskit/node-data-provider/node-data-provider';
|
|
6
6
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
7
7
|
export class EmojiNodeDataProvider extends NodeDataProvider {
|
|
8
8
|
constructor(resource) {
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
-
import { ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
3
|
+
import { ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
4
4
|
import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
5
|
+
import Popup from '@atlaskit/editor-common/Popup';
|
|
6
|
+
import { OutsideClickTargetRefContext } from '@atlaskit/editor-common/ui-react';
|
|
7
|
+
import withOuterListeners from '@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners';
|
|
8
|
+
import { useSharedPluginState } from '@atlaskit/editor-common/useSharedPluginState';
|
|
9
|
+
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/useSharedPluginStateSelector';
|
|
10
|
+
import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
|
|
10
11
|
import { EmojiPicker } from '@atlaskit/emoji';
|
|
11
12
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
12
13
|
import { setInlineEmojiPopupOpen } from '../pm-plugins/actions';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
3
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
4
4
|
import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
|
|
5
5
|
import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
|
|
6
6
|
import EmojiIcon from '@atlaskit/icon/core/emoji';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
2
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
3
3
|
import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
|
|
4
4
|
import { EMOJI_MENU_ITEM, MEDIA_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
|
|
5
5
|
import { MEDIA_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
2
|
-
import { getAnnotationMarksForPos } from '@atlaskit/editor-common/utils';
|
|
1
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
|
|
2
|
+
import { getAnnotationMarksForPos } from '@atlaskit/editor-common/utils/annotation';
|
|
3
3
|
import { Fragment } from '@atlaskit/editor-prosemirror/model';
|
|
4
4
|
import { Selection } from '@atlaskit/editor-prosemirror/state';
|
|
5
5
|
import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
|
package/dist/esm/emojiPlugin.js
CHANGED
|
@@ -4,13 +4,14 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
6
6
|
import React, { useEffect } from 'react';
|
|
7
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
7
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
8
|
+
import { IconEmoji } from '@atlaskit/editor-common/assets';
|
|
8
9
|
import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
|
|
9
|
-
import { annotationMessages
|
|
10
|
-
import {
|
|
10
|
+
import { annotationMessages } from '@atlaskit/editor-common/messages/annotation';
|
|
11
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
11
12
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
12
13
|
import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
|
|
13
|
-
import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
|
|
14
|
+
import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils/calculate-toolbar-position';
|
|
14
15
|
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
15
16
|
import { EmojiTypeAheadItem, preloadEmojiPicker, recordSelectionFailedSli, recordSelectionSucceededSli, SearchSort } from '@atlaskit/emoji';
|
|
16
17
|
import CommentIcon from '@atlaskit/icon/core/comment';
|
|
@@ -7,13 +7,15 @@ import { bind } from 'bind-event-listener';
|
|
|
7
7
|
import isEqual from 'lodash/isEqual';
|
|
8
8
|
import uniqueId from 'lodash/uniqueId';
|
|
9
9
|
import { getDocument } from '@atlaskit/browser-apis';
|
|
10
|
-
import {
|
|
11
|
-
import { messages
|
|
12
|
-
import {
|
|
10
|
+
import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
|
|
11
|
+
import { messages } from '@atlaskit/editor-common/emoji/messages';
|
|
12
|
+
import { isSSR } from '@atlaskit/editor-common/is-ssr';
|
|
13
|
+
import { logException } from '@atlaskit/editor-common/monitoring/error';
|
|
14
|
+
import { EmojiSharedCssClassName } from '@atlaskit/editor-common/styles/emoji';
|
|
13
15
|
import { isSingleEmoji } from '@atlaskit/editor-common/utils/isSingleEmoji';
|
|
14
16
|
import { VANILLA_TOOLTIP_DEFAULT_CLASS, VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
|
|
15
|
-
import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
|
|
16
17
|
import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
|
|
18
|
+
import { defaultEmojiHeight } from '@atlaskit/emoji/constants';
|
|
17
19
|
import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
|
|
18
20
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
19
21
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import { emoji, emojiWithLocalId } from '@atlaskit/adf-schema/emoji';
|
|
5
|
-
import { convertToInlineCss } from '@atlaskit/editor-common/
|
|
5
|
+
import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
7
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
8
8
|
var isSSR = Boolean(process.env.REACT_SSR);
|
|
@@ -9,10 +9,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
9
9
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
10
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
11
|
function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
|
|
12
|
-
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
12
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
13
13
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
14
14
|
import { createRule } from '@atlaskit/editor-common/utils';
|
|
15
|
-
import {
|
|
15
|
+
import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules/constants';
|
|
16
|
+
import { createPlugin } from '@atlaskit/prosemirror-input-rules/utils';
|
|
16
17
|
var matcher;
|
|
17
18
|
export function inputRulePlugin(schema, editorAnalyticsAPI, pluginInjectionApi, disableAutoformat) {
|
|
18
19
|
if (disableAutoformat) {
|
|
@@ -10,10 +10,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
10
10
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
11
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
12
12
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
13
|
-
import { isSSR } from '@atlaskit/editor-common/
|
|
13
|
+
import { isSSR } from '@atlaskit/editor-common/is-ssr';
|
|
14
14
|
import { defaultEmojiHeight } from '@atlaskit/emoji';
|
|
15
15
|
import { emojiIdToEmoji } from '@atlaskit/emoji/emoji-id-to-emoji';
|
|
16
|
-
import { NodeDataProvider } from '@atlaskit/node-data-provider';
|
|
16
|
+
import { NodeDataProvider } from '@atlaskit/node-data-provider/node-data-provider';
|
|
17
17
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
18
18
|
export var EmojiNodeDataProvider = /*#__PURE__*/function (_NodeDataProvider) {
|
|
19
19
|
function EmojiNodeDataProvider(resource) {
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
-
import { ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
3
|
+
import { ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
4
4
|
import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
5
|
+
import Popup from '@atlaskit/editor-common/Popup';
|
|
6
|
+
import { OutsideClickTargetRefContext } from '@atlaskit/editor-common/ui-react';
|
|
7
|
+
import withOuterListeners from '@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners';
|
|
8
|
+
import { useSharedPluginState } from '@atlaskit/editor-common/useSharedPluginState';
|
|
9
|
+
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/useSharedPluginStateSelector';
|
|
10
|
+
import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
|
|
10
11
|
import { EmojiPicker } from '@atlaskit/emoji';
|
|
11
12
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
12
13
|
import { setInlineEmojiPopupOpen } from '../pm-plugins/actions';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
3
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
4
4
|
import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
|
|
5
5
|
import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
|
|
6
6
|
import EmojiIcon from '@atlaskit/icon/core/emoji';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
|
|
2
|
+
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages/insert-block';
|
|
3
3
|
import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
|
|
4
4
|
import { EMOJI_MENU_ITEM, MEDIA_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
|
|
5
5
|
import { MEDIA_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import type { EditorAnalyticsAPI
|
|
2
|
-
import type {
|
|
1
|
+
import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics/api';
|
|
2
|
+
import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
3
|
+
import type { EditorCommand } from '@atlaskit/editor-common/types/editor-command';
|
|
3
4
|
import { Fragment } from '@atlaskit/editor-prosemirror/model';
|
|
4
5
|
import type { Node, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
|
|
5
6
|
import type { EmojiId } from '@atlaskit/emoji';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { TypeAheadItem } from '@atlaskit/editor-common/types';
|
|
1
|
+
import type { TypeAheadItem } from '@atlaskit/editor-common/types/type-ahead';
|
|
2
2
|
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
3
3
|
import type { EmojiDescription, EmojiProvider } from '@atlaskit/emoji';
|
|
4
4
|
import type { EmojiPlugin, EmojiPluginState } from './emojiPluginType';
|
|
@@ -1,12 +1,17 @@
|
|
|
1
|
-
import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
2
|
-
import type { Command
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
5
|
-
import type {
|
|
1
|
+
import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
2
|
+
import type { Command } from '@atlaskit/editor-common/types/command';
|
|
3
|
+
import type { EditorCommand } from '@atlaskit/editor-common/types/editor-command';
|
|
4
|
+
import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
5
|
+
import type { TypeAheadHandler } from '@atlaskit/editor-common/types/type-ahead';
|
|
6
|
+
import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics/analyticsPluginType';
|
|
7
|
+
import type { InlineCommentMap } from '@atlaskit/editor-plugin-annotation/pm-plugins/types';
|
|
8
|
+
import type { InlineCommentInputMethod } from '@atlaskit/editor-plugin-annotation/types';
|
|
9
|
+
import type { BasePlugin } from '@atlaskit/editor-plugin-base/basePluginType';
|
|
6
10
|
import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity/connectivityPluginType';
|
|
7
|
-
import type { EditorViewModePluginState } from '@atlaskit/editor-plugin-editor-viewmode';
|
|
8
|
-
import type { MetricsPlugin } from '@atlaskit/editor-plugin-metrics';
|
|
9
|
-
import type {
|
|
11
|
+
import type { EditorViewModePluginState } from '@atlaskit/editor-plugin-editor-viewmode/editorViewmodePluginType';
|
|
12
|
+
import type { MetricsPlugin } from '@atlaskit/editor-plugin-metrics/metrics-plugin-type';
|
|
13
|
+
import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead/type-ahead-plugin-type';
|
|
14
|
+
import type { TypeAheadInputMethod } from '@atlaskit/editor-plugin-type-ahead/types';
|
|
10
15
|
import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry/ui-control-registry-plugin-type';
|
|
11
16
|
import type { SelectionBookmark } from '@atlaskit/editor-prosemirror/state';
|
|
12
17
|
import type { EmojiDescription, EmojiId, EmojiProvider, EmojiResourceConfig } from '@atlaskit/emoji';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { IntlShape } from 'react-intl';
|
|
2
|
-
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
2
|
+
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
3
3
|
import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
|
|
4
4
|
import type { NodeView } from '@atlaskit/editor-prosemirror/view';
|
|
5
5
|
import type { EmojiPlugin } from '../emojiPluginType';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
|
|
2
|
-
import type { TypeAheadHandler
|
|
1
|
+
import type { PublicPluginAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
2
|
+
import type { TypeAheadHandler } from '@atlaskit/editor-common/types/type-ahead';
|
|
3
|
+
import type { TypeAheadInputMethod } from '@atlaskit/editor-plugin-type-ahead/types';
|
|
3
4
|
import type { Transaction } from '@atlaskit/editor-prosemirror/state';
|
|
4
5
|
import type { EmojiDescription, EmojiProvider } from '@atlaskit/emoji';
|
|
5
6
|
import type { EmojiPlugin } from '../emojiPluginType';
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
|
|
2
|
-
import type
|
|
1
|
+
import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics/api';
|
|
2
|
+
import type ProviderFactory from '@atlaskit/editor-common/provider-factory/provider-factory';
|
|
3
3
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
4
|
-
import type {
|
|
4
|
+
import type { FeatureFlags } from '@atlaskit/editor-common/types/feature-flags';
|
|
5
|
+
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
5
6
|
import type { Schema } from '@atlaskit/editor-prosemirror/model';
|
|
6
7
|
import type { EmojiPlugin } from '../emojiPluginType';
|
|
7
8
|
export declare function inputRulePlugin(schema: Schema, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, pluginInjectionApi: ExtractInjectionAPI<EmojiPlugin> | undefined, disableAutoformat?: boolean): SafePlugin | undefined;
|
|
@@ -2,7 +2,7 @@ import type { EmojiDefinition } from '@atlaskit/adf-schema/emoji';
|
|
|
2
2
|
import type { JSONNode } from '@atlaskit/editor-json-transformer/types';
|
|
3
3
|
import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
|
|
4
4
|
import type { EmojiResource, OptionalEmojiDescriptionWithVariations } from '@atlaskit/emoji';
|
|
5
|
-
import { NodeDataProvider } from '@atlaskit/node-data-provider';
|
|
5
|
+
import { NodeDataProvider } from '@atlaskit/node-data-provider/node-data-provider';
|
|
6
6
|
export declare class EmojiNodeDataProvider extends NodeDataProvider<EmojiDefinition, OptionalEmojiDescriptionWithVariations> {
|
|
7
7
|
name: 'emojiNodeDataProvider';
|
|
8
8
|
private readonly emojiResource;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { ExtractInjectionAPI
|
|
2
|
+
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
3
|
+
import type { UiComponentFactoryParams } from '@atlaskit/editor-common/types/ui-components';
|
|
3
4
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
4
5
|
import type { EmojiPlugin } from '../emojiPluginType';
|
|
5
6
|
type InlineEmojiPopupProps = Pick<UiComponentFactoryParams, 'popupsBoundariesElement' | 'popupsMountPoint' | 'popupsScrollableElement'> & {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-emoji",
|
|
3
|
-
"version": "27.0.
|
|
3
|
+
"version": "27.0.5",
|
|
4
4
|
"description": "Emoji plugin for @atlaskit/editor-core",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
42
42
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
43
43
|
"@atlaskit/prosemirror-input-rules": "^4.1.0",
|
|
44
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
44
|
+
"@atlaskit/tmp-editor-statsig": "^232.0.0",
|
|
45
45
|
"@atlaskit/tokens": "^20.4.0",
|
|
46
46
|
"@babel/runtime": "^7.0.0",
|
|
47
47
|
"@emotion/react": "^11.7.1",
|