@atlaskit/editor-core 238.0.2 → 238.0.4

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

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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) { _defineProperty(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; }
+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) { _defineProperty(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; }
 import React, { useCallback, useLayoutEffect, useMemo, useRef, useState, useEffect } from 'react';
 import { injectIntl } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -30,7 +30,6 @@ import useConstructor from '@atlaskit/editor-common/useConstructor';
 import usePreviousState from '@atlaskit/editor-common/usePreviousState';
 import { analyticsEventKey, getAnalyticsEventSeverity } from '@atlaskit/editor-common/utils/analytics';
 import { isEmptyDocument } from '@atlaskit/editor-common/utils/document';
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { EditorState, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { createSSREditorState } from '@atlaskit/editor-ssr-renderer/create-ssr-editor-state';
@@ -41,7 +40,6 @@ import { addUFOCustomData } from '@atlaskit/react-ufo/add-ufo-custom-data';
 import { getInteractionId } from '@atlaskit/react-ufo/get-interaction-id';
 import { abortAll, getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { useProviders } from '../composable-editor/hooks/useProviders';
 import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
 import { getEditorDomSize } from '../utils/getEditorDomSize';
@@ -66,37 +64,6 @@ import { useFireFullWidthEvent } from './ReactEditorView/useFireFullWidthEvent';
 var EDIT_AREA_ID = 'ak-editor-textarea';
 var SSR_TRACE_SEGMENT_NAME = 'reactEditorView';
 var bootStartTime = 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;
-  }));
-}
 export function ReactEditorView(props) {
   var _pluginInjectionAPI$c, _media, _linking, _document$querySelect, _props$render, _props$render2;
   // Should be always the first statement in the component
@@ -404,15 +371,8 @@ export 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 = useState(0),
-    _useState2 = _slicedToArray(_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 = useRef(null);
   var reconfigureState = useCallback(function (props) {
@@ -431,15 +391,10 @@ export function ReactEditorView(props) {
     var previousPluginNames = new Set(pluginInjectionAPI.current.getRegisteredPluginNames());
     var editorPlugins = createPluginsList(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 = processPluginsList(plugins);
@@ -448,16 +403,6 @@ export 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) && 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
@@ -466,25 +411,14 @@ export 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 = 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 = 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;
@@ -502,71 +436,25 @@ export function ReactEditorView(props) {
     }
     config.current = nextConfig;
     var state = viewRef.current.state;
-    var newState;
-    if (shouldRebuildSchema) {
-      var newSchema = createSchema(config.current);
-      var newDoc;
-      try {
-        newDoc = PMNode.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 = Selection.fromJSON(newDoc, state.selection.toJSON());
-      } catch (_unused) {
-        // Old selection's positions / node types may not map onto the new schema.
-        newSelection = Selection.atStart(newDoc);
-      }
-      var plugins = 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 = EditorState.create({
-        schema: newSchema,
-        doc: newDoc,
-        selection: newSelection,
-        plugins: plugins
-      });
-    } else {
-      var _plugins = 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 = 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;
     }
@@ -577,37 +465,6 @@ export 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 (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 = useCallback(function (_ref2) {
@@ -776,10 +633,10 @@ export function ReactEditorView(props) {
     });
     return view;
   }, [getDirectEditorProps, dispatchAnalyticsEvent]);
-  var _useState3 = useState(undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    editorView = _useState4[0],
-    setEditorView = _useState4[1];
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_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 = useRef(null);
@@ -828,19 +685,19 @@ export 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, _toConsumableArray(possibleListener));
           }
         } catch (err) {
-          _iterator2.e(err);
+          _iterator.e(err);
         } finally {
-          _iterator2.f();
+          _iterator.f();
         }
       }
       scrollElement.current = null;
@@ -852,19 +709,19 @@ export 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, _toConsumableArray(possibleListener));
           }
         } catch (err) {
-          _iterator3.e(err);
+          _iterator2.e(err);
         } finally {
-          _iterator3.f();
+          _iterator2.f();
         }
       };
       if (scrollElement.current) {

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

@@ -1,5 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 var key = new PluginKey('editorStateNotificationPlugin');
 export var createEditorStateNotificationPlugin = function createEditorStateNotificationPlugin(onEditorStateUpdated, onEditorViewStateUpdatedCallbacks) {
   var transactions = [];
@@ -12,7 +13,11 @@ export var createEditorStateNotificationPlugin = function createEditorStateNotif
         };
       },
       apply: function apply(tr) {
-        transactions.push(tr);
+        if (!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/esm/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/esm/ui/Appearance/FullPage/FullPageContentArea.js

@@ -5,10 +5,8 @@ import React, { useImperativeHandle, useRef } from 'react';
 import classnames from 'classnames';
 import { injectIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/full-page';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { akEditorGutterPaddingDynamic, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles/constants';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
@@ -41,9 +39,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",
@@ -53,9 +48,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"
 };
 export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 var EDITOR_CONTAINER = 'ak-editor-container';
@@ -85,17 +78,6 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     };
   }, []);
-  var markdownPluginCurrentView = 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 = 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 = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true);
-  var shouldHideProseMirrorForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
-  var shouldHideScrollGutterForMarkdownMode = isMarkdownModeExperimentEnabled && markdownPluginCurrentIsMarkdownMode;
   var content = /*#__PURE__*/React.createElement(EditorContentContainer
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
@@ -111,14 +93,12 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     editorView: props.editorView,
     editorDisabled: props.disabled
   }, /*#__PURE__*/React.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: ax([compiledStyles.editorContentAreaNew, compiledStyles.editorContentAreaProsemirrorStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.hideEditorContentAreaProsemirrorWithAttributeStyle, shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorContentAreaScrollGutterWithAttributeStyle, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContentAreaStyle, compiledStyles.tableFullPageEditorStylesNew, compiledStyles.fullWidthNonChromelessBreakoutBlockTableStyle,
+    className: 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,
@@ -157,15 +137,13 @@ var Content = /*#__PURE__*/React.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: ax([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
+    "data-editor-scroll-gutter": "true"
   }) : /*#__PURE__*/React.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: ax([shouldHideScrollGutterForMarkdownMode && compiledStyles.hideEditorScrollGutterStyle])
+    "data-vc": "scroll-gutter"
   }))))));
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": CONTENT_AREA_TEST_ID,
@@ -174,7 +152,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement("div", {
     "data-testid": EDITOR_CONTAINER,
     "data-editor-container": 'true',
-    className: ax([compiledStyles.contentAreaWrapper, shouldHideProseMirrorForMarkdownMode && compiledStyles.markdownModeContainerBackgroundStyle])
+    className: ax([compiledStyles.contentAreaWrapper])
   }, props.UNSAFE_containLayout ? /*#__PURE__*/React.createElement("div", {
     "data-testid": "editor-contain-size-and-layout-wrapper",
     className: ax([containLayoutStyles.wrapper])

package/dist/esm/version-wrapper.js

@@ -1,3 +1,3 @@
 export var name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var version = "238.0.2";
+export var version = "238.0.3";

package/dist/types/ui/Appearance/FullPage/FullPageContentArea.d.ts

@@ -19,13 +19,11 @@ import type { ViewMode } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type EditorActions from '../../../actions';
 import type { ContentComponents, ReactComponents } from '../../../types/editor-props';
-import type { MarkdownModePlugin } from '../../../types/markdown-mode';
 import type { ScrollContainerRefs } from './types';
 type EditorAPI = PublicPluginAPI<[
     OptionalPlugin<ContextPanelPlugin>,
     BasePlugin,
-    OptionalPlugin<BlockMenuPlugin>,
-    OptionalPlugin<MarkdownModePlugin>
+    OptionalPlugin<BlockMenuPlugin>
 ]>;
 interface FullPageEditorContentAreaProps {
     appearance: EditorAppearance | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "238.0.2",
+	"version": "238.0.4",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -77,7 +77,7 @@
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^8.1.0",
 		"@atlaskit/task-decision": "^21.12.0",
-		"@atlaskit/tmp-editor-statsig": "^240.0.0",
+		"@atlaskit/tmp-editor-statsig": "^242.0.0",
 		"@atlaskit/tokens": "^20.6.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/width-detector": "^7.2.0",
@@ -158,12 +158,12 @@
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-picker": "^73.2.0",
 		"@atlaskit/media-test-helpers": "^43.0.0",
-		"@atlaskit/media-ui": "^31.3.0",
+		"@atlaskit/media-ui": "^31.4.0",
 		"@atlaskit/modal-dialog": "^17.1.0",
 		"@atlaskit/navigation-system": "^11.3.0",
 		"@atlaskit/popper": "^9.4.0",
 		"@atlaskit/portal": "^7.0.0",
-		"@atlaskit/profilecard": "^27.1.0",
+		"@atlaskit/profilecard": "^27.2.0",
 		"@atlaskit/radio": "^10.2.0",
 		"@atlaskit/renderer": "^151.0.0",
 		"@atlaskit/section-message": "^10.2.0",
@@ -184,7 +184,7 @@
 		"@atlassian/search-provider": "^29.0.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.12.0",
-		"@atlassian/user-profile-card": "^1.45.0",
+		"@atlassian/user-profile-card": "^1.46.0",
 		"@emotion/jest": "^11.8.0",
 		"@testing-library/react": "^16.3.0",
 		"@types/diff": "^5.0.2",