@atlaskit/editor-core 189.6.23 → 189.6.24

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-core
 
+## 189.6.24
+
+### Patch Changes
+
+- [#60182](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60182) [`a2d430ec4462`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a2d430ec4462) - ED-21373 Initial changes for MBE analytics events
+
 ## 189.6.23
 
 ### Patch Changes

package/dist/cjs/plugins/extension/nodeviews/extension.js

@@ -58,7 +58,8 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
         nodeType: this.node.type.name
       }, /*#__PURE__*/_react.default.createElement(_Extension.default, {
         editorView: this.view,
-        node: this.node
+        node: this.node,
+        eventDispatcher: this.eventDispatcher
         // The getPos arg is always a function when used with nodes
         // the version of the types we use has a union with the type
         // for marks.

package/dist/cjs/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -192,14 +192,16 @@ var ExtensionComponent = exports.default = /*#__PURE__*/function (_Component) {
         references = _this$props2.references,
         editorAppearance = _this$props2.editorAppearance,
         pluginInjectionApi = _this$props2.pluginInjectionApi,
-        getPos = _this$props2.getPos;
+        getPos = _this$props2.getPos,
+        eventDispatcher = _this$props2.eventDispatcher;
       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)
+          tryExtensionHandler: this.tryExtensionHandler.bind(this),
+          eventDispatcher: eventDispatcher
         });
       }
       var extensionHandlerResult = this.tryExtensionHandler(undefined);

package/dist/cjs/plugins/extension/ui/Extension/MultiBodiedExtension/index.js

@@ -12,6 +12,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _react2 = _interopRequireWildcard(require("react"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _eventDispatcher = require("@atlaskit/editor-common/event-dispatcher");
+var _utils = require("@atlaskit/editor-common/utils");
 var _templateObject, _templateObject2;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -21,11 +24,16 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
   var updateActiveChild = _ref.updateActiveChild,
     editorView = _ref.editorView,
     getPos = _ref.getPos,
-    node = _ref.node;
+    node = _ref.node,
+    eventDispatcher = _ref.eventDispatcher;
   var actions = _react2.default.useMemo(function () {
     return {
       changeActive: function changeActive(index) {
-        return updateActiveChild(index);
+        var updateActiveChildResult = updateActiveChild(index);
+        if (eventDispatcher) {
+          sendMBEAnalyticsEvent(_analytics.ACTION.CHANGE_ACTIVE, node, eventDispatcher);
+        }
+        return updateActiveChildResult;
       },
       addChild: function addChild() {
         var state = editorView.state,
@@ -44,6 +52,9 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
         }
         var insertAt = Math.min((pos || 1) + node.content.size, state.doc.content.size);
         dispatch(state.tr.insert(insertAt, frame));
+        if (eventDispatcher) {
+          sendMBEAnalyticsEvent(_analytics.ACTION.ADD_CHILD, node, eventDispatcher);
+        }
         return true;
       },
       getChildrenCount: function getChildrenCount() {
@@ -102,7 +113,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
         return children ? children.toJSON() : [];
       }
     };
-  }, [node, editorView, getPos, updateActiveChild]);
+  }, [node, editorView, getPos, updateActiveChild, eventDispatcher]);
   return actions;
 };
 var navigationCSS = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // make sure the user can't see a range selection inside the navigation\n  // This is really important to keep the navigation working properly\n  user-select: none;\n  -webkit-user-modify: read-only;\n  border: 1px solid ", ";\n  background-color: ", ";\n"])), "var(--ds-border, ".concat(_colors.N40, ")"), "var(--ds-background-inverse-subtle, ".concat(_colors.N50, ")"));
@@ -111,7 +122,8 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
     handleContentDOMRef = _ref2.handleContentDOMRef,
     getPos = _ref2.getPos,
     tryExtensionHandler = _ref2.tryExtensionHandler,
-    editorView = _ref2.editorView;
+    editorView = _ref2.editorView,
+    eventDispatcher = _ref2.eventDispatcher;
   var _useState = (0, _react2.useState)(0),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     activeChildIndex = _useState2[0],
@@ -129,6 +141,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
     updateActiveChild: updateActiveChild,
     editorView: editorView,
     getPos: getPos,
+    eventDispatcher: eventDispatcher,
     node: node
   });
   var extensionHandlerResult = _react2.default.useMemo(function () {
@@ -153,4 +166,21 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
     ref: articleRef
   }));
 };
+var sendMBEAnalyticsEvent = function sendMBEAnalyticsEvent(action, node, eventDispatcher) {
+  var analyticsDispatch = (0, _eventDispatcher.createDispatch)(eventDispatcher);
+  analyticsDispatch(_utils.analyticsEventKey, {
+    payload: {
+      action: action,
+      actionSubject: _analytics.ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      attributes: {
+        extensionType: node.attrs.extensionType,
+        extensionKey: node.attrs.extensionKey,
+        localId: node.attrs.localId,
+        maxFramesCount: node.attrs.maxFrames,
+        currentFramesCount: node.content.childCount
+      }
+    }
+  });
+};
 var _default = exports.default = MultiBodiedExtension;

package/dist/cjs/plugins/extension/ui/Extension/index.js

@@ -37,7 +37,8 @@ var Extension = exports.default = /*#__PURE__*/function (_Component) {
         extensionHandlers = _this$props.extensionHandlers,
         references = _this$props.references,
         editorAppearance = _this$props.editorAppearance,
-        pluginInjectionApi = _this$props.pluginInjectionApi;
+        pluginInjectionApi = _this$props.pluginInjectionApi,
+        eventDispatcher = _this$props.eventDispatcher;
       return /*#__PURE__*/_react.default.createElement(_ExtensionComponent.default, {
         editorView: editorView,
         node: node,
@@ -47,7 +48,8 @@ var Extension = exports.default = /*#__PURE__*/function (_Component) {
         handleContentDOMRef: handleContentDOMRef,
         extensionHandlers: extensionHandlers,
         editorAppearance: editorAppearance,
-        pluginInjectionApi: pluginInjectionApi
+        pluginInjectionApi: pluginInjectionApi,
+        eventDispatcher: eventDispatcher
       });
     });
     _this.providerFactory = props.providerFactory || new _providerFactory.ProviderFactory();

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "189.6.23";
+var version = exports.version = "189.6.24";

package/dist/es2019/plugins/extension/nodeviews/extension.js

@@ -31,7 +31,8 @@ export class ExtensionNode extends ReactNodeView {
       nodeType: this.node.type.name
     }, /*#__PURE__*/React.createElement(Extension, {
       editorView: this.view,
-      node: this.node
+      node: this.node,
+      eventDispatcher: this.eventDispatcher
       // The getPos arg is always a function when used with nodes
       // the version of the types we use has a union with the type
       // for marks.

package/dist/es2019/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -145,7 +145,8 @@ export default class ExtensionComponent extends Component {
       references,
       editorAppearance,
       pluginInjectionApi,
-      getPos
+      getPos,
+      eventDispatcher
     } = this.props;
     if (node.type.name === 'multiBodiedExtension') {
       return /*#__PURE__*/React.createElement(MultiBodiedExtension, {
@@ -153,7 +154,8 @@ export default class ExtensionComponent extends Component {
         editorView: editorView,
         getPos: getPos,
         handleContentDOMRef: handleContentDOMRef,
-        tryExtensionHandler: this.tryExtensionHandler.bind(this)
+        tryExtensionHandler: this.tryExtensionHandler.bind(this),
+        eventDispatcher: eventDispatcher
       });
     }
     const extensionHandlerResult = this.tryExtensionHandler(undefined);

package/dist/es2019/plugins/extension/ui/Extension/MultiBodiedExtension/index.js

@@ -3,16 +3,24 @@
 import { jsx, css } from '@emotion/react';
 import { N30, N40, N50 } from '@atlaskit/theme/colors';
 import React, { useState } from 'react';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { createDispatch } from '@atlaskit/editor-common/event-dispatcher';
+import { analyticsEventKey } from '@atlaskit/editor-common/utils';
 const useMultiBodiedExtensionActions = ({
   updateActiveChild,
   editorView,
   getPos,
-  node
+  node,
+  eventDispatcher
 }) => {
   const actions = React.useMemo(() => {
     return {
       changeActive(index) {
-        return updateActiveChild(index);
+        const updateActiveChildResult = updateActiveChild(index);
+        if (eventDispatcher) {
+          sendMBEAnalyticsEvent(ACTION.CHANGE_ACTIVE, node, eventDispatcher);
+        }
+        return updateActiveChildResult;
       },
       addChild() {
         const {
@@ -33,6 +41,9 @@ const useMultiBodiedExtensionActions = ({
         }
         const insertAt = Math.min((pos || 1) + node.content.size, state.doc.content.size);
         dispatch(state.tr.insert(insertAt, frame));
+        if (eventDispatcher) {
+          sendMBEAnalyticsEvent(ACTION.ADD_CHILD, node, eventDispatcher);
+        }
         return true;
       },
       getChildrenCount() {
@@ -99,7 +110,7 @@ const useMultiBodiedExtensionActions = ({
         return children ? children.toJSON() : [];
       }
     };
-  }, [node, editorView, getPos, updateActiveChild]);
+  }, [node, editorView, getPos, updateActiveChild, eventDispatcher]);
   return actions;
 };
 const navigationCSS = css`
@@ -115,7 +126,8 @@ const MultiBodiedExtension = ({
   handleContentDOMRef,
   getPos,
   tryExtensionHandler,
-  editorView
+  editorView,
+  eventDispatcher
 }) => {
   const [activeChildIndex, setActiveChildIndex] = useState(0);
   // Adding to avoid aliasing `this` for the callbacks
@@ -131,6 +143,7 @@ const MultiBodiedExtension = ({
     updateActiveChild,
     editorView,
     getPos,
+    eventDispatcher,
     node
   });
   const extensionHandlerResult = React.useMemo(() => {
@@ -168,4 +181,21 @@ const MultiBodiedExtension = ({
     ref: articleRef
   }));
 };
+const sendMBEAnalyticsEvent = (action, node, eventDispatcher) => {
+  const analyticsDispatch = createDispatch(eventDispatcher);
+  analyticsDispatch(analyticsEventKey, {
+    payload: {
+      action,
+      actionSubject: ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        extensionType: node.attrs.extensionType,
+        extensionKey: node.attrs.extensionKey,
+        localId: node.attrs.localId,
+        maxFramesCount: node.attrs.maxFrames,
+        currentFramesCount: node.content.childCount
+      }
+    }
+  });
+};
 export default MultiBodiedExtension;

package/dist/es2019/plugins/extension/ui/Extension/index.js

@@ -17,7 +17,8 @@ export default class Extension extends Component {
         extensionHandlers,
         references,
         editorAppearance,
-        pluginInjectionApi
+        pluginInjectionApi,
+        eventDispatcher
       } = this.props;
       return /*#__PURE__*/React.createElement(ExtensionComponent, {
         editorView: editorView,
@@ -28,7 +29,8 @@ export default class Extension extends Component {
         handleContentDOMRef: handleContentDOMRef,
         extensionHandlers: extensionHandlers,
         editorAppearance: editorAppearance,
-        pluginInjectionApi: pluginInjectionApi
+        pluginInjectionApi: pluginInjectionApi,
+        eventDispatcher: eventDispatcher
       });
     });
     this.providerFactory = props.providerFactory || new ProviderFactory();

package/dist/es2019/version-wrapper.js

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

package/dist/esm/plugins/extension/nodeviews/extension.js

@@ -50,7 +50,8 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
         nodeType: this.node.type.name
       }, /*#__PURE__*/React.createElement(Extension, {
         editorView: this.view,
-        node: this.node
+        node: this.node,
+        eventDispatcher: this.eventDispatcher
         // The getPos arg is always a function when used with nodes
         // the version of the types we use has a union with the type
         // for marks.

package/dist/esm/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -183,14 +183,16 @@ var ExtensionComponent = /*#__PURE__*/function (_Component) {
         references = _this$props2.references,
         editorAppearance = _this$props2.editorAppearance,
         pluginInjectionApi = _this$props2.pluginInjectionApi,
-        getPos = _this$props2.getPos;
+        getPos = _this$props2.getPos,
+        eventDispatcher = _this$props2.eventDispatcher;
       if (node.type.name === 'multiBodiedExtension') {
         return /*#__PURE__*/React.createElement(MultiBodiedExtension, {
           node: node,
           editorView: editorView,
           getPos: getPos,
           handleContentDOMRef: handleContentDOMRef,
-          tryExtensionHandler: this.tryExtensionHandler.bind(this)
+          tryExtensionHandler: this.tryExtensionHandler.bind(this),
+          eventDispatcher: eventDispatcher
         });
       }
       var extensionHandlerResult = this.tryExtensionHandler(undefined);

package/dist/esm/plugins/extension/ui/Extension/MultiBodiedExtension/index.js

@@ -9,15 +9,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { jsx, css } from '@emotion/react';
 import { N30, N40, N50 } from '@atlaskit/theme/colors';
 import React, { useState } from 'react';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { createDispatch } from '@atlaskit/editor-common/event-dispatcher';
+import { analyticsEventKey } from '@atlaskit/editor-common/utils';
 var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
   var updateActiveChild = _ref.updateActiveChild,
     editorView = _ref.editorView,
     getPos = _ref.getPos,
-    node = _ref.node;
+    node = _ref.node,
+    eventDispatcher = _ref.eventDispatcher;
   var actions = React.useMemo(function () {
     return {
       changeActive: function changeActive(index) {
-        return updateActiveChild(index);
+        var updateActiveChildResult = updateActiveChild(index);
+        if (eventDispatcher) {
+          sendMBEAnalyticsEvent(ACTION.CHANGE_ACTIVE, node, eventDispatcher);
+        }
+        return updateActiveChildResult;
       },
       addChild: function addChild() {
         var state = editorView.state,
@@ -36,6 +44,9 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
         }
         var insertAt = Math.min((pos || 1) + node.content.size, state.doc.content.size);
         dispatch(state.tr.insert(insertAt, frame));
+        if (eventDispatcher) {
+          sendMBEAnalyticsEvent(ACTION.ADD_CHILD, node, eventDispatcher);
+        }
         return true;
       },
       getChildrenCount: function getChildrenCount() {
@@ -94,7 +105,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
         return children ? children.toJSON() : [];
       }
     };
-  }, [node, editorView, getPos, updateActiveChild]);
+  }, [node, editorView, getPos, updateActiveChild, eventDispatcher]);
   return actions;
 };
 var navigationCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // make sure the user can't see a range selection inside the navigation\n  // This is really important to keep the navigation working properly\n  user-select: none;\n  -webkit-user-modify: read-only;\n  border: 1px solid ", ";\n  background-color: ", ";\n"])), "var(--ds-border, ".concat(N40, ")"), "var(--ds-background-inverse-subtle, ".concat(N50, ")"));
@@ -103,7 +114,8 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
     handleContentDOMRef = _ref2.handleContentDOMRef,
     getPos = _ref2.getPos,
     tryExtensionHandler = _ref2.tryExtensionHandler,
-    editorView = _ref2.editorView;
+    editorView = _ref2.editorView,
+    eventDispatcher = _ref2.eventDispatcher;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     activeChildIndex = _useState2[0],
@@ -121,6 +133,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
     updateActiveChild: updateActiveChild,
     editorView: editorView,
     getPos: getPos,
+    eventDispatcher: eventDispatcher,
     node: node
   });
   var extensionHandlerResult = React.useMemo(function () {
@@ -145,4 +158,21 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
     ref: articleRef
   }));
 };
+var sendMBEAnalyticsEvent = function sendMBEAnalyticsEvent(action, node, eventDispatcher) {
+  var analyticsDispatch = createDispatch(eventDispatcher);
+  analyticsDispatch(analyticsEventKey, {
+    payload: {
+      action: action,
+      actionSubject: ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        extensionType: node.attrs.extensionType,
+        extensionKey: node.attrs.extensionKey,
+        localId: node.attrs.localId,
+        maxFramesCount: node.attrs.maxFrames,
+        currentFramesCount: node.content.childCount
+      }
+    }
+  });
+};
 export default MultiBodiedExtension;

package/dist/esm/plugins/extension/ui/Extension/index.js

@@ -28,7 +28,8 @@ var Extension = /*#__PURE__*/function (_Component) {
         extensionHandlers = _this$props.extensionHandlers,
         references = _this$props.references,
         editorAppearance = _this$props.editorAppearance,
-        pluginInjectionApi = _this$props.pluginInjectionApi;
+        pluginInjectionApi = _this$props.pluginInjectionApi,
+        eventDispatcher = _this$props.eventDispatcher;
       return /*#__PURE__*/React.createElement(ExtensionComponent, {
         editorView: editorView,
         node: node,
@@ -38,7 +39,8 @@ var Extension = /*#__PURE__*/function (_Component) {
         handleContentDOMRef: handleContentDOMRef,
         extensionHandlers: extensionHandlers,
         editorAppearance: editorAppearance,
-        pluginInjectionApi: pluginInjectionApi
+        pluginInjectionApi: pluginInjectionApi,
+        eventDispatcher: eventDispatcher
       });
     });
     _this.providerFactory = props.providerFactory || new ProviderFactory();

package/dist/esm/version-wrapper.js

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

package/dist/types/plugins/extension/ui/Extension/ExtensionComponent.d.ts

@@ -6,6 +6,7 @@ import type { ExtensionHandlers, ExtensionProvider, ReferenceEntity } from '@atl
 import type { ProsemirrorGetPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginInjectionAPIWithDependency, EditorAppearance } from '@atlaskit/editor-common/types';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 export interface Props {
     editorView: EditorView;
     node: PMNode;
@@ -16,6 +17,7 @@ export interface Props {
     references?: ReferenceEntity[];
     editorAppearance?: EditorAppearance;
     pluginInjectionApi: PluginInjectionAPIWithDependency<WidthPlugin> | undefined;
+    eventDispatcher?: EventDispatcher;
 }
 export interface State {
     extensionProvider?: ExtensionProvider;

package/dist/types/plugins/extension/ui/Extension/MultiBodiedExtension/index.d.ts

@@ -4,6 +4,7 @@ import React from 'react';
 import type { MultiBodiedExtensionActions } from '@atlaskit/editor-common/extensions';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 export type TryExtensionHandlerType = (actions: MultiBodiedExtensionActions | undefined) => React.ReactElement | null;
 type Props = {
     node: PmNode;
@@ -11,6 +12,7 @@ type Props = {
     editorView: EditorView;
     getPos: () => number | undefined;
     tryExtensionHandler: TryExtensionHandlerType;
+    eventDispatcher?: EventDispatcher;
 };
-declare const MultiBodiedExtension: ({ node, handleContentDOMRef, getPos, tryExtensionHandler, editorView, }: Props) => jsx.JSX.Element;
+declare const MultiBodiedExtension: ({ node, handleContentDOMRef, getPos, tryExtensionHandler, editorView, eventDispatcher, }: Props) => jsx.JSX.Element;
 export default MultiBodiedExtension;

package/dist/types/plugins/extension/ui/Extension/index.d.ts

@@ -6,6 +6,7 @@ import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ProsemirrorGetPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginInjectionAPIWithDependency, EditorAppearance } from '@atlaskit/editor-common/types';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 export interface Props {
     editorView: EditorView;
     node: PMNode;
@@ -16,6 +17,7 @@ export interface Props {
     references?: ReferenceEntity[];
     editorAppearance?: EditorAppearance;
     pluginInjectionApi: PluginInjectionAPIWithDependency<WidthPlugin> | undefined;
+    eventDispatcher?: EventDispatcher;
 }
 export default class Extension extends Component<Props, any> {
     static displayName: string;

package/dist/types-ts4.5/plugins/extension/ui/Extension/ExtensionComponent.d.ts

@@ -6,6 +6,7 @@ import type { ExtensionHandlers, ExtensionProvider, ReferenceEntity } from '@atl
 import type { ProsemirrorGetPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginInjectionAPIWithDependency, EditorAppearance } from '@atlaskit/editor-common/types';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 export interface Props {
     editorView: EditorView;
     node: PMNode;
@@ -16,6 +17,7 @@ export interface Props {
     references?: ReferenceEntity[];
     editorAppearance?: EditorAppearance;
     pluginInjectionApi: PluginInjectionAPIWithDependency<WidthPlugin> | undefined;
+    eventDispatcher?: EventDispatcher;
 }
 export interface State {
     extensionProvider?: ExtensionProvider;

package/dist/types-ts4.5/plugins/extension/ui/Extension/MultiBodiedExtension/index.d.ts

@@ -4,6 +4,7 @@ import React from 'react';
 import type { MultiBodiedExtensionActions } from '@atlaskit/editor-common/extensions';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 export type TryExtensionHandlerType = (actions: MultiBodiedExtensionActions | undefined) => React.ReactElement | null;
 type Props = {
     node: PmNode;
@@ -11,6 +12,7 @@ type Props = {
     editorView: EditorView;
     getPos: () => number | undefined;
     tryExtensionHandler: TryExtensionHandlerType;
+    eventDispatcher?: EventDispatcher;
 };
-declare const MultiBodiedExtension: ({ node, handleContentDOMRef, getPos, tryExtensionHandler, editorView, }: Props) => jsx.JSX.Element;
+declare const MultiBodiedExtension: ({ node, handleContentDOMRef, getPos, tryExtensionHandler, editorView, eventDispatcher, }: Props) => jsx.JSX.Element;
 export default MultiBodiedExtension;

package/dist/types-ts4.5/plugins/extension/ui/Extension/index.d.ts

@@ -6,6 +6,7 @@ import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ProsemirrorGetPosHandler } from '@atlaskit/editor-common/react-node-view';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginInjectionAPIWithDependency, EditorAppearance } from '@atlaskit/editor-common/types';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 export interface Props {
     editorView: EditorView;
     node: PMNode;
@@ -16,6 +17,7 @@ export interface Props {
     references?: ReferenceEntity[];
     editorAppearance?: EditorAppearance;
     pluginInjectionApi: PluginInjectionAPIWithDependency<WidthPlugin> | undefined;
+    eventDispatcher?: EventDispatcher;
 }
 export default class Extension extends Component<Props, any> {
     static displayName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "189.6.23",
+  "version": "189.6.24",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -192,7 +192,7 @@
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/adf-schema-json": "^1.0.7",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/editor-extension-link-create": "^1.0.0",
+    "@atlassian/editor-extension-link-create": "^1.1.0",
     "@atlassian/feature-flags-test-utils": "^0.1.1",
     "@atlassian/link-picker-plugins": "^24.0.0",
     "@atlassian/search-provider": "2.4.11",