@atlaskit/editor-core 183.1.1 → 184.0.0

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

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -7,6 +8,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["actions"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -18,10 +20,9 @@ import { css, jsx } from '@emotion/react';
 import Transition from 'react-transition-group/Transition';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
-import { ContextPanelConsumer } from './context';
+import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 import WithPluginState from '../WithPluginState';
 import { pluginKey as contextPanelPluginKey } from '../../plugins/context-panel';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
 import WithEditorActions from '../WithEditorActions';
 import { getChildBreakoutModes } from '../../utils/document';
 var ANIM_SPEED_MS = 500;
@@ -57,6 +58,13 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       mounted: false,
       currentPluginContent: undefined
     });
+    _defineProperty(_assertThisInitialized(_this), "focusEditor", function () {
+      var editorView = _this.props.editorView;
+      if (editorView && !editorView.hasFocus()) {
+        var _editorView$focus;
+        (_editorView$focus = editorView.focus) === null || _editorView$focus === void 0 ? void 0 : _editorView$focus.call(editorView);
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "showPluginContent", function () {
       var pluginContent = _this.props.pluginContent;
       var currentPluginContent = _this.state.currentPluginContent;
@@ -82,7 +90,8 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
-        unmountOnExit: true
+        unmountOnExit: true,
+        onExiting: _this.focusEditor
       }, children);
     });
     return _this;
@@ -114,8 +123,9 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
         var broadcastWidth = _ref.broadcastWidth,
           broadcastPosition = _ref.broadcastPosition,
           positionedOverEditor = _ref.positionedOverEditor;
+        var contextPanelWidth = visible ? width : 0;
         var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width) : false;
-        broadcastWidth(visible ? width : 0);
+        broadcastWidth(contextPanelWidth);
         (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
         return jsx("div", {
           css: [panel, !visible && panelHidden,
@@ -146,55 +156,56 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return SwappableContentArea;
 }(React.PureComponent);
-var ContextPanel = /*#__PURE__*/function (_React$Component) {
-  _inherits(ContextPanel, _React$Component);
-  var _super2 = _createSuper(ContextPanel);
-  function ContextPanel() {
-    _classCallCheck(this, ContextPanel);
-    return _super2.apply(this, arguments);
+
+// TODO: ED-17837 We have this workaround because we do
+// not have access to the pluginInjectionApi at this location.
+// It might be that we need to inject the pluginInjectionApi
+// via context so that we can use it in this file (similar to
+// WithEditorActions). To be investigated further.
+// @ts-ignore
+var widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: function getState(state) {
+    return state['widthPlugin$'];
   }
-  _createClass(ContextPanel, [{
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      return jsx(WithEditorActions, {
-        render: function render(actions) {
-          var eventDispatcher = actions._privateGetEventDispatcher();
-          var editorView = actions._privateGetEditorView();
-          if (!eventDispatcher) {
-            return jsx(SwappableContentArea, _extends({
-              editorView: editorView
-            }, _this3.props));
-          }
-          return jsx(WithPluginState, {
-            eventDispatcher: eventDispatcher,
-            plugins: {
-              contextPanel: contextPanelPluginKey,
-              widthState: widthPluginKey
-            },
-            render: function render(_ref2) {
-              var contextPanel = _ref2.contextPanel,
-                _ref2$widthState = _ref2.widthState,
-                widthState = _ref2$widthState === void 0 ? {
-                  width: 0,
-                  containerWidth: 0,
-                  lineLength: akEditorDefaultLayoutWidth
-                } : _ref2$widthState;
-              var firstContent = contextPanel && contextPanel.contents.find(Boolean);
-              var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
-                contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
-              });
-              return jsx(SwappableContentArea, _extends({}, _this3.props, {
-                editorView: editorView,
-                pluginContent: firstContent,
-                editorWidth: editorWidth
-              }));
-            }
-          });
-        }
+};
+function ContextPanelWithActions(_ref2) {
+  var actions = _ref2.actions,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var eventDispatcher = actions._privateGetEventDispatcher();
+  var editorView = actions._privateGetEditorView();
+  if (!eventDispatcher) {
+    return jsx(SwappableContentArea, _extends({
+      editorView: editorView
+    }, props));
+  }
+  return jsx(WithPluginState, {
+    eventDispatcher: eventDispatcher,
+    plugins: {
+      contextPanel: contextPanelPluginKey,
+      widthState: widthPluginKey
+    },
+    render: function render(_ref3) {
+      var contextPanel = _ref3.contextPanel,
+        widthState = _ref3.widthState;
+      var firstContent = contextPanel && contextPanel.contents.find(Boolean);
+      var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
+        contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
       });
+      return jsx(SwappableContentArea, _extends({}, props, {
+        editorView: editorView,
+        pluginContent: firstContent,
+        editorWidth: editorWidth
+      }));
     }
-  }]);
-  return ContextPanel;
-}(React.Component);
-export { ContextPanel as default };
+  });
+}
+export default function ContextPanel(props) {
+  return jsx(WithEditorActions, {
+    render: function render(actions) {
+      return jsx(ContextPanelWithActions, _extends({
+        actions: actions
+      }, props));
+    }
+  });
+}

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

@@ -10,7 +10,6 @@ import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
 import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
 import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
 import { alignAttributes } from '../../utils/rich-media-utils';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
 import { DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { addAnalytics } from '../../plugins/analytics/utils';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, ACTION } from '../../plugins/analytics';
@@ -61,7 +60,7 @@ var getNodeWidth = function getNodeWidth(node, schema) {
   }
   return node.firstChild && node.firstChild.attrs.width || node.attrs.width;
 };
-var makeAlign = function makeAlign(layout, nodeType) {
+var makeAlign = function makeAlign(layout, nodeType, widthPluginDependencyApi) {
   return function (state, dispatch) {
     var _ref = state.selection,
       node = _ref.node;
@@ -70,7 +69,7 @@ var makeAlign = function makeAlign(layout, nodeType) {
     if (!dispatch) {
       return false;
     }
-    var widthPluginState = widthPluginKey.getState(state);
+    var widthPluginState = widthPluginDependencyApi === null || widthPluginDependencyApi === void 0 ? void 0 : widthPluginDependencyApi.sharedState.currentState();
     if (!node || node.type !== nodeType || !widthPluginState) {
       return false;
     }
@@ -100,7 +99,7 @@ var makeAlign = function makeAlign(layout, nodeType) {
     return true;
   };
 };
-var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl, nodeType) {
+var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl, nodeType, widthPluginDependencyApi) {
   return icons.map(function (toolbarItem) {
     var id = toolbarItem.id,
       value = toolbarItem.value;
@@ -110,7 +109,7 @@ var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl,
       icon: toolbarItem.icon,
       title: intl.formatMessage(layoutToMessages[value]),
       selected: layout === value,
-      onClick: makeAlign(value, nodeType)
+      onClick: makeAlign(value, nodeType, widthPluginDependencyApi)
     };
   });
 };
@@ -118,17 +117,17 @@ var shouldHideLayoutToolbar = function shouldHideLayoutToolbar(selection, _ref2,
   var nodes = _ref2.nodes;
   return hasParentNodeOfType([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand].concat(_toConsumableArray(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
 };
-var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, allowResizing, allowResizingInTables) {
-  var allowWrapping = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
-  var allowAlignment = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, widthPluginDependencyApi, allowResizing, allowResizingInTables) {
+  var allowWrapping = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+  var allowAlignment = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : true;
   var selection = state.selection;
   if (!(selection instanceof NodeSelection) || !selection.node || !nodeType || shouldHideLayoutToolbar(selection, state.schema, allowResizingInTables)) {
     return [];
   }
   var layout = selection.node.attrs.layout;
-  var alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType) : [];
-  var wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType) : [];
-  var breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType) : [];
+  var alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
+  var wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
+  var breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
   var items = [].concat(_toConsumableArray(alignmentToolbarItems), _toConsumableArray(getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping)), _toConsumableArray(wrappingToolbarItems), _toConsumableArray(getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing)), _toConsumableArray(breakOutToolbarItems));
   return items;
 };

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

@@ -10,7 +10,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { gridTypeForLayout } from '../../plugins/grid';
+import { gridTypeForLayout } from '@atlaskit/editor-common/utils';
 import { snapTo, handleSides } from './utils';
 import { richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';

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

@@ -1,8 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useContext, useState } from 'react';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
-import { WidthContext } from '@atlaskit/editor-common/ui';
-import { ContextPanel } from '../ContextPanel/context';
+import React, { useContext, useEffect, useState } from 'react';
+import { ContextPanel, WidthContext } from '@atlaskit/editor-common/ui';
+// TODO: ED-17870 This workaround will be removed here.
+// @ts-ignore
+var widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: function getState(state) {
+    return state['widthPlugin$'];
+  }
+};
 // Why do we need this? Why not just use the width from the context directly rather than this?
 // Well my friend - some of the VR tests break, seemingly due to the fact that existing behaviour
 // assumes the initial value is 0, the width from context may not start from 0 however.

package/dist/esm/utils/clipboard.js

@@ -75,7 +75,7 @@ export var copyToClipboard = /*#__PURE__*/function () {
 }();
 export var copyHTMLToClipboard = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(elementToCopy, plainTextToCopy) {
-    var data, Clipboard, dt;
+    var data;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -102,17 +102,13 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
           _context2.t0 = _context2["catch"](1);
           throw new Error('Clipboard api is not supported');
         case 10:
-          _context2.next = 17;
+          _context2.next = 13;
           break;
         case 12:
-          // At the time of development, Firefox doesn't support ClipboardItem API
+          // ED-17083 extension copy seems have issue with ClipboardItem API
           // Hence of use of this polyfill
-          Clipboard = clipboard;
-          dt = new Clipboard.DT();
-          dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
-          dt.setData('text/html', elementToCopy.innerHTML);
-          Clipboard.write(dt);
-        case 17:
+          copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+        case 13:
         case "end":
           return _context2.stop();
       }
@@ -121,4 +117,14 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
   return function copyHTMLToClipboard(_x2, _x3) {
     return _ref3.apply(this, arguments);
   };
-}();
+}();
+
+// At the time of development, Firefox doesn't support ClipboardItem API
+// Hence of use of this polyfill
+export var copyHTMLToClipboardPolyfill = function copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy) {
+  var Clipboard = clipboard;
+  var dt = new Clipboard.DT();
+  dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+  dt.setData('text/html', elementToCopy.innerHTML);
+  Clipboard.write(dt);
+};

package/dist/esm/utils/performance/instrumented-plugin.js

@@ -54,18 +54,30 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
         return result;
       };
     }
+    var _uiTracking$samplingR = uiTracking.samplingRate,
+      uiTrackingSamplingRate = _uiTracking$samplingR === void 0 ? 100 : _uiTracking$samplingR;
     if (uiTracking.enabled && spec.view) {
       var originalView = spec.view.bind(spec);
       spec.view = function (editorView) {
         var self = _assertThisInitialized(_this);
         var measure = "\uD83E\uDD89".concat(self.key, "::view::update");
         var view = originalView(editorView);
+        var uiTrackingSamplingCounter = 0;
         if (view.update) {
           var originalUpdate = view.update;
           view.update = function (view, state) {
-            startMeasure(measure);
+            var shouldTrack = uiTrackingSamplingRate && uiTrackingSamplingCounter === 0;
+            if (shouldTrack) {
+              startMeasure(measure);
+            }
             originalUpdate(view, state);
-            stopMeasure(measure, function () {});
+            if (shouldTrack) {
+              stopMeasure(measure, function () {});
+            }
+            uiTrackingSamplingCounter++;
+            if (uiTrackingSamplingRate && uiTrackingSamplingCounter >= uiTrackingSamplingRate) {
+              uiTrackingSamplingCounter = 0;
+            }
           };
         }
         return view;

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "183.1.1";
+export var version = "184.0.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "183.1.1",
+	"version": "184.0.0",
 	"sideEffects": false
 }

package/dist/types/actions/index.d.ts

@@ -1,7 +1,7 @@
 import { Node } from 'prosemirror-model';
 import { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue } from '@atlaskit/editor-common/types';
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
-import { ResolvedEditorState } from '@atlaskit/editor-common/collab';
+import type { ResolvedEditorState } from '@atlaskit/collab-provider';
 import type { FeatureFlags, Transformer } from '@atlaskit/editor-common/types';
 import { EditorView } from 'prosemirror-view';
 import { EventDispatcher } from '../event-dispatcher';

package/dist/types/create-editor/get-plugins.d.ts

@@ -7,6 +7,7 @@ import { MarkConfig, NodeConfig } from '../types/pm-config';
 import { EditorReactContext } from '../types/editor-react-context';
 import { FeatureFlags } from '../types/feature-flags';
 import { IntlShape } from 'react-intl-next';
+import { UIComponentFactory } from '@atlaskit/editor-common/types';
 export type LightPMPluginFactoryParams = {
     schema: Schema;
     dispatch: Dispatch;
@@ -36,6 +37,7 @@ export interface LightEditorPlugin {
     marks?: () => MarkConfig[];
     nodes?: () => NodeConfig[];
     pmPlugins?: (pluginOptions?: any) => Array<LightPMPlugin>;
+    contentComponent?: UIComponentFactory;
     pluginsOptions?: Record<string, any>;
     onEditorViewStateUpdated?: OnEditorViewStateUpdated;
 }

package/dist/types/i18n/en_ZZ.d.ts

@@ -6,13 +6,13 @@
  */
 declare const _default: {
     'fabric.editor.addAltText': string;
-    'fabric.editor.addImageBorder': string;
     'fabric.editor.alignCenter': string;
     'fabric.editor.alignLeft': string;
     'fabric.editor.alignRight': string;
     'fabric.editor.alignment': string;
     'fabric.editor.altText': string;
     'fabric.editor.alttext.validation': string;
+    'fabric.editor.annotate': string;
     'fabric.editor.annotationToolbar': string;
     'fabric.editor.backLink': string;
     'fabric.editor.blockCardUnavailable': string;
@@ -60,7 +60,6 @@ declare const _default: {
     'fabric.editor.customPanel.description': string;
     'fabric.editor.decisionPlaceholder': string;
     'fabric.editor.defaultAltText': string;
-    'fabric.editor.description': string;
     'fabric.editor.displayBlock': string;
     'fabric.editor.displayEmbed': string;
     'fabric.editor.displayInline': string;
@@ -76,7 +75,6 @@ declare const _default: {
     'fabric.editor.editStatusColor': string;
     'fabric.editor.editStatusText': string;
     'fabric.editor.editableContentLabel': string;
-    'fabric.editor.editorAssistiveLabel': string;
     'fabric.editor.editorHelp': string;
     'fabric.editor.editors': string;
     'fabric.editor.elementBrowser.help': string;
@@ -103,16 +101,12 @@ declare const _default: {
     'fabric.editor.errorPanel.description': string;
     'fabric.editor.extension.confirmDeleteLinkedModalMessage': string;
     'fabric.editor.extension.confirmDeleteLinkedModalOKButton': string;
-    'fabric.editor.extension.deleteElementTitle': string;
-    'fabric.editor.extension.sourceNoTitledName': string;
     'fabric.editor.extensions.config-panel.save-indicator': string;
     'fabric.editor.find': string;
     'fabric.editor.findNext': string;
     'fabric.editor.findPrevious': string;
     'fabric.editor.findReplaceToolbarButton': string;
     'fabric.editor.floatingToolbar.confirmModalCancel': string;
-    'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': string;
-    'fabric.editor.floatingToolbar.confirmModalConnectedUnit': string;
     'fabric.editor.floatingToolbar.confirmModalHeading': string;
     'fabric.editor.floatingToolbar.confirmModalOK': string;
     'fabric.editor.floatingToolbar.floatingToolbarAnnouncer': string;
@@ -143,12 +137,6 @@ declare const _default: {
     'fabric.editor.hyperlink.searchLinkAriaDescription': string;
     'fabric.editor.hyperlink.searchLinkResults': string;
     'fabric.editor.hyperlinkToolbarPlaceholder': string;
-    'fabric.editor.imageBorderBold': string;
-    'fabric.editor.imageBorderColor': string;
-    'fabric.editor.imageBorderMedium': string;
-    'fabric.editor.imageBorderOptions': string;
-    'fabric.editor.imageBorderSize': string;
-    'fabric.editor.imageBorderSubtle': string;
     'fabric.editor.improvement': string;
     'fabric.editor.indent': string;
     'fabric.editor.info': string;
@@ -170,12 +158,9 @@ declare const _default: {
     'fabric.editor.matchCase': string;
     'fabric.editor.mediaAddLink': string;
     'fabric.editor.mediaGroupDeleteLabel': string;
-    'fabric.editor.mentionNode.label': string;
     'fabric.editor.mentionsAddLabel': string;
     'fabric.editor.mentionsIconLabel': string;
     'fabric.editor.moreFormatting': string;
-    'fabric.editor.navigate.toolbar.editor': string;
-    'fabric.editor.navigate.toolbar.floating': string;
     'fabric.editor.noResultsFound': string;
     'fabric.editor.noSearchResults': string;
     'fabric.editor.normal': string;
@@ -196,7 +181,6 @@ declare const _default: {
     'fabric.editor.placeholderTextPlaceholder': string;
     'fabric.editor.quickInsert': string;
     'fabric.editor.redo': string;
-    'fabric.editor.removeImageBorder': string;
     'fabric.editor.replace': string;
     'fabric.editor.replaceAll': string;
     'fabric.editor.replaceWith': string;
@@ -205,7 +189,6 @@ declare const _default: {
     'fabric.editor.searchResults': string;
     'fabric.editor.selectLanguage': string;
     'fabric.editor.settingsLinks': string;
-    'fabric.editor.shortcut': string;
     'fabric.editor.single': string;
     'fabric.editor.statusPlaceholder': string;
     'fabric.editor.story': string;
@@ -229,15 +212,7 @@ declare const _default: {
     'fabric.editor.toolbarLabel': string;
     'fabric.editor.toolbarMediaTitle': string;
     'fabric.editor.twoColumns': string;
-    'fabric.editor.typeAhead.popupLabel': string;
-    'fabric.editor.typeAhead.quickInsertInputLabel': string;
-    'fabric.editor.typeAhead.quickInsertPopupLabel': string;
-    'fabric.editor.typeahead.emojiInputLabel': string;
-    'fabric.editor.typeahead.emojiListItemLabel': string;
-    'fabric.editor.typeahead.emojiPopupLabel': string;
-    'fabric.editor.typeahead.mentionInputLabel': string;
-    'fabric.editor.typeahead.mentionPopupLabel': string;
-    'fabric.editor.typeahead.metionListItemLabel': string;
+    'fabric.editor.typeAheadResultLabel': string;
     'fabric.editor.unableToOpenLink': string;
     'fabric.editor.underline': string;
     'fabric.editor.undo': string;
@@ -252,6 +227,5 @@ declare const _default: {
     'fabric.editor.warningPanel.description': string;
     'fabric.editor.wrapLeft': string;
     'fabric.editor.wrapRight': string;
-    'fabric.emoji.label': string;
 };
 export default _default;

package/dist/types/index.d.ts

@@ -13,7 +13,6 @@ export { EmojiResource } from '@atlaskit/emoji/resource';
 export { default as mediaPlugin, insertMediaSingleNode } from './plugins/media';
 export type { MediaProvider, MediaState, CustomMediaPicker, } from './plugins/media';
 export type { MediaOptions } from './plugins/media/types';
-export type { CollabEditProvider } from './plugins/collab-edit';
 export { AbstractMentionResource, MentionResource, PresenceResource, } from '@atlaskit/mention/resource';
 export type { MentionProvider, PresenceProvider, } from '@atlaskit/mention/resource';
 export { TeamMentionResource } from '@atlaskit/mention/team-resource';

package/dist/types/plugins/breakout/index.d.ts

@@ -1,8 +1,12 @@
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { BreakoutPluginState } from './types';
 interface BreakoutPluginOptions {
     allowBreakoutButton?: boolean;
 }
 declare const breakoutPlugin: NextEditorPlugin<'breakout', {
     pluginConfiguration: BreakoutPluginOptions | undefined;
+    dependencies: [typeof widthPlugin];
+    sharedState: Partial<BreakoutPluginState>;
 }>;
 export default breakoutPlugin;

package/dist/types/plugins/breakout/ui/LayoutButton.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
-interface Props {
+export interface Props {
     editorView: EditorView;
     mountPoint?: HTMLElement;
     node: PMNode | null;

package/dist/types/plugins/card/index.d.ts

@@ -2,9 +2,9 @@ import { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { CardPluginOptions } from './types';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type widthPlugin from '../width';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 import type basePlugin from '../base';
-import type gridPlugin from '../grid';
+import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
 declare const cardPlugin: NextEditorPlugin<'card', {
     pluginConfiguration: CardPluginOptions;
     dependencies: [

package/dist/types/plugins/collab-edit/actions.d.ts

@@ -1,10 +1,11 @@
 import { Selection } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import { CollabEventInitData, CollabEventRemoteData, CollabEventConnectionData, CollabEventPresenceData, CollabEventTelepointerData, CollabSendableSelection, PrivateCollabEditOptions } from './types';
+import type { CollabEventInitData, CollabEventRemoteData, CollabEventConnectionData, CollabEventPresenceData, CollabTelepointerPayload, CollabSendableSelection } from '@atlaskit/collab-provider';
+import { PrivateCollabEditOptions } from './types';
 export declare const handleInit: (initData: CollabEventInitData, view: EditorView, options?: PrivateCollabEditOptions) => void;
 export declare const handleConnection: (connectionData: CollabEventConnectionData, view: EditorView) => void;
 export declare const handlePresence: (presenceData: CollabEventPresenceData, view: EditorView) => void;
 export declare const applyRemoteData: (remoteData: CollabEventRemoteData, view: EditorView, options: PrivateCollabEditOptions) => void;
 export declare const applyRemoteSteps: (json: any[], view: EditorView, userIds?: (number | string)[], options?: PrivateCollabEditOptions) => void;
-export declare const handleTelePointer: (telepointerData: CollabEventTelepointerData, view: EditorView) => void;
+export declare const handleTelePointer: (telepointerData: CollabTelepointerPayload, view: EditorView) => void;
 export declare const getSendableSelection: (selection: Selection) => CollabSendableSelection;

package/dist/types/plugins/collab-edit/events/handlers.d.ts

@@ -1,5 +1,5 @@
 import { EditorView } from 'prosemirror-view';
-import type { CollabEventInitData, CollabEventConnectionData, CollabEventPresenceData, CollabEventTelepointerData, CollabEventRemoteData, CollabEventLocalStepData, CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEventInitData, CollabEventConnectionData, CollabEventPresenceData, CollabTelepointerPayload, CollabEventRemoteData, CollabEventLocalStepData, CollabEditProvider } from '@atlaskit/collab-provider';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { PrivateCollabEditOptions } from '../types';
 import { FeatureFlags } from '@atlaskit/editor-common/types';
@@ -12,7 +12,7 @@ export interface CollabHandlers {
     connectedHandler: (data: CollabEventConnectionData) => void;
     dataHandler: (data: CollabEventRemoteData) => void;
     presenceHandler: (data: CollabEventPresenceData) => void;
-    telepointerHandler: (data: CollabEventTelepointerData) => void;
+    telepointerHandler: (data: CollabTelepointerPayload) => void;
     localStepsHandler: (data: CollabEventLocalStepData) => void;
     errorHandler: (error: any) => void;
     entityHandler: ({ entity }: {
@@ -20,4 +20,4 @@ export interface CollabHandlers {
     }) => void;
 }
 export type Cleanup = () => void;
-export declare const subscribe: (currentDeps_0: EditorView<any>, currentDeps_1: CollabEditProvider<import("@atlaskit/editor-common/collab").CollabEventData>, currentDeps_2: PrivateCollabEditOptions, currentDeps_3: FeatureFlags, currentDeps_4?: ProviderFactory | undefined) => Cleanup;
+export declare const subscribe: (currentDeps_0: EditorView<any>, currentDeps_1: CollabEditProvider<import("@atlaskit/collab-provider").CollabEvents>, currentDeps_2: PrivateCollabEditOptions, currentDeps_3: FeatureFlags, currentDeps_4?: ProviderFactory | undefined) => Cleanup;

package/dist/types/plugins/collab-edit/events/initialize.d.ts

@@ -1,6 +1,6 @@
 import { EditorView } from 'prosemirror-view';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { CollabEditProvider } from '../provider';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 import { PrivateCollabEditOptions } from '../types';
 import { Cleanup } from './handlers';
 import { FeatureFlags } from '@atlaskit/editor-common/types';

package/dist/types/plugins/collab-edit/events/send-transaction.d.ts

@@ -1,4 +1,4 @@
-import type { CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 import { Transaction, EditorState } from 'prosemirror-state';
 type Props = {
     originalTransaction: Transaction;

package/dist/types/plugins/collab-edit/index.d.ts

@@ -1,7 +1,6 @@
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { pluginKey } from './plugin';
 import { CollabEditOptions, PrivateCollabEditOptions } from './types';
-export type { CollabEditProvider } from './provider';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 export { pluginKey };
 export type { CollabEditOptions };

package/dist/types/plugins/collab-edit/native-collab-provider-plugin.d.ts

@@ -1,7 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { EditorState } from 'prosemirror-state';
-import type { CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 export declare const nativeCollabProviderPlugin: ({ providerPromise, }: {
     providerPromise: Promise<CollabEditProvider>;
-}) => SafePlugin<CollabEditProvider<import("@atlaskit/editor-common/collab").CollabEventData> | null, any>;
+}) => SafePlugin<CollabEditProvider<import("@atlaskit/collab-provider").CollabEvents> | null, any>;
 export declare const getCollabProvider: (editorState: EditorState) => CollabEditProvider | null;

package/dist/types/plugins/collab-edit/participants.d.ts

@@ -1,4 +1,4 @@
-import { CollabParticipant } from './types';
+import { CollabParticipant } from '@atlaskit/collab-provider';
 export interface ReadOnlyParticipants {
     get(sessionId: string): CollabParticipant | undefined;
     toArray(): ReadonlyArray<CollabParticipant>;