@atlaskit/editor-core 219.9.9 → 219.9.11

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 219.9.11
+
+### Patch Changes
+
+- [`a90f47c1c8fe8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a90f47c1c8fe8) -
+  Migrate ui/withFlash styles
+- Updated dependencies
+
+## 219.9.10
+
+### Patch Changes
+
+- [`96b390b511102`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/96b390b511102) -
+  Add the `platform_editor_per_plugin_error_boundary` experiment and use it to isolate editor
+  PluginSlot failures to the failing plugin.
+- Updated dependencies
+
 ## 219.9.9
 
 ### Patch Changes

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

@@ -259,7 +259,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var _states$markdownModeS2;
     return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
   });
-  var shouldHideProseMirrorForMarkdownMode = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'wysiwyg' && markdownPluginCurrentIsMarkdownMode;
+  var shouldHideProseMirrorForMarkdownMode = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
   return (0, _react2.jsx)("div", {
     css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,

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

@@ -17,8 +17,8 @@ var _PluginSlotEmotion = require("./PluginSlot-emotion");
 var PluginsComponentsWrapperMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
   return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
 }, _PluginSlotCompiled.PluginsComponentsWrapperCompiled, _PluginSlotEmotion.PluginsComponentsWrapperEmotion);
-var PluginSlot = function PluginSlot(_ref) {
-  var items = _ref.items,
+var PluginComponent = function PluginComponent(_ref) {
+  var component = _ref.component,
     editorView = _ref.editorView,
     editorActions = _ref.editorActions,
     eventDispatcher = _ref.eventDispatcher,
@@ -30,11 +30,43 @@ var PluginSlot = function PluginSlot(_ref) {
     containerElement = _ref.containerElement,
     disabled = _ref.disabled,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    wrapperElement = _ref.wrapperElement,
-    pluginHooks = _ref.pluginHooks;
+    wrapperElement = _ref.wrapperElement;
+  return component({
+    editorView: editorView,
+    editorActions: editorActions,
+    eventDispatcher: eventDispatcher,
+    providerFactory: providerFactory,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    appearance: appearance,
+    popupsMountPoint: popupsMountPoint,
+    popupsBoundariesElement: popupsBoundariesElement,
+    popupsScrollableElement: popupsScrollableElement,
+    containerElement: containerElement,
+    disabled: disabled,
+    wrapperElement: wrapperElement
+  });
+};
+var PluginSlot = function PluginSlot(_ref2) {
+  var items = _ref2.items,
+    editorView = _ref2.editorView,
+    editorActions = _ref2.editorActions,
+    eventDispatcher = _ref2.eventDispatcher,
+    providerFactory = _ref2.providerFactory,
+    appearance = _ref2.appearance,
+    popupsMountPoint = _ref2.popupsMountPoint,
+    popupsBoundariesElement = _ref2.popupsBoundariesElement,
+    popupsScrollableElement = _ref2.popupsScrollableElement,
+    containerElement = _ref2.containerElement,
+    disabled = _ref2.disabled,
+    dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
+    wrapperElement = _ref2.wrapperElement,
+    pluginHooks = _ref2.pluginHooks;
   if (!items && !pluginHooks) {
     return null;
   }
+  var isolatePluginSlotFailures = Boolean(items === null || items === void 0 ? void 0 : items.length) && (0, _expValEquals.expValEquals)('platform_editor_per_plugin_error_boundary', 'isEnabled', true);
   return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
     component: _analytics.ACTION_SUBJECT.PLUGIN_SLOT,
     fallbackComponent: null
@@ -44,9 +76,41 @@ var PluginSlot = function PluginSlot(_ref) {
     containerElement: containerElement
   }), /*#__PURE__*/_react.default.createElement(PluginsComponentsWrapperMigration, {
     "data-testid": "plugins-components-wrapper"
-  }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
+  }, items === null || items === void 0 ? void 0 : items.map(function (component, index) {
+    if (isolatePluginSlotFailures) {
+      return (
+        /*#__PURE__*/
+        // The wrapper adds a small amount of overhead, but moves the plugin factory call
+        // inside the per-plugin boundary while still invoking it as a factory.
+        _react.default.createElement(_ErrorBoundary.ErrorBoundary
+        // Switching to a data-derived key currently breaks editor-plugin-ai's
+        // Discard flow (which relies on positional remounts to reset modal
+        // state). Tracked for follow-up behind a separate gate.
+        // eslint-disable-next-line react/no-array-index-key
+        , {
+          key: index,
+          component: _analytics.ACTION_SUBJECT.PLUGIN_SLOT,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          fallbackComponent: null
+        }, /*#__PURE__*/_react.default.createElement(PluginComponent, {
+          component: component,
+          editorView: editorView,
+          editorActions: editorActions,
+          eventDispatcher: eventDispatcher,
+          providerFactory: providerFactory,
+          appearance: appearance,
+          popupsMountPoint: popupsMountPoint,
+          popupsBoundariesElement: popupsBoundariesElement,
+          popupsScrollableElement: popupsScrollableElement,
+          containerElement: containerElement,
+          disabled: disabled,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          wrapperElement: wrapperElement
+        }))
+      );
+    }
     var props = {
-      key: key
+      key: index
     };
     var element = component({
       editorView: editorView,

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

@@ -1,86 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-var pulseBackground = (0, _react2.keyframes)({
-  '50%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-var pulseBackgroundReverse = (0, _react2.keyframes)({
-  '0%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  },
-  '50%': {
-    backgroundColor: 'auto'
-  },
-  '100%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-var flashWrapper = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&.-flash > div': {
-    animationName: pulseBackgroundReverse,
-    animationDuration: '0.25s',
-    animationTimingFunction: 'ease-in-out'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > div': {
-    animation: "'none'"
-  }
-});
-var flashWrapperAnimated = (0, _react2.css)((0, _defineProperty2.default)({}, "".concat(flashWrapper, " & > div"), {
-  animationName: pulseBackground,
-  animationDuration: '0.25s',
-  animationTimingFunction: 'ease-in-out'
-}));
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var WithFlash = exports.default = /*#__PURE__*/function (_React$Component) {
-  function WithFlash() {
-    var _this;
-    (0, _classCallCheck2.default)(this, WithFlash);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, WithFlash, [].concat(args));
-    (0, _defineProperty2.default)(_this, "toggle", false);
-    return _this;
-  }
-  (0, _inherits2.default)(WithFlash, _React$Component);
-  return (0, _createClass2.default)(WithFlash, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        animate = _this$props.animate,
-        children = _this$props.children;
-      this.toggle = animate && !this.toggle;
-      return (
-        // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
-        (0, _react2.jsx)("div", {
-          css: animate ? flashWrapperAnimated : flashWrapper
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          ,
-          className: this.toggle ? '-flash' : ''
-        }, children)
-      );
-    }
-  }]);
-}(_react.default.Component);
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _withFlashCompiled = require("./withFlash-compiled");
+var _withFlashEmotion = require("./withFlash-emotion");
+var WithFlash = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, _withFlashCompiled.WithFlashCompiled, _withFlashEmotion.WithFlashEmotion);
+var _default = exports.default = WithFlash;

package/dist/cjs/ui/WithFlash/withFlash-compiled.compiled.css

@@ -0,0 +1,7 @@
+._16nrglyw>div{animation:none}
+._1q4h1bej.-flash>div{animation-name:k8m8d1y}
+._1q4hp6wo.-flash>div{animation-name:k1bd9ir4}
+._4eh31doz.-flash>div{animation-duration:.25s}
+._l0dz1ytf.-flash>div{animation-timing-function:ease-in-out}
+@keyframes k1bd9ir4{0%{background-color:var(--ds-blanket-danger,#ef5c4814)}50%{background-color:auto}to{background-color:var(--ds-blanket-danger,#ef5c4814)}}
+@keyframes k8m8d1y{50%{background-color:var(--ds-blanket-danger,#ef5c4814)}}

package/dist/cjs/ui/WithFlash/withFlash-compiled.js

@@ -0,0 +1,58 @@
+/* withFlash-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithFlashCompiled = void 0;
+require("./withFlash-compiled.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+var pulseBackground = null;
+var pulseBackgroundReverse = null;
+var compiledStyles = {
+  flashWrapper: "_16nrglyw _1q4hp6wo _4eh31doz _l0dz1ytf",
+  flashWrapperAnimated: "_1q4h1bej _4eh31doz _l0dz1ytf"
+};
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var WithFlashCompiled = exports.WithFlashCompiled = /*#__PURE__*/function (_React$Component) {
+  function WithFlashCompiled() {
+    var _this;
+    (0, _classCallCheck2.default)(this, WithFlashCompiled);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, WithFlashCompiled, [].concat(args));
+    (0, _defineProperty2.default)(_this, "toggle", false);
+    return _this;
+  }
+  (0, _inherits2.default)(WithFlashCompiled, _React$Component);
+  return (0, _createClass2.default)(WithFlashCompiled, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        animate = _this$props.animate,
+        children = _this$props.children;
+      this.toggle = animate && !this.toggle;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        className: (0, _runtime.ax)([animate ? compiledStyles.flashWrapperAnimated : compiledStyles.flashWrapper, this.toggle ? '-flash' : ''])
+      }, children);
+    }
+  }]);
+}(_react.default.Component);

package/dist/cjs/ui/WithFlash/withFlash-emotion.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WithFlashEmotion = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ /**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
+var pulseBackground = (0, _react2.keyframes)({
+  '50%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+var pulseBackgroundReverse = (0, _react2.keyframes)({
+  '0%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  },
+  '50%': {
+    backgroundColor: 'auto'
+  },
+  '100%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+var flashWrapper = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&.-flash > div': {
+    animationName: pulseBackgroundReverse,
+    animationDuration: '0.25s',
+    animationTimingFunction: 'ease-in-out'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > div': {
+    animation: 'none'
+  }
+});
+var flashWrapperAnimated = (0, _react2.css)((0, _defineProperty2.default)({}, "&.-flash > div", {
+  animationName: pulseBackground,
+  animationDuration: '0.25s',
+  animationTimingFunction: 'ease-in-out'
+}));
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var WithFlashEmotion = exports.WithFlashEmotion = /*#__PURE__*/function (_React$Component) {
+  function WithFlashEmotion() {
+    var _this;
+    (0, _classCallCheck2.default)(this, WithFlashEmotion);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, WithFlashEmotion, [].concat(args));
+    (0, _defineProperty2.default)(_this, "toggle", false);
+    return _this;
+  }
+  (0, _inherits2.default)(WithFlashEmotion, _React$Component);
+  return (0, _createClass2.default)(WithFlashEmotion, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        animate = _this$props.animate,
+        children = _this$props.children;
+      this.toggle = animate && !this.toggle;
+      return (
+        // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+        (0, _react2.jsx)("div", {
+          css: animate ? flashWrapperAnimated : flashWrapper
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
+          className: this.toggle ? '-flash' : ''
+        }, children)
+      );
+    }
+  }]);
+}(_react.default.Component);

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "219.9.8";
+var version = exports.version = "219.9.10";

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

@@ -251,7 +251,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     var _states$markdownModeS2;
     return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
   });
-  const shouldHideProseMirrorForMarkdownMode = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'wysiwyg' && markdownPluginCurrentIsMarkdownMode;
+  const shouldHideProseMirrorForMarkdownMode = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
   return jsx("div", {
     css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,

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

@@ -8,6 +8,38 @@ import { MountPluginHooks } from './mount-plugin-hooks';
 import { PluginsComponentsWrapperCompiled } from './PluginSlot-compiled';
 import { PluginsComponentsWrapperEmotion } from './PluginSlot-emotion';
 const PluginsComponentsWrapperMigration = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), PluginsComponentsWrapperCompiled, PluginsComponentsWrapperEmotion);
+const PluginComponent = ({
+  component,
+  editorView,
+  editorActions,
+  eventDispatcher,
+  providerFactory,
+  appearance,
+  popupsMountPoint,
+  popupsBoundariesElement,
+  popupsScrollableElement,
+  containerElement,
+  disabled,
+  dispatchAnalyticsEvent,
+  wrapperElement
+}) => {
+  return component({
+    editorView: editorView,
+    editorActions: editorActions,
+    eventDispatcher: eventDispatcher,
+    providerFactory,
+    dispatchAnalyticsEvent,
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    appearance: appearance,
+    popupsMountPoint,
+    popupsBoundariesElement,
+    popupsScrollableElement,
+    containerElement,
+    disabled,
+    wrapperElement
+  });
+};
 const PluginSlot = ({
   items,
   editorView,
@@ -27,6 +59,7 @@ const PluginSlot = ({
   if (!items && !pluginHooks) {
     return null;
   }
+  const isolatePluginSlotFailures = Boolean(items === null || items === void 0 ? void 0 : items.length) && expValEquals('platform_editor_per_plugin_error_boundary', 'isEnabled', true);
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     component: ACTION_SUBJECT.PLUGIN_SLOT,
     fallbackComponent: null
@@ -36,9 +69,41 @@ const PluginSlot = ({
     containerElement: containerElement
   }), /*#__PURE__*/React.createElement(PluginsComponentsWrapperMigration, {
     "data-testid": "plugins-components-wrapper"
-  }, items === null || items === void 0 ? void 0 : items.map((component, key) => {
+  }, items === null || items === void 0 ? void 0 : items.map((component, index) => {
+    if (isolatePluginSlotFailures) {
+      return (
+        /*#__PURE__*/
+        // The wrapper adds a small amount of overhead, but moves the plugin factory call
+        // inside the per-plugin boundary while still invoking it as a factory.
+        React.createElement(ErrorBoundary
+        // Switching to a data-derived key currently breaks editor-plugin-ai's
+        // Discard flow (which relies on positional remounts to reset modal
+        // state). Tracked for follow-up behind a separate gate.
+        // eslint-disable-next-line react/no-array-index-key
+        , {
+          key: index,
+          component: ACTION_SUBJECT.PLUGIN_SLOT,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          fallbackComponent: null
+        }, /*#__PURE__*/React.createElement(PluginComponent, {
+          component: component,
+          editorView: editorView,
+          editorActions: editorActions,
+          eventDispatcher: eventDispatcher,
+          providerFactory: providerFactory,
+          appearance: appearance,
+          popupsMountPoint: popupsMountPoint,
+          popupsBoundariesElement: popupsBoundariesElement,
+          popupsScrollableElement: popupsScrollableElement,
+          containerElement: containerElement,
+          disabled: disabled,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          wrapperElement: wrapperElement
+        }))
+      );
+    }
     const props = {
-      key
+      key: index
     };
     const element = component({
       editorView: editorView,

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

@@ -1,69 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { css, jsx, keyframes } from '@emotion/react';
-const pulseBackground = keyframes({
-  '50%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-const pulseBackgroundReverse = keyframes({
-  '0%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  },
-  '50%': {
-    backgroundColor: 'auto'
-  },
-  '100%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-const flashWrapper = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&.-flash > div': {
-    animationName: pulseBackgroundReverse,
-    animationDuration: '0.25s',
-    animationTimingFunction: 'ease-in-out'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > div': {
-    animation: "'none'"
-  }
-});
-const flashWrapperAnimated = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  [`${flashWrapper} & > div`]: {
-    animationName: pulseBackground,
-    animationDuration: '0.25s',
-    animationTimingFunction: 'ease-in-out'
-  }
-});
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-export default class WithFlash extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "toggle", false);
-  }
-  render() {
-    const {
-      animate,
-      children
-    } = this.props;
-    this.toggle = animate && !this.toggle;
-    return (
-      // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
-      jsx("div", {
-        css: animate ? flashWrapperAnimated : flashWrapper
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: this.toggle ? '-flash' : ''
-      }, children)
-    );
-  }
-}
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { WithFlashCompiled } from './withFlash-compiled';
+import { WithFlashEmotion } from './withFlash-emotion';
+const WithFlash = componentWithCondition(() => expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true), WithFlashCompiled, WithFlashEmotion);
+export default WithFlash;

package/dist/es2019/ui/WithFlash/withFlash-compiled.compiled.css

@@ -0,0 +1,7 @@
+._16nrglyw>div{animation:none}
+._1q4h1bej.-flash>div{animation-name:k8m8d1y}
+._1q4hp6wo.-flash>div{animation-name:k1bd9ir4}
+._4eh31doz.-flash>div{animation-duration:.25s}
+._l0dz1ytf.-flash>div{animation-timing-function:ease-in-out}
+@keyframes k1bd9ir4{0%{background-color:var(--ds-blanket-danger,#ef5c4814)}50%{background-color:auto}to{background-color:var(--ds-blanket-danger,#ef5c4814)}}
+@keyframes k8m8d1y{50%{background-color:var(--ds-blanket-danger,#ef5c4814)}}

package/dist/es2019/ui/WithFlash/withFlash-compiled.js

@@ -0,0 +1,36 @@
+/* withFlash-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./withFlash-compiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+const pulseBackground = null;
+const pulseBackgroundReverse = null;
+const compiledStyles = {
+  flashWrapper: "_16nrglyw _1q4hp6wo _4eh31doz _l0dz1ytf",
+  flashWrapperAnimated: "_1q4h1bej _4eh31doz _l0dz1ytf"
+};
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export class WithFlashCompiled extends React.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "toggle", false);
+  }
+  render() {
+    const {
+      animate,
+      children
+    } = this.props;
+    this.toggle = animate && !this.toggle;
+    return /*#__PURE__*/React.createElement("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: ax([animate ? compiledStyles.flashWrapperAnimated : compiledStyles.flashWrapper, this.toggle ? '-flash' : ''])
+    }, children);
+  }
+}

package/dist/es2019/ui/WithFlash/withFlash-emotion.js

@@ -0,0 +1,75 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
+import { css, jsx, keyframes } from '@emotion/react';
+const pulseBackground = keyframes({
+  '50%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+const pulseBackgroundReverse = keyframes({
+  '0%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  },
+  '50%': {
+    backgroundColor: 'auto'
+  },
+  '100%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+const flashWrapper = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&.-flash > div': {
+    animationName: pulseBackgroundReverse,
+    animationDuration: '0.25s',
+    animationTimingFunction: 'ease-in-out'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > div': {
+    animation: 'none'
+  }
+});
+const flashWrapperAnimated = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  [`&.-flash > div`]: {
+    animationName: pulseBackground,
+    animationDuration: '0.25s',
+    animationTimingFunction: 'ease-in-out'
+  }
+});
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export class WithFlashEmotion extends React.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "toggle", false);
+  }
+  render() {
+    const {
+      animate,
+      children
+    } = this.props;
+    this.toggle = animate && !this.toggle;
+    return (
+      // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+      jsx("div", {
+        css: animate ? flashWrapperAnimated : flashWrapper
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
+        className: this.toggle ? '-flash' : ''
+      }, children)
+    );
+  }
+}

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "219.9.8";
+export const version = "219.9.10";

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

@@ -249,7 +249,7 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _states$markdownModeS2;
     return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
   });
-  var shouldHideProseMirrorForMarkdownMode = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'wysiwyg' && markdownPluginCurrentIsMarkdownMode;
+  var shouldHideProseMirrorForMarkdownMode = expValEqualsNoExposure('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'preview' && markdownPluginCurrentIsMarkdownMode;
   return jsx("div", {
     css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,

package/dist/esm/ui/PluginSlot/index.js

@@ -10,8 +10,8 @@ import { PluginsComponentsWrapperEmotion } from './PluginSlot-emotion';
 var PluginsComponentsWrapperMigration = componentWithCondition(function () {
   return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
 }, PluginsComponentsWrapperCompiled, PluginsComponentsWrapperEmotion);
-var PluginSlot = function PluginSlot(_ref) {
-  var items = _ref.items,
+var PluginComponent = function PluginComponent(_ref) {
+  var component = _ref.component,
     editorView = _ref.editorView,
     editorActions = _ref.editorActions,
     eventDispatcher = _ref.eventDispatcher,
@@ -23,11 +23,43 @@ var PluginSlot = function PluginSlot(_ref) {
     containerElement = _ref.containerElement,
     disabled = _ref.disabled,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-    wrapperElement = _ref.wrapperElement,
-    pluginHooks = _ref.pluginHooks;
+    wrapperElement = _ref.wrapperElement;
+  return component({
+    editorView: editorView,
+    editorActions: editorActions,
+    eventDispatcher: eventDispatcher,
+    providerFactory: providerFactory,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    // Ignored via go/ees005
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    appearance: appearance,
+    popupsMountPoint: popupsMountPoint,
+    popupsBoundariesElement: popupsBoundariesElement,
+    popupsScrollableElement: popupsScrollableElement,
+    containerElement: containerElement,
+    disabled: disabled,
+    wrapperElement: wrapperElement
+  });
+};
+var PluginSlot = function PluginSlot(_ref2) {
+  var items = _ref2.items,
+    editorView = _ref2.editorView,
+    editorActions = _ref2.editorActions,
+    eventDispatcher = _ref2.eventDispatcher,
+    providerFactory = _ref2.providerFactory,
+    appearance = _ref2.appearance,
+    popupsMountPoint = _ref2.popupsMountPoint,
+    popupsBoundariesElement = _ref2.popupsBoundariesElement,
+    popupsScrollableElement = _ref2.popupsScrollableElement,
+    containerElement = _ref2.containerElement,
+    disabled = _ref2.disabled,
+    dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
+    wrapperElement = _ref2.wrapperElement,
+    pluginHooks = _ref2.pluginHooks;
   if (!items && !pluginHooks) {
     return null;
   }
+  var isolatePluginSlotFailures = Boolean(items === null || items === void 0 ? void 0 : items.length) && expValEquals('platform_editor_per_plugin_error_boundary', 'isEnabled', true);
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     component: ACTION_SUBJECT.PLUGIN_SLOT,
     fallbackComponent: null
@@ -37,9 +69,41 @@ var PluginSlot = function PluginSlot(_ref) {
     containerElement: containerElement
   }), /*#__PURE__*/React.createElement(PluginsComponentsWrapperMigration, {
     "data-testid": "plugins-components-wrapper"
-  }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
+  }, items === null || items === void 0 ? void 0 : items.map(function (component, index) {
+    if (isolatePluginSlotFailures) {
+      return (
+        /*#__PURE__*/
+        // The wrapper adds a small amount of overhead, but moves the plugin factory call
+        // inside the per-plugin boundary while still invoking it as a factory.
+        React.createElement(ErrorBoundary
+        // Switching to a data-derived key currently breaks editor-plugin-ai's
+        // Discard flow (which relies on positional remounts to reset modal
+        // state). Tracked for follow-up behind a separate gate.
+        // eslint-disable-next-line react/no-array-index-key
+        , {
+          key: index,
+          component: ACTION_SUBJECT.PLUGIN_SLOT,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          fallbackComponent: null
+        }, /*#__PURE__*/React.createElement(PluginComponent, {
+          component: component,
+          editorView: editorView,
+          editorActions: editorActions,
+          eventDispatcher: eventDispatcher,
+          providerFactory: providerFactory,
+          appearance: appearance,
+          popupsMountPoint: popupsMountPoint,
+          popupsBoundariesElement: popupsBoundariesElement,
+          popupsScrollableElement: popupsScrollableElement,
+          containerElement: containerElement,
+          disabled: disabled,
+          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+          wrapperElement: wrapperElement
+        }))
+      );
+    }
     var props = {
-      key: key
+      key: index
     };
     var element = component({
       editorView: editorView,

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

@@ -1,83 +1,8 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { css, jsx, keyframes } from '@emotion/react';
-var pulseBackground = keyframes({
-  '50%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-var pulseBackgroundReverse = keyframes({
-  '0%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  },
-  '50%': {
-    backgroundColor: 'auto'
-  },
-  '100%': {
-    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
-  }
-});
-var flashWrapper = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&.-flash > div': {
-    animationName: pulseBackgroundReverse,
-    animationDuration: '0.25s',
-    animationTimingFunction: 'ease-in-out'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > div': {
-    animation: "'none'"
-  }
-});
-var flashWrapperAnimated = css(_defineProperty({}, "".concat(flashWrapper, " & > div"), {
-  animationName: pulseBackground,
-  animationDuration: '0.25s',
-  animationTimingFunction: 'ease-in-out'
-}));
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var WithFlash = /*#__PURE__*/function (_React$Component) {
-  function WithFlash() {
-    var _this;
-    _classCallCheck(this, WithFlash);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, WithFlash, [].concat(args));
-    _defineProperty(_this, "toggle", false);
-    return _this;
-  }
-  _inherits(WithFlash, _React$Component);
-  return _createClass(WithFlash, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        animate = _this$props.animate,
-        children = _this$props.children;
-      this.toggle = animate && !this.toggle;
-      return (
-        // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
-        jsx("div", {
-          css: animate ? flashWrapperAnimated : flashWrapper
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          ,
-          className: this.toggle ? '-flash' : ''
-        }, children)
-      );
-    }
-  }]);
-}(React.Component);
-export { WithFlash as default };
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { WithFlashCompiled } from './withFlash-compiled';
+import { WithFlashEmotion } from './withFlash-emotion';
+var WithFlash = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, WithFlashCompiled, WithFlashEmotion);
+export default WithFlash;

package/dist/esm/ui/WithFlash/withFlash-compiled.compiled.css

@@ -0,0 +1,7 @@
+._16nrglyw>div{animation:none}
+._1q4h1bej.-flash>div{animation-name:k8m8d1y}
+._1q4hp6wo.-flash>div{animation-name:k1bd9ir4}
+._4eh31doz.-flash>div{animation-duration:.25s}
+._l0dz1ytf.-flash>div{animation-timing-function:ease-in-out}
+@keyframes k1bd9ir4{0%{background-color:var(--ds-blanket-danger,#ef5c4814)}50%{background-color:auto}to{background-color:var(--ds-blanket-danger,#ef5c4814)}}
+@keyframes k8m8d1y{50%{background-color:var(--ds-blanket-danger,#ef5c4814)}}

package/dist/esm/ui/WithFlash/withFlash-compiled.js

@@ -0,0 +1,52 @@
+/* withFlash-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./withFlash-compiled.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+var pulseBackground = null;
+var pulseBackgroundReverse = null;
+var compiledStyles = {
+  flashWrapper: "_16nrglyw _1q4hp6wo _4eh31doz _l0dz1ytf",
+  flashWrapperAnimated: "_1q4h1bej _4eh31doz _l0dz1ytf"
+};
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export var WithFlashCompiled = /*#__PURE__*/function (_React$Component) {
+  function WithFlashCompiled() {
+    var _this;
+    _classCallCheck(this, WithFlashCompiled);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, WithFlashCompiled, [].concat(args));
+    _defineProperty(_this, "toggle", false);
+    return _this;
+  }
+  _inherits(WithFlashCompiled, _React$Component);
+  return _createClass(WithFlashCompiled, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        animate = _this$props.animate,
+        children = _this$props.children;
+      this.toggle = animate && !this.toggle;
+      return /*#__PURE__*/React.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        className: ax([animate ? compiledStyles.flashWrapperAnimated : compiledStyles.flashWrapper, this.toggle ? '-flash' : ''])
+      }, children);
+    }
+  }]);
+}(React.Component);

package/dist/esm/ui/WithFlash/withFlash-emotion.js

@@ -0,0 +1,88 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
+import { css, jsx, keyframes } from '@emotion/react';
+var pulseBackground = keyframes({
+  '50%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+var pulseBackgroundReverse = keyframes({
+  '0%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  },
+  '50%': {
+    backgroundColor: 'auto'
+  },
+  '100%': {
+    backgroundColor: "var(--ds-blanket-danger, #EF5C4814)"
+  }
+});
+var flashWrapper = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&.-flash > div': {
+    animationName: pulseBackgroundReverse,
+    animationDuration: '0.25s',
+    animationTimingFunction: 'ease-in-out'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > div': {
+    animation: 'none'
+  }
+});
+var flashWrapperAnimated = css(_defineProperty({}, "&.-flash > div", {
+  animationName: pulseBackground,
+  animationDuration: '0.25s',
+  animationTimingFunction: 'ease-in-out'
+}));
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export var WithFlashEmotion = /*#__PURE__*/function (_React$Component) {
+  function WithFlashEmotion() {
+    var _this;
+    _classCallCheck(this, WithFlashEmotion);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, WithFlashEmotion, [].concat(args));
+    _defineProperty(_this, "toggle", false);
+    return _this;
+  }
+  _inherits(WithFlashEmotion, _React$Component);
+  return _createClass(WithFlashEmotion, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        animate = _this$props.animate,
+        children = _this$props.children;
+      this.toggle = animate && !this.toggle;
+      return (
+        // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+        jsx("div", {
+          css: animate ? flashWrapperAnimated : flashWrapper
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
+          className: this.toggle ? '-flash' : ''
+        }, children)
+      );
+    }
+  }]);
+}(React.Component);

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "219.9.8";
+export var version = "219.9.10";

package/dist/types/types/markdown-mode.d.ts

@@ -1,5 +1,5 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-export type MarkdownModeView = 'syntax' | 'wysiwyg' | 'preview';
+export type MarkdownModeView = 'syntax' | 'split-view' | 'preview';
 export type MarkdownModePlugin = NextEditorPlugin<'markdownMode', {
     actions: {
         setView: (view: MarkdownModeView) => void;

package/dist/types/ui/Appearance/Chromeless-compiled.d.ts

@@ -15,4 +15,4 @@ export interface ChromelessEditorContainerProps extends HTMLAttributes<HTMLDivEl
     maxHeight?: number;
     minHeight: number;
 }
-export declare const ChromelessEditorContainerCompiled: ({ children, containerRef, maxHeight, minHeight }: ChromelessEditorContainerProps) => React.JSX.Element;
+export declare const ChromelessEditorContainerCompiled: ({ children, containerRef, maxHeight, minHeight, }: ChromelessEditorContainerProps) => React.JSX.Element;

package/dist/types/ui/WithFlash/index.d.ts

@@ -1,14 +1,7 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-import { jsx } from '@emotion/react';
 export interface Props {
     animate: boolean;
     children?: React.ReactNode;
 }
-export default class WithFlash extends React.Component<Props> {
-    private toggle;
-    render(): jsx.JSX.Element;
-}
+declare const WithFlash: React.ComponentType<Props>;
+export default WithFlash;

package/dist/types/ui/WithFlash/withFlash-compiled.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+export interface Props {
+    animate: boolean;
+    children?: React.ReactNode;
+}
+export declare class WithFlashCompiled extends React.Component<Props> {
+    private toggle;
+    render(): React.JSX.Element;
+}

package/dist/types/ui/WithFlash/withFlash-emotion.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+export interface Props {
+    animate: boolean;
+    children?: React.ReactNode;
+}
+export declare class WithFlashEmotion extends React.Component<Props> {
+    private toggle;
+    render(): React.JSX.Element;
+}

package/dist/types-ts4.5/types/markdown-mode.d.ts

@@ -1,5 +1,5 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-export type MarkdownModeView = 'syntax' | 'wysiwyg' | 'preview';
+export type MarkdownModeView = 'syntax' | 'split-view' | 'preview';
 export type MarkdownModePlugin = NextEditorPlugin<'markdownMode', {
     actions: {
         setView: (view: MarkdownModeView) => void;

package/dist/types-ts4.5/ui/Appearance/Chromeless-compiled.d.ts

@@ -15,4 +15,4 @@ export interface ChromelessEditorContainerProps extends HTMLAttributes<HTMLDivEl
     maxHeight?: number;
     minHeight: number;
 }
-export declare const ChromelessEditorContainerCompiled: ({ children, containerRef, maxHeight, minHeight }: ChromelessEditorContainerProps) => React.JSX.Element;
+export declare const ChromelessEditorContainerCompiled: ({ children, containerRef, maxHeight, minHeight, }: ChromelessEditorContainerProps) => React.JSX.Element;

package/dist/types-ts4.5/ui/WithFlash/index.d.ts

@@ -1,14 +1,7 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-import { jsx } from '@emotion/react';
 export interface Props {
     animate: boolean;
     children?: React.ReactNode;
 }
-export default class WithFlash extends React.Component<Props> {
-    private toggle;
-    render(): jsx.JSX.Element;
-}
+declare const WithFlash: React.ComponentType<Props>;
+export default WithFlash;

package/dist/types-ts4.5/ui/WithFlash/withFlash-compiled.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+export interface Props {
+    animate: boolean;
+    children?: React.ReactNode;
+}
+export declare class WithFlashCompiled extends React.Component<Props> {
+    private toggle;
+    render(): React.JSX.Element;
+}

package/dist/types-ts4.5/ui/WithFlash/withFlash-emotion.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `index.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+export interface Props {
+    animate: boolean;
+    children?: React.ReactNode;
+}
+export declare class WithFlashEmotion extends React.Component<Props> {
+    private toggle;
+    render(): React.JSX.Element;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "219.9.9",
+	"version": "219.9.11",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
 		"@atlaskit/editor-toolbar-model": "^0.5.0",
 		"@atlaskit/emoji": "^70.10.0",
 		"@atlaskit/feature-gate-js-client": "^5.7.0",
-		"@atlaskit/icon": "^35.1.0",
+		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/media-card": "^80.5.0",
 		"@atlaskit/mention": "^26.0.0",
@@ -74,7 +74,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/react-ufo": "^6.1.0",
 		"@atlaskit/task-decision": "^20.1.0",
-		"@atlaskit/tmp-editor-statsig": "^83.0.0",
+		"@atlaskit/tmp-editor-statsig": "^84.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.3.0",
 		"@atlaskit/width-detector": "^5.1.0",
@@ -92,7 +92,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.46.0",
+		"@atlaskit/editor-common": "^114.47.0",
 		"@atlaskit/link-provider": "^4.4.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"react": "^18.2.0",
@@ -113,7 +113,7 @@
 		"@atlaskit/editor-plugin-paste": "^11.2.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/link-provider": "^4.4.0",
-		"@atlaskit/linking-common": "^9.11.0",
+		"@atlaskit/linking-common": "^9.12.0",
 		"@atlaskit/logo": "^20.1.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
@@ -124,7 +124,7 @@
 		"@atlaskit/renderer": "^131.1.0",
 		"@atlaskit/section-message": "^8.13.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
-		"@atlaskit/toggle": "^15.6.0",
+		"@atlaskit/toggle": "^16.0.0",
 		"@atlaskit/util-data-test": "^18.6.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/a11y-playwright-testing": "^0.10.0",
@@ -132,7 +132,7 @@
 		"@atlassian/editor-rovo-bridge": "^8.11.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
-		"@atlassian/search-client": "^1.8.0",
+		"@atlassian/search-client": "^1.9.0",
 		"@atlassian/search-provider": "^11.1.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/user-profile-card": "^1.5.0",