@atlaskit/editor-core 203.11.4 → 203.11.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-core
 
+## 203.11.5
+
+### Patch Changes
+
+- [#103674](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103674)
+  [`5cd5e35c2e27c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5cd5e35c2e27c) -
+  Cleanup flag that gated change to PluginSlot using a React18 compatible component
+
 ## 203.11.4
 
 ### Patch Changes

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

@@ -4,159 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = PluginSlotDefault;
-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"));
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _whichTransitionEvent = require("../../utils/whichTransitionEvent");
 var _ErrorBoundary = require("../ErrorBoundary");
 var _mountPluginHooks = require("./mount-plugin-hooks");
-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 -- Ignored via go/DSP-18766
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var pluginsComponentsWrapper = (0, _react2.css)({
   display: 'flex'
 });
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var PluginSlotLegacy = /*#__PURE__*/function (_React$Component) {
-  function PluginSlotLegacy() {
-    var _this;
-    (0, _classCallCheck2.default)(this, PluginSlotLegacy);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, PluginSlotLegacy, [].concat(args));
-    (0, _defineProperty2.default)(_this, "transitionEvent", (0, _whichTransitionEvent.whichTransitionEvent)());
-    (0, _defineProperty2.default)(_this, "forceComponentUpdate", function (event) {
-      // Only trigger an update if the transition is on a property containing `width`
-      // This will cater for media and the content area itself currently.
-      if (event.propertyName.includes('width')) {
-        _this.forceUpdate();
-      }
-    });
-    (0, _defineProperty2.default)(_this, "removeModeChangeListener", function (contentArea) {
-      if (contentArea && _this.transitionEvent) {
-        // Ignored via go/ees005
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        contentArea.removeEventListener(_this.transitionEvent, _this.forceComponentUpdate);
-      }
-    });
-    (0, _defineProperty2.default)(_this, "addModeChangeListener", function (contentArea) {
-      if (contentArea && _this.transitionEvent) {
-        /**
-         * Update the plugin components once the transition
-         * to full width / default mode completes
-         */
-        // Ignored via go/ees005
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        contentArea.addEventListener(_this.transitionEvent, _this.forceComponentUpdate);
-      }
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(PluginSlotLegacy, _React$Component);
-  return (0, _createClass2.default)(PluginSlotLegacy, [{
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      var _this$props = this.props,
-        editorView = _this$props.editorView,
-        editorActions = _this$props.editorActions,
-        items = _this$props.items,
-        providerFactory = _this$props.providerFactory,
-        eventDispatcher = _this$props.eventDispatcher,
-        popupsMountPoint = _this$props.popupsMountPoint,
-        popupsBoundariesElement = _this$props.popupsBoundariesElement,
-        popupsScrollableElement = _this$props.popupsScrollableElement,
-        containerElement = _this$props.containerElement,
-        disabled = _this$props.disabled,
-        wrapperElement = _this$props.wrapperElement;
-      return !(nextProps.editorView === editorView && nextProps.editorActions === editorActions && nextProps.items === items && nextProps.providerFactory === providerFactory && nextProps.eventDispatcher === eventDispatcher && nextProps.popupsMountPoint === popupsMountPoint && nextProps.popupsBoundariesElement === popupsBoundariesElement && nextProps.popupsScrollableElement === popupsScrollableElement && nextProps.containerElement === containerElement && nextProps.disabled === disabled && nextProps.wrapperElement === wrapperElement);
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.addModeChangeListener(this.props.contentArea);
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (this.props.contentArea !== nextProps.contentArea) {
-        this.removeModeChangeListener(this.props.contentArea);
-        this.addModeChangeListener(nextProps.contentArea);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.removeModeChangeListener(this.props.contentArea);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        items = _this$props2.items,
-        editorView = _this$props2.editorView,
-        editorActions = _this$props2.editorActions,
-        eventDispatcher = _this$props2.eventDispatcher,
-        providerFactory = _this$props2.providerFactory,
-        appearance = _this$props2.appearance,
-        popupsMountPoint = _this$props2.popupsMountPoint,
-        popupsBoundariesElement = _this$props2.popupsBoundariesElement,
-        popupsScrollableElement = _this$props2.popupsScrollableElement,
-        containerElement = _this$props2.containerElement,
-        disabled = _this$props2.disabled,
-        dispatchAnalyticsEvent = _this$props2.dispatchAnalyticsEvent,
-        wrapperElement = _this$props2.wrapperElement,
-        pluginHooks = _this$props2.pluginHooks;
-      if (!items && !pluginHooks || !editorView) {
-        return null;
-      }
-      return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
-        component: _analytics.ACTION_SUBJECT.PLUGIN_SLOT,
-        fallbackComponent: null
-      }, (0, _react2.jsx)(_mountPluginHooks.MountPluginHooks, {
-        editorView: editorView,
-        pluginHooks: pluginHooks,
-        containerElement: containerElement
-      }), (0, _react2.jsx)("div", {
-        css: pluginsComponentsWrapper
-      }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
-        var props = {
-          key: key
-        };
-        var element = 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
-        });
-        return element && /*#__PURE__*/_react.default.cloneElement(element, props);
-      })));
-    }
-  }]);
-}(_react.default.Component);
-(0, _defineProperty2.default)(PluginSlotLegacy, "displayName", 'PluginSlot');
 var PluginSlot = function PluginSlot(_ref) {
   var items = _ref.items,
     editorView = _ref.editorView,
@@ -207,57 +71,6 @@ var PluginSlot = function PluginSlot(_ref) {
     return element && /*#__PURE__*/_react.default.cloneElement(element, props);
   })));
 };
-var PluginSlotNew = /*#__PURE__*/_react.default.memo(PluginSlot, _isEqual.default);
-PluginSlotNew.displayName = 'PluginSlot';
-function PluginSlotDefault(_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,
-    contentArea = _ref2.contentArea;
-  if ((0, _platformFeatureFlags.fg)('platform_editor_react_18_plugin_slot')) {
-    return (0, _react2.jsx)(PluginSlotNew, {
-      items: items,
-      editorView: editorView,
-      editorActions: editorActions,
-      eventDispatcher: eventDispatcher,
-      providerFactory: providerFactory,
-      appearance: appearance,
-      popupsMountPoint: popupsMountPoint,
-      popupsBoundariesElement: popupsBoundariesElement,
-      popupsScrollableElement: popupsScrollableElement,
-      containerElement: containerElement,
-      disabled: disabled,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      wrapperElement: wrapperElement,
-      pluginHooks: pluginHooks
-    });
-  }
-  return (0, _react2.jsx)(PluginSlotLegacy, {
-    contentArea: contentArea,
-    items: items,
-    editorView: editorView,
-    editorActions: editorActions,
-    eventDispatcher: eventDispatcher,
-    providerFactory: providerFactory,
-    appearance: appearance,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    containerElement: containerElement,
-    disabled: disabled,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    wrapperElement: wrapperElement,
-    pluginHooks: pluginHooks
-  });
-}
+var PluginSlotComponent = /*#__PURE__*/_react.default.memo(PluginSlot, _isEqual.default);
+PluginSlotComponent.displayName = 'PluginSlot';
+var _default = exports.default = PluginSlotComponent;

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

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

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -9,127 +8,11 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import isEqual from 'lodash/isEqual';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { whichTransitionEvent } from '../../utils/whichTransitionEvent';
 import { ErrorBoundary } from '../ErrorBoundary';
 import { MountPluginHooks } from './mount-plugin-hooks';
 const pluginsComponentsWrapper = css({
   display: 'flex'
 });
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-class PluginSlotLegacy extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "transitionEvent", whichTransitionEvent());
-    _defineProperty(this, "forceComponentUpdate", event => {
-      // Only trigger an update if the transition is on a property containing `width`
-      // This will cater for media and the content area itself currently.
-      if (event.propertyName.includes('width')) {
-        this.forceUpdate();
-      }
-    });
-    _defineProperty(this, "removeModeChangeListener", contentArea => {
-      if (contentArea && this.transitionEvent) {
-        // Ignored via go/ees005
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        contentArea.removeEventListener(this.transitionEvent, this.forceComponentUpdate);
-      }
-    });
-    _defineProperty(this, "addModeChangeListener", contentArea => {
-      if (contentArea && this.transitionEvent) {
-        /**
-         * Update the plugin components once the transition
-         * to full width / default mode completes
-         */
-        // Ignored via go/ees005
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        contentArea.addEventListener(this.transitionEvent, this.forceComponentUpdate);
-      }
-    });
-  }
-  shouldComponentUpdate(nextProps) {
-    const {
-      editorView,
-      editorActions,
-      items,
-      providerFactory,
-      eventDispatcher,
-      popupsMountPoint,
-      popupsBoundariesElement,
-      popupsScrollableElement,
-      containerElement,
-      disabled,
-      wrapperElement
-    } = this.props;
-    return !(nextProps.editorView === editorView && nextProps.editorActions === editorActions && nextProps.items === items && nextProps.providerFactory === providerFactory && nextProps.eventDispatcher === eventDispatcher && nextProps.popupsMountPoint === popupsMountPoint && nextProps.popupsBoundariesElement === popupsBoundariesElement && nextProps.popupsScrollableElement === popupsScrollableElement && nextProps.containerElement === containerElement && nextProps.disabled === disabled && nextProps.wrapperElement === wrapperElement);
-  }
-  componentDidMount() {
-    this.addModeChangeListener(this.props.contentArea);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.contentArea !== nextProps.contentArea) {
-      this.removeModeChangeListener(this.props.contentArea);
-      this.addModeChangeListener(nextProps.contentArea);
-    }
-  }
-  componentWillUnmount() {
-    this.removeModeChangeListener(this.props.contentArea);
-  }
-  render() {
-    const {
-      items,
-      editorView,
-      editorActions,
-      eventDispatcher,
-      providerFactory,
-      appearance,
-      popupsMountPoint,
-      popupsBoundariesElement,
-      popupsScrollableElement,
-      containerElement,
-      disabled,
-      dispatchAnalyticsEvent,
-      wrapperElement,
-      pluginHooks
-    } = this.props;
-    if (!items && !pluginHooks || !editorView) {
-      return null;
-    }
-    return jsx(ErrorBoundary, {
-      component: ACTION_SUBJECT.PLUGIN_SLOT,
-      fallbackComponent: null
-    }, jsx(MountPluginHooks, {
-      editorView: editorView,
-      pluginHooks: pluginHooks,
-      containerElement: containerElement
-    }), jsx("div", {
-      css: pluginsComponentsWrapper
-    }, items === null || items === void 0 ? void 0 : items.map((component, key) => {
-      const props = {
-        key
-      };
-      const element = 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
-      });
-      return element && /*#__PURE__*/React.cloneElement(element, props);
-    })));
-  }
-}
-_defineProperty(PluginSlotLegacy, "displayName", 'PluginSlot');
 const PluginSlot = ({
   items,
   editorView,
@@ -181,58 +64,6 @@ const PluginSlot = ({
     return element && /*#__PURE__*/React.cloneElement(element, props);
   })));
 };
-const PluginSlotNew = /*#__PURE__*/React.memo(PluginSlot, isEqual);
-PluginSlotNew.displayName = 'PluginSlot';
-export default function PluginSlotDefault({
-  items,
-  editorView,
-  editorActions,
-  eventDispatcher,
-  providerFactory,
-  appearance,
-  popupsMountPoint,
-  popupsBoundariesElement,
-  popupsScrollableElement,
-  containerElement,
-  disabled,
-  dispatchAnalyticsEvent,
-  wrapperElement,
-  pluginHooks,
-  contentArea
-}) {
-  if (fg('platform_editor_react_18_plugin_slot')) {
-    return jsx(PluginSlotNew, {
-      items: items,
-      editorView: editorView,
-      editorActions: editorActions,
-      eventDispatcher: eventDispatcher,
-      providerFactory: providerFactory,
-      appearance: appearance,
-      popupsMountPoint: popupsMountPoint,
-      popupsBoundariesElement: popupsBoundariesElement,
-      popupsScrollableElement: popupsScrollableElement,
-      containerElement: containerElement,
-      disabled: disabled,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      wrapperElement: wrapperElement,
-      pluginHooks: pluginHooks
-    });
-  }
-  return jsx(PluginSlotLegacy, {
-    contentArea: contentArea,
-    items: items,
-    editorView: editorView,
-    editorActions: editorActions,
-    eventDispatcher: eventDispatcher,
-    providerFactory: providerFactory,
-    appearance: appearance,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    containerElement: containerElement,
-    disabled: disabled,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    wrapperElement: wrapperElement,
-    pluginHooks: pluginHooks
-  });
-}
+const PluginSlotComponent = /*#__PURE__*/React.memo(PluginSlot, isEqual);
+PluginSlotComponent.displayName = 'PluginSlot';
+export default PluginSlotComponent;

package/dist/es2019/version-wrapper.js

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

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

@@ -1,11 +1,3 @@
-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
@@ -16,143 +8,11 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import isEqual from 'lodash/isEqual';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { whichTransitionEvent } from '../../utils/whichTransitionEvent';
 import { ErrorBoundary } from '../ErrorBoundary';
 import { MountPluginHooks } from './mount-plugin-hooks';
 var pluginsComponentsWrapper = css({
   display: 'flex'
 });
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var PluginSlotLegacy = /*#__PURE__*/function (_React$Component) {
-  function PluginSlotLegacy() {
-    var _this;
-    _classCallCheck(this, PluginSlotLegacy);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, PluginSlotLegacy, [].concat(args));
-    _defineProperty(_this, "transitionEvent", whichTransitionEvent());
-    _defineProperty(_this, "forceComponentUpdate", function (event) {
-      // Only trigger an update if the transition is on a property containing `width`
-      // This will cater for media and the content area itself currently.
-      if (event.propertyName.includes('width')) {
-        _this.forceUpdate();
-      }
-    });
-    _defineProperty(_this, "removeModeChangeListener", function (contentArea) {
-      if (contentArea && _this.transitionEvent) {
-        // Ignored via go/ees005
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        contentArea.removeEventListener(_this.transitionEvent, _this.forceComponentUpdate);
-      }
-    });
-    _defineProperty(_this, "addModeChangeListener", function (contentArea) {
-      if (contentArea && _this.transitionEvent) {
-        /**
-         * Update the plugin components once the transition
-         * to full width / default mode completes
-         */
-        // Ignored via go/ees005
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        contentArea.addEventListener(_this.transitionEvent, _this.forceComponentUpdate);
-      }
-    });
-    return _this;
-  }
-  _inherits(PluginSlotLegacy, _React$Component);
-  return _createClass(PluginSlotLegacy, [{
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      var _this$props = this.props,
-        editorView = _this$props.editorView,
-        editorActions = _this$props.editorActions,
-        items = _this$props.items,
-        providerFactory = _this$props.providerFactory,
-        eventDispatcher = _this$props.eventDispatcher,
-        popupsMountPoint = _this$props.popupsMountPoint,
-        popupsBoundariesElement = _this$props.popupsBoundariesElement,
-        popupsScrollableElement = _this$props.popupsScrollableElement,
-        containerElement = _this$props.containerElement,
-        disabled = _this$props.disabled,
-        wrapperElement = _this$props.wrapperElement;
-      return !(nextProps.editorView === editorView && nextProps.editorActions === editorActions && nextProps.items === items && nextProps.providerFactory === providerFactory && nextProps.eventDispatcher === eventDispatcher && nextProps.popupsMountPoint === popupsMountPoint && nextProps.popupsBoundariesElement === popupsBoundariesElement && nextProps.popupsScrollableElement === popupsScrollableElement && nextProps.containerElement === containerElement && nextProps.disabled === disabled && nextProps.wrapperElement === wrapperElement);
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.addModeChangeListener(this.props.contentArea);
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (this.props.contentArea !== nextProps.contentArea) {
-        this.removeModeChangeListener(this.props.contentArea);
-        this.addModeChangeListener(nextProps.contentArea);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.removeModeChangeListener(this.props.contentArea);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        items = _this$props2.items,
-        editorView = _this$props2.editorView,
-        editorActions = _this$props2.editorActions,
-        eventDispatcher = _this$props2.eventDispatcher,
-        providerFactory = _this$props2.providerFactory,
-        appearance = _this$props2.appearance,
-        popupsMountPoint = _this$props2.popupsMountPoint,
-        popupsBoundariesElement = _this$props2.popupsBoundariesElement,
-        popupsScrollableElement = _this$props2.popupsScrollableElement,
-        containerElement = _this$props2.containerElement,
-        disabled = _this$props2.disabled,
-        dispatchAnalyticsEvent = _this$props2.dispatchAnalyticsEvent,
-        wrapperElement = _this$props2.wrapperElement,
-        pluginHooks = _this$props2.pluginHooks;
-      if (!items && !pluginHooks || !editorView) {
-        return null;
-      }
-      return jsx(ErrorBoundary, {
-        component: ACTION_SUBJECT.PLUGIN_SLOT,
-        fallbackComponent: null
-      }, jsx(MountPluginHooks, {
-        editorView: editorView,
-        pluginHooks: pluginHooks,
-        containerElement: containerElement
-      }), jsx("div", {
-        css: pluginsComponentsWrapper
-      }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
-        var props = {
-          key: key
-        };
-        var element = 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
-        });
-        return element && /*#__PURE__*/React.cloneElement(element, props);
-      })));
-    }
-  }]);
-}(React.Component);
-_defineProperty(PluginSlotLegacy, "displayName", 'PluginSlot');
 var PluginSlot = function PluginSlot(_ref) {
   var items = _ref.items,
     editorView = _ref.editorView,
@@ -203,57 +63,6 @@ var PluginSlot = function PluginSlot(_ref) {
     return element && /*#__PURE__*/React.cloneElement(element, props);
   })));
 };
-var PluginSlotNew = /*#__PURE__*/React.memo(PluginSlot, isEqual);
-PluginSlotNew.displayName = 'PluginSlot';
-export default function PluginSlotDefault(_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,
-    contentArea = _ref2.contentArea;
-  if (fg('platform_editor_react_18_plugin_slot')) {
-    return jsx(PluginSlotNew, {
-      items: items,
-      editorView: editorView,
-      editorActions: editorActions,
-      eventDispatcher: eventDispatcher,
-      providerFactory: providerFactory,
-      appearance: appearance,
-      popupsMountPoint: popupsMountPoint,
-      popupsBoundariesElement: popupsBoundariesElement,
-      popupsScrollableElement: popupsScrollableElement,
-      containerElement: containerElement,
-      disabled: disabled,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      wrapperElement: wrapperElement,
-      pluginHooks: pluginHooks
-    });
-  }
-  return jsx(PluginSlotLegacy, {
-    contentArea: contentArea,
-    items: items,
-    editorView: editorView,
-    editorActions: editorActions,
-    eventDispatcher: eventDispatcher,
-    providerFactory: providerFactory,
-    appearance: appearance,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    containerElement: containerElement,
-    disabled: disabled,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    wrapperElement: wrapperElement,
-    pluginHooks: pluginHooks
-  });
-}
+var PluginSlotComponent = /*#__PURE__*/React.memo(PluginSlot, isEqual);
+PluginSlotComponent.displayName = 'PluginSlot';
+export default PluginSlotComponent;

package/dist/esm/version-wrapper.js

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

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

@@ -1,3 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
 import { jsx } from '@emotion/react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -22,4 +27,5 @@ export interface Props {
     contentArea?: HTMLElement;
     wrapperElement: HTMLElement | null;
 }
-export default function PluginSlotDefault({ items, editorView, editorActions, eventDispatcher, providerFactory, appearance, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, containerElement, disabled, dispatchAnalyticsEvent, wrapperElement, pluginHooks, contentArea, }: Props): jsx.JSX.Element;
+declare const PluginSlotComponent: React.MemoExoticComponent<({ items, editorView, editorActions, eventDispatcher, providerFactory, appearance, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, containerElement, disabled, dispatchAnalyticsEvent, wrapperElement, pluginHooks, }: Props) => jsx.JSX.Element | null>;
+export default PluginSlotComponent;

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

@@ -1,3 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
 import { jsx } from '@emotion/react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -22,4 +27,5 @@ export interface Props {
     contentArea?: HTMLElement;
     wrapperElement: HTMLElement | null;
 }
-export default function PluginSlotDefault({ items, editorView, editorActions, eventDispatcher, providerFactory, appearance, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, containerElement, disabled, dispatchAnalyticsEvent, wrapperElement, pluginHooks, contentArea, }: Props): jsx.JSX.Element;
+declare const PluginSlotComponent: React.MemoExoticComponent<({ items, editorView, editorActions, eventDispatcher, providerFactory, appearance, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, containerElement, disabled, dispatchAnalyticsEvent, wrapperElement, pluginHooks, }: Props) => jsx.JSX.Element | null>;
+export default PluginSlotComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "203.11.4",
+	"version": "203.11.5",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,10 +52,10 @@
 		"@atlaskit/emoji": "^67.12.0",
 		"@atlaskit/icon": "^23.4.0",
 		"@atlaskit/media-card": "^78.18.0",
-		"@atlaskit/mention": "^23.8.0",
+		"@atlaskit/mention": "^23.9.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
-		"@atlaskit/tmp-editor-statsig": "^2.36.0",
+		"@atlaskit/tmp-editor-statsig": "^2.37.0",
 		"@atlaskit/tokens": "^3.1.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/width-detector": "^4.3.0",
@@ -84,7 +84,7 @@
 		"@atlaskit/adf-utils": "^19.17.0",
 		"@atlaskit/analytics-listeners": "^8.13.0",
 		"@atlaskit/collab-provider": "10.4.0",
-		"@atlaskit/editor-plugin-annotation": "1.26.11",
+		"@atlaskit/editor-plugin-annotation": "1.26.12",
 		"@atlaskit/editor-plugin-card": "^4.5.0",
 		"@atlaskit/editor-plugin-list": "^3.9.0",
 		"@atlaskit/editor-plugin-paste": "^2.0.0",
@@ -96,7 +96,7 @@
 		"@atlaskit/modal-dialog": "^12.19.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/renderer": "^112.8.0",
-		"@atlaskit/smart-card": "^34.2.0",
+		"@atlaskit/smart-card": "^34.4.0",
 		"@atlaskit/synchrony-test-helpers": "^3.0.0",
 		"@atlaskit/toggle": "^14.0.0",
 		"@atlaskit/util-data-test": "^17.13.0",
@@ -185,9 +185,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"platform_editor_react_18_plugin_slot": {
-			"type": "boolean"
-		},
 		"platform_editor_disable_instrumented_plugin": {
 			"type": "boolean"
 		},
@@ -225,6 +222,10 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"platform_editor_annotation_react_18_mem_leak": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"platform_editor_ssr_fix_block_controls": {
 			"type": "boolean"
 		},
@@ -286,14 +287,6 @@
 		"platform_editor_add_extension_api_to_quick_insert": {
 			"type": "boolean"
 		},
-		"platform_editor_ed-25557_lnv_add_ssr_placeholder": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
-		"platform_editor_replace_finddomnode_in_common": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
 		"platform-component-visual-refresh": {
 			"type": "boolean",
 			"referenceOnly": true

package/dist/cjs/utils/whichTransitionEvent.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.whichTransitionEvent = whichTransitionEvent;
-/*
- * From Modernizr
- * Returns the kind of transitionevent available for the element
- */
-function whichTransitionEvent() {
-  var el = document.createElement('fakeelement');
-  var transitions = {
-    transition: 'transitionend',
-    MozTransition: 'transitionend',
-    OTransition: 'oTransitionEnd',
-    WebkitTransition: 'webkitTransitionEnd'
-  };
-  for (var t in transitions) {
-    if (el.style[t] !== undefined) {
-      // Use a generic as the return type because TypeScript doesnt know
-      // about cross browser features, so we cast here to align to the
-      // standard Event spec and propagate the type properly to the callbacks
-      // of `addEventListener` and `removeEventListener`.
-      return transitions[t];
-    }
-  }
-  return;
-}

package/dist/es2019/utils/whichTransitionEvent.js

@@ -1,23 +0,0 @@
-/*
- * From Modernizr
- * Returns the kind of transitionevent available for the element
- */
-export function whichTransitionEvent() {
-  const el = document.createElement('fakeelement');
-  const transitions = {
-    transition: 'transitionend',
-    MozTransition: 'transitionend',
-    OTransition: 'oTransitionEnd',
-    WebkitTransition: 'webkitTransitionEnd'
-  };
-  for (const t in transitions) {
-    if (el.style[t] !== undefined) {
-      // Use a generic as the return type because TypeScript doesnt know
-      // about cross browser features, so we cast here to align to the
-      // standard Event spec and propagate the type properly to the callbacks
-      // of `addEventListener` and `removeEventListener`.
-      return transitions[t];
-    }
-  }
-  return;
-}

package/dist/esm/utils/whichTransitionEvent.js

@@ -1,23 +0,0 @@
-/*
- * From Modernizr
- * Returns the kind of transitionevent available for the element
- */
-export function whichTransitionEvent() {
-  var el = document.createElement('fakeelement');
-  var transitions = {
-    transition: 'transitionend',
-    MozTransition: 'transitionend',
-    OTransition: 'oTransitionEnd',
-    WebkitTransition: 'webkitTransitionEnd'
-  };
-  for (var t in transitions) {
-    if (el.style[t] !== undefined) {
-      // Use a generic as the return type because TypeScript doesnt know
-      // about cross browser features, so we cast here to align to the
-      // standard Event spec and propagate the type properly to the callbacks
-      // of `addEventListener` and `removeEventListener`.
-      return transitions[t];
-    }
-  }
-  return;
-}

package/dist/types/utils/whichTransitionEvent.d.ts

@@ -1 +0,0 @@
-export declare function whichTransitionEvent<TransitionEventName extends string>(): TransitionEventName | undefined;

package/dist/types-ts4.5/utils/whichTransitionEvent.d.ts

@@ -1 +0,0 @@
-export declare function whichTransitionEvent<TransitionEventName extends string>(): TransitionEventName | undefined;