@atlaskit/editor-plugin-type-ahead 1.1.9 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 1.2.1
+
+### Patch Changes
+
+-   [#99635](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99635)
+    [`647b9c0a5da8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/647b9c0a5da8) -
+    [ED-23193] Fix typeahead analytics that were not firing to now use EditorAPI to fire events.
+-   Updated dependencies
+
+## 1.2.0
+
+### Minor Changes
+
+-   [#99579](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99579)
+    [`f222af5687e9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f222af5687e9) -
+    Bump adf-schema to 36.3.0 and adf-schema-json to 1.14.0
+
+### Patch Changes
+
+-   Updated dependencies
+
 ## 1.1.9
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -138,9 +138,7 @@ var createCloseTypeAhead = function createCloseTypeAhead(editorViewRef) {
  */
 var typeAheadPlugin = exports.typeAheadPlugin = function typeAheadPlugin(_ref) {
   var _api$analytics, _api$analytics2;
-  var options = _ref.config,
-    api = _ref.api;
-  var fireAnalyticsCallback = (0, _analytics.fireAnalyticsEvent)(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
+  var api = _ref.api;
   var popupMountRef = {
     current: null
   };
@@ -168,8 +166,7 @@ var typeAheadPlugin = exports.typeAheadPlugin = function typeAheadPlugin(_ref) {
             getIntl: getIntl,
             popupMountRef: popupMountRef,
             reactDispatch: dispatch,
-            typeAheadHandlers: typeAhead,
-            createAnalyticsEvent: options === null || options === void 0 ? void 0 : options.createAnalyticsEvent
+            typeAheadHandlers: typeAhead
           });
         }
       }, {
@@ -251,8 +248,7 @@ var typeAheadPlugin = exports.typeAheadPlugin = function typeAheadPlugin(_ref) {
       return /*#__PURE__*/_react.default.createElement(_ContentComponent.ContentComponent, {
         editorView: editorView,
         popupMountRef: popupMountRef,
-        api: api,
-        fireAnalyticsCallback: fireAnalyticsCallback
+        api: api
       });
     },
     onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref5) {
@@ -280,17 +276,16 @@ var typeAheadPlugin = exports.typeAheadPlugin = function typeAheadPlugin(_ref) {
       if (newTriggerHandler !== null && newTriggerHandler !== void 0 && newTriggerHandler.onOpen && isANewHandler) {
         newTriggerHandler.onOpen(newEditorState);
       }
-      if (newTriggerHandler && isANewHandler && options !== null && options !== void 0 && options.createAnalyticsEvent) {
-        fireAnalyticsCallback({
-          payload: {
-            action: _analytics.ACTION.INVOKED,
-            actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
-            actionSubjectId: newTriggerHandler.id || 'not_set',
-            attributes: {
-              inputMethod: newPluginState.inputMethod || _analytics.INPUT_METHOD.KEYBOARD
-            },
-            eventType: _analytics.EVENT_TYPE.UI
-          }
+      if (newTriggerHandler && isANewHandler) {
+        var _api$analytics3;
+        api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.fireAnalyticsEvent({
+          action: _analytics.ACTION.INVOKED,
+          actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
+          actionSubjectId: newTriggerHandler.id || 'not_set',
+          attributes: {
+            inputMethod: newPluginState.inputMethod || _analytics.INPUT_METHOD.KEYBOARD
+          },
+          eventType: _analytics.EVENT_TYPE.UI
         });
       }
     }

package/dist/cjs/pm-plugins/decorations.js

@@ -21,8 +21,7 @@ var _WrapperTypeAhead = require("../ui/WrapperTypeAhead");
 var _utils = require("../utils");
 var factoryDecorations = exports.factoryDecorations = function factoryDecorations(_ref) {
   var intl = _ref.intl,
-    popupMountRef = _ref.popupMountRef,
-    createAnalyticsEvent = _ref.createAnalyticsEvent;
+    popupMountRef = _ref.popupMountRef;
   var createDecorations = function createDecorations(tr, _ref2) {
     var triggerHandler = _ref2.triggerHandler,
       inputMethod = _ref2.inputMethod,
@@ -86,7 +85,6 @@ var factoryDecorations = exports.factoryDecorations = function factoryDecoration
         triggerHandler: triggerHandler,
         editorView: editorView,
         anchorElement: typeaheadComponent,
-        createAnalyticsEvent: createAnalyticsEvent,
         inputMethod: inputMethod,
         getDecorationPosition: getDecorationPosition,
         shouldFocusCursorInsideQuery: shouldFocusCursorInsideQuery,

package/dist/cjs/pm-plugins/main.js

@@ -29,14 +29,12 @@ var hasValidTypeAheadStep = function hasValidTypeAheadStep(tr) {
 function createPlugin(_ref) {
   var reactDispatch = _ref.reactDispatch,
     popupMountRef = _ref.popupMountRef,
-    createAnalyticsEvent = _ref.createAnalyticsEvent,
     typeAheadHandlers = _ref.typeAheadHandlers,
     getIntl = _ref.getIntl;
   var intl = getIntl();
   var _factoryDecorations = (0, _decorations.factoryDecorations)({
       intl: intl,
-      popupMountRef: popupMountRef,
-      createAnalyticsEvent: createAnalyticsEvent
+      popupMountRef: popupMountRef
     }),
     createDecorations = _factoryDecorations.createDecorations,
     removeDecorations = _factoryDecorations.removeDecorations;

package/dist/cjs/ui/ContentComponent.js

@@ -11,8 +11,7 @@ var _TypeAheadMenu = require("./TypeAheadMenu");
 function ContentComponent(_ref) {
   var api = _ref.api,
     editorView = _ref.editorView,
-    popupMountRef = _ref.popupMountRef,
-    fireAnalyticsCallback = _ref.fireAnalyticsCallback;
+    popupMountRef = _ref.popupMountRef;
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['typeAhead']),
     typeAheadState = _useSharedPluginState.typeAheadState;
   if (!typeAheadState) {
@@ -22,6 +21,6 @@ function ContentComponent(_ref) {
     editorView: editorView,
     popupMountRef: popupMountRef,
     typeAheadState: typeAheadState,
-    fireAnalyticsCallback: fireAnalyticsCallback
+    api: api
   });
 }

package/dist/cjs/ui/TypeAheadMenu.js

@@ -16,7 +16,7 @@ var TypeAheadMenu = exports.TypeAheadMenu = /*#__PURE__*/_react.default.memo(fun
   var editorView = _ref.editorView,
     popupMountRef = _ref.popupMountRef,
     typeAheadState = _ref.typeAheadState,
-    fireAnalyticsCallback = _ref.fireAnalyticsCallback;
+    api = _ref.api;
   var isOpen = typeAheadState.decorationSet.find().length > 0;
   var triggerHandler = typeAheadState.triggerHandler,
     items = typeAheadState.items,
@@ -83,13 +83,13 @@ var TypeAheadMenu = exports.TypeAheadMenu = /*#__PURE__*/_react.default.memo(fun
     popupsScrollableElement: (_popupMountRef$curren3 = popupMountRef.current) === null || _popupMountRef$curren3 === void 0 ? void 0 : _popupMountRef$curren3.popupsScrollableElement,
     anchorElement: decorationElement,
     triggerHandler: triggerHandler,
-    fireAnalyticsCallback: fireAnalyticsCallback,
     items: items,
     selectedIndex: selectedIndex,
     setSelectedItem: setSelectedItem,
     onItemInsert: insertItem,
     decorationSet: decorationSet,
     isEmptyQuery: !query,
-    cancel: cancel
+    cancel: cancel,
+    api: api
   });
 });

package/dist/cjs/ui/TypeAheadPopup.js

@@ -52,57 +52,55 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     items = props.items,
     selectedIndex = props.selectedIndex,
     onItemInsert = props.onItemInsert,
-    fireAnalyticsCallback = props.fireAnalyticsCallback,
     isEmptyQuery = props.isEmptyQuery,
-    cancel = props.cancel;
+    cancel = props.cancel,
+    api = props.api;
   var ref = (0, _react.useRef)(null);
   var startTime = (0, _react.useMemo)(function () {
     return performance.now();
   },
   // In case those props changes
   // we need to recreate the startTime
-  [items, isEmptyQuery, fireAnalyticsCallback, triggerHandler] // eslint-disable-line react-hooks/exhaustive-deps
+  [items, isEmptyQuery, triggerHandler] // eslint-disable-line react-hooks/exhaustive-deps
   );
   (0, _react.useEffect)(function () {
-    if (!fireAnalyticsCallback) {
+    var _api$analytics, _api$analytics2;
+    if (!(api !== null && api !== void 0 && (_api$analytics = api.analytics) !== null && _api$analytics !== void 0 && (_api$analytics = _api$analytics.actions) !== null && _api$analytics !== void 0 && _api$analytics.fireAnalyticsEvent)) {
       return;
     }
     var stopTime = performance.now();
     var time = stopTime - startTime;
-    fireAnalyticsCallback({
-      payload: {
-        action: _analytics.ACTION.RENDERED,
-        actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          time: time,
-          items: items.length,
-          initial: isEmptyQuery
-        }
+    api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
+      action: _analytics.ACTION.RENDERED,
+      actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
+      eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        time: time,
+        items: items.length,
+        initial: isEmptyQuery
       }
     });
-  }, [startTime, items, fireAnalyticsCallback, isEmptyQuery,
+  }, [startTime, items, isEmptyQuery,
   // In case the current triggerHandler changes
   // e.g: Inserting a mention using the quick insert
   // we need to send the event again
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  triggerHandler]);
+  triggerHandler, api]);
   (0, _react.useEffect)(function () {
-    if (!fireAnalyticsCallback) {
+    var _api$analytics3, _api$analytics4;
+    if (!(api !== null && api !== void 0 && (_api$analytics3 = api.analytics) !== null && _api$analytics3 !== void 0 && (_api$analytics3 = _api$analytics3.actions) !== null && _api$analytics3 !== void 0 && _api$analytics3.fireAnalyticsEvent)) {
       return;
     }
-    fireAnalyticsCallback({
-      payload: {
-        action: _analytics.ACTION.VIEWED,
-        actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD_ITEM,
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          index: selectedIndex,
-          items: items.length
-        }
+    api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || (_api$analytics4 = _api$analytics4.actions) === null || _api$analytics4 === void 0 || _api$analytics4.fireAnalyticsEvent({
+      action: _analytics.ACTION.VIEWED,
+      actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD_ITEM,
+      eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        index: selectedIndex,
+        items: items.length
       }
     });
-  }, [items, fireAnalyticsCallback, selectedIndex,
+  }, [items, api, selectedIndex,
   // In case the current triggerHandler changes
   // e.g: Inserting a mention using the quick insert
   // we need to send the event again

package/dist/cjs/ui/WrapperTypeAhead.js

@@ -25,7 +25,6 @@ var WrapperTypeAhead = exports.WrapperTypeAhead = /*#__PURE__*/_react.default.me
     popupsMountPoint = _ref.popupsMountPoint,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
     popupsScrollableElement = _ref.popupsScrollableElement,
-    createAnalyticsEvent = _ref.createAnalyticsEvent,
     inputMethod = _ref.inputMethod,
     getDecorationPosition = _ref.getDecorationPosition,
     reopenQuery = _ref.reopenQuery,

package/dist/es2019/plugin.js

@@ -8,7 +8,7 @@
  */
 import React from 'react';
 import { typeAheadQuery } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
@@ -133,11 +133,9 @@ const createCloseTypeAhead = editorViewRef => options => {
  *
  */
 export const typeAheadPlugin = ({
-  config: options,
   api
 }) => {
   var _api$analytics, _api$analytics2;
-  const fireAnalyticsCallback = fireAnalyticsEvent(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
   const popupMountRef = {
     current: null
   };
@@ -164,8 +162,7 @@ export const typeAheadPlugin = ({
           getIntl,
           popupMountRef,
           reactDispatch: dispatch,
-          typeAheadHandlers: typeAhead,
-          createAnalyticsEvent: options === null || options === void 0 ? void 0 : options.createAnalyticsEvent
+          typeAheadHandlers: typeAhead
         })
       }, {
         name: 'typeAheadEditorViewRef',
@@ -246,8 +243,7 @@ export const typeAheadPlugin = ({
       return /*#__PURE__*/React.createElement(ContentComponent, {
         editorView: editorView,
         popupMountRef: popupMountRef,
-        api: api,
-        fireAnalyticsCallback: fireAnalyticsCallback
+        api: api
       });
     },
     onEditorViewStateUpdated({
@@ -280,17 +276,16 @@ export const typeAheadPlugin = ({
       if (newTriggerHandler !== null && newTriggerHandler !== void 0 && newTriggerHandler.onOpen && isANewHandler) {
         newTriggerHandler.onOpen(newEditorState);
       }
-      if (newTriggerHandler && isANewHandler && options !== null && options !== void 0 && options.createAnalyticsEvent) {
-        fireAnalyticsCallback({
-          payload: {
-            action: ACTION.INVOKED,
-            actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-            actionSubjectId: newTriggerHandler.id || 'not_set',
-            attributes: {
-              inputMethod: newPluginState.inputMethod || INPUT_METHOD.KEYBOARD
-            },
-            eventType: EVENT_TYPE.UI
-          }
+      if (newTriggerHandler && isANewHandler) {
+        var _api$analytics3, _api$analytics3$actio;
+        api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : (_api$analytics3$actio = _api$analytics3.actions) === null || _api$analytics3$actio === void 0 ? void 0 : _api$analytics3$actio.fireAnalyticsEvent({
+          action: ACTION.INVOKED,
+          actionSubject: ACTION_SUBJECT.TYPEAHEAD,
+          actionSubjectId: newTriggerHandler.id || 'not_set',
+          attributes: {
+            inputMethod: newPluginState.inputMethod || INPUT_METHOD.KEYBOARD
+          },
+          eventType: EVENT_TYPE.UI
         });
       }
     }

package/dist/es2019/pm-plugins/decorations.js

@@ -14,8 +14,7 @@ import { WrapperTypeAhead } from '../ui/WrapperTypeAhead';
 import { getTypeAheadQuery } from '../utils';
 export const factoryDecorations = ({
   intl,
-  popupMountRef,
-  createAnalyticsEvent
+  popupMountRef
 }) => {
   const createDecorations = (tr, {
     triggerHandler,
@@ -85,7 +84,6 @@ export const factoryDecorations = ({
         triggerHandler: triggerHandler,
         editorView: editorView,
         anchorElement: typeaheadComponent,
-        createAnalyticsEvent: createAnalyticsEvent,
         inputMethod: inputMethod,
         getDecorationPosition: getDecorationPosition,
         shouldFocusCursorInsideQuery: shouldFocusCursorInsideQuery,

package/dist/es2019/pm-plugins/main.js

@@ -21,7 +21,6 @@ const hasValidTypeAheadStep = tr => {
 export function createPlugin({
   reactDispatch,
   popupMountRef,
-  createAnalyticsEvent,
   typeAheadHandlers,
   getIntl
 }) {
@@ -31,8 +30,7 @@ export function createPlugin({
     removeDecorations
   } = factoryDecorations({
     intl,
-    popupMountRef,
-    createAnalyticsEvent: createAnalyticsEvent
+    popupMountRef
   });
   const reducer = createReducer({
     createDecorations,

package/dist/es2019/ui/ContentComponent.js

@@ -4,8 +4,7 @@ import { TypeAheadMenu } from './TypeAheadMenu';
 export function ContentComponent({
   api,
   editorView,
-  popupMountRef,
-  fireAnalyticsCallback
+  popupMountRef
 }) {
   const {
     typeAheadState
@@ -17,6 +16,6 @@ export function ContentComponent({
     editorView: editorView,
     popupMountRef: popupMountRef,
     typeAheadState: typeAheadState,
-    fireAnalyticsCallback: fireAnalyticsCallback
+    api: api
   });
 }

package/dist/es2019/ui/TypeAheadMenu.js

@@ -7,7 +7,7 @@ export const TypeAheadMenu = /*#__PURE__*/React.memo(({
   editorView,
   popupMountRef,
   typeAheadState,
-  fireAnalyticsCallback
+  api
 }) => {
   var _popupMountRef$curren, _popupMountRef$curren2, _popupMountRef$curren3;
   const isOpen = typeAheadState.decorationSet.find().length > 0;
@@ -74,13 +74,13 @@ export const TypeAheadMenu = /*#__PURE__*/React.memo(({
     popupsScrollableElement: (_popupMountRef$curren3 = popupMountRef.current) === null || _popupMountRef$curren3 === void 0 ? void 0 : _popupMountRef$curren3.popupsScrollableElement,
     anchorElement: decorationElement,
     triggerHandler: triggerHandler,
-    fireAnalyticsCallback: fireAnalyticsCallback,
     items: items,
     selectedIndex: selectedIndex,
     setSelectedItem: setSelectedItem,
     onItemInsert: insertItem,
     decorationSet: decorationSet,
     isEmptyQuery: !query,
-    cancel: cancel
+    cancel: cancel,
+    api: api
   });
 });

package/dist/es2019/ui/TypeAheadPopup.js

@@ -42,56 +42,54 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     items,
     selectedIndex,
     onItemInsert,
-    fireAnalyticsCallback,
     isEmptyQuery,
-    cancel
+    cancel,
+    api
   } = props;
   const ref = useRef(null);
   const startTime = useMemo(() => performance.now(),
   // In case those props changes
   // we need to recreate the startTime
-  [items, isEmptyQuery, fireAnalyticsCallback, triggerHandler] // eslint-disable-line react-hooks/exhaustive-deps
+  [items, isEmptyQuery, triggerHandler] // eslint-disable-line react-hooks/exhaustive-deps
   );
   useEffect(() => {
-    if (!fireAnalyticsCallback) {
+    var _api$analytics, _api$analytics$action, _api$analytics2, _api$analytics2$actio;
+    if (!(api !== null && api !== void 0 && (_api$analytics = api.analytics) !== null && _api$analytics !== void 0 && (_api$analytics$action = _api$analytics.actions) !== null && _api$analytics$action !== void 0 && _api$analytics$action.fireAnalyticsEvent)) {
       return;
     }
     const stopTime = performance.now();
     const time = stopTime - startTime;
-    fireAnalyticsCallback({
-      payload: {
-        action: ACTION.RENDERED,
-        actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          time,
-          items: items.length,
-          initial: isEmptyQuery
-        }
+    api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.fireAnalyticsEvent({
+      action: ACTION.RENDERED,
+      actionSubject: ACTION_SUBJECT.TYPEAHEAD,
+      eventType: EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        time,
+        items: items.length,
+        initial: isEmptyQuery
       }
     });
-  }, [startTime, items, fireAnalyticsCallback, isEmptyQuery,
+  }, [startTime, items, isEmptyQuery,
   // In case the current triggerHandler changes
   // e.g: Inserting a mention using the quick insert
   // we need to send the event again
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  triggerHandler]);
+  triggerHandler, api]);
   useEffect(() => {
-    if (!fireAnalyticsCallback) {
+    var _api$analytics3, _api$analytics3$actio, _api$analytics4, _api$analytics4$actio;
+    if (!(api !== null && api !== void 0 && (_api$analytics3 = api.analytics) !== null && _api$analytics3 !== void 0 && (_api$analytics3$actio = _api$analytics3.actions) !== null && _api$analytics3$actio !== void 0 && _api$analytics3$actio.fireAnalyticsEvent)) {
       return;
     }
-    fireAnalyticsCallback({
-      payload: {
-        action: ACTION.VIEWED,
-        actionSubject: ACTION_SUBJECT.TYPEAHEAD_ITEM,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          index: selectedIndex,
-          items: items.length
-        }
+    api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : (_api$analytics4$actio = _api$analytics4.actions) === null || _api$analytics4$actio === void 0 ? void 0 : _api$analytics4$actio.fireAnalyticsEvent({
+      action: ACTION.VIEWED,
+      actionSubject: ACTION_SUBJECT.TYPEAHEAD_ITEM,
+      eventType: EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        index: selectedIndex,
+        items: items.length
       }
     });
-  }, [items, fireAnalyticsCallback, selectedIndex,
+  }, [items, api, selectedIndex,
   // In case the current triggerHandler changes
   // e.g: Inserting a mention using the quick insert
   // we need to send the event again

package/dist/es2019/ui/WrapperTypeAhead.js

@@ -14,7 +14,6 @@ export const WrapperTypeAhead = /*#__PURE__*/React.memo(({
   popupsMountPoint,
   popupsBoundariesElement,
   popupsScrollableElement,
-  createAnalyticsEvent,
   inputMethod,
   getDecorationPosition,
   reopenQuery,

package/dist/esm/plugin.js

@@ -8,7 +8,7 @@
  */
 import React from 'react';
 import { typeAheadQuery } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
@@ -130,9 +130,7 @@ var createCloseTypeAhead = function createCloseTypeAhead(editorViewRef) {
  */
 export var typeAheadPlugin = function typeAheadPlugin(_ref) {
   var _api$analytics, _api$analytics2;
-  var options = _ref.config,
-    api = _ref.api;
-  var fireAnalyticsCallback = fireAnalyticsEvent(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
+  var api = _ref.api;
   var popupMountRef = {
     current: null
   };
@@ -160,8 +158,7 @@ export var typeAheadPlugin = function typeAheadPlugin(_ref) {
             getIntl: getIntl,
             popupMountRef: popupMountRef,
             reactDispatch: dispatch,
-            typeAheadHandlers: typeAhead,
-            createAnalyticsEvent: options === null || options === void 0 ? void 0 : options.createAnalyticsEvent
+            typeAheadHandlers: typeAhead
           });
         }
       }, {
@@ -243,8 +240,7 @@ export var typeAheadPlugin = function typeAheadPlugin(_ref) {
       return /*#__PURE__*/React.createElement(ContentComponent, {
         editorView: editorView,
         popupMountRef: popupMountRef,
-        api: api,
-        fireAnalyticsCallback: fireAnalyticsCallback
+        api: api
       });
     },
     onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref5) {
@@ -272,17 +268,16 @@ export var typeAheadPlugin = function typeAheadPlugin(_ref) {
       if (newTriggerHandler !== null && newTriggerHandler !== void 0 && newTriggerHandler.onOpen && isANewHandler) {
         newTriggerHandler.onOpen(newEditorState);
       }
-      if (newTriggerHandler && isANewHandler && options !== null && options !== void 0 && options.createAnalyticsEvent) {
-        fireAnalyticsCallback({
-          payload: {
-            action: ACTION.INVOKED,
-            actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-            actionSubjectId: newTriggerHandler.id || 'not_set',
-            attributes: {
-              inputMethod: newPluginState.inputMethod || INPUT_METHOD.KEYBOARD
-            },
-            eventType: EVENT_TYPE.UI
-          }
+      if (newTriggerHandler && isANewHandler) {
+        var _api$analytics3;
+        api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.fireAnalyticsEvent({
+          action: ACTION.INVOKED,
+          actionSubject: ACTION_SUBJECT.TYPEAHEAD,
+          actionSubjectId: newTriggerHandler.id || 'not_set',
+          attributes: {
+            inputMethod: newPluginState.inputMethod || INPUT_METHOD.KEYBOARD
+          },
+          eventType: EVENT_TYPE.UI
         });
       }
     }

package/dist/esm/pm-plugins/decorations.js

@@ -14,8 +14,7 @@ import { WrapperTypeAhead } from '../ui/WrapperTypeAhead';
 import { getTypeAheadQuery } from '../utils';
 export var factoryDecorations = function factoryDecorations(_ref) {
   var intl = _ref.intl,
-    popupMountRef = _ref.popupMountRef,
-    createAnalyticsEvent = _ref.createAnalyticsEvent;
+    popupMountRef = _ref.popupMountRef;
   var createDecorations = function createDecorations(tr, _ref2) {
     var triggerHandler = _ref2.triggerHandler,
       inputMethod = _ref2.inputMethod,
@@ -79,7 +78,6 @@ export var factoryDecorations = function factoryDecorations(_ref) {
         triggerHandler: triggerHandler,
         editorView: editorView,
         anchorElement: typeaheadComponent,
-        createAnalyticsEvent: createAnalyticsEvent,
         inputMethod: inputMethod,
         getDecorationPosition: getDecorationPosition,
         shouldFocusCursorInsideQuery: shouldFocusCursorInsideQuery,

package/dist/esm/pm-plugins/main.js

@@ -23,14 +23,12 @@ var hasValidTypeAheadStep = function hasValidTypeAheadStep(tr) {
 export function createPlugin(_ref) {
   var reactDispatch = _ref.reactDispatch,
     popupMountRef = _ref.popupMountRef,
-    createAnalyticsEvent = _ref.createAnalyticsEvent,
     typeAheadHandlers = _ref.typeAheadHandlers,
     getIntl = _ref.getIntl;
   var intl = getIntl();
   var _factoryDecorations = factoryDecorations({
       intl: intl,
-      popupMountRef: popupMountRef,
-      createAnalyticsEvent: createAnalyticsEvent
+      popupMountRef: popupMountRef
     }),
     createDecorations = _factoryDecorations.createDecorations,
     removeDecorations = _factoryDecorations.removeDecorations;

package/dist/esm/ui/ContentComponent.js

@@ -4,8 +4,7 @@ import { TypeAheadMenu } from './TypeAheadMenu';
 export function ContentComponent(_ref) {
   var api = _ref.api,
     editorView = _ref.editorView,
-    popupMountRef = _ref.popupMountRef,
-    fireAnalyticsCallback = _ref.fireAnalyticsCallback;
+    popupMountRef = _ref.popupMountRef;
   var _useSharedPluginState = useSharedPluginState(api, ['typeAhead']),
     typeAheadState = _useSharedPluginState.typeAheadState;
   if (!typeAheadState) {
@@ -15,6 +14,6 @@ export function ContentComponent(_ref) {
     editorView: editorView,
     popupMountRef: popupMountRef,
     typeAheadState: typeAheadState,
-    fireAnalyticsCallback: fireAnalyticsCallback
+    api: api
   });
 }

package/dist/esm/ui/TypeAheadMenu.js

@@ -9,7 +9,7 @@ export var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
   var editorView = _ref.editorView,
     popupMountRef = _ref.popupMountRef,
     typeAheadState = _ref.typeAheadState,
-    fireAnalyticsCallback = _ref.fireAnalyticsCallback;
+    api = _ref.api;
   var isOpen = typeAheadState.decorationSet.find().length > 0;
   var triggerHandler = typeAheadState.triggerHandler,
     items = typeAheadState.items,
@@ -76,13 +76,13 @@ export var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
     popupsScrollableElement: (_popupMountRef$curren3 = popupMountRef.current) === null || _popupMountRef$curren3 === void 0 ? void 0 : _popupMountRef$curren3.popupsScrollableElement,
     anchorElement: decorationElement,
     triggerHandler: triggerHandler,
-    fireAnalyticsCallback: fireAnalyticsCallback,
     items: items,
     selectedIndex: selectedIndex,
     setSelectedItem: setSelectedItem,
     onItemInsert: insertItem,
     decorationSet: decorationSet,
     isEmptyQuery: !query,
-    cancel: cancel
+    cancel: cancel,
+    api: api
   });
 });

package/dist/esm/ui/TypeAheadPopup.js

@@ -41,57 +41,55 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     items = props.items,
     selectedIndex = props.selectedIndex,
     onItemInsert = props.onItemInsert,
-    fireAnalyticsCallback = props.fireAnalyticsCallback,
     isEmptyQuery = props.isEmptyQuery,
-    cancel = props.cancel;
+    cancel = props.cancel,
+    api = props.api;
   var ref = useRef(null);
   var startTime = useMemo(function () {
     return performance.now();
   },
   // In case those props changes
   // we need to recreate the startTime
-  [items, isEmptyQuery, fireAnalyticsCallback, triggerHandler] // eslint-disable-line react-hooks/exhaustive-deps
+  [items, isEmptyQuery, triggerHandler] // eslint-disable-line react-hooks/exhaustive-deps
   );
   useEffect(function () {
-    if (!fireAnalyticsCallback) {
+    var _api$analytics, _api$analytics2;
+    if (!(api !== null && api !== void 0 && (_api$analytics = api.analytics) !== null && _api$analytics !== void 0 && (_api$analytics = _api$analytics.actions) !== null && _api$analytics !== void 0 && _api$analytics.fireAnalyticsEvent)) {
       return;
     }
     var stopTime = performance.now();
     var time = stopTime - startTime;
-    fireAnalyticsCallback({
-      payload: {
-        action: ACTION.RENDERED,
-        actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          time: time,
-          items: items.length,
-          initial: isEmptyQuery
-        }
+    api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
+      action: ACTION.RENDERED,
+      actionSubject: ACTION_SUBJECT.TYPEAHEAD,
+      eventType: EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        time: time,
+        items: items.length,
+        initial: isEmptyQuery
       }
     });
-  }, [startTime, items, fireAnalyticsCallback, isEmptyQuery,
+  }, [startTime, items, isEmptyQuery,
   // In case the current triggerHandler changes
   // e.g: Inserting a mention using the quick insert
   // we need to send the event again
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  triggerHandler]);
+  triggerHandler, api]);
   useEffect(function () {
-    if (!fireAnalyticsCallback) {
+    var _api$analytics3, _api$analytics4;
+    if (!(api !== null && api !== void 0 && (_api$analytics3 = api.analytics) !== null && _api$analytics3 !== void 0 && (_api$analytics3 = _api$analytics3.actions) !== null && _api$analytics3 !== void 0 && _api$analytics3.fireAnalyticsEvent)) {
       return;
     }
-    fireAnalyticsCallback({
-      payload: {
-        action: ACTION.VIEWED,
-        actionSubject: ACTION_SUBJECT.TYPEAHEAD_ITEM,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          index: selectedIndex,
-          items: items.length
-        }
+    api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || (_api$analytics4 = _api$analytics4.actions) === null || _api$analytics4 === void 0 || _api$analytics4.fireAnalyticsEvent({
+      action: ACTION.VIEWED,
+      actionSubject: ACTION_SUBJECT.TYPEAHEAD_ITEM,
+      eventType: EVENT_TYPE.OPERATIONAL,
+      attributes: {
+        index: selectedIndex,
+        items: items.length
       }
     });
-  }, [items, fireAnalyticsCallback, selectedIndex,
+  }, [items, api, selectedIndex,
   // In case the current triggerHandler changes
   // e.g: Inserting a mention using the quick insert
   // we need to send the event again

package/dist/esm/ui/WrapperTypeAhead.js

@@ -15,7 +15,6 @@ export var WrapperTypeAhead = /*#__PURE__*/React.memo(function (_ref) {
     popupsMountPoint = _ref.popupsMountPoint,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
     popupsScrollableElement = _ref.popupsScrollableElement,
-    createAnalyticsEvent = _ref.createAnalyticsEvent,
     inputMethod = _ref.inputMethod,
     getDecorationPosition = _ref.getDecorationPosition,
     reopenQuery = _ref.reopenQuery,

package/dist/types/pm-plugins/decorations.d.ts

@@ -1,14 +1,12 @@
 import type { IntlShape } from 'react-intl-next';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { CreateTypeAheadDecorations, PopupMountPointReference, RemoveTypeAheadDecorations } from '../types';
 type FactoryProps = {
     intl: IntlShape;
     popupMountRef: PopupMountPointReference;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
 };
 type FactoryReturn = {
     createDecorations: CreateTypeAheadDecorations;
     removeDecorations: RemoveTypeAheadDecorations;
 };
-export declare const factoryDecorations: ({ intl, popupMountRef, createAnalyticsEvent, }: FactoryProps) => FactoryReturn;
+export declare const factoryDecorations: ({ intl, popupMountRef, }: FactoryProps) => FactoryReturn;
 export {};

package/dist/types/pm-plugins/main.d.ts

@@ -1,5 +1,4 @@
 import type { IntlShape } from 'react-intl-next';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { PopupMountPointReference, TypeAheadHandler } from '../types';
@@ -7,8 +6,7 @@ type Props = {
     reactDispatch: Dispatch;
     popupMountRef: PopupMountPointReference;
     typeAheadHandlers: Array<TypeAheadHandler>;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
     getIntl: () => IntlShape;
 };
-export declare function createPlugin({ reactDispatch, popupMountRef, createAnalyticsEvent, typeAheadHandlers, getIntl, }: Props): SafePlugin;
+export declare function createPlugin({ reactDispatch, popupMountRef, typeAheadHandlers, getIntl, }: Props): SafePlugin;
 export {};

package/dist/types/types.d.ts

@@ -1,4 +1,3 @@
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { Command, NextEditorPlugin, OptionalPlugin, TypeAheadForceSelect, TypeAheadHandler, TypeAheadInsert, TypeAheadItem, TypeAheadItemRenderProps, TypeAheadSelectItem, TypeAheadStats, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
@@ -66,7 +65,6 @@ export type RemoveTypeAheadDecorations = (decorationSet?: DecorationSet) => bool
 export type TypeAheadInputMethod = INPUT_METHOD.INSERT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
 export type TypeAheadPluginOptions = {
     isMobile?: boolean;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
 };
 type OpenTypeAheadProps = {
     triggerHandler: TypeAheadHandler;

package/dist/types/ui/ContentComponent.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PopupMountPointReference, TypeAheadPlugin } from '../types';
@@ -7,7 +6,6 @@ interface ContentComponentProps {
     api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
     editorView: EditorView;
     popupMountRef: PopupMountPointReference;
-    fireAnalyticsCallback: FireAnalyticsCallback;
 }
-export declare function ContentComponent({ api, editorView, popupMountRef, fireAnalyticsCallback, }: ContentComponentProps): JSX.Element | null;
+export declare function ContentComponent({ api, editorView, popupMountRef, }: ContentComponentProps): JSX.Element | null;
 export {};

package/dist/types/ui/TypeAheadMenu.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PopupMountPointReference, TypeAheadPluginSharedState } from '../types';
+import type { PopupMountPointReference, TypeAheadPlugin, TypeAheadPluginSharedState } from '../types';
 type TypeAheadMenuType = {
     typeAheadState: TypeAheadPluginSharedState;
     editorView: EditorView;
     popupMountRef: PopupMountPointReference;
-    fireAnalyticsCallback: FireAnalyticsCallback;
+    api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
 };
-export declare const TypeAheadMenu: React.MemoExoticComponent<({ editorView, popupMountRef, typeAheadState, fireAnalyticsCallback, }: TypeAheadMenuType) => JSX.Element | null>;
+export declare const TypeAheadMenu: React.MemoExoticComponent<({ editorView, popupMountRef, typeAheadState, api }: TypeAheadMenuType) => JSX.Element | null>;
 export {};

package/dist/types/ui/TypeAheadPopup.d.ts

@@ -1,11 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
 import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { DecorationSet, EditorView } from '@atlaskit/editor-prosemirror/view';
 import { CloseSelectionOptions } from '../constants';
-import type { OnSelectItem, TypeAheadHandler, TypeAheadItem } from '../types';
+import type { OnSelectItem, TypeAheadHandler, TypeAheadItem, TypeAheadPlugin } from '../types';
 type TypeAheadPopupProps = {
     triggerHandler: TypeAheadHandler;
     editorView: EditorView;
@@ -13,7 +13,6 @@ type TypeAheadPopupProps = {
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    fireAnalyticsCallback: FireAnalyticsCallback;
     items: Array<TypeAheadItem>;
     selectedIndex: number;
     setSelectedItem: OnSelectItem;
@@ -25,6 +24,7 @@ type TypeAheadPopupProps = {
         addPrefixTrigger: boolean;
         forceFocusOnEditor: boolean;
     }) => void;
+    api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
 };
 export declare const TypeAheadPopup: React.MemoExoticComponent<(props: TypeAheadPopupProps) => jsx.JSX.Element>;
 export {};

package/dist/types/ui/WrapperTypeAhead.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { TypeAheadHandler, TypeAheadInputMethod } from '../types';
 type WrapperProps = {
@@ -13,8 +12,7 @@ type WrapperProps = {
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
     inputMethod?: TypeAheadInputMethod;
 };
-export declare const WrapperTypeAhead: React.MemoExoticComponent<({ triggerHandler, editorView, anchorElement, shouldFocusCursorInsideQuery, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, createAnalyticsEvent, inputMethod, getDecorationPosition, reopenQuery, onUndoRedo, }: WrapperProps) => JSX.Element | null>;
+export declare const WrapperTypeAhead: React.MemoExoticComponent<({ triggerHandler, editorView, anchorElement, shouldFocusCursorInsideQuery, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, inputMethod, getDecorationPosition, reopenQuery, onUndoRedo, }: WrapperProps) => JSX.Element | null>;
 export {};

package/dist/types-ts4.5/pm-plugins/decorations.d.ts

@@ -1,14 +1,12 @@
 import type { IntlShape } from 'react-intl-next';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { CreateTypeAheadDecorations, PopupMountPointReference, RemoveTypeAheadDecorations } from '../types';
 type FactoryProps = {
     intl: IntlShape;
     popupMountRef: PopupMountPointReference;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
 };
 type FactoryReturn = {
     createDecorations: CreateTypeAheadDecorations;
     removeDecorations: RemoveTypeAheadDecorations;
 };
-export declare const factoryDecorations: ({ intl, popupMountRef, createAnalyticsEvent, }: FactoryProps) => FactoryReturn;
+export declare const factoryDecorations: ({ intl, popupMountRef, }: FactoryProps) => FactoryReturn;
 export {};

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,5 +1,4 @@
 import type { IntlShape } from 'react-intl-next';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { PopupMountPointReference, TypeAheadHandler } from '../types';
@@ -7,8 +6,7 @@ type Props = {
     reactDispatch: Dispatch;
     popupMountRef: PopupMountPointReference;
     typeAheadHandlers: Array<TypeAheadHandler>;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
     getIntl: () => IntlShape;
 };
-export declare function createPlugin({ reactDispatch, popupMountRef, createAnalyticsEvent, typeAheadHandlers, getIntl, }: Props): SafePlugin;
+export declare function createPlugin({ reactDispatch, popupMountRef, typeAheadHandlers, getIntl, }: Props): SafePlugin;
 export {};

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

@@ -1,4 +1,3 @@
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { Command, NextEditorPlugin, OptionalPlugin, TypeAheadForceSelect, TypeAheadHandler, TypeAheadInsert, TypeAheadItem, TypeAheadItemRenderProps, TypeAheadSelectItem, TypeAheadStats, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
@@ -66,7 +65,6 @@ export type RemoveTypeAheadDecorations = (decorationSet?: DecorationSet) => bool
 export type TypeAheadInputMethod = INPUT_METHOD.INSERT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
 export type TypeAheadPluginOptions = {
     isMobile?: boolean;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
 };
 type OpenTypeAheadProps = {
     triggerHandler: TypeAheadHandler;

package/dist/types-ts4.5/ui/ContentComponent.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PopupMountPointReference, TypeAheadPlugin } from '../types';
@@ -7,7 +6,6 @@ interface ContentComponentProps {
     api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
     editorView: EditorView;
     popupMountRef: PopupMountPointReference;
-    fireAnalyticsCallback: FireAnalyticsCallback;
 }
-export declare function ContentComponent({ api, editorView, popupMountRef, fireAnalyticsCallback, }: ContentComponentProps): JSX.Element | null;
+export declare function ContentComponent({ api, editorView, popupMountRef, }: ContentComponentProps): JSX.Element | null;
 export {};

package/dist/types-ts4.5/ui/TypeAheadMenu.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PopupMountPointReference, TypeAheadPluginSharedState } from '../types';
+import type { PopupMountPointReference, TypeAheadPlugin, TypeAheadPluginSharedState } from '../types';
 type TypeAheadMenuType = {
     typeAheadState: TypeAheadPluginSharedState;
     editorView: EditorView;
     popupMountRef: PopupMountPointReference;
-    fireAnalyticsCallback: FireAnalyticsCallback;
+    api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
 };
-export declare const TypeAheadMenu: React.MemoExoticComponent<({ editorView, popupMountRef, typeAheadState, fireAnalyticsCallback, }: TypeAheadMenuType) => JSX.Element | null>;
+export declare const TypeAheadMenu: React.MemoExoticComponent<({ editorView, popupMountRef, typeAheadState, api }: TypeAheadMenuType) => JSX.Element | null>;
 export {};

package/dist/types-ts4.5/ui/TypeAheadPopup.d.ts

@@ -1,11 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
 import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { DecorationSet, EditorView } from '@atlaskit/editor-prosemirror/view';
 import { CloseSelectionOptions } from '../constants';
-import type { OnSelectItem, TypeAheadHandler, TypeAheadItem } from '../types';
+import type { OnSelectItem, TypeAheadHandler, TypeAheadItem, TypeAheadPlugin } from '../types';
 type TypeAheadPopupProps = {
     triggerHandler: TypeAheadHandler;
     editorView: EditorView;
@@ -13,7 +13,6 @@ type TypeAheadPopupProps = {
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    fireAnalyticsCallback: FireAnalyticsCallback;
     items: Array<TypeAheadItem>;
     selectedIndex: number;
     setSelectedItem: OnSelectItem;
@@ -25,6 +24,7 @@ type TypeAheadPopupProps = {
         addPrefixTrigger: boolean;
         forceFocusOnEditor: boolean;
     }) => void;
+    api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
 };
 export declare const TypeAheadPopup: React.MemoExoticComponent<(props: TypeAheadPopupProps) => jsx.JSX.Element>;
 export {};

package/dist/types-ts4.5/ui/WrapperTypeAhead.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { TypeAheadHandler, TypeAheadInputMethod } from '../types';
 type WrapperProps = {
@@ -13,8 +12,7 @@ type WrapperProps = {
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
     inputMethod?: TypeAheadInputMethod;
 };
-export declare const WrapperTypeAhead: React.MemoExoticComponent<({ triggerHandler, editorView, anchorElement, shouldFocusCursorInsideQuery, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, createAnalyticsEvent, inputMethod, getDecorationPosition, reopenQuery, onUndoRedo, }: WrapperProps) => JSX.Element | null>;
+export declare const WrapperTypeAhead: React.MemoExoticComponent<({ triggerHandler, editorView, anchorElement, shouldFocusCursorInsideQuery, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, inputMethod, getDecorationPosition, reopenQuery, onUndoRedo, }: WrapperProps) => JSX.Element | null>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-type-ahead",
-  "version": "1.1.9",
+  "version": "1.2.1",
   "description": "Type-ahead plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -32,13 +32,12 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^36.1.0",
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/editor-common": "^80.0.0",
-    "@atlaskit/editor-plugin-analytics": "^1.1.0",
+    "@atlaskit/adf-schema": "^36.3.0",
+    "@atlaskit/editor-common": "^80.3.0",
+    "@atlaskit/editor-plugin-analytics": "^1.2.0",
     "@atlaskit/editor-prosemirror": "4.0.1",
-    "@atlaskit/editor-shared-styles": "^2.10.0",
-    "@atlaskit/menu": "^2.2.0",
+    "@atlaskit/editor-shared-styles": "^2.11.0",
+    "@atlaskit/menu": "^2.3.0",
     "@atlaskit/prosemirror-input-rules": "^3.1.0",
     "@atlaskit/theme": "^12.8.0",
     "@atlaskit/tokens": "^1.48.0",

package/report.api.md

@@ -17,7 +17,6 @@
 ```ts
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { Command } from '@atlaskit/editor-common/types';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
@@ -92,7 +91,6 @@ export const typeAheadPlugin: TypeAheadPlugin;
 // @public (undocumented)
 export type TypeAheadPluginOptions = {
   isMobile?: boolean;
-  createAnalyticsEvent?: CreateUIAnalyticsEvent;
 };
 
 // @public (undocumented)