@atlaskit/editor-core 217.9.2 → 217.10.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-core
 
+## 217.10.0
+
+### Minor Changes
+
+- [`22cc6940b4250`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22cc6940b4250) -
+  Add gated editor-core perf lint cleanup experiment support
+
+### Patch Changes
+
+- [`d3fdb52a809c9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d3fdb52a809c9) -
+  clean up feature flag platform_editor_max_width_mode_resize_fix
+- Updated dependencies
+
+## 217.9.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 217.9.2
 
 ### Patch Changes

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

@@ -32,6 +32,7 @@ var editorContainerStyles = (0, _react2.css)({
   width: '100%',
   height: '100%'
 });
+var DEFAULT_VALUE_PROP_TO_IGNORE = ['defaultValue'];
 
 /**
  * EditorInternalComponent is used to capture the common component
@@ -67,14 +68,13 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
     _usePortalProvider4 = (0, _slicedToArray2.default)(_usePortalProvider3, 2),
     nodeViewPortalProviderAPI = _usePortalProvider4[0],
     NodeViewPortalRenderer = _usePortalProvider4[1];
+  var propsToIgnore = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? DEFAULT_VALUE_PROP_TO_IGNORE : ['defaultValue'];
   return (0, _react2.jsx)(_react.Fragment, null, renderTrackingEnabled && (0, _react2.jsx)(_RenderTracking.RenderTracking, {
     componentProps: props,
     action: _analytics.ACTION.RE_RENDERED,
     actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-    handleAnalyticsEvent: handleAnalyticsEvent
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    propsToIgnore: ['defaultValue'],
+    handleAnalyticsEvent: handleAnalyticsEvent,
+    propsToIgnore: propsToIgnore,
     useShallow: useShallow
   }), (0, _react2.jsx)(_ErrorBoundary.default, {
     errorTracking: true,
@@ -102,7 +102,7 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
     onEditorDestroyed: onEditorDestroyed,
     disabled: props.disabled,
     preset: preset
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017: this callback closes over the full props object and derived featureFlags; memoization is ineffective because ReactEditorViewNext is not memo()'d and deps (props, featureFlags) change every render
     ,
     render: function render(_ref2) {
       var _props$featureFlags, _props$featureFlags2;

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

@@ -868,6 +868,35 @@ function ReactEditorView(props) {
   var _props$editorProps3 = props.editorProps,
     assistiveLabel = _props$editorProps3.assistiveLabel,
     assistiveDescribedBy = _props$editorProps3.assistiveDescribedBy;
+  var handleSsrEditorStateChanged = (0, _react.useCallback)(function (state) {
+    ssrEditorStateRef.current = state;
+    // Notify listeners about the initial SSR state
+    pluginInjectionAPI.current.onEditorViewUpdated({
+      newEditorState: state,
+      oldEditorState: undefined
+    });
+  }, [pluginInjectionAPI]);
+  var memoizedReactEditorViewContext = (0, _react.useMemo)(function () {
+    return {
+      editorRef: editorRef,
+      // Use a getter so that consumers always read the live viewRef.current at access
+      // time, not a stale snapshot captured when this memo was created.
+      get editorView() {
+        return viewRef.current;
+      },
+      popupsMountPoint: props.editorProps.popupsMountPoint
+    }
+    // viewRef is intentionally omitted from the deps array — it's a stable ref object; the getter reads
+    // .current lazily so there's no stale-closure risk.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    ;
+  }, [editorRef, props.editorProps.popupsMountPoint]);
+  // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017
+  var reactEditorViewContext = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedReactEditorViewContext : {
+    editorRef: editorRef,
+    editorView: viewRef.current,
+    popupsMountPoint: props.editorProps.popupsMountPoint
+  };
   var ssrEditor = (0, _react.useMemo)(function () {
     if (!ssrDeps) {
       return null;
@@ -890,7 +919,7 @@ function ReactEditorView(props) {
       onSSRMeasure: onSSRMeasure
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
-      onEditorStateChanged: function onEditorStateChanged(state) {
+      onEditorStateChanged: (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? handleSsrEditorStateChanged : function (state) {
         ssrEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
         pluginInjectionAPI.current.onEditorViewUpdated({
@@ -899,7 +928,7 @@ function ReactEditorView(props) {
         });
       }
     });
-  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure]);
+  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure, handleSsrEditorStateChanged]);
   var editor = (0, _react.useMemo)(function () {
     // SSR editor will be available only in SSR environment,
     // in a browser `ssrEditor` will be `null`, and we will render a normal one ProseMirror.
@@ -921,12 +950,7 @@ function ReactEditorView(props) {
     startTimestampRef: firstRenderStartTimestampRef,
     onSSRMeasure: onSSRMeasure
   }, /*#__PURE__*/_react.default.createElement(_uiReact.ReactEditorViewContext.Provider, {
-    // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    value: {
-      editorRef: editorRef,
-      editorView: viewRef.current,
-      popupsMountPoint: props.editorProps.popupsMountPoint
-    }
+    value: reactEditorViewContext
   }, renderTrackingEnabled && /*#__PURE__*/_react.default.createElement(_RenderTracking.RenderTracking, {
     componentProps: props,
     action: _analytics.ACTION.RE_RENDERED,

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

@@ -16,6 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _hooks = require("@atlaskit/editor-common/hooks");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _EditorContentContainer = _interopRequireDefault(require("../EditorContentContainer/EditorContentContainer"));
 var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
@@ -89,6 +90,9 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
     _this = _callSuper(this, Editor, [].concat(args));
     (0, _defineProperty2.default)(_this, "appearance", 'chromeless');
     (0, _defineProperty2.default)(_this, "containerElement", null);
+    (0, _defineProperty2.default)(_this, "setContainerElement", function (ref) {
+      _this.containerElement = ref;
+    });
     (0, _defineProperty2.default)(_this, "renderChrome", function (_ref) {
       var maxContentSize = _ref.maxContentSize;
       var _this$props = _this.props,
@@ -114,16 +118,15 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
         var _states$editorViewMod;
         return states === null || states === void 0 || (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode;
       });
+      var containerRef = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.setContainerElement : function (ref) {
+        return _this.containerElement = ref;
+      };
       return (0, _react2.jsx)(_WithFlash.default, {
         animate: maxContentSizeReached
       }, (0, _react2.jsx)(ChromelessEditorContainer, {
         maxHeight: maxHeight,
-        minHeight: minHeight
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        containerRef: function containerRef(ref) {
-          return _this.containerElement = ref;
-        }
+        minHeight: minHeight,
+        containerRef: containerRef
       }, (0, _react2.jsx)(_EditorContentContainer.default
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       , {

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

@@ -197,6 +197,30 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
     primaryToolbarComponents = primaryToolbarState.components.concat(primaryToolbarComponents);
   }
   var isToolbarAIFCEnabled = Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar);
+  var memoizedContentAreaStyles = (0, _react.useMemo)(function () {
+    return [maxHeight ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _react2.css)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      maxHeight: "".concat(maxHeight, "px"),
+      // When maxHeight is set, content area should have overflow-y explicitly set as auto
+      // As we have overflow-x: clip for the content area, and when maxHeight prop is set, overflow-y will be computed as visible by default.
+      // This will cause the content area to have content overflowing the container
+      // so need to set overflow-y as auto to make sure the content area is scrollable
+      overflowY: 'auto'
+    }) : null];
+  }, [maxHeight]);
+  var contentAreaStyles = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedContentAreaStyles : [maxHeight ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react2.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    maxHeight: "".concat(maxHeight, "px"),
+    // When maxHeight is set, content area should have overflow-y explicitly set as auto
+    // As we have overflow-x: clip for the content area, and when maxHeight prop is set, overflow-y will be computed as visible by default.
+    // This will cause the content area to have content overflowing the container
+    // so need to set overflow-y as auto to make sure the content area is scrollable
+    overflowY: 'auto'
+  }) : null];
   var customToolbarSlot = (0, _react2.jsx)("div", {
     css: [mainToolbarCustomComponentsSlotStyleNew, isTwoLineToolbarEnabled && mainToolbarCustomComponentsSlotStyleTwoLineToolbarNew, isToolbarAIFCEnabled && mainToolbarCustomComponentsSlotStylePaddingOverride]
   }, customPrimaryToolbarComponents);
@@ -270,20 +294,8 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
   }, (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref) {
     var width = _ref.width;
     return (0, _react2.jsx)(_EditorContentContainer.default, {
-      ref: containerElement
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-      ,
-      css: [maxHeight ?
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      (0, _react2.css)({
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        maxHeight: "".concat(maxHeight, "px"),
-        // When maxHeight is set, content area should have overflow-y explicitly set as auto
-        // As we have overflow-x: clip for the content area, and when maxHeight prop is set, overflow-y will be computed as visible by default.
-        // This will cause the content area to have content overflowing the container
-        // so need to set overflow-y as auto to make sure the content area is scrollable
-        overflowY: 'auto'
-      }) : null],
+      ref: containerElement,
+      css: contentAreaStyles,
       isScrollable: maxHeight ? true : undefined
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,

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

@@ -25,12 +25,16 @@ var _EditorContentContainer = _interopRequireDefault(require("../../EditorConten
 var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
 var _StyledComponents = require("./StyledComponents");
 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; } /**
+/**
  * @jsxRuntime classic
  * @jsx jsx
- */ /* eslint-disable @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */ // Ignored via go/ees005
+ */
+
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
+
+// Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
+
 var akEditorFullWidthLayoutWidth = 1800;
 var akEditorUltraWideLayoutWidth = 4000;
 var akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
@@ -281,11 +285,10 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }) && editorContentReducedGutterStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _classnames.default)('ak-editor-content-area', 'appearance-full-page', _objectSpread({
-      'fabric-editor--full-width-mode': fullWidthMode
-    }, (0, _platformFeatureFlags.fg)('platform_editor_max_width_mode_resize_fix') && {
+    className: (0, _classnames.default)('ak-editor-content-area', 'appearance-full-page', {
+      'fabric-editor--full-width-mode': fullWidthMode,
       'fabric-editor--max-width-mode': Boolean(maxWidthMode)
-    })),
+    }),
     ref: contentAreaRef
   }, !!props.customContentComponents && 'before' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.before) : (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents), (0, _react2.jsx)(_PluginSlot.default, {
     editorView: props.editorView,

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

@@ -22,6 +22,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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 _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)); }
@@ -75,6 +76,9 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
       mounted: false,
       currentPluginContent: undefined
     });
+    (0, _defineProperty2.default)(_this, "handleTransitionExited", function () {
+      _this.unsetPluginContent();
+    });
     (0, _defineProperty2.default)(_this, "focusEditor", function () {
       var _editorAPI$core;
       var editorAPI = _this.props.editorAPI;
@@ -89,16 +93,15 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         return;
       }
       var animSpeedMs = (0, _platformFeatureFlags.fg)('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
+      var onExited = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.handleTransitionExited : function () {
+        return _this.unsetPluginContent();
+      };
       return (0, _react2.jsx)(_Transition.default, {
         timeout: _this.state.mounted ? animSpeedMs : 0,
         in: !!pluginContent,
         mountOnEnter: true,
-        unmountOnExit: true
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        onExited: function onExited() {
-          return _this.unsetPluginContent();
-        }
+        unmountOnExit: true,
+        onExited: onExited
       }, currentPluginContent);
     });
     (0, _defineProperty2.default)(_this, "showProvidedContent", function (isVisible) {

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js

@@ -150,7 +150,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _baseStyles.baseStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    (0, _platformFeatureFlags.fg)('platform_editor_max_width_mode_resize_fix') && _baseStyles.maxModeReizeFixStyles, (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) &&
+    _baseStyles.maxModeReizeFixStyles, (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _baseStyles.baseStylesMaxContainerWidthFixes,
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning

package/dist/cjs/ui/Toolbar/Toolbar.js

@@ -1,18 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToolbarNext = exports.Toolbar = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _types = require("@atlaskit/editor-common/types");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _editorToolbarModel = require("@atlaskit/editor-toolbar-model");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _ToolbarInner = require("./ToolbarInner");
+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); }
+var TOOLBAR_FALLBACKS = {
+  group: _editorToolbar.ToolbarButtonGroup,
+  section: _editorToolbar.ToolbarSection,
+  menuSection: _editorToolbar.ToolbarDropdownItemSection
+};
+
 /**
  * *Warning:* With `platform_editor_toolbar_aifc` enabled this component is no longer used and is replaced with `<ToolbarNext />`.
  *
@@ -69,6 +77,18 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
     editorToolbarDockingPreference = _usePluginState.editorToolbarDockingPreference;
   // remove offline check when patch6Enabled is cleaned up
   var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(connectivityStateMode);
+  var memoizedFireAnalyticsEvent = (0, _react.useCallback)(function (payload) {
+    var _editorAPI$analytics;
+    editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 || _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
+  }, [editorAPI]);
+  var fireAnalyticsEvent = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedFireAnalyticsEvent : function (payload) {
+    return memoizedFireAnalyticsEvent(payload);
+  };
+  var fallbacks = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? TOOLBAR_FALLBACKS : {
+    group: _editorToolbar.ToolbarButtonGroup,
+    section: _editorToolbar.ToolbarSection,
+    menuSection: _editorToolbar.ToolbarDropdownItemSection
+  };
   return /*#__PURE__*/_react.default.createElement(_toolbar.EditorToolbarProvider, {
     editorView: editorView !== null && editorView !== void 0 ? editorView : null,
     editorAppearance: editorAppearance,
@@ -80,22 +100,11 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
     isDisabled: isDisabled,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    fireAnalyticsEvent: function fireAnalyticsEvent(payload) {
-      var _editorAPI$analytics;
-      editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 || _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
-    }
+    popupsScrollableElement: popupsScrollableElement,
+    fireAnalyticsEvent: fireAnalyticsEvent
   }, /*#__PURE__*/_react.default.createElement(_editorToolbarModel.ToolbarModelRenderer, {
     toolbar: toolbar,
-    components: components
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    fallbacks: {
-      group: _editorToolbar.ToolbarButtonGroup,
-      section: _editorToolbar.ToolbarSection,
-      menuSection: _editorToolbar.ToolbarDropdownItemSection
-    }
+    components: components,
+    fallbacks: fallbacks
   })));
 };

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 = "217.9.1";
+var version = exports.version = "217.9.3";

package/dist/es2019/composable-editor/editor-internal.js

@@ -23,6 +23,7 @@ const editorContainerStyles = css({
   width: '100%',
   height: '100%'
 });
+const DEFAULT_VALUE_PROP_TO_IGNORE = ['defaultValue'];
 
 /**
  * EditorInternalComponent is used to capture the common component
@@ -54,14 +55,13 @@ export const EditorInternal = /*#__PURE__*/memo(({
   const useShallow = false;
   const [portalProviderAPI, PortalRenderer] = usePortalProvider();
   const [nodeViewPortalProviderAPI, NodeViewPortalRenderer] = usePortalProvider();
+  const propsToIgnore = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? DEFAULT_VALUE_PROP_TO_IGNORE : ['defaultValue'];
   return jsx(Fragment, null, renderTrackingEnabled && jsx(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,
     actionSubject: ACTION_SUBJECT.EDITOR,
-    handleAnalyticsEvent: handleAnalyticsEvent
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    propsToIgnore: ['defaultValue'],
+    handleAnalyticsEvent: handleAnalyticsEvent,
+    propsToIgnore: propsToIgnore,
     useShallow: useShallow
   }), jsx(ErrorBoundary, {
     errorTracking: true,
@@ -89,7 +89,7 @@ export const EditorInternal = /*#__PURE__*/memo(({
     onEditorDestroyed: onEditorDestroyed,
     disabled: props.disabled,
     preset: preset
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017: this callback closes over the full props object and derived featureFlags; memoization is ineffective because ReactEditorViewNext is not memo()'d and deps (props, featureFlags) change every render
     ,
     render: ({
       editor,

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

@@ -814,6 +814,33 @@ export function ReactEditorView(props) {
     assistiveLabel,
     assistiveDescribedBy
   } = props.editorProps;
+  const handleSsrEditorStateChanged = useCallback(state => {
+    ssrEditorStateRef.current = state;
+    // Notify listeners about the initial SSR state
+    pluginInjectionAPI.current.onEditorViewUpdated({
+      newEditorState: state,
+      oldEditorState: undefined
+    });
+  }, [pluginInjectionAPI]);
+  const memoizedReactEditorViewContext = useMemo(() => ({
+    editorRef,
+    // Use a getter so that consumers always read the live viewRef.current at access
+    // time, not a stale snapshot captured when this memo was created.
+    get editorView() {
+      return viewRef.current;
+    },
+    popupsMountPoint: props.editorProps.popupsMountPoint
+  }
+  // viewRef is intentionally omitted from the deps array — it's a stable ref object; the getter reads
+  // .current lazily so there's no stale-closure risk.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  ), [editorRef, props.editorProps.popupsMountPoint]);
+  // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017
+  const reactEditorViewContext = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedReactEditorViewContext : {
+    editorRef,
+    editorView: viewRef.current,
+    popupsMountPoint: props.editorProps.popupsMountPoint
+  };
   const ssrEditor = useMemo(() => {
     if (!ssrDeps) {
       return null;
@@ -836,7 +863,7 @@ export function ReactEditorView(props) {
       onSSRMeasure: onSSRMeasure
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
-      onEditorStateChanged: state => {
+      onEditorStateChanged: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? handleSsrEditorStateChanged : state => {
         ssrEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
         pluginInjectionAPI.current.onEditorViewUpdated({
@@ -845,7 +872,7 @@ export function ReactEditorView(props) {
         });
       }
     });
-  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure]);
+  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure, handleSsrEditorStateChanged]);
   const editor = useMemo(() => {
     // SSR editor will be available only in SSR environment,
     // in a browser `ssrEditor` will be `null`, and we will render a normal one ProseMirror.
@@ -867,12 +894,7 @@ export function ReactEditorView(props) {
     startTimestampRef: firstRenderStartTimestampRef,
     onSSRMeasure: onSSRMeasure
   }, /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {
-    // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    value: {
-      editorRef: editorRef,
-      editorView: viewRef.current,
-      popupsMountPoint: props.editorProps.popupsMountPoint
-    }
+    value: reactEditorViewContext
   }, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,

package/dist/es2019/ui/Appearance/Chromeless.js

@@ -8,6 +8,7 @@ import React, { Fragment } 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 } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../PluginSlot';
 import WithFlash from '../WithFlash';
@@ -70,6 +71,9 @@ export default class Editor extends React.Component {
     super(...args);
     _defineProperty(this, "appearance", 'chromeless');
     _defineProperty(this, "containerElement", null);
+    _defineProperty(this, "setContainerElement", ref => {
+      this.containerElement = ref;
+    });
     _defineProperty(this, "renderChrome", ({
       maxContentSize
     }) => {
@@ -96,14 +100,13 @@ export default class Editor extends React.Component {
         var _states$editorViewMod;
         return states === null || states === void 0 ? void 0 : (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode;
       });
+      const containerRef = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? this.setContainerElement : ref => this.containerElement = ref;
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx(ChromelessEditorContainer, {
         maxHeight: maxHeight,
-        minHeight: minHeight
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        containerRef: ref => this.containerElement = ref
+        minHeight: minHeight,
+        containerRef: containerRef
       }, jsx(EditorContentContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       , {

package/dist/es2019/ui/Appearance/Comment/Comment.js

@@ -185,6 +185,28 @@ export const CommentEditorWithIntl = props => {
     primaryToolbarComponents = primaryToolbarState.components.concat(primaryToolbarComponents);
   }
   const isToolbarAIFCEnabled = Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar);
+  const memoizedContentAreaStyles = useMemo(() => [maxHeight ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    maxHeight: `${maxHeight}px`,
+    // When maxHeight is set, content area should have overflow-y explicitly set as auto
+    // As we have overflow-x: clip for the content area, and when maxHeight prop is set, overflow-y will be computed as visible by default.
+    // This will cause the content area to have content overflowing the container
+    // so need to set overflow-y as auto to make sure the content area is scrollable
+    overflowY: 'auto'
+  }) : null], [maxHeight]);
+  const contentAreaStyles = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedContentAreaStyles : [maxHeight ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    maxHeight: `${maxHeight}px`,
+    // When maxHeight is set, content area should have overflow-y explicitly set as auto
+    // As we have overflow-x: clip for the content area, and when maxHeight prop is set, overflow-y will be computed as visible by default.
+    // This will cause the content area to have content overflowing the container
+    // so need to set overflow-y as auto to make sure the content area is scrollable
+    overflowY: 'auto'
+  }) : null];
   const customToolbarSlot = jsx("div", {
     css: [mainToolbarCustomComponentsSlotStyleNew, isTwoLineToolbarEnabled && mainToolbarCustomComponentsSlotStyleTwoLineToolbarNew, isToolbarAIFCEnabled && mainToolbarCustomComponentsSlotStylePaddingOverride]
   }, customPrimaryToolbarComponents);
@@ -259,20 +281,8 @@ export const CommentEditorWithIntl = props => {
     width
   }) => {
     return jsx(EditorContentContainer, {
-      ref: containerElement
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-      ,
-      css: [maxHeight ?
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      css({
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        maxHeight: `${maxHeight}px`,
-        // When maxHeight is set, content area should have overflow-y explicitly set as auto
-        // As we have overflow-x: clip for the content area, and when maxHeight prop is set, overflow-y will be computed as visible by default.
-        // This will cause the content area to have content overflowing the container
-        // so need to set overflow-y as auto to make sure the content area is scrollable
-        overflowY: 'auto'
-      }) : null],
+      ref: containerElement,
+      css: contentAreaStyles,
       isScrollable: maxHeight ? true : undefined
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,

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

@@ -279,9 +279,7 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
     ,
     className: classnames('ak-editor-content-area', 'appearance-full-page', {
       'fabric-editor--full-width-mode': fullWidthMode,
-      ...(fg('platform_editor_max_width_mode_resize_fix') && {
-        'fabric-editor--max-width-mode': Boolean(maxWidthMode)
-      })
+      'fabric-editor--max-width-mode': Boolean(maxWidthMode)
     }),
     ref: contentAreaRef
   }, !!props.customContentComponents && 'before' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.before) : contentComponentClickWrapper(props.customContentComponents), jsx(PluginSlot, {

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

@@ -16,6 +16,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { contextPanelMessages } from '@atlaskit/editor-common/messages';
 import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const ANIM_SPEED_MS = 500;
 const panelHidden = css({
   width: 0
@@ -57,6 +58,9 @@ class SwappableContentAreaInner extends React.PureComponent {
       mounted: false,
       currentPluginContent: undefined
     });
+    _defineProperty(this, "handleTransitionExited", () => {
+      this.unsetPluginContent();
+    });
     _defineProperty(this, "focusEditor", () => {
       var _editorAPI$core;
       const {
@@ -77,14 +81,13 @@ class SwappableContentAreaInner extends React.PureComponent {
         return;
       }
       const animSpeedMs = fg('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
+      const onExited = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? this.handleTransitionExited : () => this.unsetPluginContent();
       return jsx(Transition, {
         timeout: this.state.mounted ? animSpeedMs : 0,
         in: !!pluginContent,
         mountOnEnter: true,
-        unmountOnExit: true
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        onExited: () => this.unsetPluginContent()
+        unmountOnExit: true,
+        onExited: onExited
       }, currentPluginContent);
     });
     _defineProperty(this, "showProvidedContent", isVisible => {

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js

@@ -146,7 +146,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     baseStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    fg('platform_editor_max_width_mode_resize_fix') && maxModeReizeFixStyles, expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) &&
+    maxModeReizeFixStyles, expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     baseStylesMaxContainerWidthFixes,
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning

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

@@ -1,11 +1,17 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { EditorToolbarProvider, EditorToolbarUIProvider } from '@atlaskit/editor-common/toolbar';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { ToolbarButtonGroup, ToolbarDropdownItemSection, ToolbarSection } from '@atlaskit/editor-toolbar';
 import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ToolbarInner } from './ToolbarInner';
+const TOOLBAR_FALLBACKS = {
+  group: ToolbarButtonGroup,
+  section: ToolbarSection,
+  menuSection: ToolbarDropdownItemSection
+};
 
 /**
  * *Warning:* With `platform_editor_toolbar_aifc` enabled this component is no longer used and is replaced with `<ToolbarNext />`.
@@ -65,6 +71,16 @@ export const ToolbarNext = ({
   } = usePluginState(editorAPI);
   // remove offline check when patch6Enabled is cleaned up
   const isOffline = isOfflineMode(connectivityStateMode);
+  const memoizedFireAnalyticsEvent = useCallback(payload => {
+    var _editorAPI$analytics;
+    editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
+  }, [editorAPI]);
+  const fireAnalyticsEvent = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedFireAnalyticsEvent : payload => memoizedFireAnalyticsEvent(payload);
+  const fallbacks = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? TOOLBAR_FALLBACKS : {
+    group: ToolbarButtonGroup,
+    section: ToolbarSection,
+    menuSection: ToolbarDropdownItemSection
+  };
   return /*#__PURE__*/React.createElement(EditorToolbarProvider, {
     editorView: editorView !== null && editorView !== void 0 ? editorView : null,
     editorAppearance: editorAppearance,
@@ -76,22 +92,11 @@ export const ToolbarNext = ({
     isDisabled: isDisabled,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    fireAnalyticsEvent: payload => {
-      var _editorAPI$analytics;
-      editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
-    }
+    popupsScrollableElement: popupsScrollableElement,
+    fireAnalyticsEvent: fireAnalyticsEvent
   }, /*#__PURE__*/React.createElement(ToolbarModelRenderer, {
     toolbar: toolbar,
-    components: components
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    fallbacks: {
-      group: ToolbarButtonGroup,
-      section: ToolbarSection,
-      menuSection: ToolbarDropdownItemSection
-    }
+    components: components,
+    fallbacks: fallbacks
   })));
 };

package/dist/es2019/version-wrapper.js

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

package/dist/esm/composable-editor/editor-internal.js

@@ -27,6 +27,7 @@ var editorContainerStyles = css({
   width: '100%',
   height: '100%'
 });
+var DEFAULT_VALUE_PROP_TO_IGNORE = ['defaultValue'];
 
 /**
  * EditorInternalComponent is used to capture the common component
@@ -62,14 +63,13 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
     _usePortalProvider4 = _slicedToArray(_usePortalProvider3, 2),
     nodeViewPortalProviderAPI = _usePortalProvider4[0],
     NodeViewPortalRenderer = _usePortalProvider4[1];
+  var propsToIgnore = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? DEFAULT_VALUE_PROP_TO_IGNORE : ['defaultValue'];
   return jsx(Fragment, null, renderTrackingEnabled && jsx(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,
     actionSubject: ACTION_SUBJECT.EDITOR,
-    handleAnalyticsEvent: handleAnalyticsEvent
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    propsToIgnore: ['defaultValue'],
+    handleAnalyticsEvent: handleAnalyticsEvent,
+    propsToIgnore: propsToIgnore,
     useShallow: useShallow
   }), jsx(ErrorBoundary, {
     errorTracking: true,
@@ -97,7 +97,7 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
     onEditorDestroyed: onEditorDestroyed,
     disabled: props.disabled,
     preset: preset
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017: this callback closes over the full props object and derived featureFlags; memoization is ineffective because ReactEditorViewNext is not memo()'d and deps (props, featureFlags) change every render
     ,
     render: function render(_ref2) {
       var _props$featureFlags, _props$featureFlags2;

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

@@ -859,6 +859,35 @@ export function ReactEditorView(props) {
   var _props$editorProps3 = props.editorProps,
     assistiveLabel = _props$editorProps3.assistiveLabel,
     assistiveDescribedBy = _props$editorProps3.assistiveDescribedBy;
+  var handleSsrEditorStateChanged = useCallback(function (state) {
+    ssrEditorStateRef.current = state;
+    // Notify listeners about the initial SSR state
+    pluginInjectionAPI.current.onEditorViewUpdated({
+      newEditorState: state,
+      oldEditorState: undefined
+    });
+  }, [pluginInjectionAPI]);
+  var memoizedReactEditorViewContext = useMemo(function () {
+    return {
+      editorRef: editorRef,
+      // Use a getter so that consumers always read the live viewRef.current at access
+      // time, not a stale snapshot captured when this memo was created.
+      get editorView() {
+        return viewRef.current;
+      },
+      popupsMountPoint: props.editorProps.popupsMountPoint
+    }
+    // viewRef is intentionally omitted from the deps array — it's a stable ref object; the getter reads
+    // .current lazily so there's no stale-closure risk.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    ;
+  }, [editorRef, props.editorProps.popupsMountPoint]);
+  // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017
+  var reactEditorViewContext = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedReactEditorViewContext : {
+    editorRef: editorRef,
+    editorView: viewRef.current,
+    popupsMountPoint: props.editorProps.popupsMountPoint
+  };
   var ssrEditor = useMemo(function () {
     if (!ssrDeps) {
       return null;
@@ -881,7 +910,7 @@ export function ReactEditorView(props) {
       onSSRMeasure: onSSRMeasure
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
-      onEditorStateChanged: function onEditorStateChanged(state) {
+      onEditorStateChanged: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? handleSsrEditorStateChanged : function (state) {
         ssrEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
         pluginInjectionAPI.current.onEditorViewUpdated({
@@ -890,7 +919,7 @@ export function ReactEditorView(props) {
         });
       }
     });
-  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure]);
+  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, isPageAppearance, assistiveDescribedBy, onSSRMeasure, handleSsrEditorStateChanged]);
   var editor = useMemo(function () {
     // SSR editor will be available only in SSR environment,
     // in a browser `ssrEditor` will be `null`, and we will render a normal one ProseMirror.
@@ -912,12 +941,7 @@ export function ReactEditorView(props) {
     startTimestampRef: firstRenderStartTimestampRef,
     onSSRMeasure: onSSRMeasure
   }, /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {
-    // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    value: {
-      editorRef: editorRef,
-      editorView: viewRef.current,
-      popupsMountPoint: props.editorProps.popupsMountPoint
-    }
+    value: reactEditorViewContext
   }, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,

package/dist/esm/ui/Appearance/Chromeless.js

@@ -15,6 +15,7 @@ import React, { Fragment } 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 } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
 import PluginSlot from '../PluginSlot';
 import WithFlash from '../WithFlash';
@@ -82,6 +83,9 @@ var Editor = /*#__PURE__*/function (_React$Component) {
     _this = _callSuper(this, Editor, [].concat(args));
     _defineProperty(_this, "appearance", 'chromeless');
     _defineProperty(_this, "containerElement", null);
+    _defineProperty(_this, "setContainerElement", function (ref) {
+      _this.containerElement = ref;
+    });
     _defineProperty(_this, "renderChrome", function (_ref) {
       var maxContentSize = _ref.maxContentSize;
       var _this$props = _this.props,
@@ -107,16 +111,15 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         var _states$editorViewMod;
         return states === null || states === void 0 || (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode;
       });
+      var containerRef = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.setContainerElement : function (ref) {
+        return _this.containerElement = ref;
+      };
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx(ChromelessEditorContainer, {
         maxHeight: maxHeight,
-        minHeight: minHeight
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        containerRef: function containerRef(ref) {
-          return _this.containerElement = ref;
-        }
+        minHeight: minHeight,
+        containerRef: containerRef
       }, jsx(EditorContentContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       , {

package/dist/esm/ui/Appearance/Comment/Comment.js

@@ -186,6 +186,30 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
     primaryToolbarComponents = primaryToolbarState.components.concat(primaryToolbarComponents);
   }
   var isToolbarAIFCEnabled = Boolean(editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.toolbar);
+  var memoizedContentAreaStyles = useMemo(function () {
+    return [maxHeight ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      maxHeight: "".concat(maxHeight, "px"),
+      // When maxHeight is set, content area should have overflow-y explicitly set as auto
+      // As we have overflow-x: clip for the content area, and when maxHeight prop is set, overflow-y will be computed as visible by default.
+      // This will cause the content area to have content overflowing the container
+      // so need to set overflow-y as auto to make sure the content area is scrollable
+      overflowY: 'auto'
+    }) : null];
+  }, [maxHeight]);
+  var contentAreaStyles = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedContentAreaStyles : [maxHeight ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    maxHeight: "".concat(maxHeight, "px"),
+    // When maxHeight is set, content area should have overflow-y explicitly set as auto
+    // As we have overflow-x: clip for the content area, and when maxHeight prop is set, overflow-y will be computed as visible by default.
+    // This will cause the content area to have content overflowing the container
+    // so need to set overflow-y as auto to make sure the content area is scrollable
+    overflowY: 'auto'
+  }) : null];
   var customToolbarSlot = jsx("div", {
     css: [mainToolbarCustomComponentsSlotStyleNew, isTwoLineToolbarEnabled && mainToolbarCustomComponentsSlotStyleTwoLineToolbarNew, isToolbarAIFCEnabled && mainToolbarCustomComponentsSlotStylePaddingOverride]
   }, customPrimaryToolbarComponents);
@@ -259,20 +283,8 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
   }, jsx(WidthConsumer, null, function (_ref) {
     var width = _ref.width;
     return jsx(EditorContentContainer, {
-      ref: containerElement
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-      ,
-      css: [maxHeight ?
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      css({
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        maxHeight: "".concat(maxHeight, "px"),
-        // When maxHeight is set, content area should have overflow-y explicitly set as auto
-        // As we have overflow-x: clip for the content area, and when maxHeight prop is set, overflow-y will be computed as visible by default.
-        // This will cause the content area to have content overflowing the container
-        // so need to set overflow-y as auto to make sure the content area is scrollable
-        overflowY: 'auto'
-      }) : null],
+      ref: containerElement,
+      css: contentAreaStyles,
       isScrollable: maxHeight ? true : undefined
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,

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

@@ -1,6 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -277,11 +275,10 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }) && editorContentReducedGutterStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: classnames('ak-editor-content-area', 'appearance-full-page', _objectSpread({
-      'fabric-editor--full-width-mode': fullWidthMode
-    }, fg('platform_editor_max_width_mode_resize_fix') && {
+    className: classnames('ak-editor-content-area', 'appearance-full-page', {
+      'fabric-editor--full-width-mode': fullWidthMode,
       'fabric-editor--max-width-mode': Boolean(maxWidthMode)
-    })),
+    }),
     ref: contentAreaRef
   }, !!props.customContentComponents && 'before' in props.customContentComponents ? contentComponentClickWrapper(props.customContentComponents.before) : contentComponentClickWrapper(props.customContentComponents), jsx(PluginSlot, {
     editorView: props.editorView,

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

@@ -25,6 +25,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { contextPanelMessages } from '@atlaskit/editor-common/messages';
 import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var ANIM_SPEED_MS = 500;
 var panelHidden = css({
   width: 0
@@ -71,6 +72,9 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
       mounted: false,
       currentPluginContent: undefined
     });
+    _defineProperty(_this, "handleTransitionExited", function () {
+      _this.unsetPluginContent();
+    });
     _defineProperty(_this, "focusEditor", function () {
       var _editorAPI$core;
       var editorAPI = _this.props.editorAPI;
@@ -85,16 +89,15 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         return;
       }
       var animSpeedMs = fg('platform_editor_disable_context_panel_animation') ? 0 : ANIM_SPEED_MS;
+      var onExited = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? _this.handleTransitionExited : function () {
+        return _this.unsetPluginContent();
+      };
       return jsx(Transition, {
         timeout: _this.state.mounted ? animSpeedMs : 0,
         in: !!pluginContent,
         mountOnEnter: true,
-        unmountOnExit: true
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        onExited: function onExited() {
-          return _this.unsetPluginContent();
-        }
+        unmountOnExit: true,
+        onExited: onExited
       }, currentPluginContent);
     });
     _defineProperty(_this, "showProvidedContent", function (isVisible) {

package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js

@@ -142,7 +142,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     baseStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    fg('platform_editor_max_width_mode_resize_fix') && maxModeReizeFixStyles, expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) &&
+    maxModeReizeFixStyles, expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     baseStylesMaxContainerWidthFixes,
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning

package/dist/esm/ui/Toolbar/Toolbar.js

@@ -1,11 +1,17 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { EditorToolbarProvider, EditorToolbarUIProvider } from '@atlaskit/editor-common/toolbar';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { ToolbarButtonGroup, ToolbarDropdownItemSection, ToolbarSection } from '@atlaskit/editor-toolbar';
 import { ToolbarModelRenderer } from '@atlaskit/editor-toolbar-model';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ToolbarInner } from './ToolbarInner';
+var TOOLBAR_FALLBACKS = {
+  group: ToolbarButtonGroup,
+  section: ToolbarSection,
+  menuSection: ToolbarDropdownItemSection
+};
 
 /**
  * *Warning:* With `platform_editor_toolbar_aifc` enabled this component is no longer used and is replaced with `<ToolbarNext />`.
@@ -63,6 +69,18 @@ export var ToolbarNext = function ToolbarNext(_ref) {
     editorToolbarDockingPreference = _usePluginState.editorToolbarDockingPreference;
   // remove offline check when patch6Enabled is cleaned up
   var isOffline = isOfflineMode(connectivityStateMode);
+  var memoizedFireAnalyticsEvent = useCallback(function (payload) {
+    var _editorAPI$analytics;
+    editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 || _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
+  }, [editorAPI]);
+  var fireAnalyticsEvent = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedFireAnalyticsEvent : function (payload) {
+    return memoizedFireAnalyticsEvent(payload);
+  };
+  var fallbacks = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? TOOLBAR_FALLBACKS : {
+    group: ToolbarButtonGroup,
+    section: ToolbarSection,
+    menuSection: ToolbarDropdownItemSection
+  };
   return /*#__PURE__*/React.createElement(EditorToolbarProvider, {
     editorView: editorView !== null && editorView !== void 0 ? editorView : null,
     editorAppearance: editorAppearance,
@@ -74,22 +92,11 @@ export var ToolbarNext = function ToolbarNext(_ref) {
     isDisabled: isDisabled,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    fireAnalyticsEvent: function fireAnalyticsEvent(payload) {
-      var _editorAPI$analytics;
-      editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 || _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
-    }
+    popupsScrollableElement: popupsScrollableElement,
+    fireAnalyticsEvent: fireAnalyticsEvent
   }, /*#__PURE__*/React.createElement(ToolbarModelRenderer, {
     toolbar: toolbar,
-    components: components
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    fallbacks: {
-      group: ToolbarButtonGroup,
-      section: ToolbarSection,
-      menuSection: ToolbarDropdownItemSection
-    }
+    components: components,
+    fallbacks: fallbacks
   })));
 };

package/dist/esm/version-wrapper.js

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

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

@@ -20,6 +20,7 @@ export default class Editor extends React.Component<AppearanceProps> {
     static displayName: string;
     private appearance;
     private containerElement;
+    private setContainerElement;
     private renderChrome;
     render(): jsx.JSX.Element;
 }

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

@@ -20,6 +20,7 @@ export default class Editor extends React.Component<AppearanceProps> {
     static displayName: string;
     private appearance;
     private containerElement;
+    private setContainerElement;
     private renderChrome;
     render(): jsx.JSX.Element;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "217.9.2",
+	"version": "217.10.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,15 +59,15 @@
 		"@atlaskit/editor-toolbar-model": "^0.4.0",
 		"@atlaskit/emoji": "^69.10.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/icon": "^33.1.0",
+		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/media-card": "^79.16.0",
 		"@atlaskit/mention": "^24.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/react-ufo": "^5.8.0",
+		"@atlaskit/react-ufo": "^5.10.0",
 		"@atlaskit/task-decision": "^19.3.0",
-		"@atlaskit/tmp-editor-statsig": "^52.0.0",
+		"@atlaskit/tmp-editor-statsig": "^54.0.0",
 		"@atlaskit/tokens": "^11.4.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -84,7 +84,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.13.0",
+		"@atlaskit/editor-common": "^112.16.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -108,7 +108,7 @@
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^40.0.0",
 		"@atlaskit/modal-dialog": "^14.14.0",
-		"@atlaskit/renderer": "^128.6.0",
+		"@atlaskit/renderer": "^128.7.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^15.2.0",
@@ -304,9 +304,6 @@
 		"platform_editor_a11y_9262": {
 			"type": "boolean"
 		},
-		"platform_editor_max_width_mode_resize_fix": {
-			"type": "boolean"
-		},
 		"platform_editor_breakout_in_universal_preset": {
 			"type": "boolean"
 		},