@atlaskit/editor-core 238.0.2 → 238.0.4

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-core
 
+## 238.0.4
+
+### Patch Changes
+
+- [`31dd8d40ffba2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/31dd8d40ffba2) -
+  Cleanup `experiment` `cc-markdown-mode`. Markdown mode is unshipped: the markdown schema rebuild,
+  source-view toolbar bridge, and markdown-mode layout paths are removed.
+- Updated dependencies
+
+## 238.0.3
+
+### Patch Changes
+
+- [`fc2f6ea92bf86`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fc2f6ea92bf86) -
+  Behind `platform_editor_reduce_memory_leaks`: stop `editorStateNotificationPlugin` accumulating
+  every transaction in an array that is never read. The array kept each transaction, its documents
+  and any closures stored in transaction meta alive for the life of the editor, which in turn
+  retained deleted node views and their DOM.
+- Updated dependencies
+
 ## 238.0.2
 
 ### Patch Changes

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.ReactEditorView = ReactEditorView;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
@@ -33,7 +33,6 @@ var _useConstructor = _interopRequireDefault(require("@atlaskit/editor-common/us
 var _usePreviousState = _interopRequireDefault(require("@atlaskit/editor-common/usePreviousState"));
 var _analytics = require("@atlaskit/editor-common/utils/analytics");
 var _document = require("@atlaskit/editor-common/utils/document");
-var _model = require("@atlaskit/editor-prosemirror/model");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _createSsrEditorState = require("@atlaskit/editor-ssr-renderer/create-ssr-editor-state");
@@ -44,7 +43,6 @@ var _addUfoCustomData = require("@atlaskit/react-ufo/add-ufo-custom-data");
 var _getInteractionId = require("@atlaskit/react-ufo/get-interaction-id");
 var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _useProviders = require("../composable-editor/hooks/useProviders");
 var _featureFlagsFromProps = require("../utils/feature-flags-from-props");
 var _getEditorDomSize = require("../utils/getEditorDomSize");
@@ -67,45 +65,14 @@ var _handleEditorFocus = require("./ReactEditorView/handleEditorFocus");
 var _useDispatchTransaction = require("./ReactEditorView/useDispatchTransaction");
 var _useFireFullWidthEvent = require("./ReactEditorView/useFireFullWidthEvent");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var EDIT_AREA_ID = 'ak-editor-textarea';
 var SSR_TRACE_SEGMENT_NAME = 'reactEditorView';
 var bootStartTime = (0, _isPerformanceApiAvailable.isPerformanceAPIAvailable)() ? performance.now() : undefined;
-// `markdown↔rich` toggles drop different node/mark sets, so the unique
-// name set is enough to detect when a destructive rebuild is needed.
-function sameNames(a, b) {
-  var setA = new Set(a);
-  var setB = new Set(b);
-  if (setA.size !== setB.size) {
-    return false;
-  }
-  var _iterator = _createForOfIteratorHelper(setA),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var name = _step.value;
-      if (!setB.has(name)) {
-        return false;
-      }
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return true;
-}
-function schemaShapeChanged(current, next) {
-  return !sameNames(Object.keys(current.nodes), next.nodes.map(function (n) {
-    return n.name;
-  })) || !sameNames(Object.keys(current.marks), next.marks.map(function (m) {
-    return m.name;
-  }));
-}
 function ReactEditorView(props) {
   var _pluginInjectionAPI$c, _media, _linking, _document$querySelect, _props$render, _props$render2;
   // Should be always the first statement in the component
@@ -413,15 +380,8 @@ function ReactEditorView(props) {
     };
   }, [eventDispatcher]);
 
-  // Bumped after `reconfigureState` so the render prop re-reads the
-  // in-place-mutated `config.current` (contentComponents / toolbar
-  // components from the rebuilt preset).
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    bumpConfigVersion = _useState2[1];
-
   // Preset reference last processed by reconfigureState. Used to skip the
-  // destructive work (plugin filter, schema rebuild) when reconfigure is
+  // destructive plugin filter when reconfigure is
   // called with the same preset.
   var lastProcessedPresetRef = (0, _react.useRef)(null);
   var reconfigureState = (0, _react.useCallback)(function (props) {
@@ -440,15 +400,10 @@ function ReactEditorView(props) {
     var previousPluginNames = new Set(pluginInjectionAPI.current.getRegisteredPluginNames());
     var editorPlugins = (0, _createPluginsList.default)(props.preset, 'allowBlockType' in props.editorProps ? props.editorProps : {}, pluginInjectionAPI.current);
 
-    // Capture once, before either downstream block updates the ref —
-    // both the filter and the schema rebuild are destructive and only
-    // want to run when the preset has actually changed.
+    // Capture once, before the downstream block updates the ref — the
+    // filter is destructive and only wants to run when the preset has
+    // actually changed.
     var presetChanged = lastProcessedPresetRef.current !== props.preset;
-
-    // Build a candidate config from the *unfiltered* plugin list so we can
-    // decide whether the schema rebuild path will run. Both the rebuild
-    // decision and the drop-filter decision below depend on this answer,
-    // so it has to be computed up-front.
     var buildConfig = function buildConfig(plugins) {
       var _c$pmPlugins;
       var c = (0, _createEditor.processPluginsList)(plugins);
@@ -457,16 +412,6 @@ function ReactEditorView(props) {
     };
     var nextConfig = buildConfig(editorPlugins);
 
-    // `state.reconfigure` preserves the original schema, so a preset
-    // toggle that should change schema (markdown↔rich) needs a fresh
-    // `EditorState`. Resets all plugin state including undo history.
-    //
-    // Compare schema *shape* (node + mark name sets) rather than preset
-    // identity: consumers commonly recreate the preset object on every
-    // parent re-render, and a destructive rebuild on a no-op identity
-    // change tears down all plugin state (e.g. unmounts the AI palette).
-    var shouldRebuildSchema = presetChanged && schemaShapeChanged(viewRef.current.state.schema, nextConfig) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true);
-
     // `state.reconfigure` keeps the original schema, so switching presets
     // can leave the editor inconsistent in two ways:
     //   1. The new preset may add plugins that reference schema nodes or
@@ -475,25 +420,14 @@ function ReactEditorView(props) {
     //      injection API even when the new preset doesn't re-register
     //      them, so listeners still fire against a state that no longer
     //      has their pmPlugin.
-    //
-    // When the schema is being rebuilt below, the new schema is built
-    // from the *unfiltered* plugin list — so dropping plugins whose
-    // nodes/marks the OLD schema lacks would wrongly remove the very
-    // plugins the rebuild is meant to admit. Skip the drop step in that
-    // case (purpose 1) but always reconcile the injection API
-    // (purpose 2). When NOT rebuilding, run both — even under the
-    // `cc-markdown-mode` experiment, otherwise no-op preset identity
-    // changes would silently leave a broken plugin/schema mismatch.
     if (presetChanged) {
-      var dropped = [];
-      if (!shouldRebuildSchema) {
-        var _result = (0, _filterPluginsForReconfigure.filterPluginsForReconfigure)(editorPlugins, viewRef.current.state.schema, previousPluginNames);
-        if (_result.dropped.length > 0) {
-          editorPlugins = _result.kept;
-          // Plugin list changed — rebuild candidate config to match.
-          nextConfig = buildConfig(editorPlugins);
-        }
-        dropped = _result.dropped;
+      var _filterPluginsForReco = (0, _filterPluginsForReconfigure.filterPluginsForReconfigure)(editorPlugins, viewRef.current.state.schema, previousPluginNames),
+        dropped = _filterPluginsForReco.dropped,
+        kept = _filterPluginsForReco.kept;
+      if (dropped.length > 0) {
+        editorPlugins = kept;
+        // Plugin list changed — rebuild candidate config to match.
+        nextConfig = buildConfig(editorPlugins);
       }
       var keptPluginNames = new Set(editorPlugins.map(function (p) {
         return p === null || p === void 0 ? void 0 : p.name;
@@ -511,71 +445,25 @@ function ReactEditorView(props) {
     }
     config.current = nextConfig;
     var state = viewRef.current.state;
-    var newState;
-    if (shouldRebuildSchema) {
-      var newSchema = (0, _createSchema.createSchema)(config.current);
-      var newDoc;
-      try {
-        newDoc = _model.Node.fromJSON(newSchema, state.doc.toJSON());
-      } catch (e) {
-        // eslint-disable-next-line no-console
-        console.error('[reconfigureState] Failed to migrate doc to new schema; resetting to empty doc', e);
-        var empty = newSchema.topNodeType.createAndFill();
-        if (!empty) {
-          throw new Error('reconfigureState: doc migration failed and new schema cannot create an empty top node');
-        }
-        newDoc = empty;
-      }
-      var newSelection;
-      try {
-        newSelection = _state2.Selection.fromJSON(newDoc, state.selection.toJSON());
-      } catch (_unused) {
-        // Old selection's positions / node types may not map onto the new schema.
-        newSelection = _state2.Selection.atStart(newDoc);
-      }
-      var plugins = (0, _createPMPlugins.createPMPlugins)({
-        schema: newSchema,
-        dispatch: dispatch,
-        errorReporter: errorReporter,
-        editorConfig: config.current,
-        eventDispatcher: eventDispatcher,
-        providerFactory: props.providerFactory,
-        portalProviderAPI: props.portalProviderAPI,
-        nodeViewPortalProviderAPI: props.nodeViewPortalProviderAPI,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        featureFlags: featureFlags,
-        getIntl: function getIntl() {
-          return props.intl;
-        },
-        onEditorStateUpdated: pluginInjectionAPI.current.onEditorViewUpdated
-      });
-      newState = _state2.EditorState.create({
-        schema: newSchema,
-        doc: newDoc,
-        selection: newSelection,
-        plugins: plugins
-      });
-    } else {
-      var _plugins = (0, _createPMPlugins.createPMPlugins)({
-        schema: state.schema,
-        dispatch: dispatch,
-        errorReporter: errorReporter,
-        editorConfig: config.current,
-        eventDispatcher: eventDispatcher,
-        providerFactory: props.providerFactory,
-        portalProviderAPI: props.portalProviderAPI,
-        nodeViewPortalProviderAPI: props.nodeViewPortalProviderAPI,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        featureFlags: featureFlags,
-        getIntl: function getIntl() {
-          return props.intl;
-        },
-        onEditorStateUpdated: pluginInjectionAPI.current.onEditorViewUpdated
-      });
-      newState = state.reconfigure({
-        plugins: _plugins
-      });
-    }
+    var plugins = (0, _createPMPlugins.createPMPlugins)({
+      schema: state.schema,
+      dispatch: dispatch,
+      errorReporter: errorReporter,
+      editorConfig: config.current,
+      eventDispatcher: eventDispatcher,
+      providerFactory: props.providerFactory,
+      portalProviderAPI: props.portalProviderAPI,
+      nodeViewPortalProviderAPI: props.nodeViewPortalProviderAPI,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      featureFlags: featureFlags,
+      getIntl: function getIntl() {
+        return props.intl;
+      },
+      onEditorStateUpdated: pluginInjectionAPI.current.onEditorViewUpdated
+    });
+    var newState = state.reconfigure({
+      plugins: plugins
+    });
     if (presetChanged) {
       lastProcessedPresetRef.current = props.preset;
     }
@@ -586,37 +474,6 @@ function ReactEditorView(props) {
     var result = viewRef.current.update(_objectSpread(_objectSpread({}, viewRef.current.props), {}, {
       state: newState
     }));
-
-    // The new collab-edit plugin instance starts with `isReady=false`.
-    // The rebind path in editor-plugin-collab-edit's initialize.ts is
-    // gated on `provider.getInitPayload`, which the Confluence NCS
-    // provider does not implement, so the placeholder spinner would
-    // never clear. Re-seeding here is safe: the prior state must have
-    // had `isReady=true` for the user to have triggered the toggle.
-    //
-    // Must run AFTER `view.update({ state: newState })`: that call resets
-    // the view's state to the captured `newState` reference, so a
-    // dispatch placed before it would advance `view.state` to a value
-    // that `update` then silently overwrites — discarding the meta and
-    // leaving `isReady=false`.
-    if (shouldRebuildSchema) {
-      // `state.collabEditPlugin$` is the property PM derives from the
-      // collab plugin's PluginKey; cast through `unknown` to read it.
-      var collabState = viewRef.current.state.collabEditPlugin$;
-      if (collabState && collabState.isReady !== true) {
-        viewRef.current.dispatch(viewRef.current.state.tr.setMeta('collabInitialised', true));
-      }
-    }
-
-    // EDITOR-6702: gated until we have a broader gate; reconfigure is a
-    // low-level path so use NoExposure.
-    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true)) {
-      // Force a render so PluginSlot picks up the new preset's content
-      // components against the new state.
-      bumpConfigVersion(function (v) {
-        return v + 1;
-      });
-    }
     return result;
   }, [blur, dispatchAnalyticsEvent, eventDispatcher, dispatch, errorReporter, featureFlags]);
   var onEditorViewUpdated = (0, _react.useCallback)(function (_ref2) {
@@ -785,10 +642,10 @@ function ReactEditorView(props) {
     });
     return view;
   }, [getDirectEditorProps, dispatchAnalyticsEvent]);
-  var _useState3 = (0, _react.useState)(undefined),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    editorView = _useState4[0],
-    setEditorView = _useState4[1];
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    editorView = _useState2[0],
+    setEditorView = _useState2[1];
 
   // Detects if the editor is nested inside an extension - ie. it is a Legacy Content Extension (LCE)
   var isNestedEditor = (0, _react.useRef)(null);
@@ -837,19 +694,19 @@ function ReactEditorView(props) {
     return function () {
       if (scrollElement.current) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
-        var _iterator2 = _createForOfIteratorHelper(possibleListeners.current),
-          _step2;
+        var _iterator = _createForOfIteratorHelper(possibleListeners.current),
+          _step;
         try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var _scrollElement$curren;
-            var possibleListener = _step2.value;
+            var possibleListener = _step.value;
             // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
             (_scrollElement$curren = scrollElement.current) === null || _scrollElement$curren === void 0 || _scrollElement$curren.removeEventListener.apply(_scrollElement$curren, (0, _toConsumableArray2.default)(possibleListener));
           }
         } catch (err) {
-          _iterator2.e(err);
+          _iterator.e(err);
         } finally {
-          _iterator2.f();
+          _iterator.f();
         }
       }
       scrollElement.current = null;
@@ -861,19 +718,19 @@ function ReactEditorView(props) {
       scrollElement.current = document.querySelector('[data-editor-scroll-container]');
       var cleanupListeners = function cleanupListeners() {
         // eslint-disable-next-line react-hooks/exhaustive-deps
-        var _iterator3 = _createForOfIteratorHelper(possibleListeners.current),
-          _step3;
+        var _iterator2 = _createForOfIteratorHelper(possibleListeners.current),
+          _step2;
         try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
             var _scrollElement$curren2;
-            var possibleListener = _step3.value;
+            var possibleListener = _step2.value;
             // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
             (_scrollElement$curren2 = scrollElement.current) === null || _scrollElement$curren2 === void 0 || _scrollElement$curren2.removeEventListener.apply(_scrollElement$curren2, (0, _toConsumableArray2.default)(possibleListener));
           }
         } catch (err) {
-          _iterator3.e(err);
+          _iterator2.e(err);
         } finally {
-          _iterator3.f();
+          _iterator2.f();
         }
       };
       if (scrollElement.current) {

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createEditorStateNotificationPlugin = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var key = new _state.PluginKey('editorStateNotificationPlugin');
 var createEditorStateNotificationPlugin = exports.createEditorStateNotificationPlugin = function createEditorStateNotificationPlugin(onEditorStateUpdated, onEditorViewStateUpdatedCallbacks) {
   var transactions = [];
@@ -18,7 +19,11 @@ var createEditorStateNotificationPlugin = exports.createEditorStateNotificationP
         };
       },
       apply: function apply(tr) {
-        transactions.push(tr);
+        if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+          // Dead accumulator: nothing reads it, so it pins every transaction for the
+          // editor's lifetime. Delete it when the experiment ships.
+          transactions.push(tr);
+        }
         return {
           latestTransaction: tr
         };

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.compiled.css

@@ -1,11 +1,5 @@
 ._v5641fxv{transition:max-width .5s cubic-bezier(.15,1,.3,1)}
-._v5642kub{transition:padding 0ms cubic-bezier(.15,1,.3,1)}._101j15vq [data-editor-scroll-container=true]{overflow-y:hidden}
-._11bl1txw >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{display:flex}
-._12glglyw[data-markdown-mode-hide-prosemirror=true]>.ak-editor-content-area>.ProseMirror{display:none}
-._13jk1txw >.ak-editor-content-area{display:flex}
-._13svglyw .ProseMirror>ol:not([data-node-type=actionList]):not([data-node-type=decisionList]){clear:none}
-._13t61wug >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{flex-basis:auto}
-._1593idpf >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{min-height:0}
+._v5642kub{transition:padding 0ms cubic-bezier(.15,1,.3,1)}._13svglyw .ProseMirror>ol:not([data-node-type=actionList]):not([data-node-type=decisionList]){clear:none}
 ._16jlkb7n{flex-grow:1}
 ._17q71osq .fabric-editor--full-width-mode .extension-container.inline{max-width:100%}
 ._18q6usvi .ProseMirror{box-sizing:border-box}
@@ -16,26 +10,18 @@
 ._19bvt9kd{padding-left:72px}
 ._19pk1wug{margin-top:auto}
 ._19pkidpf{margin-top:0}
-._1a1d1osq >.ak-editor-content-area{height:100%}
 ._1b7c1kw7 .fabric-editor--full-width-mode td .extension-container.inline{max-width:inherit}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
-._1e0cglyw{display:none}
-._1e8kkb7n >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{flex-grow:1}
 ._1f38dez1{container-name:editor-area}
 ._1gl01ejb .ProseMirror>p:last-child{margin-bottom:var(--ds-space-300,24px)}
 ._1k8i1osq .ProseMirror .pm-table-wrapper>table{width:100%}
-._1n5qidpf >.ak-editor-content-area{padding-left:0}
 ._1nw4glyw .ProseMirror>h1{clear:none}
 ._1qzyglyw .ProseMirror>h3{clear:none}
 ._1rnyglyw .ProseMirror>h5{clear:none}
 ._1tb2idpf .ProseMirror .pm-table-wrapper>table{margin-left:0}
-._1ul9idpf{min-width:0}
-._1vbxidpf >.ak-editor-content-area{min-height:0}
 ._1wpzesu3{align-self:flex-end}
-._1wrrusvi >.ak-editor-content-area{box-sizing:border-box}
 ._1wxymslj .fabric-editor--full-width-mode .extension-container{max-width:calc(100% - 4px)}
-._1xouidpf >.ak-editor-content-area{min-width:0}
 ._2hwx1wug{margin-right:auto}
 ._2hwxidpf{margin-right:0}
 ._2lx21bp4{flex-direction:column}
@@ -43,24 +29,16 @@
 ._4t3i1ap5{height:calc(100% - 105px)}
 ._4t3i1osq{height:100%}
 ._4t3ibhu0{height:calc(100% - var(--ak-editor-fullpage-toolbar-height))}
-._4tbp1osq >.ak-editor-content-area{width:100%}
-._71ybidpf >.ak-editor-content-area{padding-right:0}
 ._7cca15wb{container-type:inline-size}
 ._7uc0glyw .ProseMirror>ul{clear:none}
 ._8j6w1lxk.ak-editor-content-area-no-toolbar{height:calc(100% + 1px)}
 ._8vye1n1a .ProseMirror .pm-table-wrapper>table{margin-right:-1px}
 ._9dtbmslj .fabric-editor--full-width-mode .multiBodiedExtension--container{max-width:calc(100% - 4px)}
-._amwgglyw[data-markdown-mode-hide-scroll-gutter=true]>.ak-editor-content-area>[data-vc=scroll-gutter]{display:none}
-._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
-._boivkb7n >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{flex-shrink:1}
 ._ca0qidpf{padding-top:0}
 ._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
-._evz0idpf >.ak-editor-content-area{padding-bottom:0}
-._fh67idpf >.ak-editor-content-area{padding-top:0}
 ._i92uagmp .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .fabric-editor-breakout-mark{transform:none!important}
 ._j9k7kb7n .ProseMirror{flex-grow:1}
 ._l4a11hrf .ProseMirror>*{clear:both}
-._li931osq >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{width:100%}
 ._n3tdidpf{padding-bottom:0}
 ._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
 ._njlp131u{contain:layout style inline-size}
@@ -69,10 +47,7 @@
 ._otyr1wug{margin-bottom:auto}
 ._otyridpf{margin-bottom:0}
 ._p12f5kin{max-width:var(--ak-editor-content-area-max-width)}
-._p12fglyw{max-width:none}
 ._pnffaq80 .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .fabric-editor-breakout-mark{width:100%!important}
-._q0l01bp4 >.ak-editor-content-area{flex-direction:column}
-._qgzyidpf >.ak-editor-content-area>[data-testid=plugins-components-wrapper]{min-width:0}
 ._qkfz261p .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .fabric-editor-breakout-mark{margin-left:unset!important}
 ._t2fzglyw .ProseMirror>p{clear:none}
 ._tynl4diq .fabric-editor--full-width-mode [data-layout-section]{max-width:calc(100% + 40px)}

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

@@ -13,10 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactIntl = require("react-intl");
 var _fullPage = require("@atlaskit/editor-common/messages/full-page");
-var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _ClickAreaBlock = require("../../Addon/ClickAreaBlock");
 var _contentComponentWrapper = require("../../Addon/ClickAreaBlock/contentComponentWrapper");
 var _ContextPanel = require("../../ContextPanel");
@@ -48,9 +46,6 @@ var compiledStyles = {
   contentAreaWrapper: "_1bsb1osq _7cca15wb _1f38dez1 _njlp131u",
   sidebarArea: "_4t3i1osq _vchhusvi _1wpzesu3 _1hgw1wug _1t1q1if8 _uj9widpf _13hh1y6m",
   editorContentAreaProsemirrorStyle: "_j9k7kb7n _18q6usvi _l4a11hrf _1nw4glyw _yq1qglyw _1qzyglyw _ongaglyw _1rnyglyw _vtulglyw _13svglyw _t2fzglyw _7uc0glyw _1gl01ejb",
-  hideEditorContentAreaProsemirrorWithAttributeStyle: "_12glglyw",
-  hideEditorContentAreaScrollGutterWithAttributeStyle: "_amwgglyw",
-  hideEditorScrollGutterStyle: "_1e0cglyw",
   fullWidthNonChromelessBreakoutBlockTableStyle: "_xpemaq80 _pnffaq80 _zr7faq80 _qkfz261p _i92uagmp",
   editorContentAreaNew: "_19pk1wug _2hwx1wug _otyr1wug _18u01wug _v5641fxv _vwz41tcg _ca0qoahv _n3tdoahv _4t3i1ap5 _1bsb1osq _2lx21bp4 _16jlkb7n _p12f5kin _1uizkqmb",
   tableFullPageEditorStylesNew: "_1tb2idpf _8vye1n1a _1k8i1osq",
@@ -60,9 +55,7 @@ var compiledStyles = {
   editorContentGutterStyles: "_ca0qidpf _u5f31ex1 _n3tdidpf _19bv1ex1 _vchhusvi",
   editorContentReducedGutterStyles: "_1d7gidpf _n2nw1tcg _d329idpf _105p1tcg",
   contentAreaNew: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _v5642kub _1e0c1txw _2lx2vrvc _4t3ibhu0 _vchhusvi _8j6w1lxk",
-  contentAreaHeightNoToolbar: "_4t3i1osq",
-  markdownModeContainerBackgroundStyle: "_bfhkhfxm _101j15vq",
-  markdownModeContentAreaStyle: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _vchhusvi _4t3i1osq _p12fglyw _1ul9idpf _n3tdidpf _ca0qidpf _1bsb1osq _fh67idpf _71ybidpf _evz0idpf _1n5qidpf _1wrrusvi _13jk1txw _q0l01bp4 _1a1d1osq _1vbxidpf _1xouidpf _4tbp1osq _1e8kkb7n _boivkb7n _13t61wug _11bl1txw _1593idpf _qgzyidpf _li931osq"
+  contentAreaHeightNoToolbar: "_4t3i1osq"
 };
 var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var EDITOR_CONTAINER = 'ak-editor-container';
@@ -92,17 +85,6 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }
     };
   }, []);
-  var markdownPluginCurrentView = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(props.editorAPI, ['markdownMode'], function (states) {
-    var _states$markdownModeS;
-    return (_states$markdownModeS = states.markdownModeState) === null || _states$markdownModeS === void 0 ? void 0 : _states$markdownModeS.view;
-  });
-  var markdownPluginCurrentIsMarkdownMode = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(props.editorAPI, ['markdownMode'], function (states) {
-    var _states$markdownModeS2;
-    return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
-  });
-  var isMarkdownModeExperimentEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true);
-  var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
-  var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
   var content = /*#__PURE__*/_react.default.createElement(_EditorContentContainer.default
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
@@ -118,14 +100,12 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     editorView: props.editorView,
     editorDisabled: props.disabled
   }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-markdown-mode-hide-prosemirror": shouldHideProseMirrorForMarkdownMode ? 'true' : undefined,
-    "data-markdown-mode-hide-scroll-gutter": shouldHideScrollGutterForMarkdownMode ? 'true' : undefined,
     style: {
       '--ak-editor-content-area-max-width': "".concat(contentAreaMaxWidth, "px")
     }
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle,
+    className: (0, _runtime.ax)([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle,
     // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
     compiledStyles.editorContentAreaContainerStyleExcludeCodeBlockNew, compiledStyles.editorContentAreaContainerNestedDndStyle, "ak-editor-content-area-region"]),
     "data-editor-editable-content": true,
@@ -164,15 +144,13 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       paddingBottom: "".concat((_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120', "px")
     },
     "data-vc": "scroll-gutter",
-    "data-editor-scroll-gutter": "true",
-    className: (0, _runtime.ax)([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
+    "data-editor-scroll-gutter": "true"
   }) : /*#__PURE__*/_react.default.createElement("div", {
     id: "editor-scroll-gutter",
     style: {
       paddingBottom: "".concat((_allowScrollGutter$gu2 = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu2 !== void 0 ? _allowScrollGutter$gu2 : '120', "px")
     },
-    "data-vc": "scroll-gutter",
-    className: (0, _runtime.ax)([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
+    "data-vc": "scroll-gutter"
   }))))));
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": CONTENT_AREA_TEST_ID,
@@ -181,7 +159,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": EDITOR_CONTAINER,
     "data-editor-container": 'true',
-    className: (0, _runtime.ax)([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
+    className: (0, _runtime.ax)([compiledStyles.contentAreaWrapper])
   }, props.UNSAFE_containLayout ? /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "editor-contain-size-and-layout-wrapper",
     className: (0, _runtime.ax)([containLayoutStyles.wrapper])

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "238.0.2";
+var version = exports.version = "238.0.3";