@atlaskit/editor-common 100.1.0 → 100.1.2

package/dist/es2019/utils/editor-core-utils.js

@@ -2,6 +2,7 @@ import { AllSelection, NodeSelection, TextSelection } from '@atlaskit/editor-pro
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { closest } from './dom';
 
 /**
@@ -43,7 +44,11 @@ export const extractSliceFromStep = step => {
 };
 export const isTextSelection = selection => selection instanceof TextSelection;
 export const isElementInTableCell = element => {
-  return closest(element, 'td') || closest(element, 'th');
+  if (fg('platform_editor_nested_tables_column_drag_fix')) {
+    return closest(element, 'td, th');
+  } else {
+    return closest(element, 'td') || closest(element, 'th');
+  }
 };
 export const isLastItemMediaGroup = node => {
   const {

package/dist/esm/extensibility/ExtensionComponent.js

@@ -1,6 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -8,6 +5,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["extensionProvider", "showLivePagesBodiedMacrosRendererView", "node"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -16,7 +16,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { Component, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import memoizeOne from 'memoize-one';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
 import { getExtensionRenderer, nodeToJSON, toJSON } from '../utils';
 import Extension from './Extension/Extension';
@@ -35,17 +34,54 @@ var getBodiedExtensionContent = function getBodiedExtensionContent(node) {
   });
   return !!bodiedExtensionContent.length ? bodiedExtensionContent : node.attrs.text;
 };
-export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
-  function ExtensionComponentOld() {
+export var ExtensionComponent = function ExtensionComponent(props) {
+  var extensionProviderResolver = props.extensionProvider,
+    showLivePagesBodiedMacrosRendererView = props.showLivePagesBodiedMacrosRendererView,
+    node = props.node,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    extensionProvider = _useState2[0],
+    setExtensionProvider = _useState2[1];
+  var _useState3 = useState(!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))) && !isEmptyBodiedMacro(node)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showBodiedExtensionRendererView = _useState4[0],
+    setShowBodiedExtensionRendererView = _useState4[1];
+  var mountedRef = useRef(true);
+  useLayoutEffect(function () {
+    mountedRef.current = true;
+    return function () {
+      mountedRef.current = false;
+    };
+  }, []);
+  useEffect(function () {
+    extensionProviderResolver === null || extensionProviderResolver === void 0 || extensionProviderResolver.then(function (provider) {
+      if (mountedRef.current) {
+        setExtensionProvider(provider);
+      }
+    });
+  }, [extensionProviderResolver]);
+  return /*#__PURE__*/React.createElement(ExtensionComponentInner
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _extends({}, restProps, {
+    extensionProvider: extensionProvider,
+    node: node,
+    showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+    showBodiedExtensionRendererView: showBodiedExtensionRendererView,
+    setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView
+  }));
+};
+var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
+  function ExtensionComponentInner() {
     var _this;
-    _classCallCheck(this, ExtensionComponentOld);
+    _classCallCheck(this, ExtensionComponentInner);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ExtensionComponentOld, [].concat(args));
+    _this = _callSuper(this, ExtensionComponentInner, [].concat(args));
     _defineProperty(_this, "privatePropsParsed", false);
     _defineProperty(_this, "state", {});
-    _defineProperty(_this, "mounted", false);
     // memoized to avoid rerender on extension state changes
     _defineProperty(_this, "getNodeRenderer", memoizeOne(getNodeRenderer));
     _defineProperty(_this, "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
@@ -57,21 +93,6 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    _defineProperty(_this, "setShowBodiedExtensionRendererView", function (showRendererView) {
-      _this.setState({
-        showBodiedExtensionRendererView: showRendererView
-      });
-    });
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    _defineProperty(_this, "setStateFromPromise", function (stateKey, promise) {
-      promise && promise.then(function (p) {
-        if (!_this.mounted) {
-          return;
-        }
-        _this.setState(_defineProperty({}, stateKey, p));
-      });
-    });
     /**
      * Parses any private nodes once an extension provider is available.
      *
@@ -84,7 +105,7 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(_this.privatePropsParsed || !_this.state.extensionProvider)) {
+            if (!(_this.privatePropsParsed || !_this.props.extensionProvider)) {
               _context.next = 2;
               break;
             }
@@ -98,7 +119,7 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
              */
             _context.prev = 4;
             _context.next = 7;
-            return _this.getExtensionModuleNodePrivateProps(_this.state.extensionProvider, extensionType, extensionKey);
+            return _this.getExtensionModuleNodePrivateProps(_this.props.extensionProvider, extensionType, extensionKey);
           case 7:
             privateProps = _context.sent;
             _this.setState({
@@ -124,8 +145,8 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
       var _this$props = _this.props,
         extensionHandlers = _this$props.extensionHandlers,
         editorView = _this$props.editorView,
+        showBodiedExtensionRendererView = _this$props.showBodiedExtensionRendererView,
         rendererExtensionHandlers = _this$props.rendererExtensionHandlers;
-      var showBodiedExtensionRendererView = _this.state.showBodiedExtensionRendererView; // State will only be true if the gate is on and meets requirements
       var _pmNode$attrs = pmNode.attrs,
         extensionType = _pmNode$attrs.extensionType,
         extensionKey = _pmNode$attrs.extensionKey,
@@ -161,7 +182,7 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
         result = render(node, editorView.state.doc, actions);
       }
       if (!result) {
-        var extensionHandlerFromProvider = _this.state.extensionProvider && _this.getNodeRenderer(_this.state.extensionProvider, extensionType, extensionKey);
+        var extensionHandlerFromProvider = _this.props.extensionProvider && _this.getNodeRenderer(_this.props.extensionProvider, extensionType, extensionKey);
         if (extensionHandlerFromProvider) {
           var NodeRenderer = extensionHandlerFromProvider;
           if (node.type === 'multiBodiedExtension') {
@@ -182,321 +203,7 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _inherits(ExtensionComponentOld, _Component);
-  return _createClass(ExtensionComponentOld, [{
-    key: "UNSAFE_componentWillMount",
-    value:
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/no-unsafe
-    function UNSAFE_componentWillMount() {
-      this.mounted = true;
-      var _this$props2 = this.props,
-        node = _this$props2.node,
-        showLivePagesBodiedMacrosRendererView = _this$props2.showLivePagesBodiedMacrosRendererView;
-      // We only care about this empty state on first page load or insertion to determine the view
-      if (!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))) && !isEmptyBodiedMacro(node)) {
-        this.setState({
-          showBodiedExtensionRendererView: true
-        });
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var extensionProvider = this.props.extensionProvider;
-      if (extensionProvider) {
-        this.setStateFromPromise('extensionProvider', extensionProvider);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.parsePrivateNodePropsIfNeeded();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.mounted = false;
-    }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/no-unsafe
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var extensionProvider = nextProps.extensionProvider;
-      if (extensionProvider && this.props.extensionProvider !== extensionProvider) {
-        this.setStateFromPromise('extensionProvider', extensionProvider);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state$_privateP;
-      var _this$props3 = this.props,
-        node = _this$props3.node,
-        handleContentDOMRef = _this$props3.handleContentDOMRef,
-        editorView = _this$props3.editorView,
-        references = _this$props3.references,
-        editorAppearance = _this$props3.editorAppearance,
-        pluginInjectionApi = _this$props3.pluginInjectionApi,
-        getPos = _this$props3.getPos,
-        eventDispatcher = _this$props3.eventDispatcher,
-        macroInteractionDesignFeatureFlags = _this$props3.macroInteractionDesignFeatureFlags,
-        showLivePagesBodiedMacrosRendererView = _this$props3.showLivePagesBodiedMacrosRendererView,
-        showUpdatedLivePages1PBodiedExtensionUI = _this$props3.showUpdatedLivePages1PBodiedExtensionUI,
-        isLivePageViewMode = _this$props3.isLivePageViewMode;
-      var selection = editorView.state.selection;
-      var selectedNode = selection instanceof NodeSelection && selection.node;
-      var position = typeof getPos === 'function' && getPos();
-      var resolvedPosition = position && editorView.state.doc.resolve(position);
-      var isNodeNested = !!(resolvedPosition && resolvedPosition.depth > 0);
-      if (node.type.name === 'multiBodiedExtension') {
-        return /*#__PURE__*/React.createElement(MultiBodiedExtension, {
-          node: node,
-          editorView: editorView,
-          getPos: getPos,
-          handleContentDOMRef: handleContentDOMRef,
-          tryExtensionHandler: this.tryExtensionHandler.bind(this),
-          eventDispatcher: eventDispatcher,
-          pluginInjectionApi: pluginInjectionApi,
-          editorAppearance: editorAppearance,
-          macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
-          isNodeSelected: selectedNode === node,
-          isNodeNested: isNodeNested,
-          isNodeHovered: this.state.isNodeHovered,
-          setIsNodeHovered: this.setIsNodeHovered,
-          isLivePageViewMode: isLivePageViewMode
-        });
-      }
-      var extensionHandlerResult = this.tryExtensionHandler(undefined);
-      switch (node.type.name) {
-        case 'extension':
-        case 'bodiedExtension':
-          return /*#__PURE__*/React.createElement(Extension, {
-            node: node,
-            getPos: this.props.getPos,
-            references: references,
-            extensionProvider: this.state.extensionProvider,
-            handleContentDOMRef: handleContentDOMRef,
-            view: editorView,
-            editorAppearance: editorAppearance,
-            hideFrame: (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__hideFrame,
-            pluginInjectionApi: pluginInjectionApi,
-            macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
-            isNodeSelected: selectedNode === node,
-            isNodeHovered: this.state.isNodeHovered,
-            isNodeNested: isNodeNested,
-            setIsNodeHovered: this.setIsNodeHovered,
-            showLivePagesBodiedMacrosRendererView: !!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))),
-            showUpdatedLivePages1PBodiedExtensionUI: !!(showUpdatedLivePages1PBodiedExtensionUI !== null && showUpdatedLivePages1PBodiedExtensionUI !== void 0 && showUpdatedLivePages1PBodiedExtensionUI(nodeToJSON(node))),
-            showBodiedExtensionRendererView: this.state.showBodiedExtensionRendererView,
-            setShowBodiedExtensionRendererView: this.setShowBodiedExtensionRendererView,
-            isLivePageViewMode: isLivePageViewMode
-          }, extensionHandlerResult);
-        case 'inlineExtension':
-          return /*#__PURE__*/React.createElement(InlineExtension, {
-            node: node,
-            macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
-            isNodeSelected: selectedNode === node,
-            pluginInjectionApi: pluginInjectionApi,
-            isNodeHovered: this.state.isNodeHovered,
-            setIsNodeHovered: this.setIsNodeHovered,
-            isLivePageViewMode: isLivePageViewMode
-          }, extensionHandlerResult);
-        default:
-          return null;
-      }
-    }
-  }, {
-    key: "tryExtensionHandler",
-    value: function tryExtensionHandler(actions) {
-      var node = this.props.node;
-      try {
-        var extensionContent = this.handleExtension(node, actions);
-        if (extensionContent && /*#__PURE__*/React.isValidElement(extensionContent)) {
-          return extensionContent;
-        }
-      } catch (e) {
-        // eslint-disable-next-line no-console
-        console.error('Provided extension handler has thrown an error\n', e);
-        /** We don't want this error to block renderer */
-        /** We keep rendering the default content */
-      }
-      return null;
-    }
-  }]);
-}(Component);
-export var ExtensionComponentNew = function ExtensionComponentNew(props) {
-  var extensionProviderResolver = props.extensionProvider,
-    showLivePagesBodiedMacrosRendererView = props.showLivePagesBodiedMacrosRendererView,
-    node = props.node,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    extensionProvider = _useState2[0],
-    setExtensionProvider = _useState2[1];
-  var _useState3 = useState(!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView(nodeToJSON(node))) && !isEmptyBodiedMacro(node)),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showBodiedExtensionRendererView = _useState4[0],
-    setShowBodiedExtensionRendererView = _useState4[1];
-  var mountedRef = useRef(true);
-  useLayoutEffect(function () {
-    mountedRef.current = true;
-    return function () {
-      mountedRef.current = false;
-    };
-  }, []);
-  useEffect(function () {
-    extensionProviderResolver === null || extensionProviderResolver === void 0 || extensionProviderResolver.then(function (provider) {
-      if (mountedRef.current) {
-        setExtensionProvider(provider);
-      }
-    });
-  }, [extensionProviderResolver]);
-  return /*#__PURE__*/React.createElement(ExtensionComponentInner
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , _extends({}, restProps, {
-    extensionProvider: extensionProvider,
-    node: node,
-    showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
-    showBodiedExtensionRendererView: showBodiedExtensionRendererView,
-    setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView
-  }));
-};
-var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
-  function ExtensionComponentInner() {
-    var _this2;
-    _classCallCheck(this, ExtensionComponentInner);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this2 = _callSuper(this, ExtensionComponentInner, [].concat(args));
-    _defineProperty(_this2, "privatePropsParsed", false);
-    _defineProperty(_this2, "state", {});
-    // memoized to avoid rerender on extension state changes
-    _defineProperty(_this2, "getNodeRenderer", memoizeOne(getNodeRenderer));
-    _defineProperty(_this2, "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
-    _defineProperty(_this2, "setIsNodeHovered", function (isHovered) {
-      // Don't want to show hover interactions for live page view mode
-      if (!_this2.props.isLivePageViewMode) {
-        _this2.setState({
-          isNodeHovered: isHovered
-        });
-      }
-    });
-    /**
-     * Parses any private nodes once an extension provider is available.
-     *
-     * We do this separately from resolving a node renderer component since the
-     * private props come from extension provider, rather than an extension
-     * handler which only handles `render`/component concerns.
-     */
-    _defineProperty(_this2, "parsePrivateNodePropsIfNeeded", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _this2$props$node$att, extensionType, extensionKey, privateProps;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!(_this2.privatePropsParsed || !_this2.props.extensionProvider)) {
-              _context2.next = 2;
-              break;
-            }
-            return _context2.abrupt("return");
-          case 2:
-            _this2.privatePropsParsed = true;
-            _this2$props$node$att = _this2.props.node.attrs, extensionType = _this2$props$node$att.extensionType, extensionKey = _this2$props$node$att.extensionKey;
-            /**
-             * getExtensionModuleNodePrivateProps can throw if there are issues in the
-             * manifest
-             */
-            _context2.prev = 4;
-            _context2.next = 7;
-            return _this2.getExtensionModuleNodePrivateProps(_this2.props.extensionProvider, extensionType, extensionKey);
-          case 7:
-            privateProps = _context2.sent;
-            _this2.setState({
-              _privateProps: privateProps
-            });
-            _context2.next = 14;
-            break;
-          case 11:
-            _context2.prev = 11;
-            _context2.t0 = _context2["catch"](4);
-            // eslint-disable-next-line no-console
-            console.error('Provided extension handler has thrown an error\n', _context2.t0);
-            /** We don't want this error to block renderer */
-            /** We keep rendering the default content */
-          case 14:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[4, 11]]);
-    })));
-    _defineProperty(_this2, "handleExtension", function (pmNode, actions) {
-      var _pmNode$marks2;
-      var _this2$props = _this2.props,
-        extensionHandlers = _this2$props.extensionHandlers,
-        editorView = _this2$props.editorView,
-        showBodiedExtensionRendererView = _this2$props.showBodiedExtensionRendererView,
-        rendererExtensionHandlers = _this2$props.rendererExtensionHandlers;
-      var _pmNode$attrs2 = pmNode.attrs,
-        extensionType = _pmNode$attrs2.extensionType,
-        extensionKey = _pmNode$attrs2.extensionKey,
-        parameters = _pmNode$attrs2.parameters,
-        text = _pmNode$attrs2.text;
-      var isBodiedExtension = pmNode.type.name === 'bodiedExtension';
-      if (isBodiedExtension && !showBodiedExtensionRendererView) {
-        return;
-      }
-      var fragmentLocalId = pmNode === null || pmNode === void 0 || (_pmNode$marks2 = pmNode.marks) === null || _pmNode$marks2 === void 0 || (_pmNode$marks2 = _pmNode$marks2.find(function (m) {
-        return m.type.name === 'fragment';
-      })) === null || _pmNode$marks2 === void 0 || (_pmNode$marks2 = _pmNode$marks2.attrs) === null || _pmNode$marks2 === void 0 ? void 0 : _pmNode$marks2.localId;
-      var content = isBodiedExtension ? getBodiedExtensionContent(pmNode) : text;
-      var node = {
-        type: pmNode.type.name,
-        extensionType: extensionType,
-        extensionKey: extensionKey,
-        parameters: parameters,
-        content: content,
-        localId: pmNode.attrs.localId,
-        fragmentLocalId: fragmentLocalId
-      };
-      if (isBodiedExtension) {
-        var rendererExtensionHandler = rendererExtensionHandlers === null || rendererExtensionHandlers === void 0 ? void 0 : rendererExtensionHandlers[extensionType];
-        // Forge bodied extensions don't get rendererExtensionHandlers passed in and use extensionHandlerFromProvider from the below logic instead
-        if (rendererExtensionHandler) {
-          return getExtensionRenderer(rendererExtensionHandler)(node, toJSON(editorView.state.doc));
-        }
-      }
-      var result;
-      if (extensionHandlers && extensionHandlers[extensionType]) {
-        var render = getExtensionRenderer(extensionHandlers[extensionType]);
-        result = render(node, editorView.state.doc, actions);
-      }
-      if (!result) {
-        var extensionHandlerFromProvider = _this2.props.extensionProvider && _this2.getNodeRenderer(_this2.props.extensionProvider, extensionType, extensionKey);
-        if (extensionHandlerFromProvider) {
-          var NodeRenderer = extensionHandlerFromProvider;
-          if (node.type === 'multiBodiedExtension') {
-            return /*#__PURE__*/React.createElement(NodeRenderer, {
-              node: node,
-              references: _this2.props.references,
-              actions: actions
-            });
-          } else {
-            return /*#__PURE__*/React.createElement(NodeRenderer, {
-              node: node,
-              references: _this2.props.references
-            });
-          }
-        }
-      }
-      return result;
-    });
-    return _this2;
-  }
-  _inherits(ExtensionComponentInner, _Component2);
+  _inherits(ExtensionComponentInner, _Component);
   return _createClass(ExtensionComponentInner, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
@@ -505,23 +212,23 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
   }, {
     key: "render",
     value: function render() {
-      var _this$state$_privateP2;
-      var _this$props4 = this.props,
-        node = _this$props4.node,
-        handleContentDOMRef = _this$props4.handleContentDOMRef,
-        editorView = _this$props4.editorView,
-        references = _this$props4.references,
-        editorAppearance = _this$props4.editorAppearance,
-        pluginInjectionApi = _this$props4.pluginInjectionApi,
-        getPos = _this$props4.getPos,
-        eventDispatcher = _this$props4.eventDispatcher,
-        macroInteractionDesignFeatureFlags = _this$props4.macroInteractionDesignFeatureFlags,
-        extensionProvider = _this$props4.extensionProvider,
-        showLivePagesBodiedMacrosRendererView = _this$props4.showLivePagesBodiedMacrosRendererView,
-        showUpdatedLivePages1PBodiedExtensionUI = _this$props4.showUpdatedLivePages1PBodiedExtensionUI,
-        showBodiedExtensionRendererView = _this$props4.showBodiedExtensionRendererView,
-        setShowBodiedExtensionRendererView = _this$props4.setShowBodiedExtensionRendererView,
-        isLivePageViewMode = _this$props4.isLivePageViewMode;
+      var _this$state$_privateP;
+      var _this$props2 = this.props,
+        node = _this$props2.node,
+        handleContentDOMRef = _this$props2.handleContentDOMRef,
+        editorView = _this$props2.editorView,
+        references = _this$props2.references,
+        editorAppearance = _this$props2.editorAppearance,
+        pluginInjectionApi = _this$props2.pluginInjectionApi,
+        getPos = _this$props2.getPos,
+        eventDispatcher = _this$props2.eventDispatcher,
+        macroInteractionDesignFeatureFlags = _this$props2.macroInteractionDesignFeatureFlags,
+        extensionProvider = _this$props2.extensionProvider,
+        showLivePagesBodiedMacrosRendererView = _this$props2.showLivePagesBodiedMacrosRendererView,
+        showUpdatedLivePages1PBodiedExtensionUI = _this$props2.showUpdatedLivePages1PBodiedExtensionUI,
+        showBodiedExtensionRendererView = _this$props2.showBodiedExtensionRendererView,
+        setShowBodiedExtensionRendererView = _this$props2.setShowBodiedExtensionRendererView,
+        isLivePageViewMode = _this$props2.isLivePageViewMode;
       var selection = editorView.state.selection;
       var selectedNode = selection instanceof NodeSelection && selection.node;
       var position = typeof getPos === 'function' && getPos();
@@ -557,7 +264,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
             handleContentDOMRef: handleContentDOMRef,
             view: editorView,
             editorAppearance: editorAppearance,
-            hideFrame: (_this$state$_privateP2 = this.state._privateProps) === null || _this$state$_privateP2 === void 0 ? void 0 : _this$state$_privateP2.__hideFrame,
+            hideFrame: (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__hideFrame,
             pluginInjectionApi: pluginInjectionApi,
             macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
             isNodeSelected: selectedNode === node,
@@ -602,14 +309,4 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
       return null;
     }
   }]);
-}(Component);
-export var ExtensionComponent = function ExtensionComponent(props) {
-  if (fg('platform_editor_react18_extension_component_v2')) {
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    return /*#__PURE__*/React.createElement(ExtensionComponentNew, props);
-  }
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/React.createElement(ExtensionComponentOld, props);
-};
+}(Component);

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "100.1.0";
+var packageVersion = "100.1.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "100.1.0";
+var packageVersion = "100.1.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -8,9 +8,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @repo/internal/react/no-class-components */
 import React, { PureComponent } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
-import { MentionWithProviders, MentionWithProvidersOld } from './mention-with-providers';
+import { MentionWithProviders } from './mention-with-providers';
 var Mention = /*#__PURE__*/function (_PureComponent) {
   function Mention(props) {
     var _this;
@@ -25,18 +24,7 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
         localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
-      if (fg('platform_editor_react18_mention_with_provider_fix')) {
-        return /*#__PURE__*/React.createElement(MentionWithProviders, {
-          id: id,
-          text: text,
-          accessLevel: accessLevel,
-          localId: localId,
-          eventHandlers: eventHandlers,
-          mentionProvider: mentionProvider,
-          profilecardProvider: profilecardProvider
-        });
-      }
-      return /*#__PURE__*/React.createElement(MentionWithProvidersOld, {
+      return /*#__PURE__*/React.createElement(MentionWithProviders, {
         id: id,
         text: text,
         accessLevel: accessLevel,