@atlaskit/editor-core 197.2.1 → 197.2.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-core
 
+## 197.2.3
+
+### Patch Changes
+
+- [#136348](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136348)
+  [`fb4fb56f1da7c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fb4fb56f1da7c) -
+  Use optimised entry-points on editor-common for browser.
+- Updated dependencies
+
+## 197.2.2
+
+### Patch Changes
+
+- [#135933](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/135933)
+  [`e0704de94b493`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e0704de94b493) -
+  Clean up deprecated context panel UI component (no longer used).
+- Updated dependencies
+
 ## 197.2.1
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -11,6 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("@atlaskit/editor-common/utils");
+var _analytics = require("@atlaskit/editor-common/utils/analytics");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
@@ -39,7 +40,7 @@ var EditorActions = exports.default = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "dispatchAnalyticsEvent", function (payload) {
       if (_this.eventDispatcher) {
         var dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
-        dispatch(_utils.analyticsEventKey, {
+        dispatch(_analytics.analyticsEventKey, {
           payload: payload
         });
       }

package/dist/cjs/composable-editor/core-editor.js

@@ -17,7 +17,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
 var _ufo = require("@atlaskit/editor-common/ufo");
-var _utils = require("@atlaskit/editor-common/utils");
+var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _actions = _interopRequireDefault(require("../actions"));
 var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
 var _EditorContext = require("../ui/EditorContext");
@@ -133,7 +133,7 @@ function CoreEditor(props) {
       packageName: _versionWrapper.name,
       packageVersion: _versionWrapper.version,
       componentName: 'editorCore',
-      appearance: (0, _utils.getAnalyticsAppearance)(props.appearance),
+      appearance: (0, _analytics2.getAnalyticsAppearance)(props.appearance),
       editorSessionId: editorSessionId.current
     };
   }, [props.appearance]);

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

@@ -21,7 +21,7 @@ var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _intlErrorBoundary = require("@atlaskit/editor-common/intl-error-boundary");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _ufo = require("@atlaskit/editor-common/ufo");
-var _utils = require("@atlaskit/editor-common/utils");
+var _outdatedBrowsers = require("../utils/outdatedBrowsers");
 var _WithEditorView = require("./WithEditorView");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -62,7 +62,7 @@ var ErrorBoundaryWithEditorView = exports.ErrorBoundaryWithEditorView = /*#__PUR
                 docStructure: _this.featureFlags.errorBoundaryDocStructure && _this.props.editorView ? (0, _coreUtils.getDocStructure)(_this.props.editorView.state.doc, {
                   compact: true
                 }) : undefined,
-                outdatedBrowser: (0, _utils.isOutdatedBrowser)(browserInfo)
+                outdatedBrowser: (0, _outdatedBrowsers.isOutdatedBrowser)(browserInfo)
               };
               _this.fireAnalyticsEvent({
                 action: _analytics.ACTION.EDITOR_CRASHED,

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

@@ -17,23 +17,27 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _browser = require("@atlaskit/editor-common/browser");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
 var _preset = require("@atlaskit/editor-common/preset");
 var _ufo = require("@atlaskit/editor-common/ufo");
 var _utils = require("@atlaskit/editor-common/utils");
+var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _eventDispatcher = require("../event-dispatcher");
 var _context = require("../presets/context");
 var _document = require("../utils/document");
+var _findChangedNodesFromTransaction = require("../utils/findChangedNodesFromTransaction");
 var _isFullPage = require("../utils/is-full-page");
 var _RenderTracking = require("../utils/performance/components/RenderTracking");
 var _measureEnum = _interopRequireDefault(require("../utils/performance/measure-enum"));
 var _pluginPerformanceObserver = require("../utils/performance/plugin-performance-observer");
 var _saferTransactions = require("../utils/performance/safer-transactions");
 var _trackTransactions = require("../utils/performance/track-transactions");
+var _validateNodes = require("../utils/validateNodes");
 var _consts = require("./consts");
 var _createEditor = require("./create-editor");
 var _createPluginsList = _interopRequireDefault(require("./create-plugins-list"));
@@ -283,8 +287,8 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         var _this$experienceStore;
         (_this$experienceStore = _this.experienceStore) === null || _this$experienceStore === void 0 || _this$experienceStore.start(_ufo.EditorExperience.interaction);
       }
-      var nodes = (0, _utils.findChangedNodesFromTransaction)(unsafeTransaction);
-      var changedNodesValid = (0, _utils.validateNodes)(nodes);
+      var nodes = (0, _findChangedNodesFromTransaction.findChangedNodesFromTransaction)(unsafeTransaction);
+      var changedNodesValid = (0, _validateNodes.validateNodes)(nodes);
       var transaction = new Proxy(unsafeTransaction, (0, _saferTransactions.freezeUnsafeTransactionProperties)({
         dispatchAnalyticsEvent: _this.dispatchAnalyticsEvent,
         pluginKey: 'unknown-reacteditorview'
@@ -358,7 +362,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
       } else {
         var _this$experienceStore8;
         var invalidNodes = nodes.filter(function (node) {
-          return !(0, _utils.validNode)(node);
+          return !(0, _validateNodes.validNode)(node);
         }).map(function (node) {
           return (0, _coreUtils.getDocStructure)(node, {
             compact: true
@@ -409,7 +413,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
           distortedDuration = _ref3.distortedDuration;
         var proseMirrorRenderedTracking = (_this$props$editorPro4 = _this.props.editorProps) === null || _this$props$editorPro4 === void 0 || (_this$props$editorPro4 = _this$props$editorPro4.performanceTracking) === null || _this$props$editorPro4 === void 0 ? void 0 : _this$props$editorPro4.proseMirrorRenderedTracking;
         var forceSeverityTracking = typeof proseMirrorRenderedTracking === 'undefined' && (0, _utils.shouldForceTracking)();
-        _this.proseMirrorRenderedSeverity = !!forceSeverityTracking || proseMirrorRenderedTracking !== null && proseMirrorRenderedTracking !== void 0 && proseMirrorRenderedTracking.trackSeverity ? (0, _utils.getAnalyticsEventSeverity)(duration, (_proseMirrorRenderedT = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityNormalThreshold) !== null && _proseMirrorRenderedT !== void 0 ? _proseMirrorRenderedT : _consts.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, (_proseMirrorRenderedT2 = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityDegradedThreshold) !== null && _proseMirrorRenderedT2 !== void 0 ? _proseMirrorRenderedT2 : _consts.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD) : undefined;
+        _this.proseMirrorRenderedSeverity = !!forceSeverityTracking || proseMirrorRenderedTracking !== null && proseMirrorRenderedTracking !== void 0 && proseMirrorRenderedTracking.trackSeverity ? (0, _analytics2.getAnalyticsEventSeverity)(duration, (_proseMirrorRenderedT = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityNormalThreshold) !== null && _proseMirrorRenderedT !== void 0 ? _proseMirrorRenderedT : _consts.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, (_proseMirrorRenderedT2 = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityDegradedThreshold) !== null && _proseMirrorRenderedT2 !== void 0 ? _proseMirrorRenderedT2 : _consts.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD) : undefined;
         if (_this.view) {
           var _this$pluginInjection2, _this$experienceStore10;
           var nodes = (0, _document.getNodesCount)(_this.view.state.doc);
@@ -504,14 +508,14 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
         });
 
         // Allows us to dispatch analytics within the plugin view.destory methods
-        var analyticsConnected = _this.eventDispatcher.has(_utils.analyticsEventKey, _this.handleAnalyticsEvent);
+        var analyticsConnected = _this.eventDispatcher.has(_analytics2.analyticsEventKey, _this.handleAnalyticsEvent);
         if (!analyticsConnected) {
-          _this.eventDispatcher.on(_utils.analyticsEventKey, _this.handleAnalyticsEvent);
+          _this.eventDispatcher.on(_analytics2.analyticsEventKey, _this.handleAnalyticsEvent);
         }
         _this.view.destroy(); // Destroys the dom node & all node views
 
         if (!analyticsConnected) {
-          _this.eventDispatcher.off(_utils.analyticsEventKey, _this.handleAnalyticsEvent);
+          _this.eventDispatcher.off(_analytics2.analyticsEventKey, _this.handleAnalyticsEvent);
         }
         _this.view = undefined;
       }
@@ -519,7 +523,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dispatchAnalyticsEvent", function (payload) {
       if (_this.eventDispatcher) {
         var dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
-        dispatch(_utils.analyticsEventKey, {
+        dispatch(_analytics2.analyticsEventKey, {
           payload: payload
         });
       }
@@ -575,7 +579,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
 
     // This needs to be before initialising editorState because
     // we dispatch analytics events in plugin initialisation
-    _this.eventDispatcher.on(_utils.analyticsEventKey, _this.handleAnalyticsEvent);
+    _this.eventDispatcher.on(_analytics2.analyticsEventKey, _this.handleAnalyticsEvent);
     _this.eventDispatcher.on('resetEditorState', _this.resetEditorState);
     _this.editorState = _this.createEditorState({
       props: props,
@@ -809,13 +813,13 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
   getAtlaskitAnalyticsEventHandlers: _propTypes.default.func
 });
 function getUAPrefix() {
-  if (_utils.browser.chrome) {
+  if (_browser.browser.chrome) {
     return 'ua-chrome';
-  } else if (_utils.browser.ie) {
+  } else if (_browser.browser.ie) {
     return 'ua-ie';
-  } else if (_utils.browser.gecko) {
+  } else if (_browser.browser.gecko) {
     return 'ua-firefox';
-  } else if (_utils.browser.safari) {
+  } else if (_browser.browser.safari) {
     return 'ua-safari';
   }
   return '';

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createSchema = createSchema;
-var _schema = require("@atlaskit/adf-schema/schema");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _sanitizeNodes = require("../utils/sanitizeNodes");
 var _createEditor = require("./create-editor");
 var _sortByOrder = require("./sort-by-order");
 function createSchema(editorConfig) {
@@ -13,7 +13,7 @@ function createSchema(editorConfig) {
     acc[mark.name] = mark.mark;
     return acc;
   }, {}));
-  var nodes = (0, _schema.sanitizeNodes)(editorConfig.nodes.sort((0, _sortByOrder.sortByOrder)('nodes')).reduce(function (acc, node) {
+  var nodes = (0, _sanitizeNodes.sanitizeNodes)(editorConfig.nodes.sort((0, _sortByOrder.sortByOrder)('nodes')).reduce(function (acc, node) {
     acc[node.name] = node.node;
     return acc;
   }, {}), marks);

package/dist/cjs/index.js

@@ -37,7 +37,7 @@ Object.defineProperty(exports, "CollapsedEditor", {
 Object.defineProperty(exports, "ContextPanel", {
   enumerable: true,
   get: function get() {
-    return _ContextPanel.default;
+    return _ContextPanel.ContextPanel;
   }
 });
 Object.defineProperty(exports, "EVENT_TYPE", {
@@ -156,7 +156,7 @@ var _WithHelpTrigger = _interopRequireDefault(require("./ui/WithHelpTrigger"));
 var _CollapsedEditor = _interopRequireDefault(require("./ui/CollapsedEditor"));
 var _ToolbarHelp = _interopRequireDefault(require("./ui/ToolbarHelp"));
 var _ToolbarFeedback = _interopRequireDefault(require("./ui/ToolbarFeedback"));
-var _ContextPanel = _interopRequireDefault(require("./ui/ContextPanel"));
+var _ContextPanel = require("./ui/ContextPanel");
 var _resource = require("@atlaskit/emoji/resource");
 var _resource2 = require("@atlaskit/mention/resource");
 var _teamResource = require("@atlaskit/mention/team-resource");

package/dist/cjs/ui/Appearance/FullPage/FullPage.js

@@ -9,9 +9,9 @@ exports.FullPageEditor = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
+var _browser = require("@atlaskit/editor-common/browser");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _FullPageContentArea = require("./FullPageContentArea");
 var _FullPageToolbar = require("./FullPageToolbar");
@@ -45,7 +45,7 @@ var useShowKeyline = function useShowKeyline(contentAreaRef) {
       // to differences in IntersectionObserver behaviour between browsers.
       // By lowering the threshold a little it gives Safari more
       // time to catch these events.
-      threshold: _utils.browser.safari ? 0.98 : 1
+      threshold: _browser.browser.safari ? 0.98 : 1
     });
     intersection.observe(contentAreaRef.current.contentArea);
     return function () {

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -10,9 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
-var _ui = require("@atlaskit/editor-common/ui");
 var _Addon = require("../../Addon");
-var _ContextPanel = _interopRequireDefault(require("../../ContextPanel"));
+var _ContextPanel = require("../../ContextPanel");
 var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
 var _StyledComponents = require("./StyledComponents");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -26,6 +25,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _contentAreaRef$curre;
   var theme = (0, _react2.useTheme)();
   var fullWidthMode = props.appearance === 'full-width';
   var scrollContainerRef = (0, _react.useRef)(null);
@@ -44,70 +44,61 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }
     };
   }, []);
-  return (
-    // Cleaned up with: platform_editor_context-panel_simplify_behaviour
-    (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
-      var _contentAreaRef$curre;
-      var positionedOverEditor = _ref.positionedOverEditor;
-      return (0, _react2.jsx)("div", {
-        css: [
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        _StyledComponents.contentArea,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        props.isEditorToolbarHidden && _StyledComponents.contentAreaHeightNoToolbar,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        positionedOverEditor && _StyledComponents.positionedOverEditorStyle],
-        "data-testid": CONTENT_AREA_TEST_ID,
-        ref: containerRef
-      }, (0, _react2.jsx)(_StyledComponents.ScrollContainer
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: "fabric-editor-popup-scroll-parent",
-        featureFlags: props.featureFlags,
-        ref: scrollContainerRef
-      }, (0, _react2.jsx)(_Addon.ClickAreaBlock, {
-        editorView: props.editorView,
-        editorDisabled: props.disabled
-      }, (0, _react2.jsx)("div", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        css: (0, _StyledComponents.editorContentAreaStyle)({
-          fullWidthMode: fullWidthMode,
-          layoutMaxWidth: theme.layoutMaxWidth
-        }),
-        role: "region",
-        "aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
-        ref: contentAreaRef
-      }, (0, _react2.jsx)("div", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        css: (0, _StyledComponents.editorContentGutterStyle)()
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: ['ak-editor-content-area', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
-        ref: contentAreaRef
-      }, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, (0, _react2.jsx)(_PluginSlot.default, {
-        editorView: props.editorView,
-        editorActions: props.editorActions,
-        eventDispatcher: props.eventDispatcher,
-        providerFactory: props.providerFactory,
-        appearance: props.appearance,
-        items: props.contentComponents,
-        pluginHooks: props.pluginHooks,
-        contentArea: (_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 ? _contentAreaRef$curre : undefined,
-        popupsMountPoint: props.popupsMountPoint,
-        popupsBoundariesElement: props.popupsBoundariesElement,
-        popupsScrollableElement: props.popupsScrollableElement,
-        disabled: !!props.disabled,
-        containerElement: scrollContainerRef.current,
-        dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-        wrapperElement: props.wrapperElement
-      }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), (0, _react2.jsx)("div", {
-        css: _StyledComponents.sidebarArea
-      }, props.contextPanel || (0, _react2.jsx)(_ContextPanel.default, {
-        editorAPI: props.editorAPI,
-        visible: false
-      })));
-    })
-  );
+  return (0, _react2.jsx)("div", {
+    css: [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    _StyledComponents.contentArea,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    props.isEditorToolbarHidden && _StyledComponents.contentAreaHeightNoToolbar],
+    "data-testid": CONTENT_AREA_TEST_ID,
+    ref: containerRef
+  }, (0, _react2.jsx)(_StyledComponents.ScrollContainer
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
+    className: "fabric-editor-popup-scroll-parent",
+    featureFlags: props.featureFlags,
+    ref: scrollContainerRef
+  }, (0, _react2.jsx)(_Addon.ClickAreaBlock, {
+    editorView: props.editorView,
+    editorDisabled: props.disabled
+  }, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    css: (0, _StyledComponents.editorContentAreaStyle)({
+      fullWidthMode: fullWidthMode,
+      layoutMaxWidth: theme.layoutMaxWidth
+    }),
+    role: "region",
+    "aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
+    ref: contentAreaRef
+  }, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    css: (0, _StyledComponents.editorContentGutterStyle)()
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: ['ak-editor-content-area', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
+    ref: contentAreaRef
+  }, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, (0, _react2.jsx)(_PluginSlot.default, {
+    editorView: props.editorView,
+    editorActions: props.editorActions,
+    eventDispatcher: props.eventDispatcher,
+    providerFactory: props.providerFactory,
+    appearance: props.appearance,
+    items: props.contentComponents,
+    pluginHooks: props.pluginHooks,
+    contentArea: (_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 ? _contentAreaRef$curre : undefined,
+    popupsMountPoint: props.popupsMountPoint,
+    popupsBoundariesElement: props.popupsBoundariesElement,
+    popupsScrollableElement: props.popupsScrollableElement,
+    disabled: !!props.disabled,
+    containerElement: scrollContainerRef.current,
+    dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
+    wrapperElement: props.wrapperElement
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), (0, _react2.jsx)("div", {
+    css: _StyledComponents.sidebarArea
+  }, props.contextPanel || (0, _react2.jsx)(_ContextPanel.ContextPanel, {
+    editorAPI: props.editorAPI,
+    visible: false
+  })));
 });
 var FullPageContentArea = exports.FullPageContentArea = (0, _reactIntlNext.injectIntl)(Content, {
   forwardRef: true

package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sidebarArea = exports.positionedOverEditorStyle = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentAreaHeightNoToolbar = exports.contentArea = exports.ScrollContainer = void 0;
+exports.sidebarArea = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentAreaHeightNoToolbar = exports.contentArea = exports.ScrollContainer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -45,23 +45,6 @@ _scrollbar.scrollbarStyles);
 var ScrollContainer = exports.ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
 ScrollContainer.displayName = 'ScrollContainer';
 
-// transition used to match scrollbar with config panel opening animation
-// only use animation when opening as there is a bug with floating toolbars.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var positionedOverEditorStyle = exports.positionedOverEditorStyle = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  paddingRight: "".concat(_editorSharedStyles.akEditorContextPanelWidth, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  transition: "padding 500ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.fabric-editor-popup-scroll-parent': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    paddingLeft: "".concat(_editorSharedStyles.akEditorContextPanelWidth, "px"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    transition: "padding 500ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier)
-  }
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var contentArea = exports.contentArea = function contentArea() {
   var editorToolbarHeight = (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)();

package/dist/cjs/ui/ContentStyles/index.js

@@ -9,13 +9,13 @@ exports.placeholderStyles = exports.linkStyles = exports.default = exports.creat
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
+var _browser = require("@atlaskit/editor-common/browser");
 var _collab = require("@atlaskit/editor-common/collab");
 var _emoji = require("@atlaskit/editor-common/emoji");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _mention = require("@atlaskit/editor-common/mention");
 var _selection = require("@atlaskit/editor-common/selection");
 var _styles = require("@atlaskit/editor-common/styles");
-var _utils = require("@atlaskit/editor-common/utils");
 var _styles2 = require("@atlaskit/editor-plugins/block-type/styles");
 var _styles3 = require("@atlaskit/editor-plugins/find-replace/styles");
 var _styles4 = require("@atlaskit/editor-plugins/paste-options-toolbar/styles");
@@ -54,7 +54,7 @@ var ruleStyles = function ruleStyles() {
   return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", ";\n\n\t\thr {\n\t\t\tcursor: pointer;\n\t\t\tpadding: ", " 0;\n\t\t\tmargin: ", " 0;\n\t\t\tbackground-clip: content-box;\n\n\t\t\t&.", " {\n\t\t\t\toutline: none;\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), (0, _styles.ruleSharedStyles)(), "var(--ds-space-050, 4px)", "var(--ds-space-300, 24px)", _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border-selected, ".concat(_editorSharedStyles.akEditorSelectedBorderColor, ")"));
 };
 var mentionsStyles = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\t&.", " [data-mention-id] > span {\n\t\t\t", "\n\n\t\t\t/* need to specify dark text colour because personal mentions\n         (in dark blue) have white text by default */\n      color: ", ";\n\t\t}\n\t}\n\n\t.danger {\n\t\t.", ".", "\n\t\t\t> span\n\t\t\t> span\n\t\t\t> span {\n\t\t\tbox-shadow: 0 0 0 ", "px ", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t\t.", " > span > span > span {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n"])), _mention.MentionSharedCssClassName.MENTION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtle, ".concat(_colors.N500, ")"), _mention.MentionSharedCssClassName.MENTION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"), _mention.MentionSharedCssClassName.MENTION_CONTAINER, "var(--ds-background-neutral, ".concat(_colors.N30A, ")"), "var(--ds-text-subtle, ".concat(_colors.N500, ")"));
-var listsStyles = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\tli {\n\t\t\tposition: relative;\n\n\t\t\t> p:not(:first-child) {\n\t\t\t\tmargin: ", " 0 0 0;\n\t\t\t}\n\n\t\t\t// In SSR the above rule will apply to all p tags because first-child would be a style tag.\n\t\t\t// The following rule resets the first p tag back to its original margin\n\t\t\t// defined in packages/editor/editor-common/src/styles/shared/paragraph.ts\n\t\t\t> style:first-child + p {\n\t\t\t\tmargin-top: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:not([data-node-type='decisionList']) > li,\n    // This prevents https://product-fabric.atlassian.net/browse/ED-20924\n    &:not(.", ") > li {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-space-050, 4px)", _editorSharedStyles.blockNodesVerticalMargin, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _utils.browser.safari ? _styles.codeBlockInListSafariFix : '');
+var listsStyles = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\tli {\n\t\t\tposition: relative;\n\n\t\t\t> p:not(:first-child) {\n\t\t\t\tmargin: ", " 0 0 0;\n\t\t\t}\n\n\t\t\t// In SSR the above rule will apply to all p tags because first-child would be a style tag.\n\t\t\t// The following rule resets the first p tag back to its original margin\n\t\t\t// defined in packages/editor/editor-common/src/styles/shared/paragraph.ts\n\t\t\t> style:first-child + p {\n\t\t\t\tmargin-top: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:not([data-node-type='decisionList']) > li,\n    // This prevents https://product-fabric.atlassian.net/browse/ED-20924\n    &:not(.", ") > li {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-space-050, 4px)", _editorSharedStyles.blockNodesVerticalMargin, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _browser.browser.safari ? _styles.codeBlockInListSafariFix : '');
 var emojiStyles = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tdisplay: inline-block;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\n\t\t\t&.", " > span {\n\t\t\t\t/** needed for selection style to cover custom emoji image properly */\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", ", .", " {\n\t\t\t\tborder-radius: 2px;\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t}\n"])), _emoji.EmojiSharedCssClassName.EMOJI_CONTAINER, _emoji.EmojiSharedCssClassName.EMOJI_NODE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, _editorSharedStyles.akEditorSelectedNodeClassName, _emoji.EmojiSharedCssClassName.EMOJI_SPRITE, _emoji.EmojiSharedCssClassName.EMOJI_IMAGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.BoxShadow]));
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

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

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContextPanel = ContextPanel;
-exports.content = exports.SwappableContentArea = void 0;
-exports.default = ContextPanelDefault;
-exports.panel = void 0;
+exports.panel = exports.content = exports.SwappableContentArea = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -22,9 +20,7 @@ var _Transition = _interopRequireDefault(require("react-transition-group/Transit
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
-var _deprecated = _interopRequireDefault(require("./deprecated"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -170,7 +166,4 @@ function ContextPanel(props) {
     editorAPI: props.editorAPI,
     pluginContent: firstContent
   }));
-}
-function ContextPanelDefault(props) {
-  return (0, _platformFeatureFlags.fg)('platform_editor_context-panel_simplify_behaviour') ? (0, _react2.jsx)(ContextPanel, props) : (0, _react2.jsx)(_deprecated.default, props);
 }

package/dist/cjs/ui/ToolbarFeedback/index.js

@@ -24,7 +24,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _utils = require("@atlaskit/editor-common/utils");
+var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _eventDispatcher = require("../../event-dispatcher");
 var _context2 = require("../../presets/context");
@@ -134,7 +134,7 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
     })));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openFeedbackPopup", function () {
       var dispatch = (0, _eventDispatcher.createDispatch)(_this.context.editorActions.eventDispatcher);
-      dispatch(_utils.analyticsEventKey, {
+      dispatch(_analytics2.analyticsEventKey, {
         payload: {
           action: _analytics.ACTION.CLICKED,
           actionSubject: _analytics.ACTION_SUBJECT.BUTTON,

package/dist/cjs/ui/WithHelpTrigger/index.js

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _utils = require("@atlaskit/editor-common/utils");
+var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _helpDialog = require("@atlaskit/editor-plugins/help-dialog");
 var _eventDispatcher = require("../../event-dispatcher");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -36,7 +36,7 @@ var WithHelpTrigger = exports.default = /*#__PURE__*/function (_React$Component)
 
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       var dispatch = (0, _eventDispatcher.createDispatch)(editorActions.eventDispatcher);
-      dispatch(_utils.analyticsEventKey, {
+      dispatch(_analytics2.analyticsEventKey, {
         payload: {
           action: _analytics.ACTION.CLICKED,
           actionSubject: _analytics.ACTION_SUBJECT.BUTTON,

package/dist/cjs/utils/document.js

@@ -1,16 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getChildBreakoutModes = getChildBreakoutModes;
 exports.getNodesCount = getNodesCount;
 exports.processRawFragmentValue = processRawFragmentValue;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
-var _nodeWidth = require("./node-width");
 function processRawFragmentValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
     return;
@@ -31,24 +27,4 @@ function getNodesCount(node) {
     count[node.type.name] = (count[node.type.name] || 0) + 1;
   });
   return count;
-}
-
-/**
- * Returns a set of active child breakout modes
- */
-function getChildBreakoutModes(doc, schema) {
-  var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['wide', 'full-width'];
-  var breakoutModes = new Set();
-  if (doc.type.name === 'doc' && doc.childCount) {
-    for (var i = 0; i < doc.childCount; ++i) {
-      if (breakoutModes.size === filter.length) {
-        break;
-      }
-      var breakoutMode = (0, _nodeWidth.getBreakoutMode)(doc.child(i), schema.marks.breakout);
-      if (breakoutMode && filter.includes(breakoutMode)) {
-        breakoutModes.add(breakoutMode);
-      }
-    }
-  }
-  return (0, _toConsumableArray2.default)(breakoutModes);
 }

package/dist/cjs/utils/findChangedNodesFromTransaction.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findChangedNodesFromTransaction = void 0;
+/**
+ * Finds all top level nodes affected by the transaction
+ * Uses from/to positions in transaction's steps to work out which nodes will
+ * be changed by the transaction
+ */
+var findChangedNodesFromTransaction = exports.findChangedNodesFromTransaction = function findChangedNodesFromTransaction(tr) {
+  var nodes = [];
+  var steps = tr.steps || [];
+  steps.forEach(function (step) {
+    step.getMap().forEach(function (oldStart, oldEnd, newStart, newEnd) {
+      tr.doc.nodesBetween(newStart, Math.min(newEnd, tr.doc.content.size), function (node) {
+        if (!nodes.find(function (n) {
+          return n === node;
+        })) {
+          nodes.push(node);
+        }
+        return false;
+      });
+    });
+  });
+  return nodes;
+};