@atlaskit/editor-plugin-type-ahead 3.0.1 → 3.0.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 3.0.3
+
+### Patch Changes
+
+- [#183158](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183158)
+  [`d6096ec5c8ad9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d6096ec5c8ad9) -
+  Migrate to useSharedPluginStateWithSelector
+- Updated dependencies
+
+## 3.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.0.1
 
 ### Patch Changes

package/dist/cjs/ui/ContentComponent.js

@@ -8,18 +8,29 @@ exports.ContentComponent = ContentComponent;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _TypeAheadMenu = require("./modern/TypeAheadMenu");
 var _TypeAheadMenu2 = require("./TypeAheadMenu");
 var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var triggerHandler = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'typeAhead.triggerHandler');
-  var errorInfo = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'typeAhead.errorInfo');
-  var decorationElement = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'typeAhead.decorationElement');
-  var decorationSet = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'typeAhead.decorationSet');
-  var query = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'typeAhead.query');
-  var selectedIndex = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'typeAhead.selectedIndex');
-  var items = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'typeAhead.items');
+  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 {
+        triggerHandler: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.triggerHandler,
+        items: (_states$typeAheadStat2 = states.typeAheadState) === null || _states$typeAheadStat2 === void 0 ? void 0 : _states$typeAheadStat2.items,
+        errorInfo: (_states$typeAheadStat3 = states.typeAheadState) === null || _states$typeAheadStat3 === void 0 ? void 0 : _states$typeAheadStat3.errorInfo,
+        decorationElement: (_states$typeAheadStat4 = states.typeAheadState) === null || _states$typeAheadStat4 === void 0 ? void 0 : _states$typeAheadStat4.decorationElement,
+        decorationSet: (_states$typeAheadStat5 = states.typeAheadState) === null || _states$typeAheadStat5 === void 0 ? void 0 : _states$typeAheadStat5.decorationSet,
+        query: (_states$typeAheadStat6 = states.typeAheadState) === null || _states$typeAheadStat6 === void 0 ? void 0 : _states$typeAheadStat6.query,
+        selectedIndex: (_states$typeAheadStat7 = states.typeAheadState) === null || _states$typeAheadStat7 === void 0 ? void 0 : _states$typeAheadStat7.selectedIndex
+      };
+    }),
+    triggerHandler = _useSharedPluginState.triggerHandler,
+    items = _useSharedPluginState.items,
+    errorInfo = _useSharedPluginState.errorInfo,
+    decorationElement = _useSharedPluginState.decorationElement,
+    decorationSet = _useSharedPluginState.decorationSet,
+    query = _useSharedPluginState.query,
+    selectedIndex = _useSharedPluginState.selectedIndex;
   return {
     triggerHandler: triggerHandler,
     items: items,
@@ -30,8 +41,8 @@ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (
     selectedIndex: selectedIndex
   };
 }, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['typeAhead']),
-    typeAheadState = _useSharedPluginState.typeAheadState;
+  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,

package/dist/cjs/ui/TypeAheadListItem.js

@@ -13,7 +13,6 @@ var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _menu = require("@atlaskit/menu");
@@ -159,13 +158,19 @@ var CustomItemComponentWrapper = /*#__PURE__*/_react.default.memo(function (prop
   })));
 });
 var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var connectivityMode = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'connectivity.mode');
+  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: connectivityMode
+    connectivityMode: mode
   };
 }, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['connectivity']),
-    connectivityState = _useSharedPluginState.connectivityState;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['connectivity']),
+    connectivityState = _useSharedPluginState2.connectivityState;
   return {
     connectivityMode: connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode
   };

package/dist/cjs/ui/TypeAheadPopup.js

@@ -14,7 +14,6 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _ui = require("@atlaskit/editor-common/ui");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
@@ -64,13 +63,19 @@ var Highlight = function Highlight(_ref) {
 };
 var OFFSET = [0, 8];
 var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var moreElementsInQuickInsertView = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'featureFlags.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;
   return {
     moreElementsInQuickInsertView: moreElementsInQuickInsertView
   };
 }, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState.featureFlagsState;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['featureFlags']),
+    featureFlagsState = _useSharedPluginState2.featureFlagsState;
   return {
     moreElementsInQuickInsertView: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.moreElementsInQuickInsertView
   };

package/dist/es2019/ui/ContentComponent.js

@@ -1,18 +1,30 @@
 import React from 'react';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { TypeAheadMenu as TypeAheadMenuModern } from './modern/TypeAheadMenu';
 import { TypeAheadMenu } from './TypeAheadMenu';
 const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  const triggerHandler = useSharedPluginStateSelector(api, 'typeAhead.triggerHandler');
-  const errorInfo = useSharedPluginStateSelector(api, 'typeAhead.errorInfo');
-  const decorationElement = useSharedPluginStateSelector(api, 'typeAhead.decorationElement');
-  const decorationSet = useSharedPluginStateSelector(api, 'typeAhead.decorationSet');
-  const query = useSharedPluginStateSelector(api, 'typeAhead.query');
-  const selectedIndex = useSharedPluginStateSelector(api, 'typeAhead.selectedIndex');
-  const items = useSharedPluginStateSelector(api, 'typeAhead.items');
+  const {
+    triggerHandler,
+    items,
+    errorInfo,
+    decorationElement,
+    decorationSet,
+    query,
+    selectedIndex
+  } = useSharedPluginStateWithSelector(api, ['typeAhead'], states => {
+    var _states$typeAheadStat, _states$typeAheadStat2, _states$typeAheadStat3, _states$typeAheadStat4, _states$typeAheadStat5, _states$typeAheadStat6, _states$typeAheadStat7;
+    return {
+      triggerHandler: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.triggerHandler,
+      items: (_states$typeAheadStat2 = states.typeAheadState) === null || _states$typeAheadStat2 === void 0 ? void 0 : _states$typeAheadStat2.items,
+      errorInfo: (_states$typeAheadStat3 = states.typeAheadState) === null || _states$typeAheadStat3 === void 0 ? void 0 : _states$typeAheadStat3.errorInfo,
+      decorationElement: (_states$typeAheadStat4 = states.typeAheadState) === null || _states$typeAheadStat4 === void 0 ? void 0 : _states$typeAheadStat4.decorationElement,
+      decorationSet: (_states$typeAheadStat5 = states.typeAheadState) === null || _states$typeAheadStat5 === void 0 ? void 0 : _states$typeAheadStat5.decorationSet,
+      query: (_states$typeAheadStat6 = states.typeAheadState) === null || _states$typeAheadStat6 === void 0 ? void 0 : _states$typeAheadStat6.query,
+      selectedIndex: (_states$typeAheadStat7 = states.typeAheadState) === null || _states$typeAheadStat7 === void 0 ? void 0 : _states$typeAheadStat7.selectedIndex
+    };
+  });
   return {
     triggerHandler,
     items,

package/dist/es2019/ui/TypeAheadListItem.js

@@ -7,10 +7,9 @@ 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 } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { IconFallback } from '@atlaskit/editor-common/quick-insert';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
@@ -169,9 +168,16 @@ const CustomItemComponentWrapper = /*#__PURE__*/React.memo(props => {
   })));
 });
 const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  const connectivityMode = useSharedPluginStateSelector(api, 'connectivity.mode');
+  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
+    connectivityMode: mode
   };
 }, api => {
   const {

package/dist/es2019/ui/TypeAheadPopup.js

@@ -8,10 +8,9 @@ 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 } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
@@ -54,7 +53,14 @@ const Highlight = ({
 };
 const OFFSET = [0, 8];
 const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  const moreElementsInQuickInsertView = useSharedPluginStateSelector(api, 'featureFlags.moreElementsInQuickInsertView');
+  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
   };

package/dist/esm/ui/ContentComponent.js

@@ -1,18 +1,29 @@
 import React from 'react';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { TypeAheadMenu as TypeAheadMenuModern } from './modern/TypeAheadMenu';
 import { TypeAheadMenu } from './TypeAheadMenu';
 var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var triggerHandler = useSharedPluginStateSelector(api, 'typeAhead.triggerHandler');
-  var errorInfo = useSharedPluginStateSelector(api, 'typeAhead.errorInfo');
-  var decorationElement = useSharedPluginStateSelector(api, 'typeAhead.decorationElement');
-  var decorationSet = useSharedPluginStateSelector(api, 'typeAhead.decorationSet');
-  var query = useSharedPluginStateSelector(api, 'typeAhead.query');
-  var selectedIndex = useSharedPluginStateSelector(api, 'typeAhead.selectedIndex');
-  var items = useSharedPluginStateSelector(api, 'typeAhead.items');
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['typeAhead'], function (states) {
+      var _states$typeAheadStat, _states$typeAheadStat2, _states$typeAheadStat3, _states$typeAheadStat4, _states$typeAheadStat5, _states$typeAheadStat6, _states$typeAheadStat7;
+      return {
+        triggerHandler: (_states$typeAheadStat = states.typeAheadState) === null || _states$typeAheadStat === void 0 ? void 0 : _states$typeAheadStat.triggerHandler,
+        items: (_states$typeAheadStat2 = states.typeAheadState) === null || _states$typeAheadStat2 === void 0 ? void 0 : _states$typeAheadStat2.items,
+        errorInfo: (_states$typeAheadStat3 = states.typeAheadState) === null || _states$typeAheadStat3 === void 0 ? void 0 : _states$typeAheadStat3.errorInfo,
+        decorationElement: (_states$typeAheadStat4 = states.typeAheadState) === null || _states$typeAheadStat4 === void 0 ? void 0 : _states$typeAheadStat4.decorationElement,
+        decorationSet: (_states$typeAheadStat5 = states.typeAheadState) === null || _states$typeAheadStat5 === void 0 ? void 0 : _states$typeAheadStat5.decorationSet,
+        query: (_states$typeAheadStat6 = states.typeAheadState) === null || _states$typeAheadStat6 === void 0 ? void 0 : _states$typeAheadStat6.query,
+        selectedIndex: (_states$typeAheadStat7 = states.typeAheadState) === null || _states$typeAheadStat7 === void 0 ? void 0 : _states$typeAheadStat7.selectedIndex
+      };
+    }),
+    triggerHandler = _useSharedPluginState.triggerHandler,
+    items = _useSharedPluginState.items,
+    errorInfo = _useSharedPluginState.errorInfo,
+    decorationElement = _useSharedPluginState.decorationElement,
+    decorationSet = _useSharedPluginState.decorationSet,
+    query = _useSharedPluginState.query,
+    selectedIndex = _useSharedPluginState.selectedIndex;
   return {
     triggerHandler: triggerHandler,
     items: items,
@@ -23,8 +34,8 @@ var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
     selectedIndex: selectedIndex
   };
 }, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['typeAhead']),
-    typeAheadState = _useSharedPluginState.typeAheadState;
+  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,

package/dist/esm/ui/TypeAheadListItem.js

@@ -9,10 +9,9 @@ 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 } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { IconFallback } from '@atlaskit/editor-common/quick-insert';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
@@ -151,13 +150,19 @@ var CustomItemComponentWrapper = /*#__PURE__*/React.memo(function (props) {
   })));
 });
 var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var connectivityMode = useSharedPluginStateSelector(api, 'connectivity.mode');
+  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: connectivityMode
+    connectivityMode: mode
   };
 }, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['connectivity']),
-    connectivityState = _useSharedPluginState.connectivityState;
+  var _useSharedPluginState2 = useSharedPluginState(api, ['connectivity']),
+    connectivityState = _useSharedPluginState2.connectivityState;
   return {
     connectivityMode: connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode
   };

package/dist/esm/ui/TypeAheadPopup.js

@@ -9,10 +9,9 @@ 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 } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
@@ -54,13 +53,19 @@ var Highlight = function Highlight(_ref) {
 };
 var OFFSET = [0, 8];
 var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var moreElementsInQuickInsertView = useSharedPluginStateSelector(api, 'featureFlags.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;
   return {
     moreElementsInQuickInsertView: moreElementsInQuickInsertView
   };
 }, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState.featureFlagsState;
+  var _useSharedPluginState2 = useSharedPluginState(api, ['featureFlags']),
+    featureFlagsState = _useSharedPluginState2.featureFlagsState;
   return {
     moreElementsInQuickInsertView: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.moreElementsInQuickInsertView
   };

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

@@ -30,7 +30,7 @@ export declare const createTypeAheadTools: (editorView: EditorView) => {
         close: (options?: CloseOptions) => boolean;
         insert: ({ index, mode }: {
             index: number;
-            mode?: SelectItemMode;
+            mode?: SelectItemMode | undefined;
         }) => Promise<void>;
     };
     openQuickInsert: (inputMethod: TypeAheadInputMethod) => boolean;
@@ -40,7 +40,7 @@ export declare const createTypeAheadTools: (editorView: EditorView) => {
         close: (options?: CloseOptions) => boolean;
         insert: ({ index, mode }: {
             index: number;
-            mode?: SelectItemMode;
+            mode?: SelectItemMode | undefined;
         }) => Promise<void>;
     };
     openEmoji: (inputMethod: TypeAheadInputMethod) => boolean;
@@ -50,7 +50,7 @@ export declare const createTypeAheadTools: (editorView: EditorView) => {
         close: (options?: CloseOptions) => boolean;
         insert: ({ index, mode }: {
             index: number;
-            mode?: SelectItemMode;
+            mode?: SelectItemMode | undefined;
         }) => Promise<void>;
     };
     insertItemMention: ({ contentItem, query, sourceListItem }: InsertItemProps) => boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { jsx } from '@emotion/react';
 type Props = {
     onClick: () => void;

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

@@ -17,11 +17,11 @@ export declare const TypeAheadList: React.FC<import("react-intl-next").WithIntlP
     onItemClick: (mode: SelectItemMode, index: number, inputMethod?: InputMethodType) => void;
     fitHeight: number;
     decorationElement: HTMLElement;
-    triggerHandler?: TypeAheadHandler;
-    moreElementsInQuickInsertViewEnabled?: boolean;
+    triggerHandler?: TypeAheadHandler | undefined;
+    moreElementsInQuickInsertViewEnabled?: boolean | undefined;
     api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
-    showMoreOptionsButton?: boolean;
-    onMoreOptionsClicked?: () => void;
+    showMoreOptionsButton?: boolean | undefined;
+    onMoreOptionsClicked?: (() => void) | undefined;
 } & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         items: Array<TypeAheadItem>;
@@ -30,10 +30,10 @@ export declare const TypeAheadList: React.FC<import("react-intl-next").WithIntlP
         onItemClick: (mode: SelectItemMode, index: number, inputMethod?: InputMethodType) => void;
         fitHeight: number;
         decorationElement: HTMLElement;
-        triggerHandler?: TypeAheadHandler;
-        moreElementsInQuickInsertViewEnabled?: boolean;
+        triggerHandler?: TypeAheadHandler | undefined;
+        moreElementsInQuickInsertViewEnabled?: boolean | undefined;
         api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
-        showMoreOptionsButton?: boolean;
-        onMoreOptionsClicked?: () => void;
+        showMoreOptionsButton?: boolean | undefined;
+        onMoreOptionsClicked?: (() => void) | undefined;
     } & WrappedComponentProps>;
 };

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

@@ -30,7 +30,7 @@ export declare const createTypeAheadTools: (editorView: EditorView) => {
         close: (options?: CloseOptions) => boolean;
         insert: ({ index, mode }: {
             index: number;
-            mode?: SelectItemMode;
+            mode?: SelectItemMode | undefined;
         }) => Promise<void>;
     };
     openQuickInsert: (inputMethod: TypeAheadInputMethod) => boolean;
@@ -40,7 +40,7 @@ export declare const createTypeAheadTools: (editorView: EditorView) => {
         close: (options?: CloseOptions) => boolean;
         insert: ({ index, mode }: {
             index: number;
-            mode?: SelectItemMode;
+            mode?: SelectItemMode | undefined;
         }) => Promise<void>;
     };
     openEmoji: (inputMethod: TypeAheadInputMethod) => boolean;
@@ -50,7 +50,7 @@ export declare const createTypeAheadTools: (editorView: EditorView) => {
         close: (options?: CloseOptions) => boolean;
         insert: ({ index, mode }: {
             index: number;
-            mode?: SelectItemMode;
+            mode?: SelectItemMode | undefined;
         }) => Promise<void>;
     };
     insertItemMention: ({ contentItem, query, sourceListItem }: InsertItemProps) => boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { jsx } from '@emotion/react';
 type Props = {
     onClick: () => void;

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

@@ -17,11 +17,11 @@ export declare const TypeAheadList: React.FC<import("react-intl-next").WithIntlP
     onItemClick: (mode: SelectItemMode, index: number, inputMethod?: InputMethodType) => void;
     fitHeight: number;
     decorationElement: HTMLElement;
-    triggerHandler?: TypeAheadHandler;
-    moreElementsInQuickInsertViewEnabled?: boolean;
+    triggerHandler?: TypeAheadHandler | undefined;
+    moreElementsInQuickInsertViewEnabled?: boolean | undefined;
     api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
-    showMoreOptionsButton?: boolean;
-    onMoreOptionsClicked?: () => void;
+    showMoreOptionsButton?: boolean | undefined;
+    onMoreOptionsClicked?: (() => void) | undefined;
 } & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         items: Array<TypeAheadItem>;
@@ -30,10 +30,10 @@ export declare const TypeAheadList: React.FC<import("react-intl-next").WithIntlP
         onItemClick: (mode: SelectItemMode, index: number, inputMethod?: InputMethodType) => void;
         fitHeight: number;
         decorationElement: HTMLElement;
-        triggerHandler?: TypeAheadHandler;
-        moreElementsInQuickInsertViewEnabled?: boolean;
+        triggerHandler?: TypeAheadHandler | undefined;
+        moreElementsInQuickInsertViewEnabled?: boolean | undefined;
         api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
-        showMoreOptionsButton?: boolean;
-        onMoreOptionsClicked?: () => void;
+        showMoreOptionsButton?: boolean | undefined;
+        onMoreOptionsClicked?: (() => void) | undefined;
     } & WrappedComponentProps>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "3.0.1",
+	"version": "3.0.3",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,13 +41,13 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.2.0",
+		"@atlaskit/icon": "^27.3.0",
 		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.10.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
-		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^8.8.0",
+		"@atlaskit/theme": "^19.0.0",
+		"@atlaskit/tmp-editor-statsig": "^9.1.0",
 		"@atlaskit/tokens": "^5.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",