@atlaskit/editor-core 166.0.2 → 167.0.0

package/dist/es2019/ui/Toolbar/ToolbarInner.js

@@ -56,7 +56,8 @@ export class ToolbarInner extends React.Component {
         isToolbarReducedSpacing,
         containerElement,
         isLastItem: key === items.length - 1,
-        dispatchAnalyticsEvent
+        dispatchAnalyticsEvent,
+        wrapperElement: null
       });
       return element && /*#__PURE__*/React.cloneElement(element, props);
     }));

package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -9,6 +9,7 @@ import { useElementWidth } from './hooks';
 import { widthToToolbarSize, toolbarSizeToWidth } from './toolbar-size';
 import { Toolbar } from './Toolbar';
 import { ToolbarSize } from './types';
+import { isFullPage } from '../../utils/is-full-page';
 const toolbar = css`
   width: 100%;
   position: relative;
@@ -27,10 +28,11 @@ export const ToolbarWithSizeDetector = props => {
   });
   const toolbarSize = typeof width === 'undefined' && typeof elementWidth === 'undefined' ? undefined : widthToToolbarSize(width || elementWidth, props.appearance);
   const toolbarStyle = useMemo(() => {
-    const toolbarMinWidth = toolbarSizeToWidth(ToolbarSize.M, props.appearance);
+    const toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
+    const toolbarMinWidth = toolbarSizeToWidth(toolbarWidth, props.appearance);
     const minWidth = `min-width: ${props.hasMinWidth ? toolbarMinWidth : '254'}px`;
     return [toolbar, minWidth];
-  }, [props.appearance, props.hasMinWidth]);
+  }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
   return jsx("div", {
     css: toolbarStyle
   }, jsx(WidthObserver, {

package/dist/es2019/ui/ToolbarFeedback/styles.js

@@ -1,6 +1,7 @@
 import { css } from '@emotion/react';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N60A, N400, P400 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 export const buttonContent = css`
   display: flex;
@@ -13,9 +14,9 @@ export const wrapper = css`
   margin-right: 0;
 `;
 export const confirmationPopup = css`
-  background: #fff;
+  background: ${token('elevation.surface.overlay', '#fff')};
   border-radius: ${borderRadius()}px;
-  box-shadow: 0 4px 8px -2px ${N60A}, 0 0 1px ${N60A};
+  box-shadow: ${token('elevation.shadow.overlay', `0 4px 8px -2px ${N60A}, 0 0 1px ${N60A}`)};
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -28,7 +29,7 @@ export const confirmationText = css`
   font-size: ${relativeFontSizeToBase16(14)};
   word-spacing: 4px;
   line-height: 22px;
-  color: ${N400};
+  color: ${token('color.text.subtle', N400)};
   margin-top: 30px;
   padding: 20px;
   & > div {
@@ -42,7 +43,7 @@ export const confirmationText = css`
   }
 `;
 export const confirmationHeader = css`
-  background-color: ${P400};
+  background-color: ${token('color.background.discovery.bold', P400)};
   height: 100px;
   width: 100%;
   display: inline-block;

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

@@ -4,20 +4,21 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { css, jsx, keyframes } from '@emotion/react';
 import { R100 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 const pulseBackground = keyframes`
   50% {
-    background-color: ${R100};
+    background-color: ${token('color.blanket.danger', R100)};
   }
 `;
 const pulseBackgroundReverse = keyframes`
   0% {
-    background-color: ${R100};
+    background-color: ${token('color.blanket.danger', R100)};
   }
   50% {
     background-color: auto;
   }
   100% {
-    background-color: ${R100};
+    background-color: ${token('color.blanket.danger', R100)};
   }
 `;
 const flashWrapper = css`

package/dist/es2019/ui/styles.js

@@ -1,6 +1,7 @@
 import { css } from '@emotion/react';
 import { gridSize, borderRadius } from '@atlaskit/theme/constants';
 import { N30, N100 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 const akGridSize = gridSize() + 'px';
 export const buttonGroupStyle = css`
@@ -12,7 +13,7 @@ export const buttonGroupStyle = css`
   }
 `;
 export const separatorStyles = css`
-  background: ${N30};
+  background: ${token('color.border', N30)};
   width: 1px;
   height: 24px;
   display: inline-block;
@@ -58,9 +59,9 @@ export const buttonContentReducedSpacingStyle = css`
 `; // Taken from the style of inline dialog components
 
 export const dropShadow = css`
-  box-shadow: 0 0 1px rgba(9, 30, 66, 0.31),
-    0 4px 8px -2px rgba(9, 30, 66, 0.25);
-`; // TODO change to use emotion css
+  box-shadow: ${token('elevation.shadow.overlay', `0 0 1px rgba(9, 30, 66, 0.31),
+    0 4px 8px -2px rgba(9, 30, 66, 0.25)`)};
+`; // TODO: https://product-fabric.atlassian.net/browse/DSP-4494
 
 export const scrollbarStyles = `
   -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -75,21 +76,21 @@ export const scrollbarStyles = `
   }
 
   &::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0);
+    background-color: ${token('color.background.neutral.subtle', 'rgba(0, 0, 0, 0)')};
   }
 
   &:hover::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.2);
+    background-color: ${token('color.background.neutral.bold', 'rgba(0, 0, 0, 0.2)')};
     border-radius: ${akGridSize};
   }
 
   &::-webkit-scrollbar-thumb:hover {
-    background-color: rgba(0, 0, 0, 0.4);
+    background-color: ${token('color.background.neutral.bold.hovered', 'rgba(0, 0, 0, 0.4)')};
   }
 `;
 export const shortcutStyle = css`
-  background-color: rgba(223, 225, 229, 0.5); /* N60 at 50% */
-  color: ${N100};
+  background-color: ${token('color.background.neutral', 'rgba(223, 225, 229, 0.5)')}; /* N60 at 50% */
+  color: ${token('color.text.subtle', N100)};
   border-radius: ${borderRadius()}px;
   padding: 4px;
   line-height: 12px;

package/dist/es2019/utils/document.js

@@ -1,5 +1,5 @@
 import { Node } from 'prosemirror-model';
-import { transformMediaLinkMarks, transformTextLinkCodeMarks } from '@atlaskit/adf-utils';
+import { transformMediaLinkMarks, transformTextLinkCodeMarks, transformDedupeMarks, transformNodesMissingContent, transformIndentationMarks } from '@atlaskit/adf-utils/transforms';
 import { sanitizeNodeForPrivacy } from '../utils/filter/privacy-filter';
 import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
 import { getBreakoutMode } from './node-width';
@@ -75,6 +75,9 @@ export function isEmptyDocument(node) {
 export function hasDocAsParent($anchor) {
   return $anchor.depth === 1;
 }
+export function isProseMirrorSchemaCheckError(error) {
+  return error instanceof RangeError && (!!error.message.match(/^Invalid collection of marks for node/) || !!error.message.match(/^Invalid content for node/));
+}
 export function isInEmptyLine(state) {
   const {
     selection
@@ -192,9 +195,10 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
     // and preserving code marks during content changes.
 
 
-    const transformResult = transformTextLinkCodeMarks(node);
-    transformedAdf = transformResult.transformedAdf;
-    isTransformed = transformResult.isTransformed;
+    ({
+      transformedAdf,
+      isTransformed
+    } = transformTextLinkCodeMarks(transformedAdf));
 
     if (isTransformed && dispatchAnalyticsEvent) {
       dispatchAnalyticsEvent({
@@ -204,6 +208,50 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
       });
     }
 
+    let discardedMarks = [];
+    ({
+      transformedAdf,
+      isTransformed,
+      discardedMarks
+    } = transformDedupeMarks(transformedAdf));
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.DEDUPE_MARKS_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          discardedMarks
+        }
+      });
+    }
+
+    ({
+      transformedAdf,
+      isTransformed
+    } = transformNodesMissingContent(transformedAdf));
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.NODES_MISSING_CONTENT_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+    }
+
+    ({
+      transformedAdf,
+      isTransformed
+    } = transformIndentationMarks(transformedAdf));
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.INDENTATION_MARKS_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+    }
+
     const entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
     let newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
     const parsedDoc = Node.fromJSON(schema, newEntity); // throws an error if the document is invalid
@@ -222,7 +270,7 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
         });
       }
 
-      return;
+      throw err;
     }
 
     if (dispatchAnalyticsEvent) {
@@ -244,6 +292,11 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
 
 
     console.error(`Error processing document:\n${e.message}\n\n`, JSON.stringify(node));
+
+    if (isProseMirrorSchemaCheckError(e)) {
+      throw e;
+    }
+
     return;
   }
 }

package/dist/es2019/utils/filter/privacy-filter.js

@@ -1,4 +1,4 @@
-import { traverse } from '@atlaskit/adf-utils';
+import { traverse } from '@atlaskit/adf-utils/traverse';
 import { isResolvingMentionProvider } from '@atlaskit/mention/resource';
 
 /**

package/dist/es2019/utils/step.js

@@ -1,3 +1,4 @@
+import { ReplaceAroundStep, ReplaceStep } from 'prosemirror-transform';
 export const stepHasSlice = step => step && step.hasOwnProperty('slice');
 /**
  * Checks whether a given step is adding nodes of given nodeTypes
@@ -21,4 +22,14 @@ export function stepAddsOneOf(step, nodeTypes) {
     return !adds;
   });
   return adds;
-}
+}
+export const extractSliceFromStep = step => {
+  if (!(step instanceof ReplaceStep) && !(step instanceof 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
+
+
+  const slice = step.slice;
+  return slice;
+};

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "166.0.2";
+export const version = "167.0.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

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

package/dist/esm/actions/index.js

@@ -1,10 +1,11 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Node } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
+import { TextSelection, NodeSelection } from 'prosemirror-state';
+import { findParentNode } from 'prosemirror-utils';
 import { toJSON } from '../utils';
 import { processRawValue, isEmptyDocument } from '../utils/document';
 import { getEditorValueWithMedia, __temporaryFixForConfigPanel as _temporaryFixForConfigPanel } from '../utils/action';
@@ -285,6 +286,30 @@ var EditorActions = /*#__PURE__*/function () {
         return (_findNodePosWithLocal = 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 NodeSelection) {
+          return selection.node;
+        }
+
+        return (_findParentNode = 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/esm/create-editor/ErrorBoundary.js

@@ -1,3 +1,4 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -6,7 +7,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 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; }
 

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

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

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

@@ -210,8 +210,7 @@ export default 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/esm/editor.js

@@ -1,3 +1,4 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -14,8 +15,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -411,6 +410,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) {
@@ -499,7 +502,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "getBaseFontSize",
     value: function getBaseFontSize() {
-      return !this.props.allowDynamicTextSizing && !['comment', 'chromeless', 'mobile'].includes(this.props.appearance) ? akEditorFullPageDefaultFontSize : undefined;
+      return !['comment', 'chromeless', 'mobile'].includes(this.props.appearance) ? akEditorFullPageDefaultFontSize : undefined;
     }
   }, {
     key: "render",
@@ -582,7 +585,6 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                       config = _ref3.config,
                       dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
                   return jsx(BaseTheme, {
-                    dynamicTextSizing: _this5.props.allowDynamicTextSizing && _this5.props.appearance !== 'full-width',
                     baseFontSize: _this5.getBaseFontSize()
                   }, jsx(Component, {
                     appearance: _this5.props.appearance,

package/dist/esm/keymaps/index.js

@@ -76,8 +76,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 = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), N400);
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
 function formatShortcut(keymap) {
   var shortcut;

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

@@ -3,7 +3,10 @@ import { pluginKey as disabledPluginKey } from '../../plugins/editor-disabled';
 import WithPluginState from '../../ui/WithPluginState';
 import PluginSlot from '../../ui/PluginSlot';
 import { useEditorSharedConfig } from './Editor';
-export function ContentComponents(disabled) {
+export function ContentComponents(_ref) {
+  var disabled = _ref.disabled,
+      wrapperElement = _ref.wrapperElement,
+      containerElement = _ref.containerElement;
   var config = useEditorSharedConfig();
 
   if (!config) {
@@ -14,10 +17,10 @@ export function ContentComponents(disabled) {
     plugins: {
       disabled: disabledPluginKey
     },
-    render: function render(_ref) {
+    render: function render(_ref2) {
       var _disabled$editorDisab;
 
-      var disabled = _ref.disabled;
+      var disabled = _ref2.disabled;
       return /*#__PURE__*/React.createElement(PluginSlot, {
         editorView: config.editorView,
         eventDispatcher: config.eventDispatcher,
@@ -26,8 +29,9 @@ export 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/esm/labs/next/full-page.js

@@ -9,6 +9,7 @@ import rafSchedule from 'raf-schd';
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { BaseTheme } from '@atlaskit/editor-common/ui';
 import { akEditorMenuZIndex, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
@@ -35,8 +36,8 @@ var editorContentArea = function editorContentArea(theme) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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, tableFullPageEditorStyles);
 };
 
-var mainToolbar = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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"])), akEditorMenuZIndex);
-var mainToolbarWithKeyline = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  box-shadow: 0 ", "px 0 0 ", "\n"])), mainToolbar, akEditorToolbarKeylineHeight, N30);
+var mainToolbar = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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"])), akEditorMenuZIndex, token('elevation.surface', 'white'));
+var mainToolbarWithKeyline = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  box-shadow: 0 ", "px 0 0 ", "\n"])), mainToolbar, akEditorToolbarKeylineHeight, token('color.border', N30));
 var mainToolbarCustomComponentsSlot = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  flex-grow: 1;\n"])));
 var sidebarArea = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 100%;\n  box-sizing: border-box;\n"])));
 
@@ -79,7 +80,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;
@@ -91,13 +91,13 @@ function FullPage(props) {
       scrollContainerRef = _useKeyline2[1];
 
   var config = useEditorSharedConfig();
+  var wrapperElementRef = /*#__PURE__*/React.createRef();
   return jsx(ContextPanelWidthProvider, null, jsx(Editor, _extends({}, props, {
     onAnalyticsEvent: handleAnalyticsEvent
-  }), jsx(BaseTheme, {
-    dynamicTextSizing: allowDynamicTextSizing
-  }, jsx("div", {
+  }), jsx(BaseTheme, null, jsx("div", {
     css: fullPageEditorWrapper,
-    className: "akEditor"
+    className: "akEditor",
+    ref: wrapperElementRef
   }, jsx("div", {
     "data-testid": "ak-editor-main-toolbar",
     css: showKeyline ? mainToolbarWithKeyline : mainToolbar
@@ -123,7 +123,10 @@ function FullPage(props) {
   }, jsx("div", {
     style: GUTTER_STYLE,
     className: "ak-editor-content-area"
-  }, contentComponents, jsx(EditorContent, null), jsx(ContentComponents, null))))), contextPanel && jsx("div", {
+  }, contentComponents, jsx(EditorContent, null), jsx(ContentComponents, {
+    wrapperElement: wrapperElementRef.current,
+    containerElement: scrollContainerRef.current
+  }))))), contextPanel && jsx("div", {
     css: sidebarArea
   }, contextPanel), jsx(WidthEmitter, {
     editorView: config === null || config === void 0 ? void 0 : config.editorView

package/dist/esm/nodeviews/getInlineNodeViewProducer.js

@@ -5,6 +5,7 @@ import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
 import { analyticsEventKey } from '../plugins/analytics/consts';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './getPerformanceOptions';
+export var inlineNodeViewClassname = 'inlineNodeView';
 
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
@@ -25,7 +26,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
 
@@ -162,13 +163,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 : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, /*#__PURE__*/React.createElement("span", {
-      className: "inlineNodeViewAddZeroWidthSpace"
+      className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }), ZERO_WIDTH_SPACE, /*#__PURE__*/React.createElement(Component, _extends({
       view: nodeViewParams.view,
       getPos: nodeViewParams.getPos,
       node: currentNode
     }, extraComponentProps)), /*#__PURE__*/React.createElement("span", {
-      className: "inlineNodeViewAddZeroWidthSpace"
+      className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };
 } // https://prosemirror.net/docs/ref/#view.EditorProps.nodeViews

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

@@ -3,7 +3,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import { css } from '@emotion/react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils'; // For reasoning behind styles, see comments in:
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
+import { inlineNodeViewClassname } from './getInlineNodeViewProducer'; // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
 
-export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), ZERO_WIDTH_SPACE);
+export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, inlineNodeViewClassname, ZERO_WIDTH_SPACE);

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

@@ -4,7 +4,8 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 export var triggerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-export var separator = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), N30);
+export var separator = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), token('color.border', N30));
 export var wrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  div {\n    display: flex;\n  }\n"])));
 export var expandIconWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));

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

@@ -84,6 +84,9 @@ export var 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/esm/plugins/annotation/pm-plugins/inline-comment.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import { RESOLVE_METHOD } from './../../analytics/types/inline-comment-events';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { AnnotationTypes } from '@atlaskit/adf-schema';

package/dist/esm/plugins/annotation/pm-plugins/plugin-factory.js

@@ -52,7 +52,6 @@ var _pluginFactory = pluginFactory(inlineCommentPluginKey, reducer, {
     } // return same pluginState if mappings did not change
 
 
-    // return same pluginState if mappings did not change
     if (mappedBookmark === bookmark && mappedDecorationSet === draftDecorationSet) {
       return pluginState;
     }