@atlaskit/editor-plugin-type-ahead 3.1.13 → 3.1.14

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 3.1.14
+
+### Patch Changes
+
+- [`f204d18f922f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f204d18f922f0) -
+  ED-29116: clean up sharedPluginStateHookMigratorFactory in type-ahead
+
 ## 3.1.13
 
 ### Patch Changes

package/dist/cjs/ui/ContentComponent.js

@@ -11,7 +11,10 @@ var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _TypeAheadMenu = require("./modern/TypeAheadMenu");
 var _TypeAheadMenu2 = require("./TypeAheadMenu");
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+function ContentComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView,
+    popupMountRef = _ref.popupMountRef;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['typeAhead'], function (states) {
       var _states$typeAheadStat, _states$typeAheadStat2, _states$typeAheadStat3, _states$typeAheadStat4, _states$typeAheadStat5, _states$typeAheadStat6, _states$typeAheadStat7;
       return {
@@ -31,40 +34,6 @@ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (
     decorationSet = _useSharedPluginState.decorationSet,
     query = _useSharedPluginState.query,
     selectedIndex = _useSharedPluginState.selectedIndex;
-  return {
-    triggerHandler: triggerHandler,
-    items: items,
-    errorInfo: errorInfo,
-    decorationElement: decorationElement,
-    decorationSet: decorationSet,
-    query: query,
-    selectedIndex: selectedIndex
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['typeAhead']),
-    typeAheadState = _useSharedPluginState2.typeAheadState;
-  return {
-    triggerHandler: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.triggerHandler,
-    items: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.items,
-    errorInfo: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.errorInfo,
-    decorationElement: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.decorationElement,
-    decorationSet: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.decorationSet,
-    query: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.query,
-    selectedIndex: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.selectedIndex
-  };
-});
-function ContentComponent(_ref) {
-  var api = _ref.api,
-    editorView = _ref.editorView,
-    popupMountRef = _ref.popupMountRef;
-  var _useSharedState = useSharedState(api),
-    triggerHandler = _useSharedState.triggerHandler,
-    items = _useSharedState.items,
-    errorInfo = _useSharedState.errorInfo,
-    decorationElement = _useSharedState.decorationElement,
-    decorationSet = _useSharedState.decorationSet,
-    query = _useSharedState.query,
-    selectedIndex = _useSharedState.selectedIndex;
   if (items === undefined || decorationSet === undefined || errorInfo === undefined || decorationElement === undefined || query === undefined || selectedIndex === undefined) {
     return null;
   }

package/dist/cjs/ui/TypeAheadListItem.js

@@ -158,24 +158,6 @@ var CustomItemComponentWrapper = /*#__PURE__*/_react.default.memo(function (prop
     onHover: noop
   })));
 });
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
-      var _states$connectivityS;
-      return {
-        mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
-      };
-    }),
-    mode = _useSharedPluginState.mode;
-  return {
-    connectivityMode: mode
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['connectivity']),
-    connectivityState = _useSharedPluginState2.connectivityState;
-  return {
-    connectivityMode: connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode
-  };
-});
 var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.memo(function (_ref2) {
   var item = _ref2.item,
     itemsLength = _ref2.itemsLength,
@@ -186,8 +168,13 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
     moreElementsInQuickInsertViewEnabled = _ref2.moreElementsInQuickInsertViewEnabled,
     api = _ref2.api,
     firstOnlineSupportedIndex = _ref2.firstOnlineSupportedIndex;
-  var _useSharedState = useSharedState(api),
-    connectivityMode = _useSharedState.connectivityMode;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
+      var _states$connectivityS;
+      return {
+        connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
+      };
+    }),
+    connectivityMode = _useSharedPluginState.connectivityMode;
   var isItemDisabled = function isItemDisabled(item) {
     var _item$isDisabledOffli;
     return connectivityMode === 'offline' && ((_item$isDisabledOffli = item === null || item === void 0 ? void 0 : item.isDisabledOffline) !== null && _item$isDisabledOffli !== void 0 ? _item$isDisabledOffli : false);

package/dist/cjs/ui/TypeAheadPopup.js

@@ -62,24 +62,6 @@ var Highlight = function Highlight(_ref) {
   return triggerHandler.getHighlight(state);
 };
 var OFFSET = [0, 8];
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
-      var _states$featureFlagsS;
-      return {
-        moreElementsInQuickInsertView: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.moreElementsInQuickInsertView
-      };
-    }),
-    moreElementsInQuickInsertView = _useSharedPluginState.moreElementsInQuickInsertView;
-  return {
-    moreElementsInQuickInsertView: moreElementsInQuickInsertView
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState2.featureFlagsState;
-  return {
-    moreElementsInQuickInsertView: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.moreElementsInQuickInsertView
-  };
-});
 var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
   var _getPluginState;
   var editorView = props.editorView,
@@ -97,8 +79,13 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     api = props.api,
     showMoreOptionsButton = props.showMoreOptionsButton;
   var ref = (0, _react.useRef)(null);
-  var _useSharedState = useSharedState(api),
-    moreElementsInQuickInsertView = _useSharedState.moreElementsInQuickInsertView;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
+      var _states$featureFlagsS;
+      return {
+        moreElementsInQuickInsertView: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.moreElementsInQuickInsertView
+      };
+    }),
+    moreElementsInQuickInsertView = _useSharedPluginState.moreElementsInQuickInsertView;
   var moreElementsInQuickInsertViewEnabled = moreElementsInQuickInsertView && triggerHandler.id === _typeAhead.TypeAheadAvailableNodes.QUICK_INSERT;
   var isEditorControlsEnabled = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1');
   var defaultMenuHeight = (0, _react.useMemo)(function () {

package/dist/es2019/ui/ContentComponent.js

@@ -1,10 +1,14 @@
 import React from 'react';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { TypeAheadMenu as TypeAheadMenuModern } from './modern/TypeAheadMenu';
 import { TypeAheadMenu } from './TypeAheadMenu';
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
+export function ContentComponent({
+  api,
+  editorView,
+  popupMountRef
+}) {
   const {
     triggerHandler,
     items,
@@ -25,43 +29,6 @@ const useSharedState = sharedPluginStateHookMigratorFactory(api => {
       selectedIndex: (_states$typeAheadStat7 = states.typeAheadState) === null || _states$typeAheadStat7 === void 0 ? void 0 : _states$typeAheadStat7.selectedIndex
     };
   });
-  return {
-    triggerHandler,
-    items,
-    errorInfo,
-    decorationElement,
-    decorationSet,
-    query,
-    selectedIndex
-  };
-}, api => {
-  const {
-    typeAheadState
-  } = useSharedPluginState(api, ['typeAhead']);
-  return {
-    triggerHandler: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.triggerHandler,
-    items: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.items,
-    errorInfo: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.errorInfo,
-    decorationElement: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.decorationElement,
-    decorationSet: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.decorationSet,
-    query: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.query,
-    selectedIndex: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.selectedIndex
-  };
-});
-export function ContentComponent({
-  api,
-  editorView,
-  popupMountRef
-}) {
-  const {
-    triggerHandler,
-    items,
-    errorInfo,
-    decorationElement,
-    decorationSet,
-    query,
-    selectedIndex
-  } = useSharedState(api);
   if (items === undefined || decorationSet === undefined || errorInfo === undefined || decorationElement === undefined || query === undefined || selectedIndex === undefined) {
     return null;
   }

package/dist/es2019/ui/TypeAheadListItem.js

@@ -7,7 +7,7 @@ import React, { useCallback, useLayoutEffect, useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { IconFallback } from '@atlaskit/editor-common/quick-insert';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
@@ -168,26 +168,6 @@ const CustomItemComponentWrapper = /*#__PURE__*/React.memo(props => {
     onHover: noop
   })));
 });
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  const {
-    mode
-  } = useSharedPluginStateWithSelector(api, ['connectivity'], states => {
-    var _states$connectivityS;
-    return {
-      mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
-    };
-  });
-  return {
-    connectivityMode: mode
-  };
-}, api => {
-  const {
-    connectivityState
-  } = useSharedPluginState(api, ['connectivity']);
-  return {
-    connectivityMode: connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode
-  };
-});
 export const TypeAheadListItem = /*#__PURE__*/React.memo(({
   item,
   itemsLength,
@@ -201,7 +181,12 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
 }) => {
   const {
     connectivityMode
-  } = useSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['connectivity'], states => {
+    var _states$connectivityS;
+    return {
+      connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
+    };
+  });
   const isItemDisabled = item => {
     var _item$isDisabledOffli;
     return connectivityMode === 'offline' && ((_item$isDisabledOffli = item === null || item === void 0 ? void 0 : item.isDisabledOffline) !== null && _item$isDisabledOffli !== void 0 ? _item$isDisabledOffli : false);

package/dist/es2019/ui/TypeAheadPopup.js

@@ -8,7 +8,7 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
 import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
@@ -52,26 +52,6 @@ const Highlight = ({
   return triggerHandler.getHighlight(state);
 };
 const OFFSET = [0, 8];
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  const {
-    moreElementsInQuickInsertView
-  } = useSharedPluginStateWithSelector(api, ['featureFlags'], states => {
-    var _states$featureFlagsS;
-    return {
-      moreElementsInQuickInsertView: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.moreElementsInQuickInsertView
-    };
-  });
-  return {
-    moreElementsInQuickInsertView
-  };
-}, api => {
-  const {
-    featureFlagsState
-  } = useSharedPluginState(api, ['featureFlags']);
-  return {
-    moreElementsInQuickInsertView: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.moreElementsInQuickInsertView
-  };
-});
 export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
   var _getPluginState;
   const {
@@ -93,7 +73,12 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
   const ref = useRef(null);
   const {
     moreElementsInQuickInsertView
-  } = useSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['featureFlags'], states => {
+    var _states$featureFlagsS;
+    return {
+      moreElementsInQuickInsertView: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.moreElementsInQuickInsertView
+    };
+  });
   const moreElementsInQuickInsertViewEnabled = moreElementsInQuickInsertView && triggerHandler.id === TypeAheadAvailableNodes.QUICK_INSERT;
   const isEditorControlsEnabled = editorExperiment('platform_editor_controls', 'variant1');
   const defaultMenuHeight = useMemo(() => moreElementsInQuickInsertViewEnabled ? DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW : DEFAULT_TYPEAHEAD_MENU_HEIGHT, [moreElementsInQuickInsertViewEnabled]);

package/dist/esm/ui/ContentComponent.js

@@ -1,10 +1,13 @@
 import React from 'react';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { TypeAheadMenu as TypeAheadMenuModern } from './modern/TypeAheadMenu';
 import { TypeAheadMenu } from './TypeAheadMenu';
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
+export function ContentComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView,
+    popupMountRef = _ref.popupMountRef;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['typeAhead'], function (states) {
       var _states$typeAheadStat, _states$typeAheadStat2, _states$typeAheadStat3, _states$typeAheadStat4, _states$typeAheadStat5, _states$typeAheadStat6, _states$typeAheadStat7;
       return {
@@ -24,40 +27,6 @@ var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
     decorationSet = _useSharedPluginState.decorationSet,
     query = _useSharedPluginState.query,
     selectedIndex = _useSharedPluginState.selectedIndex;
-  return {
-    triggerHandler: triggerHandler,
-    items: items,
-    errorInfo: errorInfo,
-    decorationElement: decorationElement,
-    decorationSet: decorationSet,
-    query: query,
-    selectedIndex: selectedIndex
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['typeAhead']),
-    typeAheadState = _useSharedPluginState2.typeAheadState;
-  return {
-    triggerHandler: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.triggerHandler,
-    items: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.items,
-    errorInfo: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.errorInfo,
-    decorationElement: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.decorationElement,
-    decorationSet: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.decorationSet,
-    query: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.query,
-    selectedIndex: typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.selectedIndex
-  };
-});
-export function ContentComponent(_ref) {
-  var api = _ref.api,
-    editorView = _ref.editorView,
-    popupMountRef = _ref.popupMountRef;
-  var _useSharedState = useSharedState(api),
-    triggerHandler = _useSharedState.triggerHandler,
-    items = _useSharedState.items,
-    errorInfo = _useSharedState.errorInfo,
-    decorationElement = _useSharedState.decorationElement,
-    decorationSet = _useSharedState.decorationSet,
-    query = _useSharedState.query,
-    selectedIndex = _useSharedState.selectedIndex;
   if (items === undefined || decorationSet === undefined || errorInfo === undefined || decorationElement === undefined || query === undefined || selectedIndex === undefined) {
     return null;
   }

package/dist/esm/ui/TypeAheadListItem.js

@@ -9,7 +9,7 @@ import React, { useCallback, useLayoutEffect, useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { IconFallback } from '@atlaskit/editor-common/quick-insert';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
@@ -150,24 +150,6 @@ var CustomItemComponentWrapper = /*#__PURE__*/React.memo(function (props) {
     onHover: noop
   })));
 });
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['connectivity'], function (states) {
-      var _states$connectivityS;
-      return {
-        mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
-      };
-    }),
-    mode = _useSharedPluginState.mode;
-  return {
-    connectivityMode: mode
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['connectivity']),
-    connectivityState = _useSharedPluginState2.connectivityState;
-  return {
-    connectivityMode: connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode
-  };
-});
 export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref2) {
   var item = _ref2.item,
     itemsLength = _ref2.itemsLength,
@@ -178,8 +160,13 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref2) {
     moreElementsInQuickInsertViewEnabled = _ref2.moreElementsInQuickInsertViewEnabled,
     api = _ref2.api,
     firstOnlineSupportedIndex = _ref2.firstOnlineSupportedIndex;
-  var _useSharedState = useSharedState(api),
-    connectivityMode = _useSharedState.connectivityMode;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['connectivity'], function (states) {
+      var _states$connectivityS;
+      return {
+        connectivityMode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
+      };
+    }),
+    connectivityMode = _useSharedPluginState.connectivityMode;
   var isItemDisabled = function isItemDisabled(item) {
     var _item$isDisabledOffli;
     return connectivityMode === 'offline' && ((_item$isDisabledOffli = item === null || item === void 0 ? void 0 : item.isDisabledOffline) !== null && _item$isDisabledOffli !== void 0 ? _item$isDisabledOffli : false);

package/dist/esm/ui/TypeAheadPopup.js

@@ -9,7 +9,7 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
 import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
@@ -52,24 +52,6 @@ var Highlight = function Highlight(_ref) {
   return triggerHandler.getHighlight(state);
 };
 var OFFSET = [0, 8];
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['featureFlags'], function (states) {
-      var _states$featureFlagsS;
-      return {
-        moreElementsInQuickInsertView: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.moreElementsInQuickInsertView
-      };
-    }),
-    moreElementsInQuickInsertView = _useSharedPluginState.moreElementsInQuickInsertView;
-  return {
-    moreElementsInQuickInsertView: moreElementsInQuickInsertView
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState2.featureFlagsState;
-  return {
-    moreElementsInQuickInsertView: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.moreElementsInQuickInsertView
-  };
-});
 export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
   var _getPluginState;
   var editorView = props.editorView,
@@ -87,8 +69,13 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     api = props.api,
     showMoreOptionsButton = props.showMoreOptionsButton;
   var ref = useRef(null);
-  var _useSharedState = useSharedState(api),
-    moreElementsInQuickInsertView = _useSharedState.moreElementsInQuickInsertView;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['featureFlags'], function (states) {
+      var _states$featureFlagsS;
+      return {
+        moreElementsInQuickInsertView: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.moreElementsInQuickInsertView
+      };
+    }),
+    moreElementsInQuickInsertView = _useSharedPluginState.moreElementsInQuickInsertView;
   var moreElementsInQuickInsertViewEnabled = moreElementsInQuickInsertView && triggerHandler.id === TypeAheadAvailableNodes.QUICK_INSERT;
   var isEditorControlsEnabled = editorExperiment('platform_editor_controls', 'variant1');
   var defaultMenuHeight = useMemo(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "3.1.13",
+	"version": "3.1.14",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",