@atlaskit/editor-core 148.0.0 → 149.0.3

package/dist/esm/plugins/emoji/index.js

@@ -7,6 +7,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import { Plugin, PluginKey } from 'prosemirror-state';
 import { emoji } from '@atlaskit/adf-schema';
+import { Fragment } from 'prosemirror-model';
+import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { EmojiTypeAheadItem, SearchSort, recordSelectionSucceededSli, recordSelectionFailedSli } from '@atlaskit/emoji';
 import { inputRulePlugin as asciiInputRulePlugin } from './pm-plugins/ascii-input-rules';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../analytics';
@@ -16,6 +18,7 @@ import emojiNodeViewNext from './nodeviews/emoji-next';
 import { EmojiContextProvider } from './ui/EmojiContextProvider';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { getFeatureFlags } from '../feature-flags-context';
+import { openTypeAheadAtCursor } from '../type-ahead/transforms/open-typeahead-at-cursor';
 export var emojiToTypeaheadItem = function emojiToTypeaheadItem(emoji, emojiProvider) {
   return {
     title: emoji.shortName || '',
@@ -70,7 +73,105 @@ var isFullShortName = function isFullShortName(query) {
   return query && query.length > 1 && query.charAt(0) === ':' && query.charAt(query.length - 1) === ':';
 };
 
+var TRIGGER = ':';
+
 var emojiPlugin = function emojiPlugin(options) {
+  var typeAhead = {
+    id: TypeAheadAvailableNodes.EMOJI,
+    trigger: TRIGGER,
+    // Custom regex must have a capture group around trigger
+    // so it's possible to use it without needing to scan through all triggers again
+    customRegex: '\\(?(:)',
+    headless: options ? options.headless : undefined,
+    getItems: function getItems(_ref2) {
+      var query = _ref2.query,
+          editorState = _ref2.editorState;
+      var pluginState = getEmojiPluginState(editorState);
+      var emojiProvider = pluginState.emojiProvider;
+
+      if (!emojiProvider) {
+        return Promise.resolve([]);
+      }
+
+      return new Promise(function (resolve) {
+        var emojiProviderChangeHandler = {
+          result: function result(emojiResult) {
+            if (!emojiResult || !emojiResult.emojis) {
+              resolve([]);
+            } else {
+              var emojiItems = emojiResult.emojis.map(function (emoji) {
+                return memoizedToItem.call(emoji, emojiProvider);
+              });
+              resolve(emojiItems);
+            }
+
+            emojiProvider.unsubscribe(emojiProviderChangeHandler);
+          }
+        };
+        emojiProvider.subscribe(emojiProviderChangeHandler);
+        emojiProvider.filter(TRIGGER.concat(query), {
+          limit: defaultListLimit,
+          skinTone: emojiProvider.getSelectedTone(),
+          sort: !query.length ? SearchSort.UsageFrequency : SearchSort.Default
+        });
+      });
+    },
+    forceSelect: function forceSelect(_ref3) {
+      var query = _ref3.query,
+          items = _ref3.items,
+          editorState = _ref3.editorState;
+
+      var _emojiPluginKey$getSt = emojiPluginKey.getState(editorState),
+          asciiMap = _emojiPluginKey$getSt.asciiMap;
+
+      var normalizedQuery = TRIGGER.concat(query); // if the query has space at the end
+      // check the ascii map for emojis
+
+      if (asciiMap && normalizedQuery.length >= 3 && normalizedQuery.endsWith(' ') && asciiMap.has(normalizedQuery.trim())) {
+        var _emoji = asciiMap.get(normalizedQuery.trim());
+
+        return {
+          title: _emoji.name,
+          emoji: _emoji
+        };
+      }
+
+      var matchedItem = isFullShortName(normalizedQuery) ? items.find(function (item) {
+        return item.title.toLowerCase() === normalizedQuery;
+      }) : undefined;
+      return matchedItem;
+    },
+    selectItem: function selectItem(state, item, insert, _ref4) {
+      var mode = _ref4.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) {
+        emojiPluginState.emojiProvider.recordSelection(item.emoji).then(recordSelectionSucceededSli(options)).catch(recordSelectionFailedSli(options));
+      }
+
+      var emojiNode = state.schema.nodes.emoji.createChecked({
+        shortName: shortName,
+        id: id,
+        text: text
+      });
+      var space = state.schema.text(' ');
+      return addAnalytics(state, insert(Fragment.from([emojiNode, space])), {
+        action: ACTION.INSERTED,
+        actionSubject: ACTION_SUBJECT.DOCUMENT,
+        actionSubjectId: ACTION_SUBJECT_ID.EMOJI,
+        attributes: {
+          inputMethod: INPUT_METHOD.TYPEAHEAD
+        },
+        eventType: EVENT_TYPE.TRACK
+      });
+    }
+  };
   return {
     name: 'emoji',
     nodes: function nodes() {
@@ -82,26 +183,26 @@ var emojiPlugin = function emojiPlugin(options) {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'emoji',
-        plugin: function plugin(_ref2) {
-          var providerFactory = _ref2.providerFactory,
-              dispatch = _ref2.dispatch,
-              portalProviderAPI = _ref2.portalProviderAPI,
-              eventDispatcher = _ref2.eventDispatcher;
+        plugin: function plugin(_ref5) {
+          var providerFactory = _ref5.providerFactory,
+              dispatch = _ref5.dispatch,
+              portalProviderAPI = _ref5.portalProviderAPI,
+              eventDispatcher = _ref5.eventDispatcher;
           return emojiPluginFactory(dispatch, providerFactory, portalProviderAPI, eventDispatcher, options);
         }
       }, {
         name: 'emojiAsciiInputRule',
-        plugin: function plugin(_ref3) {
-          var schema = _ref3.schema,
-              providerFactory = _ref3.providerFactory,
-              featureFlags = _ref3.featureFlags;
+        plugin: function plugin(_ref6) {
+          var schema = _ref6.schema,
+              providerFactory = _ref6.providerFactory,
+              featureFlags = _ref6.featureFlags;
           return asciiInputRulePlugin(schema, providerFactory, featureFlags);
         }
       }];
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref4) {
-        var formatMessage = _ref4.formatMessage;
+      quickInsert: function quickInsert(_ref7) {
+        var formatMessage = _ref7.formatMessage;
         return [{
           id: 'emoji',
           title: formatMessage(messages.emoji),
@@ -112,11 +213,11 @@ var emojiPlugin = function emojiPlugin(options) {
             return /*#__PURE__*/React.createElement(IconEmoji, null);
           },
           action: function action(insert, state) {
-            var mark = state.schema.mark('typeAheadQuery', {
-              trigger: ':'
-            });
-            var emojiText = state.schema.text(':', [mark]);
-            var tr = insert(emojiText);
+            var tr = insert(undefined);
+            openTypeAheadAtCursor({
+              triggerHandler: typeAhead,
+              inputMethod: INPUT_METHOD.QUICK_INSERT
+            })(tr);
             return addAnalytics(state, tr, {
               action: ACTION.INVOKED,
               actionSubject: ACTION_SUBJECT.TYPEAHEAD,
@@ -129,69 +230,7 @@ var emojiPlugin = function emojiPlugin(options) {
           }
         }];
       },
-      typeAhead: {
-        trigger: ':',
-        // Custom regex must have a capture group around trigger
-        // so it's possible to use it without needing to scan through all triggers again
-        customRegex: '\\(?(:)',
-        headless: options ? options.headless : undefined,
-        getItems: function getItems(query, state, _intl, _ref5) {
-          var prevActive = _ref5.prevActive,
-              queryChanged = _ref5.queryChanged;
-          var pluginState = getEmojiPluginState(state);
-          var emojiProvider = pluginState.emojiProvider,
-              pluginEmojis = pluginState.emojis;
-          var emojis = !prevActive && queryChanged ? [] : pluginEmojis || [];
-
-          if (queryChanged && emojiProvider) {
-            memoizedToItem.clear();
-            emojiProvider.filter(query ? ":".concat(query) : '', {
-              limit: defaultListLimit,
-              skinTone: emojiProvider.getSelectedTone(),
-              sort: !query.length ? SearchSort.UsageFrequency : SearchSort.Default
-            });
-          }
-
-          return emojis.map(function (emoji) {
-            return memoizedToItem.call(emoji, emojiProvider);
-          });
-        },
-        forceSelect: function forceSelect(query, items) {
-          var normalizedQuery = ':' + query;
-          var matchedItem = isFullShortName(normalizedQuery) ? items.find(function (item) {
-            return item.title.toLowerCase() === normalizedQuery;
-          }) : undefined;
-          return matchedItem;
-        },
-        selectItem: function selectItem(state, item, insert, _ref6) {
-          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) {
-            emojiPluginState.emojiProvider.recordSelection(item.emoji).then(recordSelectionSucceededSli(options)).catch(recordSelectionFailedSli(options));
-          }
-
-          return addAnalytics(state, insert(state.schema.nodes.emoji.createChecked({
-            shortName: shortName,
-            id: id,
-            text: text
-          })), {
-            action: ACTION.INSERTED,
-            actionSubject: ACTION_SUBJECT.DOCUMENT,
-            actionSubjectId: ACTION_SUBJECT_ID.EMOJI,
-            attributes: {
-              inputMethod: INPUT_METHOD.TYPEAHEAD
-            },
-            eventType: EVENT_TYPE.TRACK
-          });
-        }
-      }
+      typeAhead: typeAhead
     }
   };
 };
@@ -203,15 +242,17 @@ export default emojiPlugin;
 
 export var ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER',
-  SET_RESULTS: 'SET_RESULTS'
+  SET_RESULTS: 'SET_RESULTS',
+  SET_ASCII_MAP: 'SET_ASCII_MAP'
 };
-export var setProvider = function setProvider(provider) {
+
+var setAsciiMap = function setAsciiMap(asciiMap) {
   return function (state, dispatch) {
     if (dispatch) {
       dispatch(state.tr.setMeta(emojiPluginKey, {
-        action: ACTIONS.SET_PROVIDER,
+        action: ACTIONS.SET_ASCII_MAP,
         params: {
-          provider: provider
+          asciiMap: asciiMap
         }
       }));
     }
@@ -219,13 +260,14 @@ export var setProvider = function setProvider(provider) {
     return true;
   };
 };
-export var setResults = function setResults(results) {
+
+export var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {
       dispatch(state.tr.setMeta(emojiPluginKey, {
-        action: ACTIONS.SET_RESULTS,
+        action: ACTIONS.SET_PROVIDER,
         params: {
-          results: results
+          provider: provider
         }
       }));
     }
@@ -238,8 +280,6 @@ export function getEmojiPluginState(state) {
   return emojiPluginKey.getState(state) || {};
 }
 export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI, eventDispatcher, options) {
-  var emojiProvider;
-  var emojiProviderChangeHandler;
   return new Plugin({
     key: emojiPluginKey,
     state: {
@@ -247,12 +287,12 @@ export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI,
         return {};
       },
       apply: function apply(tr, pluginState) {
-        var _ref7 = tr.getMeta(emojiPluginKey) || {
+        var _ref8 = tr.getMeta(emojiPluginKey) || {
           action: null,
           params: null
         },
-            action = _ref7.action,
-            params = _ref7.params;
+            action = _ref8.action,
+            params = _ref8.params;
 
         var newPluginState = pluginState;
 
@@ -264,9 +304,9 @@ export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI,
             dispatch(emojiPluginKey, newPluginState);
             return newPluginState;
 
-          case ACTIONS.SET_RESULTS:
+          case ACTIONS.SET_ASCII_MAP:
             newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
-              emojis: params.results.emojis
+              asciiMap: params.asciiMap
             });
             dispatch(emojiPluginKey, newPluginState);
             return newPluginState;
@@ -293,22 +333,10 @@ export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI,
             }
 
             providerPromise.then(function (provider) {
-              if (emojiProvider && emojiProviderChangeHandler) {
-                emojiProvider.unsubscribe(emojiProviderChangeHandler);
-              }
-
-              emojiProvider = provider;
               setProvider(provider)(editorView.state, editorView.dispatch);
-              emojiProviderChangeHandler = {
-                result: function result(emojis) {
-                  // Emoji provider is synchronous and
-                  // we need to make it async here to make PM happy
-                  Promise.resolve().then(function () {
-                    setResults(emojis)(editorView.state, editorView.dispatch);
-                  });
-                }
-              };
-              provider.subscribe(emojiProviderChangeHandler);
+              provider.getAsciiMap().then(function (asciiMap) {
+                setAsciiMap(asciiMap)(editorView.state, editorView.dispatch);
+              });
             }).catch(function () {
               return setProvider(undefined)(editorView.state, editorView.dispatch);
             });
@@ -324,10 +352,6 @@ export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI,
           if (providerFactory) {
             providerFactory.unsubscribe('emojiProvider', providerHandler);
           }
-
-          if (emojiProvider && emojiProviderChangeHandler) {
-            emojiProvider.unsubscribe(emojiProviderChangeHandler);
-          }
         }
       };
     }

package/dist/esm/plugins/emoji/pm-plugins/ascii-input-rules.js

@@ -13,7 +13,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import { PluginKey } from 'prosemirror-state';
 import { createRule, createPlugin } from '../../../utils/input-rules';
 import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
-import { isMarkTypeAllowedInCurrentSelection } from '../../../utils';
 import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '../../analytics';
 var matcher;
 export function inputRulePlugin(schema, providerFactory, featureFlags) {
@@ -49,10 +48,6 @@ function inputRuleHandler(state, matchParts, start, end) {
     return null;
   }
 
-  if (!isEnabled(state)) {
-    return null;
-  }
-
   var match = matcher.match(matchParts);
 
   if (match) {
@@ -63,14 +58,6 @@ function inputRuleHandler(state, matchParts, start, end) {
   return null;
 }
 
-function isEnabled(state) {
-  var typeAheadQuery = state.schema.marks.typeAheadQuery;
-  var isTypeAheadQueryActive = state.selection.$from.marks().some(function (mark) {
-    return mark.type === typeAheadQuery;
-  });
-  return isTypeAheadQueryActive || isMarkTypeAllowedInCurrentSelection(typeAheadQuery, state);
-}
-
 var REGEX_LEADING_CAPTURE_INDEX = 1;
 var REGEX_EMOJI_LEADING_PARENTHESES = 2;
 var REGEX_EMOJI_ASCII_CAPTURE_INDEX = 3;

package/dist/esm/plugins/expand/pm-plugins/keymap.js

@@ -3,7 +3,6 @@ import { Selection, TextSelection, NodeSelection } from 'prosemirror-state';
 import * as keymaps from '../../../keymaps';
 import { GapCursorSelection, Side } from '../../selection/gap-cursor-selection';
 import { findExpand } from '../utils';
-import { findTypeAheadQuery } from '../../type-ahead/utils/find-query-mark';
 import { isEmptyNode } from '../../../utils';
 import { expandClassNames } from '../ui/class-names';
 import { deleteExpand, focusTitle } from '../commands';
@@ -78,9 +77,7 @@ export function expandKeymap() {
     return false;
   }, list);
   keymaps.bindKeymapWithCommand(keymaps.moveUp.common, function (state, dispatch, editorView) {
-    var queryMark = findTypeAheadQuery(state);
-
-    if (queryMark.start !== -1 && queryMark.end !== -1 || !editorView) {
+    if (!editorView) {
       return false;
     }
 
@@ -112,8 +109,8 @@ export function expandKeymap() {
           return focusTitle(expandBefore.start)(state, dispatch, editorView);
         } // moving cursor from outside of an expand to the content when it is expanded
         else if (dispatch) {
-            dispatch(state.tr.setSelection(sel));
-          }
+          dispatch(state.tr.setSelection(sel));
+        }
 
         return true;
       }

package/dist/esm/plugins/extension/actions.js

@@ -63,22 +63,22 @@ export var performNodeUpdate = function performNodeUpdate(type, newAttrs, conten
       tr.setSelection(TextSelection.create(tr.doc, state.selection.anchor));
     } // If any extension is currently selected
     else if (findSelectedNodeOfType([extension, bodiedExtension, inlineExtension])(selection)) {
-        tr = replaceSelectedNode(newNode)(tr); // Replacing selected node doesn't update the selection. `selection.node` still returns the old node
-
-        tr.setSelection(NodeSelection.create(tr.doc, tr.mapping.map(state.selection.anchor)));
-      } // When we loose the selection. This usually happens when Synchrony resets or changes
-      // the selection when user is in the middle of updating an extension.
-      else if (extensionState.element) {
-          var pos = view.posAtDOM(extensionState.element, -1);
-
-          if (pos > -1) {
-            tr = tr.replaceWith(pos, pos + (content.size || 0) + 1, newNode);
-            tr.setSelection(Selection.near(tr.doc.resolve(pos)));
-            targetSelectionSource = TARGET_SELECTION_SOURCE.HTML_ELEMENT;
-          } else {
-            action = ACTION.ERRORED;
-          }
-        } // Only scroll if we have anything to update, best to avoid surprise scroll
+      tr = replaceSelectedNode(newNode)(tr); // Replacing selected node doesn't update the selection. `selection.node` still returns the old node
+
+      tr.setSelection(NodeSelection.create(tr.doc, tr.mapping.map(state.selection.anchor)));
+    } // When we loose the selection. This usually happens when Synchrony resets or changes
+    // the selection when user is in the middle of updating an extension.
+    else if (extensionState.element) {
+      var pos = view.posAtDOM(extensionState.element, -1);
+
+      if (pos > -1) {
+        tr = tr.replaceWith(pos, pos + (content.size || 0) + 1, newNode);
+        tr.setSelection(Selection.near(tr.doc.resolve(pos)));
+        targetSelectionSource = TARGET_SELECTION_SOURCE.HTML_ELEMENT;
+      } else {
+        action = ACTION.ERRORED;
+      }
+    } // Only scroll if we have anything to update, best to avoid surprise scroll
 
 
     if (dispatch && tr.docChanged) {

package/dist/esm/plugins/extension/pm-plugins/main.js

@@ -315,10 +315,10 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
             })(state, dispatch);
           } // New DOM element doesn't necessarily mean it's a new Node
           else if (element !== newElement) {
-              updateState({
-                element: newElement
-              })(state, dispatch);
-            }
+            updateState({
+              element: newElement
+            })(state, dispatch);
+          }
 
           return true;
         },

package/dist/esm/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -128,7 +128,8 @@ var ExtensionComponent = /*#__PURE__*/function (_Component) {
         extensionType: extensionType,
         extensionKey: extensionKey,
         parameters: parameters,
-        content: text
+        content: text,
+        localId: pmNode.attrs.localId
       };
       var result;
 
@@ -144,7 +145,7 @@ var ExtensionComponent = /*#__PURE__*/function (_Component) {
           var NodeRenderer = extensionHandlerFromProvider;
           return /*#__PURE__*/React.createElement(NodeRenderer, {
             node: node,
-            refNode: _this.props.refNode
+            references: _this.props.references
           });
         }
       }
@@ -198,7 +199,7 @@ var ExtensionComponent = /*#__PURE__*/function (_Component) {
           node = _this$props2.node,
           handleContentDOMRef = _this$props2.handleContentDOMRef,
           editorView = _this$props2.editorView,
-          refNode = _this$props2.refNode,
+          references = _this$props2.references,
           editorAppearance = _this$props2.editorAppearance;
       var extensionHandlerResult = this.tryExtensionHandler();
 
@@ -207,7 +208,7 @@ var ExtensionComponent = /*#__PURE__*/function (_Component) {
         case 'bodiedExtension':
           return /*#__PURE__*/React.createElement(Extension, {
             node: node,
-            refNode: refNode,
+            references: references,
             extensionProvider: this.state.extensionProvider,
             handleContentDOMRef: handleContentDOMRef,
             view: editorView,

package/dist/esm/plugins/extension/ui/Extension/index.js

@@ -34,12 +34,12 @@ var Extension = /*#__PURE__*/function (_Component) {
           editorView = _this$props.editorView,
           handleContentDOMRef = _this$props.handleContentDOMRef,
           extensionHandlers = _this$props.extensionHandlers,
-          refNode = _this$props.refNode,
+          references = _this$props.references,
           editorAppearance = _this$props.editorAppearance;
       return /*#__PURE__*/React.createElement(ExtensionComponent, {
         editorView: editorView,
         node: node,
-        refNode: refNode,
+        references: references,
         extensionProvider: extensionProvider,
         handleContentDOMRef: handleContentDOMRef,
         extensionHandlers: extensionHandlers,

package/dist/esm/plugins/feature-flags-context/feature-flags-from-props.js

@@ -12,7 +12,7 @@ import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature
  * which is used by both current and archv3 editors.
  */
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23;
+  var _props$allowTextColor, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25;
 
   return _objectSpread(_objectSpread({}, normalizeFeatureFlags(props.featureFlags)), {}, {
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
@@ -38,6 +38,7 @@ export function createFeatureFlagsFromProps(props) {
     showAvatarGroupAsPlugin: Boolean(typeof ((_props$featureFlags16 = props.featureFlags) === null || _props$featureFlags16 === void 0 ? void 0 : _props$featureFlags16.showAvatarGroupAsPlugin) === 'boolean' ? !!((_props$featureFlags17 = props.featureFlags) !== null && _props$featureFlags17 !== void 0 && _props$featureFlags17.showAvatarGroupAsPlugin) : false),
     errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags18 = props.featureFlags) === null || _props$featureFlags18 === void 0 ? void 0 : _props$featureFlags18.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags19 = props.featureFlags) !== null && _props$featureFlags19 !== void 0 && _props$featureFlags19.useErrorBoundaryDocStructure) : false),
     synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags21 = props.featureFlags) !== null && _props$featureFlags21 !== void 0 && _props$featureFlags21.synchronyErrorDocStructure) : false),
-    enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.enableViewUpdateSubscription) : false)
+    enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.enableViewUpdateSubscription) : false),
+    collabAvatarScroll: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.collabAvatarScroll) : false)
   });
 }

package/dist/esm/plugins/floating-toolbar/ui/ConfirmationModal.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { injectIntl } from 'react-intl';
-import Modal, { ModalTransition } from '@atlaskit/modal-dialog';
+import Button from '@atlaskit/button/standard-button';
+import Modal, { ModalTransition, ModalBody, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';
 import messages from './messages';
 
 var ConfirmationModalImpl = function ConfirmationModalImpl(props) {
@@ -12,24 +13,20 @@ var ConfirmationModalImpl = function ConfirmationModalImpl(props) {
   var heading = (options === null || options === void 0 ? void 0 : options.title) || formatMessage(messages.confirmModalDefaultHeading);
   var okButtonLabel = (options === null || options === void 0 ? void 0 : options.okButtonLabel) || formatMessage(messages.confirmModalOK);
   var cancelButtonLabel = (options === null || options === void 0 ? void 0 : options.cancelButtonLabel) || formatMessage(messages.confirmModalCancel);
-  var actionButtons = [{
-    text: cancelButtonLabel,
-    appearance: 'default',
+  return /*#__PURE__*/React.createElement(ModalTransition, null, options && /*#__PURE__*/React.createElement(Modal, {
+    onClose: onClose,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, {
+    appearance: "warning"
+  }, heading)), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("p", null, options.message)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    appearance: "default",
     onClick: onClose,
     testId: testId ? "".concat(testId, "-cancel-button") : undefined
-  }, {
-    text: okButtonLabel,
-    appearance: 'warning',
+  }, cancelButtonLabel), /*#__PURE__*/React.createElement(Button, {
+    appearance: "warning",
     onClick: onConfirm,
     testId: testId ? "".concat(testId, "-confirm-button") : undefined
-  }];
-  return /*#__PURE__*/React.createElement(ModalTransition, null, options && /*#__PURE__*/React.createElement(Modal, {
-    actions: actionButtons,
-    onClose: onClose,
-    heading: heading,
-    appearance: "warning",
-    testId: testId
-  }, /*#__PURE__*/React.createElement("p", null, options.message)));
+  }, okButtonLabel))));
 };
 
 export var ConfirmationModal = injectIntl(ConfirmationModalImpl);

package/dist/esm/plugins/floating-toolbar/ui/EditorEmojiAddIcon.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export default function EditorEmojiAddIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    "aria-label": "editor-add-emoji"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 24,
+    height: 24,
+    fill: "white",
+    fillOpacity: "0.01"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.5715 6.20367C13.7531 5.88041 12.8807 5.71423 12 5.71423C10.1435 5.71423 8.36301 6.45173 7.05025 7.76449C5.7375 9.07724 5 10.8577 5 12.7142C5 14.5708 5.7375 16.3512 7.05025 17.664C8.36301 18.9767 10.1435 19.7142 12 19.7142C12.9193 19.7142 13.8295 19.5332 14.6788 19.1814C15.5281 18.8296 16.2997 18.314 16.9497 17.664C17.5998 17.014 18.1154 16.2423 18.4672 15.393C18.8189 14.5437 19 13.6335 19 12.7142C19 12.1349 18.9281 11.5591 18.7868 10.9999H17.2266C17.404 11.5396 17.5 12.1159 17.5 12.7142C17.5 15.7472 15.033 18.2142 12 18.2142C8.967 18.2142 6.5 15.7472 6.5 12.7142C6.50159 11.256 7.08156 9.85801 8.11267 8.8269C9.14377 7.79579 10.5418 7.21582 12 7.21423C12.9284 7.21423 13.8037 7.44537 14.5715 7.85312V6.20367ZM9.79289 11.9213C9.98043 12.1089 10.2348 12.2142 10.5 12.2142C10.7652 12.2142 11.0196 12.1089 11.2071 11.9213C11.3946 11.7338 11.5 11.4795 11.5 11.2142C11.5 10.949 11.3946 10.6947 11.2071 10.5071C11.0196 10.3196 10.7652 10.2142 10.5 10.2142C10.2348 10.2142 9.98043 10.3196 9.79289 10.5071C9.60536 10.6947 9.5 10.949 9.5 11.2142C9.5 11.4795 9.60536 11.7338 9.79289 11.9213ZM12.7929 11.9213C12.9804 12.1089 13.2348 12.2142 13.5 12.2142C13.7652 12.2142 14.0196 12.1089 14.2071 11.9213C14.3946 11.7338 14.5 11.4795 14.5 11.2142C14.5 10.949 14.3946 10.6947 14.2071 10.5071C14.0196 10.3196 13.7652 10.2142 13.5 10.2142C13.2348 10.2142 12.9804 10.3196 12.7929 10.5071C12.6054 10.6947 12.5 10.949 12.5 11.2142C12.5 11.4795 12.6054 11.7338 12.7929 11.9213ZM14.1965 13.61C14.0355 13.6153 13.8828 13.6823 13.77 13.7972C12.871 14.8032 11.133 14.8032 10.232 13.8002C10.1205 13.6799 9.96614 13.6082 9.80223 13.6006C9.63832 13.5931 9.47801 13.6503 9.35592 13.7599C9.23383 13.8695 9.15974 14.0227 9.14965 14.1865C9.13956 14.3503 9.19428 14.5115 9.302 14.6352C9.64217 15.0139 10.0582 15.3167 10.523 15.5241C10.9878 15.7316 11.491 15.8389 12 15.8392C12.51 15.839 13.0142 15.7313 13.4797 15.5231C13.9453 15.315 14.3617 15.0111 14.702 14.6312C14.8037 14.5064 14.8535 14.3472 14.8409 14.1866C14.8282 14.0261 14.7542 13.8766 14.6342 13.7692C14.5142 13.6618 14.3574 13.6048 14.1965 13.61Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.2856 8.31714H17.0228V9.05429C17.0228 9.28161 17.1131 9.49963 17.2738 9.66038C17.4345 9.82112 17.6526 9.91143 17.8799 9.91143C18.1072 9.91143 18.3252 9.82112 18.486 9.66038C18.6467 9.49963 18.737 9.28161 18.737 9.05429V8.31714H19.4828C19.7101 8.31714 19.9281 8.22684 20.0888 8.06609C20.2496 7.90535 20.3399 7.68733 20.3399 7.46C20.3399 7.23267 20.2496 7.01465 20.0888 6.85391C19.9281 6.69316 19.7101 6.60286 19.4828 6.60286H18.737V5.85714C18.737 5.62981 18.6467 5.4118 18.486 5.25105C18.3252 5.09031 18.1072 5 17.8799 5C17.6526 5 17.4345 5.09031 17.2738 5.25105C17.1131 5.4118 17.0228 5.62981 17.0228 5.85714V6.60286H16.2856C16.0583 6.60286 15.8403 6.69316 15.6795 6.85391C15.5188 7.01465 15.4285 7.23267 15.4285 7.46C15.4285 7.68733 15.5188 7.90535 15.6795 8.06609C15.8403 8.22684 16.0583 8.31714 16.2856 8.31714Z",
+    fill: "currentColor"
+  }));
+}

package/dist/esm/plugins/floating-toolbar/ui/EditorHideEmojiIcon.js

@@ -0,0 +1,28 @@
+import React from 'react';
+export default function EditorHideEmojiIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24",
+    fill: "white",
+    fillOpacity: "0.01"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.84238 8.67075C5.29444 9.68427 5 10.827 5 12C5 13.8565 5.7375 15.637 7.05025 16.9497C8.36301 18.2625 10.1435 19 12 19C12.9193 19 13.8295 18.8189 14.6788 18.4672C14.9012 18.375 15.1183 18.2717 15.3292 18.1576L14.2087 17.037C13.5324 17.3347 12.7851 17.5 12 17.5C8.967 17.5 6.5 15.033 6.5 12C6.50084 11.2327 6.66182 10.4821 6.9644 9.79277L5.84238 8.67075ZM17.0371 14.2086C17.3347 13.5323 17.5 12.7851 17.5 12C17.5 8.967 15.033 6.5 12 6.5C11.2327 6.50084 10.4821 6.6618 9.79285 6.96437L8.67083 5.84234C9.68433 5.29442 10.827 5 12 5C12.9193 5 13.8295 5.18106 14.6788 5.53284C15.5281 5.88463 16.2997 6.40024 16.9497 7.05025C17.5998 7.70026 18.1154 8.47194 18.4672 9.32122C18.8189 10.1705 19 11.0807 19 12C19 12.9193 18.8189 13.8295 18.4672 14.6788C18.375 14.9012 18.2717 15.1182 18.1577 15.3292L17.0371 14.2086Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "4.31882",
+    y: "5.55618",
+    width: "1.75",
+    height: "19.9758",
+    rx: "0.875",
+    transform: "rotate(-45 4.31882 5.55618)",
+    fill: "currentColor"
+  }));
+}