@atlaskit/editor-plugin-type-ahead 3.0.2 → 3.0.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 3.0.4
+
+### Patch Changes
+
+- [#187144](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/187144)
+  [`a16147d8fbdfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a16147d8fbdfe) -
+  Bump @atlaskit/adf-schema to v49.0.5
+- Updated dependencies
+
+## 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

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/TypeAheadErrorFallback/EmptyState.js

@@ -8,6 +8,8 @@ exports.EmptyState = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _primitives = require("@atlaskit/primitives");
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 var containerStyles = (0, _primitives.xcss)({
   marginBlockStart: 'space.600',
   marginBlockEnd: 'space.600',

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/TypeAheadErrorFallback/EmptyState.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import Heading from '@atlaskit/heading';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Flex, Text, xcss } from '@atlaskit/primitives';
 const containerStyles = xcss({
   marginBlockStart: 'space.600',

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/TypeAheadErrorFallback/EmptyState.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import Heading from '@atlaskit/heading';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Flex, Text, xcss } from '@atlaskit/primitives';
 var containerStyles = xcss({
   marginBlockStart: 'space.600',

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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "3.0.2",
+	"version": "3.0.4",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^47.6.0",
+		"@atlaskit/adf-schema": "^49.0.6",
 		"@atlaskit/editor-element-browser": "^1.0.0",
 		"@atlaskit/editor-plugin-analytics": "^3.0.0",
 		"@atlaskit/editor-plugin-connectivity": "^3.0.0",
@@ -46,9 +46,9 @@
 		"@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": "^9.0.0",
-		"@atlaskit/tokens": "^5.4.0",
+		"@atlaskit/theme": "^19.0.0",
+		"@atlaskit/tmp-editor-statsig": "^9.7.0",
+		"@atlaskit/tokens": "^5.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -58,7 +58,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.7.0",
+		"@atlaskit/editor-common": "^107.8.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"