@atlaskit/editor-core 203.11.3 → 203.11.5

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @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
+
+- [#103354](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103354)
+  [`129cb98043b09`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/129cb98043b09) -
+  TypeError coming from handleEditorFocus has been increasing significantly. We've added a null
+  check to stop this TypeError.
+- [#102744](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102744)
+  [`289c0169e410a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/289c0169e410a) -
+  ED-26243 Cleaned up platform_editor_drag_and_drop_target_v2 FG
+
 ## 203.11.3
 
 ### Patch Changes

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

@@ -6,39 +6,41 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleEditorFocus = handleEditorFocus;
 var _state = require("@atlaskit/editor-prosemirror/state");
 function handleEditorFocus(view) {
-  if (view.hasFocus()) {
+  if (view !== null && view !== void 0 && view.hasFocus()) {
     return;
   }
   return window.setTimeout(function () {
-    if (view.hasFocus()) {
+    if (view !== null && view !== void 0 && view.hasFocus()) {
       return;
     }
     if (!window.getSelection) {
-      view.focus();
+      view === null || view === void 0 || view.focus();
       return;
     }
     var domSelection = window.getSelection();
     if (!domSelection || domSelection.rangeCount === 0) {
-      view.focus();
+      view === null || view === void 0 || view.focus();
       return;
     }
     var range = domSelection.getRangeAt(0);
     // if selection is outside editor focus and exit
-    if (range.startContainer.contains(view.dom)) {
+    if (view && range.startContainer.contains(view.dom)) {
       view.focus();
       return;
     }
     // set cursor/selection and focus
-    var anchor = view.posAtDOM(range.startContainer, range.startOffset);
-    var head = view.posAtDOM(range.endContainer, range.endOffset);
+    var anchor = view === null || view === void 0 ? void 0 : view.posAtDOM(range.startContainer, range.startOffset);
+    var head = view === null || view === void 0 ? void 0 : view.posAtDOM(range.endContainer, range.endOffset);
     // if anchor or head < 0 focus and exit
-    if (anchor < 0 || head < 0) {
-      view.focus();
+    if (anchor && anchor < 0 || head && head < 0) {
+      view === null || view === void 0 || view.focus();
       return;
     }
-    var selection = _state.TextSelection.create(view.state.doc, anchor, head);
-    var tr = view.state.tr.setSelection(selection);
-    view.dispatch(tr);
-    view.focus();
+    if (view && anchor) {
+      var selection = _state.TextSelection.create(view.state.doc, anchor, head);
+      var tr = view.state.tr.setSelection(selection);
+      view.dispatch(tr);
+      view.focus();
+    }
   }, 0);
 }

package/dist/cjs/ui/ContentStyles/layout.js

@@ -69,5 +69,5 @@ var layoutResponsiveStyles = function layoutResponsiveStyles(viewMode) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 var layoutStyles = exports.layoutStyles = function layoutStyles(viewMode) {
-  return (0, _react.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\t", "\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t// styles to support borders for layout\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t// hide separator when element is dragging on top of a layout column\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", _editorSharedStyles.akLayoutGutterOffset + ((0, _experiments.editorExperiment)('nested-dnd', true) && (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_2') ? 8 : 0), _editorSharedStyles.akEditorSwoopCubicBezier, viewMode === 'view' ? 'default' : 'pointer', (0, _platformFeatureFlags.fg)('platform_editor_drag_and_drop_target_v2') ? 'position: relative;' : '', viewMode === 'view' || (0, _experiments.editorExperiment)('advanced_layouts', true) ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", _styles.LAYOUT_COLUMN_PADDING, _styles.LAYOUT_COLUMN_PADDING + ((0, _experiments.editorExperiment)('nested-dnd', true) ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), (0, _experiments.editorExperiment)('advanced_layouts', true) ? layoutWithSeparatorBorderStyles(viewMode) : layoutBorderStyles(viewMode), (0, _experiments.editorExperiment)('advanced_layouts', true) && layoutResponsiveStyles(viewMode), _types.TableCssClassName.TABLE_CONTAINER, _consts.tableMarginFullWidthMode, (0, _experiments.editorExperiment)('nested-dnd', true) && (0, _experiments.editorExperiment)('advanced_layouts', false) && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", _editorSharedStyles.akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
+  return (0, _react.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\tposition: relative;\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t// styles to support borders for layout\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t// hide separator when element is dragging on top of a layout column\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", _editorSharedStyles.akLayoutGutterOffset + ((0, _experiments.editorExperiment)('nested-dnd', true) && (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_2') ? 8 : 0), _editorSharedStyles.akEditorSwoopCubicBezier, viewMode === 'view' ? 'default' : 'pointer', viewMode === 'view' || (0, _experiments.editorExperiment)('advanced_layouts', true) ? 0 : _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", _styles.LAYOUT_COLUMN_PADDING, _styles.LAYOUT_COLUMN_PADDING + ((0, _experiments.editorExperiment)('nested-dnd', true) ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), (0, _experiments.editorExperiment)('advanced_layouts', true) ? layoutWithSeparatorBorderStyles(viewMode) : layoutBorderStyles(viewMode), (0, _experiments.editorExperiment)('advanced_layouts', true) && layoutResponsiveStyles(viewMode), _types.TableCssClassName.TABLE_CONTAINER, _consts.tableMarginFullWidthMode, (0, _experiments.editorExperiment)('nested-dnd', true) && (0, _experiments.editorExperiment)('advanced_layouts', false) && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", _editorSharedStyles.akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
 };

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

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

@@ -1,38 +1,40 @@
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 export function handleEditorFocus(view) {
-  if (view.hasFocus()) {
+  if (view !== null && view !== void 0 && view.hasFocus()) {
     return;
   }
   return window.setTimeout(() => {
-    if (view.hasFocus()) {
+    if (view !== null && view !== void 0 && view.hasFocus()) {
       return;
     }
     if (!window.getSelection) {
-      view.focus();
+      view === null || view === void 0 ? void 0 : view.focus();
       return;
     }
     const domSelection = window.getSelection();
     if (!domSelection || domSelection.rangeCount === 0) {
-      view.focus();
+      view === null || view === void 0 ? void 0 : view.focus();
       return;
     }
     const range = domSelection.getRangeAt(0);
     // if selection is outside editor focus and exit
-    if (range.startContainer.contains(view.dom)) {
+    if (view && range.startContainer.contains(view.dom)) {
       view.focus();
       return;
     }
     // set cursor/selection and focus
-    const anchor = view.posAtDOM(range.startContainer, range.startOffset);
-    const head = view.posAtDOM(range.endContainer, range.endOffset);
+    const anchor = view === null || view === void 0 ? void 0 : view.posAtDOM(range.startContainer, range.startOffset);
+    const head = view === null || view === void 0 ? void 0 : view.posAtDOM(range.endContainer, range.endOffset);
     // if anchor or head < 0 focus and exit
-    if (anchor < 0 || head < 0) {
-      view.focus();
+    if (anchor && anchor < 0 || head && head < 0) {
+      view === null || view === void 0 ? void 0 : view.focus();
       return;
     }
-    const selection = TextSelection.create(view.state.doc, anchor, head);
-    const tr = view.state.tr.setSelection(selection);
-    view.dispatch(tr);
-    view.focus();
+    if (view && anchor) {
+      const selection = TextSelection.create(view.state.doc, anchor, head);
+      const tr = view.state.tr.setSelection(selection);
+      view.dispatch(tr);
+      view.focus();
+    }
   }, 0);
 }

package/dist/es2019/ui/ContentStyles/layout.js

@@ -314,7 +314,7 @@ export const layoutStyles = viewMode => css`
 			/* Inner cursor located 26px from left */
 			[data-layout-column] {
 				flex: 1;
-				${fg('platform_editor_drag_and_drop_target_v2') ? 'position: relative;' : ''}
+				position: relative;
 
 				min-width: 0;
 				/* disable 4 borders when in view mode and advanced layouts is on */

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.3";
+export const version = "203.11.5";

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

@@ -1,38 +1,40 @@
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 export function handleEditorFocus(view) {
-  if (view.hasFocus()) {
+  if (view !== null && view !== void 0 && view.hasFocus()) {
     return;
   }
   return window.setTimeout(function () {
-    if (view.hasFocus()) {
+    if (view !== null && view !== void 0 && view.hasFocus()) {
       return;
     }
     if (!window.getSelection) {
-      view.focus();
+      view === null || view === void 0 || view.focus();
       return;
     }
     var domSelection = window.getSelection();
     if (!domSelection || domSelection.rangeCount === 0) {
-      view.focus();
+      view === null || view === void 0 || view.focus();
       return;
     }
     var range = domSelection.getRangeAt(0);
     // if selection is outside editor focus and exit
-    if (range.startContainer.contains(view.dom)) {
+    if (view && range.startContainer.contains(view.dom)) {
       view.focus();
       return;
     }
     // set cursor/selection and focus
-    var anchor = view.posAtDOM(range.startContainer, range.startOffset);
-    var head = view.posAtDOM(range.endContainer, range.endOffset);
+    var anchor = view === null || view === void 0 ? void 0 : view.posAtDOM(range.startContainer, range.startOffset);
+    var head = view === null || view === void 0 ? void 0 : view.posAtDOM(range.endContainer, range.endOffset);
     // if anchor or head < 0 focus and exit
-    if (anchor < 0 || head < 0) {
-      view.focus();
+    if (anchor && anchor < 0 || head && head < 0) {
+      view === null || view === void 0 || view.focus();
       return;
     }
-    var selection = TextSelection.create(view.state.doc, anchor, head);
-    var tr = view.state.tr.setSelection(selection);
-    view.dispatch(tr);
-    view.focus();
+    if (view && anchor) {
+      var selection = TextSelection.create(view.state.doc, anchor, head);
+      var tr = view.state.tr.setSelection(selection);
+      view.dispatch(tr);
+      view.focus();
+    }
   }, 0);
 }

package/dist/esm/ui/ContentStyles/layout.js

@@ -63,5 +63,5 @@ var layoutResponsiveStyles = function layoutResponsiveStyles(viewMode) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export var layoutStyles = function layoutStyles(viewMode) {
-  return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\t", "\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t// styles to support borders for layout\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t// hide separator when element is dragging on top of a layout column\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", akLayoutGutterOffset + (editorExperiment('nested-dnd', true) && fg('platform_editor_advanced_layouts_post_fix_patch_2') ? 8 : 0), akEditorSwoopCubicBezier, viewMode === 'view' ? 'default' : 'pointer', fg('platform_editor_drag_and_drop_target_v2') ? 'position: relative;' : '', viewMode === 'view' || editorExperiment('advanced_layouts', true) ? 0 : akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", LAYOUT_COLUMN_PADDING, LAYOUT_COLUMN_PADDING + (editorExperiment('nested-dnd', true) ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), editorExperiment('advanced_layouts', true) ? layoutWithSeparatorBorderStyles(viewMode) : layoutBorderStyles(viewMode), editorExperiment('advanced_layouts', true) && layoutResponsiveStyles(viewMode), TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode, editorExperiment('nested-dnd', true) && editorExperiment('advanced_layouts', false) && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
+  return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t\t[data-layout-section] {\n\t\t\t// TODO: Migrate away from gridSize\n\t\t\t// Recommendation: Replace directly with 7px\n\t\t\tmargin: ", " -", "px 0;\n\t\t\ttransition: border-color 0.3s ", ";\n\t\t\tcursor: ", ";\n\n\t\t\t/* Inner cursor located 26px from left */\n\t\t\t[data-layout-column] {\n\t\t\t\tflex: 1;\n\t\t\t\tposition: relative;\n\n\t\t\t\tmin-width: 0;\n\t\t\t\t/* disable 4 borders when in view mode and advanced layouts is on */\n\t\t\t\tborder: ", "px\n\t\t\t\t\tsolid ", ";\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: ", "px\n\t\t\t\t\t", "px;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t> div {\n\t\t\t\t\t", "\n\n\t\t\t\t\t> .embedCardView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-child\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor.-right\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> .ProseMirror-gapcursor.-right:first-of-type\n\t\t\t\t\t\t+ .embedCardView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .ProseMirror-gapcursor:first-child\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item,\n\t\t\t\t\t> style:first-child\n\t\t\t\t\t\t+ .ProseMirror-gapcursor\n\t\t\t\t\t\t+ span\n\t\t\t\t\t\t+ .mediaSingleView-content-wrap\n\t\t\t\t\t\t.rich-media-item {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n\t\t\t\t\t> [data-node-type='decisionList'] {\n\t\t\t\t\t\tli:first-of-type [data-decision-wrapper] {\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n\t\t\t\t[data-layout-content] {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tcursor: text;\n\t\t\t\t\t.mediaGroupView-content-wrap {\n\t\t\t\t\t\tclear: both;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t}\n\n\t\t// styles to support borders for layout\n\t\t[data-layout-section],\n\t\t.layoutSectionView-content-wrap {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n\n\t// hide separator when element is dragging on top of a layout column\n\t[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {\n\t\tdisplay: none;\n\t}\n\n\t.fabric-editor--full-width-mode .ProseMirror {\n\t\t[data-layout-section] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", "px;\n\t\t\t}\n\t\t}\n\t}\n\n\t", "\n"])), layoutSectionStyles(), "var(--ds-space-100, 8px)", akLayoutGutterOffset + (editorExperiment('nested-dnd', true) && fg('platform_editor_advanced_layouts_post_fix_patch_2') ? 8 : 0), akEditorSwoopCubicBezier, viewMode === 'view' ? 'default' : 'pointer', viewMode === 'view' || editorExperiment('advanced_layouts', true) ? 0 : akEditorSelectedBorderSize, "var(--ds-border, #091E4224)", LAYOUT_COLUMN_PADDING, LAYOUT_COLUMN_PADDING + (editorExperiment('nested-dnd', true) ? 8 : 0), firstNodeWithNotMarginTop(), layoutColumnStyles(), editorExperiment('advanced_layouts', true) ? layoutWithSeparatorBorderStyles(viewMode) : layoutBorderStyles(viewMode), editorExperiment('advanced_layouts', true) && layoutResponsiveStyles(viewMode), TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode, editorExperiment('nested-dnd', true) && editorExperiment('advanced_layouts', false) && ".ak-editor-content-area.appearance-full-page .ProseMirror [data-layout-section] {\n\t\t\t\tmargin: ".concat("var(--ds-space-100, 8px)", " -", akLayoutGutterOffset + 8, "px 0;\n\t\t\t\t}"));
 };

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

package/dist/types/create-editor/ReactEditorView/handleEditorFocus.d.ts

@@ -1,2 +1,2 @@
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare function handleEditorFocus(view: EditorView): number | undefined;
+export declare function handleEditorFocus(view: EditorView | null): number | undefined;

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/create-editor/ReactEditorView/handleEditorFocus.d.ts

@@ -1,2 +1,2 @@
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare function handleEditorFocus(view: EditorView): number | undefined;
+export declare function handleEditorFocus(view: EditorView | null): number | undefined;

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.3",
+	"version": "203.11.5",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
 		"@atlaskit/analytics-next": "^10.2.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/editor-common": "^99.2.0",
+		"@atlaskit/editor-common": "^99.3.0",
 		"@atlaskit/editor-json-transformer": "^8.21.0",
 		"@atlaskit/editor-plugin-quick-insert": "1.8.3",
 		"@atlaskit/editor-plugins": "^6.4.0",
@@ -52,11 +52,11 @@
 		"@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.35.0",
-		"@atlaskit/tokens": "^3.0.0",
+		"@atlaskit/tmp-editor-statsig": "^2.37.0",
+		"@atlaskit/tokens": "^3.1.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/width-detector": "^4.3.0",
 		"@babel/runtime": "^7.0.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"
 		},
@@ -250,10 +251,6 @@
 			"type:": "boolean",
 			"referenceOnly": true
 		},
-		"platform_editor_drag_and_drop_target_v2": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
 		"platform_editor_element_dnd_nested_fix_patch_5": {
 			"type": "boolean",
 			"referenceOnly": true
@@ -290,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
@@ -400,6 +389,14 @@
 		},
 		"platform_editor_ease_of_use_metrics": {
 			"type": "boolean"
+		},
+		"platform_editor_nested_tables_renderer_colgroup": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
+		"platform_editor_table_use_shared_state_hook_fg": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	},
 	"stricter": {

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;