@atlaskit/editor-core 166.0.4 → 167.0.2

package/.eslintrc.js

@@ -3,7 +3,52 @@ module.exports = {
     {
       // Temporary override to apply tokens lint rules to a subset of editor packages
       // TODO remove in https://product-fabric.atlassian.net/browse/DSP-4001
-      files: ['./src/ADD_PATH_HERE/**/*'],
+      files: [
+        './src/keymaps/index.tsx',
+        './src/labs/next/full-page.tsx',
+        './src/plugins/alignment/**/*',
+        './src/plugins/block-type/**/*',
+        './src/plugins/breakout/**/*',
+        './src/plugins/card/**/*',
+        './src/plugins/code-block/**/*',
+        './src/plugins/collab-edit/**/*',
+        './src/plugins/date/**/*',
+        './src/plugins/emoji/**/*',
+        './src/plugins/expand/**/*',
+        './src/plugins/extension/**/*',
+        './src/plugins/fake-text-cursor/**/*',
+        './src/plugins/find-replace/**/*',
+        './src/plugins/floating-toolbar/**/*',
+        './src/plugins/grid/**/*',
+        './src/plugins/help-dialog/**/*',
+        './src/plugins/hyperlink/**/*',
+        './src/plugins/jira-issue/**/*',
+        './src/plugins/layout/**/*',
+        './src/plugins/media/**/*',
+        './src/plugins/mentions/**/*',
+        './src/plugins/panel/**/*',
+        './src/plugins/placeholder-text/**/*',
+        './src/plugins/placeholder/**/*',
+        './src/plugins/status/**/*',
+        './src/plugins/table/**/*',
+        './src/plugins/type-ahead/**/*',
+        './src/ui/Addon/**/*',
+        './src/ui/Appearance/**/*',
+        './src/ui/ChromeCollapsed/**/*',
+        './src/ui/ConfigPanel/**/*',
+        './src/ui/ContentStyles/**/*',
+        './src/ui/ContextPanel/**/*',
+        './src/ui/DropdownMenu/**/*',
+        './src/ui/ElementBrowser/**/*',
+        './src/ui/ElementBrowser/**/*',
+        './src/ui/FloatingToolbar/**/*',
+        './src/ui/LinkSearch/**/*',
+        './src/ui/PanelTextInput/**/*',
+        './src/ui/Separator/**/*',
+        './src/ui/styles.ts',
+        './src/ui/ToolbarFeedback/**/*',
+        './src/ui/WithFlash/**/*',
+      ],
       rules: {
         '@atlaskit/design-system/ensure-design-token-usage': [
           'error',

package/CHANGELOG.md

@@ -1,5 +1,104 @@
 # @atlaskit/editor-core
 
+## 167.0.2
+
+### Patch Changes
+
+- [`9fcb08f3070`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9fcb08f3070) - Upgrade "fuse.js" fuzzy search plugin to version `^6.6.2`
+
+## 167.0.1
+
+### Patch Changes
+
+- [`39937036dc5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39937036dc5) - [RM-77] Change the tableSupported check for ToolbarInsertBlock to account for forks of the table plugin.
+
+## 167.0.0
+
+### Major Changes
+
+- [`0c808b11322`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c808b11322) - ED-14489 - Add implementation to allow parseDoc.check() to throw exception.
+  This change will crash any apps that use the editor without a React's Error Boundary <ErrorBoundary /> ancestor in certain cases.
+  This changed handling of how the Editor responds when;
+
+  1. Previously it would load an empty document, it will now throw an error. Documents which it will exhibit this new behaviour are;
+
+  - Passing a `defaultValue` which it is unable to understand (e.g. invalid document)
+  - Calling `editorActions.replaceSelection()`
+
+  2. Some actions occur that result in an invalid prosemirror document. These are not expected to be currently occurring, and would generally indicate a bug in the editor.
+
+- [`d8b3bc73330`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d8b3bc73330) - [ED-14507] Deprecate the allowDynamicTextSizing editor prop and remove all code related to it. This feature has been unused since 2020.
+
+### Minor Changes
+
+- [`28ce65e89dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/28ce65e89dd) - [ux] ED-14386: Remove special handling for partial table copy paste, so that we still keep the table on paste. Also fixing undo for copy-paste of partial tables.
+- [`39b7001ad4e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39b7001ad4e) - [ux] Instrumented `@atlassian/editor-core/ (media plugin)` with the new theming package, `@atlaskit/tokens`.
+
+  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
+  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
+
+- [`b8f1db6d6a2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8f1db6d6a2) - [ux] Extended the use of @atlaskit/tokens theming package to ElementBrowser (inside editor-core package)
+
+  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
+  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
+
+- [`22425f2620a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22425f2620a) - fix panel icon rendering issue with lazy loaded emoji
+- [`8949731bc6a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8949731bc6a) - ED-14608: Migrate adf-utils imports in atlassian-frontend to new child entry points to improve treeshaking
+- [`d2da7718823`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2da7718823) - [ux] Fix the experience of backspace on editor with placeholder (Android)
+- [`b0992c06706`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b0992c06706) - [ux] ED-14471 backspacing inside an empty panel or blockquote, should not merge into a panel or a blockquote above it.
+- [`8ecd5222731`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ecd5222731) - [ux] Extended use of theming package, `@atlaskit/tokens` across `editor-core/plugins`: `mention`, `date`, `emoji`, `expand`, `layout`, `code-block`, `hyperlink`, `grid`.
+
+  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
+  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
+
+- [`6e240912dda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6e240912dda) - [ux] Fix the Enter keydown behaviour on Android
+- [`637ed7b07b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/637ed7b07b1) - [ux] Instrumented the general ui packages of `@atlaskit/editor-core` with the new theming package, `@atlaskit/tokens`.
+
+  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
+  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
+
+- [`55d3e93b205`](https://bitbucket.org/atlassian/atlassian-frontend/commits/55d3e93b205) - [ED-13045] Add getSelectedNode API to EditorActions
+
+  This PR introduces a new `getSelectedNode` API to the `EditorActions` module in `editor-core`.
+
+  This method will return the currently selected `Node` if the selection is a `Node`.
+  Otherwise, if the selection is textual or a non-selectable `Node` within another selectable `Node`, the closest selectable parent `Node` will be returned.
+
+  ```
+    const editorActions = new EditorActions();
+    const node = editorActions.getSelectedNode();
+  ```
+
+- [`b8dee69a0d6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8dee69a0d6) - [ONECLOUD-433] Notify of promise rejection when autosave in the ConfigPanel fails for any reason, so we can proceed with closing the ConfigPanel
+
+### Patch Changes
+
+- [`c5d17b278f5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5d17b278f5) - ED-14998 Fix paste issue in a table inside a bodied extension. Copying and pasting inline nodes inside the table should not create a new table during paste
+- [`4a2048d8751`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a2048d8751) - [ux] extending use of token theming package on Plugin components - /table
+- [`b68e80d658f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b68e80d658f) - add hover previews feature flag
+- [`d5c8e9f1c9c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d5c8e9f1c9c) - [ux][ed-14949] TypeAhead max height is its default height to prevent horziontal overflow. Height is used to calculate grid size in react-window.
+- [`b73f20ed703`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b73f20ed703) - EDM-3073: Fix collab for media inline and copy-paste regression
+- [`9c170e41064`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c170e41064) - [ux] EDM-2314: Links that are part of a filepath should not resolve to hyperlinks/smart links.
+- [`17480b66f3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17480b66f3e) - [ux][ed-9943] Fix to have the TypeAhead component appear above the main editor toolbar.
+- [`d25c84739af`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d25c84739af) - ED-14341 migrate tests and examples to emotion
+- [`b3d7fb93229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3d7fb93229) - [ux] ED-14656 Fix an issue that Typing multi-byte characters in a table duplicates the text in Safari
+- [`c3df9b4fe7f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c3df9b4fe7f) - [ux] ED-14911 Updated the inline cursor target plugin to add fixes for safari arrow key navigation across inline node views. Also added additional keyboard navigation and selection tests in getInlineNodeViewProducerTestSuite.
+- [`789b211a5e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/789b211a5e5) - Removed the use of :first-child and nth-child selectors in CSS
+- [`45c427e8ac9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45c427e8ac9) - [ux] extending use of token theming package on Plugin components - /alignment, /floating-toolbar, /find-replace, /extension, /help-dialog
+- [`420808687d2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/420808687d2) - EDM-3072: fix copy-paste of media inline stuck on loading and renderer copy-paste copying only text
+- [`8300a668772`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8300a668772) - [ux] ED-14488: Extend ADF sanitising coverage to prevent Prosemirror failing validation checks on adf that can be repaired
+- [`e1f853c4415`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e1f853c4415) - [ux] Set fullpage toolbar to small width when two line editor toolbar is enabled
+- [`fe8f9fc51de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe8f9fc51de) - ED-14732 remove table column controls rendering delay to fix issue with composition events
+- [`2e611fd88b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e611fd88b2) - [ux][ux] extending use of token theming package on other plugin components
+- [`23b8d36fa72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/23b8d36fa72) - Adds a token to the background color of the editor toolbar
+- [`be5938bff91`](https://bitbucket.org/atlassian/atlassian-frontend/commits/be5938bff91) - Fix block type format across multiple selected table cells
+- [`ed6cdd2d397`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed6cdd2d397) - added onfullscreenchange property to media to avoid triggering table resizing when media is in full screen mode
+- [`b6834b8db25`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b6834b8db25) - ED-14903 Added block node selection test suite to table node, also modified test suite to allow multiple objects to be passed into content
+- [`10d3e380f95`](https://bitbucket.org/atlassian/atlassian-frontend/commits/10d3e380f95) - fix copy-paste issue for media caption
+- [`e61e5524ebb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e61e5524ebb) - [ux] ED-14939 Fixed - Gap cursor blinking between end of panel and end of content
+- [`dd0a9232657`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd0a9232657) - [ED-14954][ux] Removes token in the default color value in the custom panel color picker
+- Updated dependencies
+
 ## 166.0.4
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -21,6 +21,8 @@ var _prosemirrorModel = require("prosemirror-model");
 
 var _prosemirrorState = require("prosemirror-state");
 
+var _prosemirrorUtils = require("prosemirror-utils");
+
 var _utils = require("../utils");
 
 var _document = require("../utils/document");
@@ -29,8 +31,6 @@ var _action = require("../utils/action");
 
 var _eventDispatcher = require("../event-dispatcher");
 
-var _prosemirrorUtils = require("prosemirror-utils");
-
 var _utils2 = require("@atlaskit/editor-common/utils");
 
 var _utils3 = require("../plugins/extension/utils");
@@ -307,6 +307,30 @@ var EditorActions = /*#__PURE__*/function () {
         return (_findNodePosWithLocal = (0, _utils3.findNodePosWithLocalId)((_this$editorView2 = this.editorView) === null || _this$editorView2 === void 0 ? void 0 : _this$editorView2.state, id)) === null || _findNodePosWithLocal === void 0 ? void 0 : _findNodePosWithLocal.node;
       }
     }
+    /**
+     * This method will return the currently selected `Node` if the selection is a `Node`.
+     * Otherwise, if the selection is textual or a non-selectable `Node` within another selectable `Node`, the closest selectable parent `Node` will be returned.
+     */
+
+  }, {
+    key: "getSelectedNode",
+    value: function getSelectedNode() {
+      var _this$editorView3, _this$editorView3$sta;
+
+      if ((_this$editorView3 = this.editorView) !== null && _this$editorView3 !== void 0 && (_this$editorView3$sta = _this$editorView3.state) !== null && _this$editorView3$sta !== void 0 && _this$editorView3$sta.selection) {
+        var _findParentNode;
+
+        var selection = this.editorView.state.selection;
+
+        if (selection instanceof _prosemirrorState.NodeSelection) {
+          return selection.node;
+        }
+
+        return (_findParentNode = (0, _prosemirrorUtils.findParentNode)(function (node) {
+          return Boolean(node.type.spec.selectable);
+        })(selection)) === null || _findParentNode === void 0 ? void 0 : _findParentNode.node;
+      }
+    }
   }, {
     key: "isDocumentEmpty",
     value: function isDocumentEmpty() {

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

@@ -874,6 +874,8 @@ function getUAPrefix() {
     return 'ua-ie';
   } else if (_utils.browser.gecko) {
     return 'ua-firefox';
+  } else if (_utils.browser.safari) {
+    return 'ua-safari';
   }
 
   return '';

package/dist/cjs/create-editor/create-plugins-list.js

@@ -230,8 +230,7 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
       breakoutEnabled: props.appearance === 'full-page',
       allowContextualMenu: !isMobile,
       fullWidthEnabled: props.appearance === 'full-width',
-      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width',
-      dynamicSizingEnabled: props.allowDynamicTextSizing
+      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width'
     }]);
   }
 

package/dist/cjs/editor.js

@@ -450,6 +450,10 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         allowConfluenceInlineComment: {
           message: 'To integrate inline comments use experimental annotationProvider – <Editor annotationProviders={{ provider }} />',
           type: 'removed'
+        },
+        allowDynamicTextSizing: {
+          message: 'Dynamic text sizing has been unshipped since 2020. The prop is no longer needed.',
+          type: 'removed'
         }
       };
       Object.keys(deprecatedProperties).forEach(function (property) {
@@ -538,7 +542,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getBaseFontSize",
     value: function getBaseFontSize() {
-      return !this.props.allowDynamicTextSizing && !['comment', 'chromeless', 'mobile'].includes(this.props.appearance) ? _editorSharedStyles.akEditorFullPageDefaultFontSize : undefined;
+      return !['comment', 'chromeless', 'mobile'].includes(this.props.appearance) ? _editorSharedStyles.akEditorFullPageDefaultFontSize : undefined;
     }
   }, {
     key: "render",
@@ -621,7 +625,6 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                       config = _ref3.config,
                       dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
                   return (0, _react2.jsx)(_ui.BaseTheme, {
-                    dynamicTextSizing: _this5.props.allowDynamicTextSizing && _this5.props.appearance !== 'full-width',
                     baseFontSize: _this5.getBaseFontSize()
                   }, (0, _react2.jsx)(Component, {
                     appearance: _this5.props.appearance,

package/dist/cjs/keymaps/index.js

@@ -244,8 +244,12 @@ var arrowKeysMap = {
   ARROWRIGHT: "\u2192",
   ARROWUP: "\u2191",
   ARROWDOWN: "\u2193"
-};
+}; // TOOD: https://product-fabric.atlassian.net/browse/DSP-4460
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 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);
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
 function formatShortcut(keymap) {
   var shortcut;

package/dist/cjs/labs/next/ContentComponents.js

@@ -17,7 +17,10 @@ var _PluginSlot = _interopRequireDefault(require("../../ui/PluginSlot"));
 
 var _Editor = require("./Editor");
 
-function ContentComponents(disabled) {
+function ContentComponents(_ref) {
+  var disabled = _ref.disabled,
+      wrapperElement = _ref.wrapperElement,
+      containerElement = _ref.containerElement;
   var config = (0, _Editor.useEditorSharedConfig)();
 
   if (!config) {
@@ -28,10 +31,10 @@ function ContentComponents(disabled) {
     plugins: {
       disabled: _editorDisabled.pluginKey
     },
-    render: function render(_ref) {
+    render: function render(_ref2) {
       var _disabled$editorDisab;
 
-      var disabled = _ref.disabled;
+      var disabled = _ref2.disabled;
       return /*#__PURE__*/_react.default.createElement(_PluginSlot.default, {
         editorView: config.editorView,
         eventDispatcher: config.eventDispatcher,
@@ -40,8 +43,9 @@ function ContentComponents(disabled) {
         popupsMountPoint: config.popupsMountPoint,
         popupsBoundariesElement: config.popupsBoundariesElement,
         popupsScrollableElement: config.popupsScrollableElement,
-        containerElement: null // TODO: Figure out how to pass containerElement here ED-8448
+        containerElement: containerElement // TODO: Figure out how to pass containerElement here ED-8448
         ,
+        wrapperElement: wrapperElement,
         disabled: (_disabled$editorDisab = disabled === null || disabled === void 0 ? void 0 : disabled.editorDisabled) !== null && _disabled$editorDisab !== void 0 ? _disabled$editorDisab : false
       });
     }

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

@@ -21,6 +21,8 @@ var _react2 = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
+var _tokens = require("@atlaskit/tokens");
+
 var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _ui = require("@atlaskit/editor-common/ui");
@@ -63,8 +65,8 @@ 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);
 };
 
-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 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: ", ";\n\n  & object {\n    height: 0 !important;\n  }\n"])), _editorSharedStyles.akEditorMenuZIndex, (0, _tokens.token)('elevation.surface', 'white'));
+var mainToolbarWithKeyline = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  box-shadow: 0 ", "px 0 0 ", "\n"])), mainToolbar, _editorSharedStyles.akEditorToolbarKeylineHeight, (0, _tokens.token)('color.border', _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"])));
 
@@ -109,7 +111,6 @@ function useKeyline() {
 function FullPage(props) {
   var primaryToolbarComponents = props.primaryToolbarComponents,
       contentComponents = props.contentComponents,
-      allowDynamicTextSizing = props.allowDynamicTextSizing,
       collabEdit = props.collabEdit,
       createAnalyticsEvent = props.createAnalyticsEvent,
       contextPanel = props.contextPanel;
@@ -121,13 +122,15 @@ function FullPage(props) {
       scrollContainerRef = _useKeyline2[1];
 
   var config = (0, _Editor.useEditorSharedConfig)();
+
+  var wrapperElementRef = /*#__PURE__*/_react.default.createRef();
+
   return (0, _react2.jsx)(_context.ContextPanelWidthProvider, null, (0, _react2.jsx)(_Editor.Editor, (0, _extends2.default)({}, props, {
     onAnalyticsEvent: handleAnalyticsEvent
-  }), (0, _react2.jsx)(_ui.BaseTheme, {
-    dynamicTextSizing: allowDynamicTextSizing
-  }, (0, _react2.jsx)("div", {
+  }), (0, _react2.jsx)(_ui.BaseTheme, null, (0, _react2.jsx)("div", {
     css: fullPageEditorWrapper,
-    className: "akEditor"
+    className: "akEditor",
+    ref: wrapperElementRef
   }, (0, _react2.jsx)("div", {
     "data-testid": "ak-editor-main-toolbar",
     css: showKeyline ? mainToolbarWithKeyline : mainToolbar
@@ -153,7 +156,10 @@ function FullPage(props) {
   }, (0, _react2.jsx)("div", {
     style: GUTTER_STYLE,
     className: "ak-editor-content-area"
-  }, contentComponents, (0, _react2.jsx)(_Editor.EditorContent, null), (0, _react2.jsx)(_ContentComponents.ContentComponents, null))))), contextPanel && (0, _react2.jsx)("div", {
+  }, contentComponents, (0, _react2.jsx)(_Editor.EditorContent, null), (0, _react2.jsx)(_ContentComponents.ContentComponents, {
+    wrapperElement: wrapperElementRef.current,
+    containerElement: scrollContainerRef.current
+  }))))), 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/nodeviews/getInlineNodeViewProducer.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getInlineNodeViewProducer = getInlineNodeViewProducer;
+exports.inlineNodeViewClassname = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -21,6 +22,9 @@ var _ErrorBoundary = require("../ui/ErrorBoundary");
 
 var _getPerformanceOptions = require("./getPerformanceOptions");
 
+var inlineNodeViewClassname = 'inlineNodeView';
+exports.inlineNodeViewClassname = inlineNodeViewClassname;
+
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
       pmPluginFactoryParams = _ref.pmPluginFactoryParams,
@@ -40,7 +44,7 @@ function createNodeView(_ref) {
   // nodeView if DOM structure has nested plain "div"s, it doesn't see the
   // difference between them and it kills the nodeView
 
-  domRef.classList.add("".concat(nodeViewParams.node.type.name, "View-content-wrap"), "inlineNodeView"); // This util is shared for tracking rendering, and the ErrorBoundary that
+  domRef.classList.add("".concat(nodeViewParams.node.type.name, "View-content-wrap"), "".concat(inlineNodeViewClassname)); // This util is shared for tracking rendering, and the ErrorBoundary that
   // is setup to wrap the Component when rendering
   // NOTE: This is not a prosemirror dispatch
 
@@ -177,13 +181,13 @@ function getPortalChildren(_ref2) {
       componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : _analytics.ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "inlineNodeViewAddZeroWidthSpace"
+      className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }), _utils.ZERO_WIDTH_SPACE, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       view: nodeViewParams.view,
       getPos: nodeViewParams.getPos,
       node: currentNode
     }, extraComponentProps)), /*#__PURE__*/_react.default.createElement("span", {
-      className: "inlineNodeViewAddZeroWidthSpace"
+      className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };
 } // https://prosemirror.net/docs/ref/#view.EditorProps.nodeViews

package/dist/cjs/nodeviews/getInlineNodeViewProducer.styles.js

@@ -13,9 +13,11 @@ var _react = require("@emotion/react");
 
 var _utils = require("@atlaskit/editor-common/utils");
 
+var _getInlineNodeViewProducer = require("./getInlineNodeViewProducer");
+
 var _templateObject;
 
 // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
-var InlineNodeViewSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .inlineNodeView {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > * {\n      white-space: pre-wrap;\n    }\n  }\n\n  &.ua-chrome .inlineNodeView > span {\n    user-select: none;\n  }\n\n  .inlineNodeViewAddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), _utils.ZERO_WIDTH_SPACE);
+var InlineNodeViewSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > * {\n      white-space: pre-wrap;\n    }\n  }\n  /** Remove browser deafult selections style. This prevents\n    unexpected visual artefacts in Safari when navigating\n    with the keyboard or making range selections. */\n  &.ua-safari {\n    .", " {\n      ::selection,\n      *::selection {\n        background: transparent;\n      }\n    }\n  }\n\n  &.ua-chrome .", " > span {\n    user-select: none;\n  }\n\n  .", "AddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), _getInlineNodeViewProducer.inlineNodeViewClassname, _getInlineNodeViewProducer.inlineNodeViewClassname, _getInlineNodeViewProducer.inlineNodeViewClassname, _getInlineNodeViewProducer.inlineNodeViewClassname, _utils.ZERO_WIDTH_SPACE);
 exports.InlineNodeViewSharedStyles = InlineNodeViewSharedStyles;

package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/styles.js

@@ -13,11 +13,13 @@ var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
+var _tokens = require("@atlaskit/tokens");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 var triggerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
 exports.triggerWrapper = triggerWrapper;
-var separator = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), _colors.N30);
+var separator = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), (0, _tokens.token)('color.border', _colors.N30));
 exports.separator = separator;
 var wrapper = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  div {\n    display: flex;\n  }\n"])));
 exports.wrapper = wrapper;

package/dist/cjs/plugins/analytics/types/enums.js

@@ -92,6 +92,9 @@ exports.ACTION = ACTION;
   ACTION["SYNCHRONY_ENTITY_ERROR"] = "synchronyEntityError";
   ACTION["SYNCHRONY_ERROR"] = "synchronyError";
   ACTION["TEXT_LINK_MARK_TRANSFORMED"] = "textLinkMarkTransformed";
+  ACTION["DEDUPE_MARKS_TRANSFORMED"] = "dedupeMarksTransformed";
+  ACTION["NODES_MISSING_CONTENT_TRANSFORMED"] = "nodesMissingContentTransformed";
+  ACTION["INDENTATION_MARKS_TRANSFORMED"] = "indentationMarksTransformed";
   ACTION["TOGGLE_EXPAND"] = "toggleExpand";
   ACTION["TRANSACTION_DISPATCHED"] = "transactionDispatched";
   ACTION["TRANSACTION_MUTATED_AFTER_DISPATCH"] = "transactionMutatedAfterDispatched";

package/dist/cjs/plugins/base/index.js

@@ -66,25 +66,16 @@ var basePlugin = function basePlugin(options) {
       // In Firefox, when the selection is placed between adjacent nodes which are not contenteditatble
       // no cursor is presented to users.
       // In Safari, when the selection is placed between adjacent nodes which are not contenteditatble
-      // the cursor appears inside the adjacent nodes.
-      // This plugin workarounds the issues with chrome and firefox by inserting decorations between
+      // it is not possible to navigate with arrow keys.
+      // This plugin works around the issues by inserting decorations between
       // inline nodes which are set as contenteditable, and have a zero width space.
-      // At time of development, using this workaround in Safari caused additional issues;
-      // - visual artifacts when moving across inline nodes (ie. using the arrow key to traverse a
-      //   series of inline nodes)
-      // - blocking the right arrow key when at the start of a line from moving to the end of the
-      //   previous line.
-      // As such we only apply the workaround for firefox and chrome.
-
-      if (_utils.browser.chrome || _utils.browser.gecko) {
-        plugins.push({
-          name: 'inlineCursorTargetPlugin',
-          plugin: function plugin() {
-            return options && options.allowInlineCursorTarget ? (0, _inlineCursorTarget.default)() : undefined;
-          }
-        });
-      }
 
+      plugins.push({
+        name: 'inlineCursorTargetPlugin',
+        plugin: function plugin() {
+          return options && options.allowInlineCursorTarget ? (0, _inlineCursorTarget.default)() : undefined;
+        }
+      });
       plugins.push({
         name: 'focusHandlerPlugin',
         plugin: function plugin(_ref2) {

package/dist/cjs/plugins/base/pm-plugins/better-type-history.js

@@ -15,6 +15,8 @@ var _prosemirrorHistory = require("prosemirror-history");
 
 var _prosemirrorTransform = require("prosemirror-transform");
 
+var _step = require("../../../utils/step");
+
 var getEnterKeyboardActionStep = function getEnterKeyboardActionStep(trs) {
   var firstTr = trs.length === 1 && trs[0];
 
@@ -35,17 +37,6 @@ var getEnterKeyboardActionStep = function getEnterKeyboardActionStep(trs) {
   return replaceSteps[0];
 };
 
-var extractSliceFromStep = function extractSliceFromStep(step) {
-  if (!(step instanceof _prosemirrorTransform.ReplaceStep) && !(step instanceof _prosemirrorTransform.ReplaceAroundStep)) {
-    return null;
-  } // @ts-ignore This is by design. Slice is a private property, but accesible, from ReplaceStep.
-  // However, we need to read it to found if the step was adding a newline
-
-
-  var slice = step.slice;
-  return slice;
-};
-
 var isSliceSplittingBlockNode = function isSliceSplittingBlockNode(slice) {
   var hasOnlyTwoChildren = slice.size > 1 && slice.content.childCount === 2;
 
@@ -85,7 +76,7 @@ var _default = function _default() {
         return;
       }
 
-      var slice = extractSliceFromStep(enterStep);
+      var slice = (0, _step.extractSliceFromStep)(enterStep);
       var schema = newState.schema;
 
       if (slice && (isSliceSplittingBlockNode(slice) || isSliceAddingNewlineChar(slice, schema))) {