@atlaskit/editor-core 161.0.0 → 163.0.0

package/CHANGELOG.md

@@ -1,5 +1,97 @@
 # @atlaskit/editor-core
 
+## 163.0.0
+
+### Major Changes
+
+- [`0ba6e613e60`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0ba6e613e60) - [ux] Removed media-editor references in editor-core
+- [`2ec99bf6f9f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2ec99bf6f9f) - [ux] ED-14651: removed react-intl v2.
+
+### Minor Changes
+
+- [`8767658360f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8767658360f) - Adds support to editor-core analytics types to dispatch operational feature exposure events.
+- [`bceab5fa97d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bceab5fa97d) - ED-14632: Add render count tracking reRendered event in Renderer
+- [`c5ac02c5672`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5ac02c5672) - [ux] ED-9226 padding fix for numbered list inside table
+- [`16ffd1a95fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16ffd1a95fd) - [ux] ED-14479 Created getInlineNodeView api and added test suite. Refactored status node view to use new api.
+- [`a94f57c6d61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a94f57c6d61) - fix integration tests to remove dependency of mediaPicker popup and use native picker
+
+### Patch Changes
+
+- [`0863c318a75`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0863c318a75) - [ED-14590] Fix unclickable links on mention team highlight
+- [`ef7b2acee8d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ef7b2acee8d) - [ux] ED-14633 Adds editable widgets either side of the cursor when positioned between inline node views to prevent the cursor disappearing or appearing in the wrong position. Also removes old Firefox selection workaround.
+- [`874489b6b05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/874489b6b05) - [ux] Migrate the DateNodeView to the node view producer api, which provides a number of selection fixes.
+- [`44c6c36d8d9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44c6c36d8d9) - ED-14263 replaced styled usages
+- [`523d46ed69d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/523d46ed69d) - ED-11836 Restrict ListsJoined type
+- [`b38234b895c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b38234b895c) - ED-14268 editor-core replace some of styled-components with emotion
+- [`3c24bc606e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c24bc606e4) - [ux][ed-14191] Stop config panel with tabs overflowing when long dropdown option is selected
+- [`92f9b06ab4b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92f9b06ab4b) - ED-14269 Migrated css in editor-core to emotion.
+- [`2cfb953f2af`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2cfb953f2af) - ED-14739: Fix backspace issue. When you have a list and have empty paragraphs after the list, if you position the cursor just after the list, the cursor doesn't move going into the list.
+- [`2a8cbf13f57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2a8cbf13f57) - ED-14339 removed ThemeProvider from editor-core
+- [`d175ef22258`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d175ef22258) - Change default analytic value
+- [`5c1bba527ee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c1bba527ee) - [ux] ED-14573 Updated getInlineNodeViewProducer markup and styles to allow multiline node views to wrap across lines and not act as a block element.
+- [`1e2086467f1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e2086467f1) - [ED-13775] Added resize observer on scroll parent element to realign popup components when template context panel is opened/closed.
+- [`78aec52dea0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78aec52dea0) - use latest SmartUserPicker in Editor packages
+- [`0dad4610a36`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0dad4610a36) - ED-14268 migrated parts of editor-core to use emotion.
+- [`b060587bd38`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b060587bd38) - [ux][ed-14584] Solve inconsistencies of node insertion via the toolbar. Specifically targeting nodes being inserted into other nodes that cannot contain them. Previously the node being inserted into would split in half, but now the invalid node will insert underneath.
+- [`1b0b4544d74`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b0b4544d74) - Change default value of FF for experiment
+- [`447feec5678`](https://bitbucket.org/atlassian/atlassian-frontend/commits/447feec5678) - [ED-11900] Make table node top of the quick insert result by adding "table" in the keywords list
+- [`9b5c590caae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9b5c590caae) - ED-14268 replaced some styled in editor-core
+- [`ea050810214`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ea050810214) - EDM-2935: Reimplement change experiment tracking event without localId
+- [`5c6607ee0e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c6607ee0e7) - Migrated link, rule, panel and expand styles in editor-common to emotion.
+- [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
+- [`1bf958a90f5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1bf958a90f5) - EDM-2892: Fix view switcher casing in feature flags from props.
+- Updated dependencies
+
+## 162.0.1
+
+### Patch Changes
+
+- [`cfcc23db294`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cfcc23db294) - ED-14735 Rename table styles from '.css.ts' to '.
+
+## 162.0.0
+
+### Minor Changes
+
+- [`b70bf801c6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b70bf801c6d) - [ux] ED-14235 Fix conversion of aligned text to list
+- [`53046ba2ac3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53046ba2ac3) - [ux] Added a new dropdown menu for smart cards view changing in the floating toolbar as a variant to be tested against the current dropdown.
+- [`d1faad40e59`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d1faad40e59) - [ux] Adds helper function to find caption node and hides adaptive toolbar on mobile when selection is inside caption node
+- [`7f158b2734b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f158b2734b) - [ux] Shows correct toolbar state after header row or header column option is undone
+- [`9712e78abb0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9712e78abb0) - ED-14255 moved some usages of editor-shared-styles to emotion
+- [`9d6e344a6d6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d6e344a6d6) - [ux] EDM-2642: Added icons/buttons for smart cards view changing directly in the toolbar as opposed to the normal dropdown.
+- [`171af4f5fda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/171af4f5fda) - Ed-14165 Remove table resize button optimization code.
+  Removing the code fixes the strange behaviour in multi-user collaboration.
+
+### Patch Changes
+
+- [`35c1a07273b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/35c1a07273b) - [ux] ED-13003: Fix copying table rows, ensuring they keep the original table's attributes (such as layout).
+- [`6e551822ea8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6e551822ea8) - Extracted out smart-mention-resource
+- [`98304ee1b02`](https://bitbucket.org/atlassian/atlassian-frontend/commits/98304ee1b02) - import embedHeaderHeight from smart-card instead of media-ui
+- [`29c631e4e60`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29c631e4e60) - ED-11866 Remove unused canSink parameter from list analytics
+- [`8984ab2e078`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8984ab2e078) - [ux] ED-14650 Ensure we locate any table node in the current list of children nodes to determine if table wrapper exists
+- [`d0eed99c3e3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d0eed99c3e3) - ED-14264 Moved styles to emotion css
+- [`cb6bf345163`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb6bf345163) - [ED-13933] Fix issue when backspacing text into an image inside a list. Avoid also the ProseMirror error when this issue occurs.
+- [`f9a144c5a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f9a144c5a71) - ED-14255 migrated table styles to use emotion
+- [`55256125722`](https://bitbucket.org/atlassian/atlassian-frontend/commits/55256125722) - ED-14262 update editor packages to use emotion 11
+- [`ee8e5f50b6f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ee8e5f50b6f) - Add regression testing for multi cell table selection
+- [`9dfdfaab7c6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9dfdfaab7c6) - [ux] ED-14241: fix initial visibility of edit icon on extension floating toolbar when selecting an editable extension at the first node in the document
+
+  - fixed bug in bodiedExtension where clicking on the border of 'extension-content' wont trigger a selection
+
+- [`b960f4f81ee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b960f4f81ee) - [ED-11194] Fix typehead insertion from placeholders
+- [`d0dff8da956`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d0dff8da956) - [ED-14514] In NCS backed editor wait for media uploads to complete before getting the final acknowledged state in getResolvedEditorState EditorAction. Fixes from ED-14588 were also copied over and a fix on media uploads in the collaborative-editing atlaskit example.
+  ResolvedEditorState type updated for compatability with synchrony code.
+- [`03930b9f4c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/03930b9f4c7) - ED-14253: fixed infinite transaction loop after uploading a file to the editor.
+
+  - updated ADF for MediaBaseAttributes.\_\_contextId to allow for null value
+  - fixed Editor example page 2-comment-jira-bento
+
+- [`1a664f6b1e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a664f6b1e5) - [ux][ed-14583] Solve inconsistencies in paste handler. Specifically targeting invalid nodes being pasted into decision nodes (should safe insert if not valid content) and nested expands being pasted into tables (invalid so return early out of expand paste handler).
+- [`e22509504e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e22509504e8) - ED-14255 migrate editor-shared-style to emotion
+- [`58016841de5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58016841de5) - [ux] Now allows users to use the toolbar to insert action items and decision items when wrapped within a blockquote.
+- [`92537fdfe96`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92537fdfe96) - ED-14376 Removes workaround code for Chrome 58 selection bug as solution has been implemented by prosemirror
+- [`6dc2254f102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6dc2254f102) - AK-850: Text formatting shortcuts provide status updates for screen readers
+- Updated dependencies
+
 ## 161.0.0
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -53,36 +53,64 @@ var EditorActions = /*#__PURE__*/function () {
         });
       }
     });
-    (0, _defineProperty2.default)(this, "getResolvedEditorState", function () {
-      return new Promise(function (resolver, reject) {
-        var _getCollabProvider;
-
-        if (!_this.editorView) {
-          reject();
-          return;
-        }
-
-        var featureFlags = (0, _getFeatureFlags.getFeatureFlags)(_this.editorView.state);
-
-        if (!featureFlags.useNativeCollabPlugin) {
-          var _this$getValue;
-
-          return (_this$getValue = _this.getValue()) === null || _this$getValue === void 0 ? void 0 : _this$getValue.then(function (content) {
-            resolver({
-              content: content,
-              title: null,
-              stepVersion: -1
-            });
-          });
+    (0, _defineProperty2.default)(this, "getResolvedEditorState", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _getCollabProvider;
+
+      var featureFlags, editorValue, editorView;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (_this.editorView) {
+                _context.next = 2;
+                break;
+              }
+
+              throw new Error('Called getResolvedEditorState before editorView is ready');
+
+            case 2:
+              featureFlags = (0, _getFeatureFlags.getFeatureFlags)(_this.editorView.state);
+
+              if (featureFlags.useNativeCollabPlugin) {
+                _context.next = 10;
+                break;
+              }
+
+              _context.next = 6;
+              return _this.getValue();
+
+            case 6:
+              editorValue = _context.sent;
+
+              if (editorValue) {
+                _context.next = 9;
+                break;
+              }
+
+              throw new Error('editorValue is undefined');
+
+            case 9:
+              return _context.abrupt("return", {
+                content: editorValue,
+                title: null,
+                stepVersion: -1
+              });
+
+            case 10:
+              editorView = _this.editorView;
+              _context.next = 13;
+              return (0, _action.getEditorValueWithMedia)(editorView);
+
+            case 13:
+              return _context.abrupt("return", (_getCollabProvider = (0, _nativeCollabProviderPlugin.getCollabProvider)(editorView.state)) === null || _getCollabProvider === void 0 ? void 0 : _getCollabProvider.getFinalAcknowledgedState());
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
         }
-
-        (_getCollabProvider = (0, _nativeCollabProviderPlugin.getCollabProvider)(_this.editorView.state)) === null || _getCollabProvider === void 0 ? void 0 : _getCollabProvider.getFinalAcknowledgedState().then(function (resolvedEditorState) {
-          resolver(resolvedEditorState);
-        }).catch(function (error) {
-          reject(error);
-        });
-      });
-    });
+      }, _callee);
+    })));
   }
 
   (0, _createClass2.default)(EditorActions, [{
@@ -182,30 +210,30 @@ var EditorActions = /*#__PURE__*/function () {
   }, {
     key: "__temporaryFixForConfigPanel",
     value: function () {
-      var _temporaryFixForConfigPanel2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _temporaryFixForConfigPanel2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         var editorView;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) {
-            switch (_context.prev = _context.next) {
+            switch (_context2.prev = _context2.next) {
               case 0:
                 editorView = this.editorView;
 
                 if (editorView) {
-                  _context.next = 3;
+                  _context2.next = 3;
                   break;
                 }
 
-                return _context.abrupt("return");
+                return _context2.abrupt("return");
 
               case 3:
                 (0, _action.__temporaryFixForConfigPanel)(editorView);
 
               case 4:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
 
       function __temporaryFixForConfigPanel() {
@@ -218,46 +246,46 @@ var EditorActions = /*#__PURE__*/function () {
   }, {
     key: "getValue",
     value: function () {
-      var _getValue = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _getValue = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
         var editorView, doc, json, nodeSanitized;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
-            switch (_context2.prev = _context2.next) {
+            switch (_context3.prev = _context3.next) {
               case 0:
                 editorView = this.editorView;
 
                 if (editorView) {
-                  _context2.next = 3;
+                  _context3.next = 3;
                   break;
                 }
 
-                return _context2.abrupt("return");
+                return _context3.abrupt("return");
 
               case 3:
-                _context2.next = 5;
+                _context3.next = 5;
                 return (0, _action.getEditorValueWithMedia)(editorView);
 
               case 5:
-                doc = _context2.sent;
+                doc = _context3.sent;
                 json = (0, _utils.toJSON)(doc);
 
                 if (this.contentEncode) {
-                  _context2.next = 9;
+                  _context3.next = 9;
                   break;
                 }
 
-                return _context2.abrupt("return", json);
+                return _context3.abrupt("return", json);
 
               case 9:
                 nodeSanitized = _prosemirrorModel.Node.fromJSON(this.editorView.state.schema, json);
-                return _context2.abrupt("return", this.contentEncode(nodeSanitized));
+                return _context3.abrupt("return", this.contentEncode(nodeSanitized));
 
               case 11:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
 
       function getValue() {

package/dist/cjs/create-editor/ErrorBoundary.js

@@ -268,7 +268,7 @@ var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_ui.IntlNextErrorBoundary, null, this.props.children);
+      return /*#__PURE__*/_react.default.createElement(_ui.IntlErrorBoundary, null, this.props.children);
     }
   }]);
   return ErrorBoundaryWithEditorView;

package/dist/cjs/create-editor/ReactEditorView.js

@@ -46,7 +46,7 @@ var _utils2 = require("../utils");
 
 var _saferTransactions = require("../utils/performance/safer-transactions");
 
-var _useComponentRendererTracking = require("../utils/react-hooks/use-component-renderer-tracking");
+var _RenderTracking = require("../utils/performance/components/RenderTracking");
 
 var _nodes = require("../utils/nodes");
 
@@ -831,7 +831,7 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       var renderTracking = (_this$props$editorPro9 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro9 === void 0 ? void 0 : (_this$props$editorPro10 = _this$props$editorPro9.renderTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : _this$props$editorPro10.reactEditorView;
       var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
       var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderTrackingEnabled && /*#__PURE__*/_react.default.createElement(_useComponentRendererTracking.RenderTracking, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderTrackingEnabled && /*#__PURE__*/_react.default.createElement(_RenderTracking.RenderTracking, {
         componentProps: this.props,
         action: _analytics.ACTION.RE_RENDERED,
         actionSubject: _analytics.ACTION_SUBJECT.REACT_EDITOR_VIEW,

package/dist/cjs/editor.js

@@ -73,7 +73,7 @@ var _ErrorBoundary = _interopRequireDefault(require("./create-editor/ErrorBounda
 
 var _featureFlagsFromProps = require("./plugins/feature-flags-context/feature-flags-from-props");
 
-var _useComponentRendererTracking = require("./utils/react-hooks/use-component-renderer-tracking");
+var _RenderTracking = require("./utils/performance/components/RenderTracking");
 
 var _templateObject;
 
@@ -551,8 +551,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       var renderTracking = (_this$props$performan = this.props.performanceTracking) === null || _this$props$performan === void 0 ? void 0 : (_this$props$performan2 = _this$props$performan.renderTracking) === null || _this$props$performan2 === void 0 ? void 0 : _this$props$performan2.editor;
       var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
       var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
-
-      var editor = /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
+      return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
         data: {
           packageName: _versionWrapper.name,
           packageVersion: _versionWrapper.version,
@@ -562,7 +561,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         }
       }, /*#__PURE__*/_react.default.createElement(_ui.WithCreateAnalyticsEvent, {
         render: function render(createAnalyticsEvent) {
-          return (_this5.createAnalyticsEvent = createAnalyticsEvent) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderTrackingEnabled && /*#__PURE__*/_react.default.createElement(_useComponentRendererTracking.RenderTracking, {
+          return (_this5.createAnalyticsEvent = createAnalyticsEvent) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderTrackingEnabled && /*#__PURE__*/_react.default.createElement(_RenderTracking.RenderTracking, {
             componentProps: _this5.props,
             action: _analytics.ACTION.RE_RENDERED,
             actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
@@ -623,7 +622,6 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                     customSecondaryToolbarComponents: _this5.props.secondaryToolbarComponents,
                     contextPanel: _this5.props.contextPanel,
                     collabEdit: _this5.props.collabEdit,
-                    allowAnnotation: !!_this5.props.annotationProviders,
                     persistScrollGutter: _this5.props.persistScrollGutter,
                     enableToolbarMinWidth: ((_this5$props$featureF = _this5.props.featureFlags) === null || _this5$props$featureF === void 0 ? void 0 : _this5$props$featureF.toolbarMinWidthOverflow) != null ? !!((_this5$props$featureF2 = _this5.props.featureFlags) !== null && _this5$props$featureF2 !== void 0 && _this5$props$featureF2.toolbarMinWidthOverflow) : _this5.props.UNSAFE_allowUndoRedoButtons,
                     useStickyToolbar: _this5.props.useStickyToolbar,
@@ -637,8 +635,6 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           }))))));
         }
       }));
-
-      return /*#__PURE__*/_react.default.createElement(_ui.LegacyToNextIntlProvider, null, /*#__PURE__*/_react.default.createElement(_ui.IntlLegacyFallbackProvider, null, editor));
     }
   }]);
   return Editor;

package/dist/cjs/extensibility.js

@@ -33,7 +33,7 @@ Object.defineProperty(exports, "getChangedNodes", {
 Object.defineProperty(exports, "tablePluginKey", {
   enumerable: true,
   get: function get() {
-    return _pluginFactory.pluginKey;
+    return _pluginKey.pluginKey;
   }
 });
 Object.defineProperty(exports, "toJSON", {
@@ -61,7 +61,7 @@ var _ExtensionNodeWrapper = _interopRequireDefault(require("./plugins/extension/
 
 var _extension = require("./plugins/extension/nodeviews/extension");
 
-var _pluginFactory = require("./plugins/table/pm-plugins/plugin-factory");
+var _pluginKey = require("./plugins/table/pm-plugins/plugin-key");
 
 var EmitterEvents = {
   TABLE_DELETED: 'TABLE_DELETED'

package/dist/cjs/keymaps/index.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -71,7 +73,7 @@ Object.defineProperty(exports, "RIGHT", {
     return _consts.RIGHT;
   }
 });
-exports.TooltipShortcut = exports.ToolTipContent = void 0;
+exports.ToolTipContent = void 0;
 Object.defineProperty(exports, "UP", {
   enumerable: true,
   get: function get() {
@@ -94,11 +96,11 @@ exports.undo = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _utils = require("@atlaskit/editor-common/utils");
+var _react2 = require("@emotion/react");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -106,6 +108,10 @@ var _consts = require("./consts");
 
 var _templateObject;
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
 exports.addAltText = addAltText;
 var toggleBold = makeKeyMapWithCommon('Bold', 'Mod-b');
@@ -239,10 +245,7 @@ var arrowKeysMap = {
   ARROWUP: "\u2191",
   ARROWDOWN: "\u2193"
 };
-
-var TooltipShortcut = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 2px;\n  background-color: ", ";\n  padding: 0 2px;\n"])), _colors.N400);
-
-exports.TooltipShortcut = TooltipShortcut;
+var tooltipShortcutStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 2px;\n  background-color: ", ";\n  padding: 0 2px;\n  /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */\n  /* stylelint-disable-next-line */\n  label: tooltip-shortcut;\n"])), _colors.N400);
 
 function formatShortcut(keymap) {
   var shortcut;
@@ -280,7 +283,9 @@ var ToolTipContent = /*#__PURE__*/_react.default.memo(function (_ref) {
       shortcutOverride = _ref.shortcutOverride,
       keymap = _ref.keymap;
   var shortcut = shortcutOverride || keymap && formatShortcut(keymap);
-  return shortcut || description ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/_react.default.createElement(TooltipShortcut, null, shortcut)) : null;
+  return shortcut || description ? (0, _react2.jsx)(_react.Fragment, null, description, shortcut && description && "\xA0", shortcut && (0, _react2.jsx)("span", {
+    css: tooltipShortcutStyle
+  }, shortcut)) : null;
 });
 
 exports.ToolTipContent = ToolTipContent;

package/dist/cjs/labs/next/full-page.js

@@ -17,7 +17,7 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react2 = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -35,7 +35,7 @@ var _Addon = require("../../ui/Addon");
 
 var _styles = require("../../ui/styles");
 
-var _commonStyles = require("../../plugins/table/ui/common-styles.css");
+var _commonStyles = require("../../plugins/table/ui/common-styles");
 
 var _ui2 = _interopRequireDefault(require("../../plugins/collab-edit/ui"));
 
@@ -51,44 +51,22 @@ var _context = require("../../ui/ContextPanel/context");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
-var FullPageEditorWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 340px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
-
-FullPageEditorWrapper.displayName = 'FullPageEditorWrapper';
-var ScrollContainer = (0, _styledComponents.default)(_ContentStyles.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  overflow-y: scroll;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  scroll-behavior: smooth;\n  ", ";\n"])), _styles.scrollbarStyles);
-ScrollContainer.displayName = 'ScrollContainer';
+var fullPageEditorWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 340px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
+var scrollContainer = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  overflow-y: scroll;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  scroll-behavior: smooth;\n  ", ";\n"])), _styles.scrollbarStyles);
 var GUTTER_PADDING = 32;
 var GUTTER_STYLE = {
   padding: "0 ".concat(GUTTER_PADDING, "px")
 };
+var contentArea = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  box-sizing: border-box;\n"])));
 
-var ContentArea = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  height: 100%;\n  box-sizing: border-box;\n"])));
-
-ContentArea.displayName = 'ContentArea';
-
-var EditorContentArea = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 24px;\n  height: 100%;\n  width: 100%;\n  max-width: ", "px;\n  padding-top: 50px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  padding-bottom: 55px;\n\n  & .ProseMirror {\n    flex-grow: 1;\n    box-sizing: border-box;\n  }\n\n  && .ProseMirror {\n    & > * {\n      clear: both;\n    }\n    > p,\n    > ul,\n    > ol,\n    > h1,\n    > h2,\n    > h3,\n    > h4,\n    > h5,\n    > h6 {\n      clear: none;\n    }\n  }\n  ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.layoutMaxWidth + GUTTER_PADDING * 2;
-}, _commonStyles.tableFullPageEditorStyles);
-
-EditorContentArea.displayName = 'EditorContentArea';
-
-var MainToolbar = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  box-shadow: ", ";\n  transition: box-shadow 200ms;\n  z-index: ", ";\n  display: flex;\n  height: 80px;\n  flex-shrink: 0;\n  background-color: white;\n\n  & object {\n    height: 0 !important;\n  }\n"])), function (props) {
-  return props.showKeyline ? "0 ".concat(_editorSharedStyles.akEditorToolbarKeylineHeight, "px 0 0 ").concat(_colors.N30) : 'none';
-}, _editorSharedStyles.akEditorMenuZIndex);
-
-MainToolbar.displayName = 'MainToolbar';
-
-var MainToolbarCustomComponentsSlot = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  flex-grow: 1;\n"])));
-
-MainToolbarCustomComponentsSlot.displayName = 'MainToolbar';
-
-var SecondaryToolbar = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  justify-content: flex-end;\n  align-items: center;\n  flex-shrink: 0;\n  display: flex;\n  padding: 24px 0;\n"])));
-
-SecondaryToolbar.displayName = 'SecondaryToolbar';
-
-var SidebarArea = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  box-sizing: border-box;\n"])));
+var editorContentArea = function editorContentArea(theme) {
+  return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 24px;\n  height: 100%;\n  width: 100%;\n  max-width: ", "px;\n  padding-top: 50px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  padding-bottom: 55px;\n\n  & .ProseMirror {\n    flex-grow: 1;\n    box-sizing: border-box;\n  }\n\n  && .ProseMirror {\n    & > * {\n      clear: both;\n    }\n    > p,\n    > ul,\n    > ol,\n    > h1,\n    > h2,\n    > h3,\n    > h4,\n    > h5,\n    > h6 {\n      clear: none;\n    }\n  }\n  ", ";\n"])), theme.layoutMaxWidth + GUTTER_PADDING * 2, _commonStyles.tableFullPageEditorStyles);
+};
 
-SidebarArea.displayName = 'SidebarArea';
+var mainToolbar = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  box-shadow: 'none';\n\n  transition: box-shadow 200ms;\n  z-index: ", ";\n  display: flex;\n  height: 80px;\n  flex-shrink: 0;\n  background-color: white;\n\n  & object {\n    height: 0 !important;\n  }\n"])), _editorSharedStyles.akEditorMenuZIndex);
+var mainToolbarWithKeyline = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  box-shadow: 0 ", "px 0 0 ", "\n"])), mainToolbar, _editorSharedStyles.akEditorToolbarKeylineHeight, _colors.N30);
+var mainToolbarCustomComponentsSlot = (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  flex-grow: 1;\n"])));
+var sidebarArea = (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  box-sizing: border-box;\n"])));
 
 function useKeyline() {
   var _React$useState = _react.default.useState(false),
@@ -143,31 +121,41 @@ function FullPage(props) {
       scrollContainerRef = _useKeyline2[1];
 
   var config = (0, _Editor.useEditorSharedConfig)();
-  return /*#__PURE__*/_react.default.createElement(_context.ContextPanelWidthProvider, null, /*#__PURE__*/_react.default.createElement(_Editor.Editor, (0, _extends2.default)({}, props, {
+  return (0, _react2.jsx)(_context.ContextPanelWidthProvider, null, (0, _react2.jsx)(_Editor.Editor, (0, _extends2.default)({}, props, {
     onAnalyticsEvent: handleAnalyticsEvent
-  }), /*#__PURE__*/_react.default.createElement(_ui.BaseTheme, {
+  }), (0, _react2.jsx)(_ui.BaseTheme, {
     dynamicTextSizing: allowDynamicTextSizing
-  }, /*#__PURE__*/_react.default.createElement(FullPageEditorWrapper, {
+  }, (0, _react2.jsx)("div", {
+    css: fullPageEditorWrapper,
     className: "akEditor"
-  }, /*#__PURE__*/_react.default.createElement(MainToolbar, {
+  }, (0, _react2.jsx)("div", {
     "data-testid": "ak-editor-main-toolbar",
-    showKeyline: showKeyline
-  }, /*#__PURE__*/_react.default.createElement(_Toolbar.Toolbar, {
+    css: showKeyline ? mainToolbarWithKeyline : mainToolbar
+  }, (0, _react2.jsx)(_Toolbar.Toolbar, {
     containerElement: scrollContainerRef.current
-  }), /*#__PURE__*/_react.default.createElement(MainToolbarCustomComponentsSlot, null, !config ? null : /*#__PURE__*/_react.default.createElement(_ui2.default, {
+  }), (0, _react2.jsx)("div", {
+    css: mainToolbarCustomComponentsSlot
+  }, !config ? null : (0, _react2.jsx)(_ui2.default, {
     editorView: config.editorView,
     eventDispatcher: config.eventDispatcher,
     inviteToEditHandler: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.inviteToEditHandler,
     isInviteToEditButtonSelected: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.isInviteToEditButtonSelected
-  }), primaryToolbarComponents)), /*#__PURE__*/_react.default.createElement(ContentArea, null, /*#__PURE__*/_react.default.createElement(ScrollContainer, {
-    innerRef: scrollContainerRef,
-    className: "fabric-editor-popup-scroll-parent"
-  }, /*#__PURE__*/_react.default.createElement(_Addon.ClickAreaBlock, {
+  }), primaryToolbarComponents)), (0, _react2.jsx)("div", {
+    css: contentArea
+  }, (0, _react2.jsx)(_ContentStyles.default, {
+    ref: scrollContainerRef,
+    className: "fabric-editor-popup-scroll-parent",
+    css: scrollContainer
+  }, (0, _react2.jsx)(_Addon.ClickAreaBlock, {
     editorView: config === null || config === void 0 ? void 0 : config.editorView
-  }, /*#__PURE__*/_react.default.createElement(EditorContentArea, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
+    css: editorContentArea
+  }, (0, _react2.jsx)("div", {
     style: GUTTER_STYLE,
     className: "ak-editor-content-area"
-  }, contentComponents, /*#__PURE__*/_react.default.createElement(_Editor.EditorContent, null), /*#__PURE__*/_react.default.createElement(_ContentComponents.ContentComponents, null))))), contextPanel && /*#__PURE__*/_react.default.createElement(SidebarArea, null, contextPanel), /*#__PURE__*/_react.default.createElement(_WidthEmitter.default, {
+  }, contentComponents, (0, _react2.jsx)(_Editor.EditorContent, null), (0, _react2.jsx)(_ContentComponents.ContentComponents, null))))), contextPanel && (0, _react2.jsx)("div", {
+    css: sidebarArea
+  }, contextPanel), (0, _react2.jsx)(_WidthEmitter.default, {
     editorView: config === null || config === void 0 ? void 0 : config.editorView
   }))))));
 }

package/dist/cjs/labs/next/presets/cxhtml.js

@@ -81,7 +81,6 @@ function useCXHTMLPreset(_ref) {
       provider: mediaProvider,
       allowMediaSingle: true,
       allowMediaGroup: true,
-      allowAnnotation: true,
       allowResizing: true,
       allowLinking: true,
       allowResizingInTables: true,