@atlaskit/editor-plugin-emoji 2.0.1 → 2.0.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-emoji
 
+## 2.0.3
+
+### Patch Changes
+
+- [#122612](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122612)
+  [`01a85ce0a88ec`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/01a85ce0a88ec) -
+  [ux] ED-23705 Add logic to handle annotations on inline nodes when they are inserted or pasted.
+  Covers the following inline nodes: emoji, status, mention, date, inlineCard
+
+## 2.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.0.1
 
 ### Patch Changes

package/dist/cjs/commands/insert-emoji.js

@@ -4,14 +4,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insertEmoji = void 0;
+exports.insertEmoji = exports.createEmojiFragment = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
 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; }
+var createEmojiFragment = exports.createEmojiFragment = function createEmojiFragment(doc, pos, emoji) {
+  var _emoji$id = emoji.id,
+    id = _emoji$id === void 0 ? '' : _emoji$id,
+    fallback = emoji.fallback,
+    shortName = emoji.shortName;
+  var annotationMarksForPos = (0, _utils.getAnnotationMarksForPos)(pos);
+  var emojiNode = doc.type.schema.nodes.emoji.createChecked({
+    shortName: shortName,
+    id: id,
+    text: fallback || shortName
+  }, null, annotationMarksForPos);
+  var space = doc.type.schema.text(' ', annotationMarksForPos);
+  return _model.Fragment.fromArray([emojiNode, space]);
+};
 var insertEmoji = exports.insertEmoji = function insertEmoji(editorAnalyticsAPI) {
   return function (emojiId, inputMethod) {
     return function (_ref) {
@@ -20,12 +36,17 @@ var insertEmoji = exports.insertEmoji = function insertEmoji(editorAnalyticsAPI)
         selection = tr.selection;
       var emoji = tr.doc.type.schema.nodes.emoji;
       if (emoji && emojiId) {
-        var node = emoji.createChecked(_objectSpread(_objectSpread({}, emojiId), {}, {
-          text: emojiId.fallback || emojiId.shortName
-        }));
-        var textNode = doc.type.schema.text(' ');
-        var fragment = _model.Fragment.fromArray([node, textNode]);
-        var newTr = (0, _utils.safeInsert)(fragment)(tr);
+        var fragment;
+        if ((0, _platformFeatureFlags.fg)('editor_inline_comments_paste_insert_nodes')) {
+          fragment = createEmojiFragment(doc, selection.$head, emojiId);
+        } else {
+          var node = emoji.createChecked(_objectSpread(_objectSpread({}, emojiId), {}, {
+            text: emojiId.fallback || emojiId.shortName
+          }));
+          var textNode = doc.type.schema.text(' ');
+          fragment = _model.Fragment.fromArray([node, textNode]);
+        }
+        var newTr = (0, _utils2.safeInsert)(fragment)(tr);
         if (inputMethod) {
           editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
             action: _analytics.ACTION.INSERTED,

package/dist/cjs/plugin.js

@@ -23,6 +23,7 @@ var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _emoji2 = require("@atlaskit/emoji");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _insertEmoji = require("./commands/insert-emoji");
 var _emoji3 = require("./nodeviews/emoji");
 var _asciiInputRules = require("./pm-plugins/ascii-input-rules");
@@ -144,12 +145,6 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
     selectItem: function selectItem(state, item, insert, _ref6) {
       var _api$analytics3;
       var mode = _ref6.mode;
-      var _item$emoji = item.emoji,
-        _item$emoji$id = _item$emoji.id,
-        id = _item$emoji$id === void 0 ? '' : _item$emoji$id,
-        fallback = _item$emoji.fallback,
-        shortName = _item$emoji.shortName;
-      var text = fallback || shortName;
       var emojiPluginState = emojiPluginKey.getState(state);
       if (emojiPluginState.emojiProvider && emojiPluginState.emojiProvider.recordSelection && item.emoji) {
         var _api$analytics$shared, _api$analytics, _api$analytics$shared2, _api$analytics2;
@@ -159,13 +154,25 @@ var emojiPlugin = exports.emojiPlugin = function emojiPlugin(_ref2) {
           createAnalyticsEvent: (_api$analytics$shared2 = api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.sharedState.currentState()) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.createAnalyticsEvent) !== null && _api$analytics$shared2 !== void 0 ? _api$analytics$shared2 : undefined
         }));
       }
-      var emojiNode = state.schema.nodes.emoji.createChecked({
-        shortName: shortName,
-        id: id,
-        text: text
-      });
-      var space = state.schema.text(' ');
-      var tr = insert(_model.Fragment.from([emojiNode, space]));
+      var fragment;
+      if ((0, _platformFeatureFlags.fg)('editor_inline_comments_paste_insert_nodes')) {
+        fragment = (0, _insertEmoji.createEmojiFragment)(state.doc, state.selection.$head, item.emoji);
+      } else {
+        var _item$emoji = item.emoji,
+          _item$emoji$id = _item$emoji.id,
+          id = _item$emoji$id === void 0 ? '' : _item$emoji$id,
+          fallback = _item$emoji.fallback,
+          shortName = _item$emoji.shortName;
+        var text = fallback || shortName;
+        var emojiNode = state.schema.nodes.emoji.createChecked({
+          shortName: shortName,
+          id: id,
+          text: text
+        });
+        var space = state.schema.text(' ');
+        fragment = _model.Fragment.from([emojiNode, space]);
+      }
+      var tr = insert(fragment);
       api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
         action: _analytics.ACTION.INSERTED,
         actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,

package/dist/cjs/ui/Emoji/index.js

@@ -9,7 +9,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _emoji = require("@atlaskit/editor-common/emoji");
 var _templateObject;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line
 var clickSelectWrapperStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage\n\tuser-select: all;\n"])));

package/dist/es2019/commands/insert-emoji.js

@@ -1,7 +1,24 @@
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { getAnnotationMarksForPos } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
+export const createEmojiFragment = (doc, pos, emoji) => {
+  const {
+    id = '',
+    fallback,
+    shortName
+  } = emoji;
+  const annotationMarksForPos = getAnnotationMarksForPos(pos);
+  const emojiNode = doc.type.schema.nodes.emoji.createChecked({
+    shortName,
+    id,
+    text: fallback || shortName
+  }, null, annotationMarksForPos);
+  const space = doc.type.schema.text(' ', annotationMarksForPos);
+  return Fragment.fromArray([emojiNode, space]);
+};
 export const insertEmoji = editorAnalyticsAPI => (emojiId, inputMethod) => {
   return ({
     tr
@@ -14,12 +31,17 @@ export const insertEmoji = editorAnalyticsAPI => (emojiId, inputMethod) => {
       emoji
     } = tr.doc.type.schema.nodes;
     if (emoji && emojiId) {
-      const node = emoji.createChecked({
-        ...emojiId,
-        text: emojiId.fallback || emojiId.shortName
-      });
-      const textNode = doc.type.schema.text(' ');
-      const fragment = Fragment.fromArray([node, textNode]);
+      let fragment;
+      if (fg('editor_inline_comments_paste_insert_nodes')) {
+        fragment = createEmojiFragment(doc, selection.$head, emojiId);
+      } else {
+        const node = emoji.createChecked({
+          ...emojiId,
+          text: emojiId.fallback || emojiId.shortName
+        });
+        const textNode = doc.type.schema.text(' ');
+        fragment = Fragment.fromArray([node, textNode]);
+      }
       const newTr = safeInsert(fragment)(tr);
       if (inputMethod) {
         editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({

package/dist/es2019/plugin.js

@@ -9,7 +9,8 @@ import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { EmojiTypeAheadItem, recordSelectionFailedSli, recordSelectionSucceededSli, SearchSort } from '@atlaskit/emoji';
-import { insertEmoji } from './commands/insert-emoji';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { createEmojiFragment, insertEmoji } from './commands/insert-emoji';
 import { EmojiNodeView } from './nodeviews/emoji';
 import { inputRulePlugin as asciiInputRulePlugin } from './pm-plugins/ascii-input-rules';
 export const emojiToTypeaheadItem = (emoji, emojiProvider) => ({
@@ -126,12 +127,6 @@ export const emojiPlugin = ({
       mode
     }) {
       var _api$analytics3;
-      const {
-        id = '',
-        fallback,
-        shortName
-      } = item.emoji;
-      const text = fallback || shortName;
       const emojiPluginState = emojiPluginKey.getState(state);
       if (emojiPluginState.emojiProvider && emojiPluginState.emojiProvider.recordSelection && item.emoji) {
         var _api$analytics$shared, _api$analytics, _api$analytics$shared2, _api$analytics$shared3, _api$analytics2, _api$analytics2$share;
@@ -141,13 +136,25 @@ export const emojiPlugin = ({
           createAnalyticsEvent: (_api$analytics$shared3 = api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$share = _api$analytics2.sharedState.currentState()) === null || _api$analytics2$share === void 0 ? void 0 : _api$analytics2$share.createAnalyticsEvent) !== null && _api$analytics$shared3 !== void 0 ? _api$analytics$shared3 : undefined
         }));
       }
-      const emojiNode = state.schema.nodes.emoji.createChecked({
-        shortName,
-        id,
-        text
-      });
-      const space = state.schema.text(' ');
-      const tr = insert(Fragment.from([emojiNode, space]));
+      let fragment;
+      if (fg('editor_inline_comments_paste_insert_nodes')) {
+        fragment = createEmojiFragment(state.doc, state.selection.$head, item.emoji);
+      } else {
+        const {
+          id = '',
+          fallback,
+          shortName
+        } = item.emoji;
+        const text = fallback || shortName;
+        const emojiNode = state.schema.nodes.emoji.createChecked({
+          shortName,
+          id,
+          text
+        });
+        const space = state.schema.text(' ');
+        fragment = Fragment.from([emojiNode, space]);
+      }
+      const tr = insert(fragment);
       api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.attachAnalyticsEvent({
         action: ACTION.INSERTED,
         actionSubject: ACTION_SUBJECT.DOCUMENT,

package/dist/es2019/ui/Emoji/index.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Emoji } from '@atlaskit/editor-common/emoji';

package/dist/esm/commands/insert-emoji.js

@@ -2,9 +2,25 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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; }
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { getAnnotationMarksForPos } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
+export var createEmojiFragment = function createEmojiFragment(doc, pos, emoji) {
+  var _emoji$id = emoji.id,
+    id = _emoji$id === void 0 ? '' : _emoji$id,
+    fallback = emoji.fallback,
+    shortName = emoji.shortName;
+  var annotationMarksForPos = getAnnotationMarksForPos(pos);
+  var emojiNode = doc.type.schema.nodes.emoji.createChecked({
+    shortName: shortName,
+    id: id,
+    text: fallback || shortName
+  }, null, annotationMarksForPos);
+  var space = doc.type.schema.text(' ', annotationMarksForPos);
+  return Fragment.fromArray([emojiNode, space]);
+};
 export var insertEmoji = function insertEmoji(editorAnalyticsAPI) {
   return function (emojiId, inputMethod) {
     return function (_ref) {
@@ -13,11 +29,16 @@ export var insertEmoji = function insertEmoji(editorAnalyticsAPI) {
         selection = tr.selection;
       var emoji = tr.doc.type.schema.nodes.emoji;
       if (emoji && emojiId) {
-        var node = emoji.createChecked(_objectSpread(_objectSpread({}, emojiId), {}, {
-          text: emojiId.fallback || emojiId.shortName
-        }));
-        var textNode = doc.type.schema.text(' ');
-        var fragment = Fragment.fromArray([node, textNode]);
+        var fragment;
+        if (fg('editor_inline_comments_paste_insert_nodes')) {
+          fragment = createEmojiFragment(doc, selection.$head, emojiId);
+        } else {
+          var node = emoji.createChecked(_objectSpread(_objectSpread({}, emojiId), {}, {
+            text: emojiId.fallback || emojiId.shortName
+          }));
+          var textNode = doc.type.schema.text(' ');
+          fragment = Fragment.fromArray([node, textNode]);
+        }
         var newTr = safeInsert(fragment)(tr);
         if (inputMethod) {
           editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({

package/dist/esm/plugin.js

@@ -12,7 +12,8 @@ import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { EmojiTypeAheadItem, recordSelectionFailedSli, recordSelectionSucceededSli, SearchSort } from '@atlaskit/emoji';
-import { insertEmoji } from './commands/insert-emoji';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { createEmojiFragment, insertEmoji } from './commands/insert-emoji';
 import { EmojiNodeView } from './nodeviews/emoji';
 import { inputRulePlugin as asciiInputRulePlugin } from './pm-plugins/ascii-input-rules';
 export var emojiToTypeaheadItem = function emojiToTypeaheadItem(emoji, emojiProvider) {
@@ -131,12 +132,6 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
     selectItem: function selectItem(state, item, insert, _ref6) {
       var _api$analytics3;
       var mode = _ref6.mode;
-      var _item$emoji = item.emoji,
-        _item$emoji$id = _item$emoji.id,
-        id = _item$emoji$id === void 0 ? '' : _item$emoji$id,
-        fallback = _item$emoji.fallback,
-        shortName = _item$emoji.shortName;
-      var text = fallback || shortName;
       var emojiPluginState = emojiPluginKey.getState(state);
       if (emojiPluginState.emojiProvider && emojiPluginState.emojiProvider.recordSelection && item.emoji) {
         var _api$analytics$shared, _api$analytics, _api$analytics$shared2, _api$analytics2;
@@ -146,13 +141,25 @@ export var emojiPlugin = function emojiPlugin(_ref2) {
           createAnalyticsEvent: (_api$analytics$shared2 = api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.sharedState.currentState()) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.createAnalyticsEvent) !== null && _api$analytics$shared2 !== void 0 ? _api$analytics$shared2 : undefined
         }));
       }
-      var emojiNode = state.schema.nodes.emoji.createChecked({
-        shortName: shortName,
-        id: id,
-        text: text
-      });
-      var space = state.schema.text(' ');
-      var tr = insert(Fragment.from([emojiNode, space]));
+      var fragment;
+      if (fg('editor_inline_comments_paste_insert_nodes')) {
+        fragment = createEmojiFragment(state.doc, state.selection.$head, item.emoji);
+      } else {
+        var _item$emoji = item.emoji,
+          _item$emoji$id = _item$emoji.id,
+          id = _item$emoji$id === void 0 ? '' : _item$emoji$id,
+          fallback = _item$emoji.fallback,
+          shortName = _item$emoji.shortName;
+        var text = fallback || shortName;
+        var emojiNode = state.schema.nodes.emoji.createChecked({
+          shortName: shortName,
+          id: id,
+          text: text
+        });
+        var space = state.schema.text(' ');
+        fragment = Fragment.from([emojiNode, space]);
+      }
+      var tr = insert(fragment);
       api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
         action: ACTION.INSERTED,
         actionSubject: ACTION_SUBJECT.DOCUMENT,

package/dist/esm/ui/Emoji/index.js

@@ -1,6 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Emoji } from '@atlaskit/editor-common/emoji';

package/dist/types/commands/insert-emoji.d.ts

@@ -1,4 +1,6 @@
 import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand } from '@atlaskit/editor-common/types';
+import { Fragment, type Node, type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import type { EmojiId } from '@atlaskit/emoji';
+export declare const createEmojiFragment: (doc: Node, pos: ResolvedPos, emoji: EmojiId) => Fragment;
 export declare const insertEmoji: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;

package/dist/types/ui/Emoji/index.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import type { EmojiProps } from '@atlaskit/editor-common/emoji';
 export default function EmojiNode(props: EmojiProps): jsx.JSX.Element;

package/dist/types-ts4.5/commands/insert-emoji.d.ts

@@ -1,4 +1,6 @@
 import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand } from '@atlaskit/editor-common/types';
+import { Fragment, type Node, type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import type { EmojiId } from '@atlaskit/emoji';
+export declare const createEmojiFragment: (doc: Node, pos: ResolvedPos, emoji: EmojiId) => Fragment;
 export declare const insertEmoji: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;

package/dist/types-ts4.5/ui/Emoji/index.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import type { EmojiProps } from '@atlaskit/editor-common/emoji';
 export default function EmojiNode(props: EmojiProps): jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-emoji",
-	"version": "2.0.1",
+	"version": "2.0.3",
 	"description": "Emoji plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -22,11 +22,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^39.0.3",
-		"@atlaskit/editor-common": "^85.0.0",
+		"@atlaskit/editor-common": "^86.4.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
 		"@atlaskit/editor-plugin-type-ahead": "^1.4.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
 		"@atlaskit/emoji": "^67.6.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/prosemirror-input-rules": "^3.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -90,5 +91,10 @@
 	},
 	"af:exports": {
 		".": "./src/index.ts"
+	},
+	"platform-feature-flags": {
+		"editor_inline_comments_paste_insert_nodes": {
+			"type": "boolean"
+		}
 	}
 }