@atlaskit/editor-common 93.1.6 → 93.2.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 93.2.0
+
+### Minor Changes
+
+- [#150260](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150260)
+  [`b6d9de1b0e543`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b6d9de1b0e543) -
+  Added an editor analytics event for clicking the copy anchor link floating toolbar item
+
+### Patch Changes
+
+- [#150241](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150241)
+  [`11814f141483a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/11814f141483a) -
+  ED-24117: remediates extension component for react 18
+- Updated dependencies
+
 ## 93.1.6
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -107,6 +107,9 @@
     {
       "path": "../../../design-system/menu/afm-jira/tsconfig.json"
     },
+    {
+      "path": "../../../design-system/onboarding/afm-jira/tsconfig.json"
+    },
     {
       "path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
     },

package/afm-post-office/tsconfig.json

@@ -107,6 +107,9 @@
     {
       "path": "../../../design-system/menu/afm-post-office/tsconfig.json"
     },
+    {
+      "path": "../../../design-system/onboarding/afm-post-office/tsconfig.json"
+    },
     {
       "path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
     },

package/dist/cjs/analytics/types/enums.js

@@ -281,6 +281,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["CODE_BLOCK"] = "codeBlock";
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
+  ACTION_SUBJECT_ID["COPY_LINK_TO_ANCHOR"] = "copyLinkToAnchor";
   ACTION_SUBJECT_ID["CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU"] = "createInlineCommentFromHighlightActionsMenu";
   ACTION_SUBJECT_ID["DATE"] = "date";
   ACTION_SUBJECT_ID["DATE_DAY"] = "day";

package/dist/cjs/extensibility/ExtensionComponent.js

@@ -5,7 +5,10 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ExtensionComponent = void 0;
+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"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -18,21 +21,25 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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"));
 var _InlineExtension = _interopRequireDefault(require("./Extension/InlineExtension"));
 var _MultiBodiedExtension = _interopRequireDefault(require("./MultiBodiedExtension"));
+var _excluded = ["extensionProvider"];
 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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var ExtensionComponent = exports.ExtensionComponent = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ExtensionComponent, _Component);
-  var _super = _createSuper(ExtensionComponent);
-  function ExtensionComponent() {
+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 */
+/* temporary type until FG cleaned up */
+/* temporary type until FG cleaned up */
+var ExtensionComponentOld = exports.ExtensionComponentOld = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ExtensionComponentOld, _Component);
+  var _super = _createSuper(ExtensionComponentOld);
+  function ExtensionComponentOld() {
     var _this;
-    (0, _classCallCheck2.default)(this, ExtensionComponent);
+    (0, _classCallCheck2.default)(this, ExtensionComponentOld);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -156,7 +163,7 @@ var ExtensionComponent = exports.ExtensionComponent = /*#__PURE__*/function (_Co
     });
     return _this;
   }
-  (0, _createClass2.default)(ExtensionComponent, [{
+  (0, _createClass2.default)(ExtensionComponentOld, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.mounted = true;
@@ -274,5 +281,251 @@ var ExtensionComponent = exports.ExtensionComponent = /*#__PURE__*/function (_Co
       return null;
     }
   }]);
-  return ExtensionComponent;
-}(_react.Component);
+  return ExtensionComponentOld;
+}(_react.Component);
+var ExtensionComponentNew = exports.ExtensionComponentNew = function ExtensionComponentNew(props) {
+  var extensionProviderResolver = props.extensionProvider,
+    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 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, (0, _extends2.default)({}, restProps, {
+    extensionProvider: extensionProvider
+  }));
+};
+var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2.default)(ExtensionComponentInner, _Component2);
+  var _super2 = _createSuper(ExtensionComponentInner);
+  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 = _super2.call.apply(_super2, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "privatePropsParsed", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "state", {});
+    // memoized to avoid rerender on extension state changes
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "getNodeRenderer", (0, _memoizeOne.default)(_extensions.getNodeRenderer));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "getExtensionModuleNodePrivateProps", (0, _memoizeOne.default)(_extensions.getExtensionModuleNodePrivateProps));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this2), "setIsNodeHovered", function (isHovered) {
+      _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)((0, _assertThisInitialized2.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)((0, _assertThisInitialized2.default)(_this2), "handleExtension", function (pmNode, actions) {
+      var _pmNode$marks2;
+      var _this2$props = _this2.props,
+        extensionHandlers = _this2$props.extensionHandlers,
+        editorView = _this2$props.editorView;
+      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) {
+        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 node = {
+        type: pmNode.type.name,
+        extensionType: extensionType,
+        extensionKey: extensionKey,
+        parameters: parameters,
+        content: text,
+        localId: pmNode.attrs.localId,
+        fragmentLocalId: fragmentLocalId
+      };
+      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, _createClass2.default)(ExtensionComponentInner, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.parsePrivateNodePropsIfNeeded();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state$_privateP2;
+      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,
+        extensionProvider = _this$props3.extensionProvider;
+      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
+        });
+      }
+      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: extensionProvider,
+            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,
+            pluginInjectionApi: pluginInjectionApi,
+            macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
+            isNodeSelected: selectedNode === node,
+            isNodeHovered: this.state.isNodeHovered,
+            isNodeNested: isNodeNested,
+            setIsNodeHovered: this.setIsNodeHovered
+          }, 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
+          }, 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;
+    }
+  }]);
+  return ExtensionComponentInner;
+}(_react.Component);
+var ExtensionComponent = exports.ExtensionComponent = function ExtensionComponent(props) {
+  if ((0, _platformFeatureFlags.fg)('platform_editor_react18_extension_component')) {
+    return /*#__PURE__*/_react.default.createElement(ExtensionComponentNew, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(ExtensionComponentOld, props);
+};

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 = "93.1.6";
+var packageVersion = "93.2.0";
 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

@@ -24,7 +24,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 = "93.1.6";
+var packageVersion = "93.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/analytics/types/enums.js

@@ -275,6 +275,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["CODE_BLOCK"] = "codeBlock";
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
+  ACTION_SUBJECT_ID["COPY_LINK_TO_ANCHOR"] = "copyLinkToAnchor";
   ACTION_SUBJECT_ID["CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU"] = "createInlineCommentFromHighlightActionsMenu";
   ACTION_SUBJECT_ID["DATE"] = "date";
   ACTION_SUBJECT_ID["DATE_DAY"] = "day";

package/dist/es2019/extensibility/ExtensionComponent.js

@@ -1,13 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
+/* eslint-disable @repo/internal/react/no-class-components */
+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 } from '../utils';
 import Extension from './Extension/Extension';
 import InlineExtension from './Extension/InlineExtension';
 import MultiBodiedExtension from './MultiBodiedExtension';
-export class ExtensionComponent extends Component {
+
+/* temporary type until FG cleaned up */
+
+/* temporary type until FG cleaned up */
+
+export class ExtensionComponentOld extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "privatePropsParsed", false);
@@ -228,4 +236,224 @@ export class ExtensionComponent extends Component {
     }
     return null;
   }
-}
+}
+export const ExtensionComponentNew = props => {
+  const {
+    extensionProvider: extensionProviderResolver,
+    ...restProps
+  } = props;
+  const [extensionProvider, setExtensionProvider] = useState(undefined);
+  const mountedRef = useRef(true);
+  useLayoutEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    extensionProviderResolver === null || extensionProviderResolver === void 0 ? void 0 : extensionProviderResolver.then(provider => {
+      if (mountedRef.current) {
+        setExtensionProvider(provider);
+      }
+    });
+  }, [extensionProviderResolver]);
+  return /*#__PURE__*/React.createElement(ExtensionComponentInner, _extends({}, restProps, {
+    extensionProvider: extensionProvider
+  }));
+};
+class ExtensionComponentInner extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "privatePropsParsed", false);
+    _defineProperty(this, "state", {});
+    // memoized to avoid rerender on extension state changes
+    _defineProperty(this, "getNodeRenderer", memoizeOne(getNodeRenderer));
+    _defineProperty(this, "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
+    _defineProperty(this, "setIsNodeHovered", isHovered => {
+      this.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(this, "parsePrivateNodePropsIfNeeded", async () => {
+      if (this.privatePropsParsed || !this.props.extensionProvider) {
+        return;
+      }
+      this.privatePropsParsed = true;
+      const {
+        extensionType,
+        extensionKey
+      } = this.props.node.attrs;
+
+      /**
+       * getExtensionModuleNodePrivateProps can throw if there are issues in the
+       * manifest
+       */
+      try {
+        const privateProps = await this.getExtensionModuleNodePrivateProps(this.props.extensionProvider, extensionType, extensionKey);
+        this.setState({
+          _privateProps: privateProps
+        });
+      } 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 */
+      }
+    });
+    _defineProperty(this, "handleExtension", (pmNode, actions) => {
+      var _pmNode$marks2, _pmNode$marks2$find, _pmNode$marks2$find$a;
+      const {
+        extensionHandlers,
+        editorView
+      } = this.props;
+      const {
+        extensionType,
+        extensionKey,
+        parameters,
+        text
+      } = pmNode.attrs;
+      const isBodiedExtension = pmNode.type.name === 'bodiedExtension';
+      if (isBodiedExtension) {
+        return;
+      }
+      const fragmentLocalId = pmNode === null || pmNode === void 0 ? void 0 : (_pmNode$marks2 = pmNode.marks) === null || _pmNode$marks2 === void 0 ? void 0 : (_pmNode$marks2$find = _pmNode$marks2.find(m => m.type.name === 'fragment')) === null || _pmNode$marks2$find === void 0 ? void 0 : (_pmNode$marks2$find$a = _pmNode$marks2$find.attrs) === null || _pmNode$marks2$find$a === void 0 ? void 0 : _pmNode$marks2$find$a.localId;
+      const node = {
+        type: pmNode.type.name,
+        extensionType,
+        extensionKey,
+        parameters,
+        content: text,
+        localId: pmNode.attrs.localId,
+        fragmentLocalId
+      };
+      let result;
+      if (extensionHandlers && extensionHandlers[extensionType]) {
+        const render = getExtensionRenderer(extensionHandlers[extensionType]);
+        result = render(node, editorView.state.doc, actions);
+      }
+      if (!result) {
+        const extensionHandlerFromProvider = this.props.extensionProvider && this.getNodeRenderer(this.props.extensionProvider, extensionType, extensionKey);
+        if (extensionHandlerFromProvider) {
+          const NodeRenderer = extensionHandlerFromProvider;
+          if (node.type === 'multiBodiedExtension') {
+            return /*#__PURE__*/React.createElement(NodeRenderer, {
+              node: node,
+              references: this.props.references,
+              actions: actions
+            });
+          } else {
+            return /*#__PURE__*/React.createElement(NodeRenderer, {
+              node: node,
+              references: this.props.references
+            });
+          }
+        }
+      }
+      return result;
+    });
+  }
+  componentDidUpdate() {
+    this.parsePrivateNodePropsIfNeeded();
+  }
+  render() {
+    var _this$state$_privateP2;
+    const {
+      node,
+      handleContentDOMRef,
+      editorView,
+      references,
+      editorAppearance,
+      pluginInjectionApi,
+      getPos,
+      eventDispatcher,
+      macroInteractionDesignFeatureFlags,
+      extensionProvider
+    } = this.props;
+    const {
+      selection
+    } = editorView.state;
+    const selectedNode = selection instanceof NodeSelection && selection.node;
+    const position = typeof getPos === 'function' && getPos();
+    const resolvedPosition = position && editorView.state.doc.resolve(position);
+    const 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
+      });
+    }
+    const 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: extensionProvider,
+          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,
+          pluginInjectionApi: pluginInjectionApi,
+          macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
+          isNodeSelected: selectedNode === node,
+          isNodeHovered: this.state.isNodeHovered,
+          isNodeNested: isNodeNested,
+          setIsNodeHovered: this.setIsNodeHovered
+        }, extensionHandlerResult);
+      case 'inlineExtension':
+        return /*#__PURE__*/React.createElement(InlineExtension, {
+          node: node,
+          macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
+          isNodeSelected: selectedNode === node,
+          pluginInjectionApi: pluginInjectionApi,
+          isNodeHovered: this.state.isNodeHovered,
+          setIsNodeHovered: this.setIsNodeHovered
+        }, extensionHandlerResult);
+      default:
+        return null;
+    }
+  }
+  tryExtensionHandler(actions) {
+    const {
+      node
+    } = this.props;
+    try {
+      const 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;
+  }
+}
+export const ExtensionComponent = props => {
+  if (fg('platform_editor_react18_extension_component')) {
+    return /*#__PURE__*/React.createElement(ExtensionComponentNew, props);
+  }
+  return /*#__PURE__*/React.createElement(ExtensionComponentOld, props);
+};

package/dist/es2019/monitoring/error.js

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

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "93.1.6";
+const packageVersion = "93.2.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/analytics/types/enums.js

@@ -275,6 +275,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["CODE_BLOCK"] = "codeBlock";
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
+  ACTION_SUBJECT_ID["COPY_LINK_TO_ANCHOR"] = "copyLinkToAnchor";
   ACTION_SUBJECT_ID["CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU"] = "createInlineCommentFromHighlightActionsMenu";
   ACTION_SUBJECT_ID["DATE"] = "date";
   ACTION_SUBJECT_ID["DATE_DAY"] = "day";

package/dist/esm/extensibility/ExtensionComponent.js

@@ -1,3 +1,6 @@
+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";
@@ -6,23 +9,31 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["extensionProvider"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import React, { Component } from 'react';
+/* eslint-disable @repo/internal/react/no-class-components */
+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 } from '../utils';
 import Extension from './Extension/Extension';
 import InlineExtension from './Extension/InlineExtension';
 import MultiBodiedExtension from './MultiBodiedExtension';
-export var ExtensionComponent = /*#__PURE__*/function (_Component) {
-  _inherits(ExtensionComponent, _Component);
-  var _super = _createSuper(ExtensionComponent);
-  function ExtensionComponent() {
+
+/* temporary type until FG cleaned up */
+
+/* temporary type until FG cleaned up */
+
+export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
+  _inherits(ExtensionComponentOld, _Component);
+  var _super = _createSuper(ExtensionComponentOld);
+  function ExtensionComponentOld() {
     var _this;
-    _classCallCheck(this, ExtensionComponent);
+    _classCallCheck(this, ExtensionComponentOld);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -146,7 +157,7 @@ export var ExtensionComponent = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(ExtensionComponent, [{
+  _createClass(ExtensionComponentOld, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.mounted = true;
@@ -264,5 +275,251 @@ export var ExtensionComponent = /*#__PURE__*/function (_Component) {
       return null;
     }
   }]);
-  return ExtensionComponent;
-}(Component);
+  return ExtensionComponentOld;
+}(Component);
+export var ExtensionComponentNew = function ExtensionComponentNew(props) {
+  var extensionProviderResolver = props.extensionProvider,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    extensionProvider = _useState2[0],
+    setExtensionProvider = _useState2[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, _extends({}, restProps, {
+    extensionProvider: extensionProvider
+  }));
+};
+var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
+  _inherits(ExtensionComponentInner, _Component2);
+  var _super2 = _createSuper(ExtensionComponentInner);
+  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 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "privatePropsParsed", false);
+    _defineProperty(_assertThisInitialized(_this2), "state", {});
+    // memoized to avoid rerender on extension state changes
+    _defineProperty(_assertThisInitialized(_this2), "getNodeRenderer", memoizeOne(getNodeRenderer));
+    _defineProperty(_assertThisInitialized(_this2), "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
+    _defineProperty(_assertThisInitialized(_this2), "setIsNodeHovered", function (isHovered) {
+      _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(_assertThisInitialized(_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(_assertThisInitialized(_this2), "handleExtension", function (pmNode, actions) {
+      var _pmNode$marks2;
+      var _this2$props = _this2.props,
+        extensionHandlers = _this2$props.extensionHandlers,
+        editorView = _this2$props.editorView;
+      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) {
+        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 node = {
+        type: pmNode.type.name,
+        extensionType: extensionType,
+        extensionKey: extensionKey,
+        parameters: parameters,
+        content: text,
+        localId: pmNode.attrs.localId,
+        fragmentLocalId: fragmentLocalId
+      };
+      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;
+  }
+  _createClass(ExtensionComponentInner, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.parsePrivateNodePropsIfNeeded();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state$_privateP2;
+      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,
+        extensionProvider = _this$props3.extensionProvider;
+      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
+        });
+      }
+      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: extensionProvider,
+            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,
+            pluginInjectionApi: pluginInjectionApi,
+            macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
+            isNodeSelected: selectedNode === node,
+            isNodeHovered: this.state.isNodeHovered,
+            isNodeNested: isNodeNested,
+            setIsNodeHovered: this.setIsNodeHovered
+          }, extensionHandlerResult);
+        case 'inlineExtension':
+          return /*#__PURE__*/React.createElement(InlineExtension, {
+            node: node,
+            macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
+            isNodeSelected: selectedNode === node,
+            pluginInjectionApi: pluginInjectionApi,
+            isNodeHovered: this.state.isNodeHovered,
+            setIsNodeHovered: this.setIsNodeHovered
+          }, 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;
+    }
+  }]);
+  return ExtensionComponentInner;
+}(Component);
+export var ExtensionComponent = function ExtensionComponent(props) {
+  if (fg('platform_editor_react18_extension_component')) {
+    return /*#__PURE__*/React.createElement(ExtensionComponentNew, props);
+  }
+  return /*#__PURE__*/React.createElement(ExtensionComponentOld, props);
+};

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 = "93.1.6";
+var packageVersion = "93.2.0";
 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

@@ -21,7 +21,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 = "93.1.6";
+var packageVersion = "93.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/analytics/types/enums.d.ts

@@ -277,6 +277,7 @@ export declare enum ACTION_SUBJECT_ID {
     CODE_BLOCK = "codeBlock",
     CODEBLOCK_COPY = "codeBlockCopy",
     CODEBLOCK_WRAP = "codeBlockWrap",
+    COPY_LINK_TO_ANCHOR = "copyLinkToAnchor",
     CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU = "createInlineCommentFromHighlightActionsMenu",
     DATE = "date",
     DATE_DAY = "day",

package/dist/types/analytics/types/general-events.d.ts

@@ -195,5 +195,11 @@ export type RequestToEditAEP = UIAEP<ACTION.REQUEST_TO_EDIT | ACTION.DISMISSED,
     platform: PLATFORMS;
     mode: MODE;
 }, undefined>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP;
+type CopyLinkToAnchorButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.COPY_LINK_TO_ANCHOR, {
+    inputMethod: INPUT_METHOD;
+    extensionKey?: string;
+    extensionType?: string;
+    isLivePage?: boolean;
+}>;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP | CopyLinkToAnchorButtonAEP;
 export {};

package/dist/types/extensibility/ExtensionComponent.d.ts

@@ -29,7 +29,11 @@ export interface State {
     activeChildIndex?: number;
     isNodeHovered?: boolean;
 }
-export declare class ExtensionComponent extends Component<Props, State> {
+export type PropsNew = Omit<Props, 'extensionProvider'> & {
+    extensionProvider?: ExtensionProvider;
+};
+export type StateNew = Omit<State, 'extensionProvider'>;
+export declare class ExtensionComponentOld extends Component<Props, State> {
     private privatePropsParsed;
     state: State;
     mounted: boolean;
@@ -54,3 +58,5 @@ export declare class ExtensionComponent extends Component<Props, State> {
     private tryExtensionHandler;
     private handleExtension;
 }
+export declare const ExtensionComponentNew: (props: Props) => JSX.Element;
+export declare const ExtensionComponent: (props: Props) => JSX.Element;

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -277,6 +277,7 @@ export declare enum ACTION_SUBJECT_ID {
     CODE_BLOCK = "codeBlock",
     CODEBLOCK_COPY = "codeBlockCopy",
     CODEBLOCK_WRAP = "codeBlockWrap",
+    COPY_LINK_TO_ANCHOR = "copyLinkToAnchor",
     CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU = "createInlineCommentFromHighlightActionsMenu",
     DATE = "date",
     DATE_DAY = "day",

package/dist/types-ts4.5/analytics/types/general-events.d.ts

@@ -195,5 +195,11 @@ export type RequestToEditAEP = UIAEP<ACTION.REQUEST_TO_EDIT | ACTION.DISMISSED,
     platform: PLATFORMS;
     mode: MODE;
 }, undefined>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP;
+type CopyLinkToAnchorButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.COPY_LINK_TO_ANCHOR, {
+    inputMethod: INPUT_METHOD;
+    extensionKey?: string;
+    extensionType?: string;
+    isLivePage?: boolean;
+}>;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP | CopyLinkToAnchorButtonAEP;
 export {};

package/dist/types-ts4.5/extensibility/ExtensionComponent.d.ts

@@ -29,7 +29,11 @@ export interface State {
     activeChildIndex?: number;
     isNodeHovered?: boolean;
 }
-export declare class ExtensionComponent extends Component<Props, State> {
+export type PropsNew = Omit<Props, 'extensionProvider'> & {
+    extensionProvider?: ExtensionProvider;
+};
+export type StateNew = Omit<State, 'extensionProvider'>;
+export declare class ExtensionComponentOld extends Component<Props, State> {
     private privatePropsParsed;
     state: State;
     mounted: boolean;
@@ -54,3 +58,5 @@ export declare class ExtensionComponent extends Component<Props, State> {
     private tryExtensionHandler;
     private handleExtension;
 }
+export declare const ExtensionComponentNew: (props: Props) => JSX.Element;
+export declare const ExtensionComponent: (props: Props) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "93.1.6",
+	"version": "93.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -145,7 +145,7 @@
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/profilecard": "^20.4.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/smart-card": "^29.1.0",
+		"@atlaskit/smart-card": "^29.2.0",
 		"@atlaskit/smart-user-picker": "^6.10.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
@@ -271,6 +271,9 @@
 		"use-effect-in-use-previous-props": {
 			"type": "boolean"
 		},
+		"platform_editor_react18_extension_component": {
+			"type": "boolean"
+		},
 		"platform-datasources-enable-two-way-sync": {
 			"type": "boolean"
 		},