@atlaskit/editor-common 100.0.0 → 100.1.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-common
 
+## 100.1.1
+
+### Patch Changes
+
+- [#118516](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/118516)
+  [`d550ae651b8f4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d550ae651b8f4) -
+  [ux] ED-26762 Change implementation of isElementInTableCell so that it finds whichever is closest
+  out of td or th instead of favouring returning the first td first. This solves an issues with
+  nested tables where the currently hovered nested table was not being tracked but rather the parent
+  cell.
+- Updated dependencies
+
+## 100.1.0
+
+### Minor Changes
+
+- [#117901](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117901)
+  [`873bfa0f59444`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/873bfa0f59444) -
+  Use fallback UI on link picker if we're offline and normal link picker has not loaded.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 100.0.0
 
 ### Major Changes

package/dist/cjs/extensibility/ExtensionComponent.js

@@ -5,10 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ExtensionComponentOld = exports.ExtensionComponentNew = exports.ExtensionComponent = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+exports.ExtensionComponent = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -17,10 +14,12 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _extensions = require("../extensions");
 var _utils = require("../utils");
 var _Extension = _interopRequireDefault(require("./Extension/Extension"));
@@ -28,10 +27,11 @@ var _extensionUtils = require("./Extension/Extension/extension-utils");
 var _InlineExtension = _interopRequireDefault(require("./Extension/InlineExtension"));
 var _MultiBodiedExtension = _interopRequireDefault(require("./MultiBodiedExtension"));
 var _excluded = ["extensionProvider", "showLivePagesBodiedMacrosRendererView", "node"];
+/* eslint-disable @repo/internal/react/no-class-components */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; })(); } /* eslint-disable @repo/internal/react/no-class-components */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* temporary type until FG cleaned up */
 
 /* temporary type until FG cleaned up */
@@ -43,17 +43,54 @@ var getBodiedExtensionContent = function getBodiedExtensionContent(node) {
   });
   return !!bodiedExtensionContent.length ? bodiedExtensionContent : node.attrs.text;
 };
-var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/function (_Component) {
-  function ExtensionComponentOld() {
+var ExtensionComponent = exports.ExtensionComponent = function ExtensionComponent(props) {
+  var extensionProviderResolver = props.extensionProvider,
+    showLivePagesBodiedMacrosRendererView = props.showLivePagesBodiedMacrosRendererView,
+    node = props.node,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    extensionProvider = _useState2[0],
+    setExtensionProvider = _useState2[1];
+  var _useState3 = (0, _react.useState)(!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView((0, _utils.nodeToJSON)(node))) && !(0, _extensionUtils.isEmptyBodiedMacro)(node)),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showBodiedExtensionRendererView = _useState4[0],
+    setShowBodiedExtensionRendererView = _useState4[1];
+  var mountedRef = (0, _react.useRef)(true);
+  (0, _react.useLayoutEffect)(function () {
+    mountedRef.current = true;
+    return function () {
+      mountedRef.current = false;
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    extensionProviderResolver === null || extensionProviderResolver === void 0 || extensionProviderResolver.then(function (provider) {
+      if (mountedRef.current) {
+        setExtensionProvider(provider);
+      }
+    });
+  }, [extensionProviderResolver]);
+  return /*#__PURE__*/_react.default.createElement(ExtensionComponentInner
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , (0, _extends2.default)({}, restProps, {
+    extensionProvider: extensionProvider,
+    node: node,
+    showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
+    showBodiedExtensionRendererView: showBodiedExtensionRendererView,
+    setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView
+  }));
+};
+var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
+  function ExtensionComponentInner() {
     var _this;
-    (0, _classCallCheck2.default)(this, ExtensionComponentOld);
+    (0, _classCallCheck2.default)(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));
     (0, _defineProperty2.default)(_this, "privatePropsParsed", false);
     (0, _defineProperty2.default)(_this, "state", {});
-    (0, _defineProperty2.default)(_this, "mounted", false);
     // memoized to avoid rerender on extension state changes
     (0, _defineProperty2.default)(_this, "getNodeRenderer", (0, _memoizeOne.default)(_extensions.getNodeRenderer));
     (0, _defineProperty2.default)(_this, "getExtensionModuleNodePrivateProps", (0, _memoizeOne.default)(_extensions.getExtensionModuleNodePrivateProps));
@@ -65,21 +102,6 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
         });
       }
     });
-    (0, _defineProperty2.default)(_this, "setShowBodiedExtensionRendererView", function (showRendererView) {
-      _this.setState({
-        showBodiedExtensionRendererView: showRendererView
-      });
-    });
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (0, _defineProperty2.default)(_this, "setStateFromPromise", function (stateKey, promise) {
-      promise && promise.then(function (p) {
-        if (!_this.mounted) {
-          return;
-        }
-        _this.setState((0, _defineProperty2.default)({}, stateKey, p));
-      });
-    });
     /**
      * Parses any private nodes once an extension provider is available.
      *
@@ -92,7 +114,7 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
       return _regenerator.default.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;
             }
@@ -106,7 +128,7 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
              */
             _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({
@@ -132,8 +154,8 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
       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,
@@ -169,7 +191,7 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
         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') {
@@ -190,321 +212,7 @@ var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/functio
     });
     return _this;
   }
-  (0, _inherits2.default)(ExtensionComponentOld, _Component);
-  return (0, _createClass2.default)(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((0, _utils.nodeToJSON)(node))) && !(0, _extensionUtils.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 _state.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.default.createElement(_MultiBodiedExtension.default, {
-          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.default.createElement(_Extension.default, {
-            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((0, _utils.nodeToJSON)(node))),
-            showUpdatedLivePages1PBodiedExtensionUI: !!(showUpdatedLivePages1PBodiedExtensionUI !== null && showUpdatedLivePages1PBodiedExtensionUI !== void 0 && showUpdatedLivePages1PBodiedExtensionUI((0, _utils.nodeToJSON)(node))),
-            showBodiedExtensionRendererView: this.state.showBodiedExtensionRendererView,
-            setShowBodiedExtensionRendererView: this.setShowBodiedExtensionRendererView,
-            isLivePageViewMode: isLivePageViewMode
-          }, extensionHandlerResult);
-        case 'inlineExtension':
-          return /*#__PURE__*/_react.default.createElement(_InlineExtension.default, {
-            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.default.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;
-    }
-  }]);
-}(_react.Component);
-var ExtensionComponentNew = exports.ExtensionComponentNew = function ExtensionComponentNew(props) {
-  var extensionProviderResolver = props.extensionProvider,
-    showLivePagesBodiedMacrosRendererView = props.showLivePagesBodiedMacrosRendererView,
-    node = props.node,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useState = (0, _react.useState)(undefined),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    extensionProvider = _useState2[0],
-    setExtensionProvider = _useState2[1];
-  var _useState3 = (0, _react.useState)(!!(showLivePagesBodiedMacrosRendererView !== null && showLivePagesBodiedMacrosRendererView !== void 0 && showLivePagesBodiedMacrosRendererView((0, _utils.nodeToJSON)(node))) && !(0, _extensionUtils.isEmptyBodiedMacro)(node)),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    showBodiedExtensionRendererView = _useState4[0],
-    setShowBodiedExtensionRendererView = _useState4[1];
-  var mountedRef = (0, _react.useRef)(true);
-  (0, _react.useLayoutEffect)(function () {
-    mountedRef.current = true;
-    return function () {
-      mountedRef.current = false;
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    extensionProviderResolver === null || extensionProviderResolver === void 0 || extensionProviderResolver.then(function (provider) {
-      if (mountedRef.current) {
-        setExtensionProvider(provider);
-      }
-    });
-  }, [extensionProviderResolver]);
-  return /*#__PURE__*/_react.default.createElement(ExtensionComponentInner
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  , (0, _extends2.default)({}, restProps, {
-    extensionProvider: extensionProvider,
-    node: node,
-    showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
-    showBodiedExtensionRendererView: showBodiedExtensionRendererView,
-    setShowBodiedExtensionRendererView: setShowBodiedExtensionRendererView
-  }));
-};
-var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
-  function ExtensionComponentInner() {
-    var _this2;
-    (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)(_this2, "privatePropsParsed", false);
-    (0, _defineProperty2.default)(_this2, "state", {});
-    // memoized to avoid rerender on extension state changes
-    (0, _defineProperty2.default)(_this2, "getNodeRenderer", (0, _memoizeOne.default)(_extensions.getNodeRenderer));
-    (0, _defineProperty2.default)(_this2, "getExtensionModuleNodePrivateProps", (0, _memoizeOne.default)(_extensions.getExtensionModuleNodePrivateProps));
-    (0, _defineProperty2.default)(_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.
-     */
-    (0, _defineProperty2.default)(_this2, "parsePrivateNodePropsIfNeeded", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-      var _this2$props$node$att, extensionType, extensionKey, privateProps;
-      return _regenerator.default.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]]);
-    })));
-    (0, _defineProperty2.default)(_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 (0, _utils.getExtensionRenderer)(rendererExtensionHandler)(node, (0, _utils.toJSON)(editorView.state.doc));
-        }
-      }
-      var result;
-      if (extensionHandlers && extensionHandlers[extensionType]) {
-        var render = (0, _utils.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.default.createElement(NodeRenderer, {
-              node: node,
-              references: _this2.props.references,
-              actions: actions
-            });
-          } else {
-            return /*#__PURE__*/_react.default.createElement(NodeRenderer, {
-              node: node,
-              references: _this2.props.references
-            });
-          }
-        }
-      }
-      return result;
-    });
-    return _this2;
-  }
-  (0, _inherits2.default)(ExtensionComponentInner, _Component2);
+  (0, _inherits2.default)(ExtensionComponentInner, _Component);
   return (0, _createClass2.default)(ExtensionComponentInner, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
@@ -513,23 +221,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 _state.NodeSelection && selection.node;
       var position = typeof getPos === 'function' && getPos();
@@ -565,7 +273,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,
@@ -610,14 +318,4 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
       return null;
     }
   }]);
-}(_react.Component);
-var ExtensionComponent = exports.ExtensionComponent = function ExtensionComponent(props) {
-  if ((0, _platformFeatureFlags.fg)('platform_editor_react18_extension_component_v2')) {
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    return /*#__PURE__*/_react.default.createElement(ExtensionComponentNew, props);
-  }
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/_react.default.createElement(ExtensionComponentOld, props);
-};
+}(_react.Component);

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -41,14 +41,17 @@ function HyperlinkAddToolbar(_ref2) {
     editorAppearance = _ref2.editorAppearance,
     inputMethod = _ref2.inputMethod,
     searchSessionId = _ref2.searchSessionId,
-    timesViewed = _ref2.timesViewed;
+    timesViewed = _ref2.timesViewed,
+    isOffline = _ref2.isOffline;
   return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
     providers: ['activityProvider', 'searchProvider'],
     providerFactory: providerFactory,
     renderNode: function renderNode(_ref3) {
       var activityProvider = _ref3.activityProvider,
         searchProvider = _ref3.searchProvider;
-      if (lpLinkPicker) {
+      // If we're offline fallback to HyperlinkAddToolbarComp as we may not have loaded
+      // EditorLinkPicker into the bundle
+      if (lpLinkPicker && !Boolean(isOffline)) {
         return /*#__PURE__*/_react.default.createElement(_EditorLinkPicker.EditorLinkPicker, (0, _extends2.default)({
           view: view,
           invokeMethod: // Provide `invokeMethod` prop as preferred value (card plugin passes as prop) otherwise assume this

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.0.0";
+var packageVersion = "100.1.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "100.0.0";
+var packageVersion = "100.1.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -13,7 +13,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _providerFactory = require("../../provider-factory");
 var _mentionWithProviders = require("./mention-with-providers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -34,18 +33,7 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_mention_with_provider_fix')) {
-        return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProviders, {
-          id: id,
-          text: text,
-          accessLevel: accessLevel,
-          localId: localId,
-          eventHandlers: eventHandlers,
-          mentionProvider: mentionProvider,
-          profilecardProvider: profilecardProvider
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProvidersOld, {
+      return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProviders, {
         id: id,
         text: text,
         accessLevel: accessLevel,