@atlaskit/editor-plugin-media 5.4.2 → 5.4.3

package/dist/es2019/nodeviews/mediaSingle.js

@@ -8,7 +8,7 @@ import { useCallback, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
@@ -29,27 +29,6 @@ const selector = states => {
     viewMode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
-  return useSharedPluginStateWithSelector(pluginInjectionApi, ['width', 'media', 'annotation', 'editorDisabled', 'editorViewMode'], selector);
-}, pluginInjectionApi => {
-  const {
-    widthState,
-    mediaState,
-    annotationState,
-    editorDisabledState,
-    editorViewModeState
-  } = useSharedPluginState(pluginInjectionApi, ['width', 'media', 'annotation', 'editorDisabled', 'editorViewMode']);
-  return {
-    mediaProviderPromise: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
-    addPendingTask: mediaState === null || mediaState === void 0 ? void 0 : mediaState.addPendingTask,
-    isDrafting: annotationState === null || annotationState === void 0 ? void 0 : annotationState.isDrafting,
-    targetNodeId: annotationState === null || annotationState === void 0 ? void 0 : annotationState.targetNodeId,
-    width: widthState === null || widthState === void 0 ? void 0 : widthState.width,
-    lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength,
-    editorDisabled: editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled,
-    viewMode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
-  };
-});
 const MediaSingleNodeWrapper = ({
   pluginInjectionApi,
   contextIdentifierProvider,
@@ -73,7 +52,7 @@ const MediaSingleNodeWrapper = ({
     lineLength,
     editorDisabled,
     viewMode
-  } = useSharedState(pluginInjectionApi);
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['width', 'media', 'annotation', 'editorDisabled', 'editorViewMode'], selector);
   const interactionState = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.interactionState');
   const mediaProvider = useMemo(() => mediaProviderPromise ? Promise.resolve(mediaProviderPromise) : undefined, [mediaProviderPromise]);
   const isSelectedAndInteracted = useCallback(() => Boolean(selected() && interactionState !== 'hasNotHadInteraction'), [interactionState, selected]);

package/dist/es2019/ui/CommentBadge/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { VIEW_METHOD } from '@atlaskit/editor-common/analytics';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { CommentBadge as CommentBadgeComponent, CommentBadgeNext } from '@atlaskit/editor-common/media-single';
 const selector = states => {
   var _states$annotationSta, _states$annotationSta2, _states$annotationSta3;
@@ -11,18 +11,6 @@ const selector = states => {
     annotations: (_states$annotationSta3 = states.annotationState) === null || _states$annotationSta3 === void 0 ? void 0 : _states$annotationSta3.annotations
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  return useSharedPluginStateWithSelector(api, ['annotation'], selector);
-}, api => {
-  const {
-    annotationState
-  } = useSharedPluginState(api, ['annotation']);
-  return {
-    selectedAnnotations: annotationState === null || annotationState === void 0 ? void 0 : annotationState.selectedAnnotations,
-    isInlineCommentViewClosed: annotationState === null || annotationState === void 0 ? void 0 : annotationState.isInlineCommentViewClosed,
-    annotations: annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations
-  };
-});
 const CommentBadgeWrapper = ({
   api,
   mediaNode,
@@ -36,7 +24,7 @@ const CommentBadgeWrapper = ({
     selectedAnnotations,
     isInlineCommentViewClosed,
     annotations
-  } = useSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['annotation'], selector);
   const [entered, setEntered] = useState(false);
   const {
     state: {
@@ -111,7 +99,7 @@ export const CommentBadgeNextWrapper = ({
     selectedAnnotations,
     isInlineCommentViewClosed,
     annotations
-  } = useSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['annotation'], selector);
   const {
     state: {
       schema: {

package/dist/es2019/ui/MediaPicker/DropzoneWrapper.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import { Dropzone } from '@atlaskit/media-picker';
 import PickerFacadeProvider from './PickerFacadeProvider';
@@ -10,17 +10,6 @@ const selector = states => {
     handleDrag: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.handleDrag
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  return useSharedPluginStateWithSelector(api, ['media'], selector);
-}, api => {
-  const {
-    mediaState
-  } = useSharedPluginState(api, ['media']);
-  return {
-    options: mediaState === null || mediaState === void 0 ? void 0 : mediaState.options,
-    handleDrag: mediaState === null || mediaState === void 0 ? void 0 : mediaState.handleDrag
-  };
-});
 const DropzoneWrapperInternal = ({
   api,
   isActive,
@@ -34,7 +23,7 @@ const DropzoneWrapperInternal = ({
   const {
     options,
     handleDrag
-  } = useSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['media'], selector);
   const {
     customDropzoneContainer
   } = options || {};

package/dist/es2019/ui/MediaPicker/PickerFacadeProvider.js

@@ -1,6 +1,6 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { flushSync } from 'react-dom';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { ErrorReporter } from '@atlaskit/editor-common/utils';
 import PickerFacade from '../../pm-plugins/picker-facade';
 const dummyMediaPickerObject = {
@@ -19,20 +19,6 @@ const selector = states => {
     options: (_states$mediaState4 = states.mediaState) === null || _states$mediaState4 === void 0 ? void 0 : _states$mediaState4.options
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  return useSharedPluginStateWithSelector(api, ['media'], selector);
-}, api => {
-  const {
-    mediaState
-  } = useSharedPluginState(api, ['media']);
-  const mediaProvider = useMemo(() => mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
-  return {
-    mediaProvider,
-    mediaOptions: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaOptions,
-    insertFile: mediaState === null || mediaState === void 0 ? void 0 : mediaState.insertFile,
-    options: mediaState === null || mediaState === void 0 ? void 0 : mediaState.options
-  };
-});
 export default function PickerFacadeProvider({
   api,
   analyticsName,
@@ -48,7 +34,7 @@ export default function PickerFacadeProvider({
     mediaOptions,
     insertFile,
     options
-  } = useSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['media'], selector);
   const handleMediaProvider = useCallback(async (_name, provider) => {
     const mediaProvider = await provider;
     if (!mediaProvider || !mediaProvider.uploadParams || !insertFile) {

package/dist/es2019/ui/MediaPicker/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { BrowserWrapper } from './BrowserWrapper';
 import { ClipboardWrapper } from './ClipboardWrapper';
 import { DropzoneWrapper } from './DropzoneWrapper';
@@ -12,20 +12,6 @@ const selector = states => {
     mediaOptions: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaOptions
   };
 };
-const useMediaPickerState = sharedPluginStateHookMigratorFactory(api => {
-  return useSharedPluginStateWithSelector(api, ['focus', 'connectivity', 'media'], selector);
-}, api => {
-  const {
-    focusState,
-    connectivityState,
-    mediaState
-  } = useSharedPluginState(api, ['focus', 'connectivity', 'media']);
-  return {
-    hasFocus: focusState === null || focusState === void 0 ? void 0 : focusState.hasFocus,
-    connectivityMode: connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode,
-    mediaOptions: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaOptions
-  };
-});
 const MediaPicker = ({
   api,
   isPopupOpened,
@@ -38,7 +24,7 @@ const MediaPicker = ({
     hasFocus,
     connectivityMode,
     mediaOptions
-  } = useMediaPickerState(api);
+  } = useSharedPluginStateWithSelector(api, ['focus', 'connectivity', 'media'], selector);
   const featureFlags = mediaOptions && mediaOptions.featureFlags;
 
   // Ignored via go/ees005

package/dist/es2019/ui/ToolbarMedia/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import AttachmentIcon from '@atlaskit/icon/core/migration/attachment--editor-attachment';
@@ -15,17 +15,6 @@ const selector = states => {
     showMediaPicker: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.showMediaPicker
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  return useSharedPluginStateWithSelector(api, ['media'], selector);
-}, api => {
-  const {
-    mediaState
-  } = useSharedPluginState(api, ['media']);
-  return {
-    allowsUploads: mediaState === null || mediaState === void 0 ? void 0 : mediaState.allowsUploads,
-    showMediaPicker: mediaState === null || mediaState === void 0 ? void 0 : mediaState.showMediaPicker
-  };
-});
 const ToolbarMedia = ({
   isDisabled,
   isReducedSpacing,
@@ -35,7 +24,7 @@ const ToolbarMedia = ({
   const {
     allowsUploads,
     showMediaPicker
-  } = useSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['media'], selector);
   if (!allowsUploads || !showMediaPicker) {
     return null;
   }

package/dist/es2019/ui/hooks/useMediaProvider.js

@@ -1,25 +1,15 @@
 import { useMemo } from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 const selector = states => {
   var _states$mediaState;
   return {
     mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
-  return useSharedPluginStateWithSelector(pluginInjectionApi, ['media'], selector);
-}, pluginInjectionApi => {
-  const {
-    mediaState
-  } = useSharedPluginState(pluginInjectionApi, ['media']);
-  return {
-    mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider
-  };
-});
 export const useMediaProvider = pluginInjectionApi => {
   const {
     mediaProvider
-  } = useSharedState(pluginInjectionApi);
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['media'], selector);
   const provider = useMemo(() => {
     return mediaProvider;
   }, [mediaProvider]);

package/dist/esm/mediaPlugin.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconImages } from '@atlaskit/editor-common/quick-insert';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -39,23 +39,13 @@ var selector = function selector(states) {
     setBrowseFn: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.setBrowseFn
   };
 };
-var useMediaPickerSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  return useSharedPluginStateWithSelector(api, ['media'], selector);
-}, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['media']),
-    mediaState = _useSharedPluginState.mediaState;
-  return {
-    onPopupToggle: mediaState === null || mediaState === void 0 ? void 0 : mediaState.onPopupToggle,
-    setBrowseFn: mediaState === null || mediaState === void 0 ? void 0 : mediaState.setBrowseFn
-  };
-});
 var MediaPickerFunctionalComponent = function MediaPickerFunctionalComponent(_ref) {
   var api = _ref.api,
     editorDomElement = _ref.editorDomElement,
     appearance = _ref.appearance;
-  var _useMediaPickerShared = useMediaPickerSharedState(api),
-    onPopupToggle = _useMediaPickerShared.onPopupToggle,
-    setBrowseFn = _useMediaPickerShared.setBrowseFn;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['media'], selector),
+    onPopupToggle = _useSharedPluginState.onPopupToggle,
+    setBrowseFn = _useSharedPluginState.setBrowseFn;
   if (!onPopupToggle || !setBrowseFn) {
     return null;
   }
@@ -75,26 +65,15 @@ var mediaViewerStateSelector = function mediaViewerStateSelector(states) {
     mediaClientConfig: (_states$mediaState5 = states.mediaState) === null || _states$mediaState5 === void 0 ? void 0 : _states$mediaState5.mediaClientConfig
   };
 };
-var useMediaViewerSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  return useSharedPluginStateWithSelector(api, ['media'], mediaViewerStateSelector);
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['media']),
-    mediaState = _useSharedPluginState2.mediaState;
-  return {
-    isMediaViewerVisible: mediaState === null || mediaState === void 0 ? void 0 : mediaState.isMediaViewerVisible,
-    mediaViewerSelectedMedia: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaViewerSelectedMedia,
-    mediaClientConfig: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaClientConfig
-  };
-});
 var MediaViewerFunctionalComponent = function MediaViewerFunctionalComponent(_ref2) {
   var api = _ref2.api,
     editorView = _ref2.editorView;
   // Only traverse document once when media viewer is visible, media viewer items will not update
   // when document changes are made while media viewer is open
-  var _useMediaViewerShared = useMediaViewerSharedState(api),
-    isMediaViewerVisible = _useMediaViewerShared.isMediaViewerVisible,
-    mediaViewerSelectedMedia = _useMediaViewerShared.mediaViewerSelectedMedia,
-    mediaClientConfig = _useMediaViewerShared.mediaClientConfig;
+  var _useSharedPluginState2 = useSharedPluginStateWithSelector(api, ['media'], mediaViewerStateSelector),
+    isMediaViewerVisible = _useSharedPluginState2.isMediaViewerVisible,
+    mediaViewerSelectedMedia = _useSharedPluginState2.mediaViewerSelectedMedia,
+    mediaClientConfig = _useSharedPluginState2.mediaClientConfig;
   var mediaItems = useMemo(function () {
     if (isMediaViewerVisible) {
       var mediaNodes = extractMediaNodes(editorView.state.doc);

package/dist/esm/nodeviews/mediaGroup.js

@@ -6,7 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { useMediaProvider } from '../ui/hooks/useMediaProvider';
@@ -18,23 +18,12 @@ var selector = function selector(states) {
     editorViewMode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
   };
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
-  return useSharedPluginStateWithSelector(pluginInjectionApi, ['editorDisabled', 'editorViewMode'], selector);
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['editorDisabled', 'editorViewMode']),
-    editorDisabledPlugin = _useSharedPluginState.editorDisabledState,
-    editorViewModePlugin = _useSharedPluginState.editorViewModeState;
-  return {
-    editorDisabled: editorDisabledPlugin === null || editorDisabledPlugin === void 0 ? void 0 : editorDisabledPlugin.editorDisabled,
-    editorViewMode: editorViewModePlugin === null || editorViewModePlugin === void 0 ? void 0 : editorViewModePlugin.mode
-  };
-});
 function MediaGroupNodeViewInternal(_ref) {
   var renderFn = _ref.renderFn,
     pluginInjectionApi = _ref.pluginInjectionApi;
-  var _useSharedState = useSharedState(pluginInjectionApi),
-    editorDisabled = _useSharedState.editorDisabled,
-    editorViewMode = _useSharedState.editorViewMode;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(pluginInjectionApi, ['editorDisabled', 'editorViewMode'], selector),
+    editorDisabled = _useSharedPluginState.editorDisabled,
+    editorViewMode = _useSharedPluginState.editorViewMode;
   var mediaProvider = useMediaProvider(pluginInjectionApi);
   return renderFn({
     editorDisabled: editorDisabled,

package/dist/esm/nodeviews/mediaInline.js

@@ -21,7 +21,7 @@ import { useEffect, useMemo, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
@@ -230,23 +230,6 @@ var selector = function selector(states) {
     mediaClientConfig: (_states$mediaState7 = states.mediaState) === null || _states$mediaState7 === void 0 ? void 0 : _states$mediaState7.mediaClientConfig
   };
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  return useSharedPluginStateWithSelector(api, ['editorViewMode', 'media'], selector);
-}, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['editorViewMode', 'media']),
-    editorViewModeState = _useSharedPluginState.editorViewModeState,
-    mediaState = _useSharedPluginState.mediaState;
-  return {
-    viewMode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
-    mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
-    handleMediaNodeMount: mediaState === null || mediaState === void 0 ? void 0 : mediaState.handleMediaNodeMount,
-    handleMediaNodeUnmount: mediaState === null || mediaState === void 0 ? void 0 : mediaState.handleMediaNodeUnmount,
-    allowInlineImages: mediaState === null || mediaState === void 0 ? void 0 : mediaState.allowInlineImages,
-    addPendingTask: mediaState === null || mediaState === void 0 ? void 0 : mediaState.addPendingTask,
-    selectedMediaContainerNode: mediaState === null || mediaState === void 0 ? void 0 : mediaState.selectedMediaContainerNode,
-    mediaClientConfig: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaClientConfig
-  };
-});
 var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
   var identifier = _ref3.identifier,
     node = _ref3.node,
@@ -255,15 +238,15 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
     contextIdentifierProvider = _ref3.contextIdentifierProvider,
     api = _ref3.api,
     view = _ref3.view;
-  var _useSharedState = useSharedState(api),
-    mediaProvider = _useSharedState.mediaProvider,
-    allowInlineImages = _useSharedState.allowInlineImages,
-    handleMediaNodeMount = _useSharedState.handleMediaNodeMount,
-    handleMediaNodeUnmount = _useSharedState.handleMediaNodeUnmount,
-    addPendingTask = _useSharedState.addPendingTask,
-    selectedMediaContainerNode = _useSharedState.selectedMediaContainerNode,
-    mediaClientConfig = _useSharedState.mediaClientConfig,
-    viewMode = _useSharedState.viewMode;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode', 'media'], selector),
+    mediaProvider = _useSharedPluginState.mediaProvider,
+    allowInlineImages = _useSharedPluginState.allowInlineImages,
+    handleMediaNodeMount = _useSharedPluginState.handleMediaNodeMount,
+    handleMediaNodeUnmount = _useSharedPluginState.handleMediaNodeUnmount,
+    addPendingTask = _useSharedPluginState.addPendingTask,
+    selectedMediaContainerNode = _useSharedPluginState.selectedMediaContainerNode,
+    mediaClientConfig = _useSharedPluginState.mediaClientConfig,
+    viewMode = _useSharedPluginState.viewMode;
   var newMediaProvider = useMemo(function () {
     return mediaProvider ? Promise.resolve(mediaProvider) : undefined;
   }, [mediaProvider]);

package/dist/esm/nodeviews/mediaNodeView/index.js

@@ -13,7 +13,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
@@ -27,31 +27,16 @@ import MediaNode from './media';
 var selector = function selector(states) {
   var _states$mediaState;
   return {
-    mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider,
-    widthState: undefined
+    mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider
   };
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
-  return useSharedPluginStateWithSelector(pluginInjectionApi, ['media'], selector);
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width', 'media']),
-    widthState = _useSharedPluginState.widthState,
-    mediaState = _useSharedPluginState.mediaState;
-  return {
-    mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
-    widthState: widthState
-  };
-});
 var MediaNodeWithProviders = function MediaNodeWithProviders(_ref) {
   var pluginInjectionApi = _ref.pluginInjectionApi,
     innerComponent = _ref.innerComponent;
-  var _useSharedState = useSharedState(pluginInjectionApi),
-    mediaProvider = _useSharedState.mediaProvider,
-    widthState = _useSharedState.widthState;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(pluginInjectionApi, ['media'], selector),
+    mediaProvider = _useSharedPluginState.mediaProvider;
   var interactionState = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.interactionState');
   return innerComponent({
-    width: widthState,
-    // Remove when platform_editor_usesharedpluginstatewithselector is cleaned up
     mediaProvider: mediaProvider ? Promise.resolve(mediaProvider) : undefined,
     interactionState: interactionState
   });

package/dist/esm/nodeviews/mediaSingle.js

@@ -17,7 +17,7 @@ import { useCallback, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
@@ -38,26 +38,6 @@ var selector = function selector(states) {
     viewMode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
   };
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
-  return useSharedPluginStateWithSelector(pluginInjectionApi, ['width', 'media', 'annotation', 'editorDisabled', 'editorViewMode'], selector);
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width', 'media', 'annotation', 'editorDisabled', 'editorViewMode']),
-    widthState = _useSharedPluginState.widthState,
-    mediaState = _useSharedPluginState.mediaState,
-    annotationState = _useSharedPluginState.annotationState,
-    editorDisabledState = _useSharedPluginState.editorDisabledState,
-    editorViewModeState = _useSharedPluginState.editorViewModeState;
-  return {
-    mediaProviderPromise: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
-    addPendingTask: mediaState === null || mediaState === void 0 ? void 0 : mediaState.addPendingTask,
-    isDrafting: annotationState === null || annotationState === void 0 ? void 0 : annotationState.isDrafting,
-    targetNodeId: annotationState === null || annotationState === void 0 ? void 0 : annotationState.targetNodeId,
-    width: widthState === null || widthState === void 0 ? void 0 : widthState.width,
-    lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength,
-    editorDisabled: editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled,
-    viewMode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
-  };
-});
 var MediaSingleNodeWrapper = function MediaSingleNodeWrapper(_ref) {
   var pluginInjectionApi = _ref.pluginInjectionApi,
     contextIdentifierProvider = _ref.contextIdentifierProvider,
@@ -71,15 +51,15 @@ var MediaSingleNodeWrapper = function MediaSingleNodeWrapper(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     forwardRef = _ref.forwardRef,
     editorAppearance = _ref.editorAppearance;
-  var _useSharedState = useSharedState(pluginInjectionApi),
-    mediaProviderPromise = _useSharedState.mediaProviderPromise,
-    addPendingTask = _useSharedState.addPendingTask,
-    isDrafting = _useSharedState.isDrafting,
-    targetNodeId = _useSharedState.targetNodeId,
-    width = _useSharedState.width,
-    lineLength = _useSharedState.lineLength,
-    editorDisabled = _useSharedState.editorDisabled,
-    viewMode = _useSharedState.viewMode;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(pluginInjectionApi, ['width', 'media', 'annotation', 'editorDisabled', 'editorViewMode'], selector),
+    mediaProviderPromise = _useSharedPluginState.mediaProviderPromise,
+    addPendingTask = _useSharedPluginState.addPendingTask,
+    isDrafting = _useSharedPluginState.isDrafting,
+    targetNodeId = _useSharedPluginState.targetNodeId,
+    width = _useSharedPluginState.width,
+    lineLength = _useSharedPluginState.lineLength,
+    editorDisabled = _useSharedPluginState.editorDisabled,
+    viewMode = _useSharedPluginState.viewMode;
   var interactionState = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.interactionState');
   var mediaProvider = useMemo(function () {
     return mediaProviderPromise ? Promise.resolve(mediaProviderPromise) : undefined;

package/dist/esm/ui/CommentBadge/index.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useMemo, useState } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { VIEW_METHOD } from '@atlaskit/editor-common/analytics';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { CommentBadge as CommentBadgeComponent, CommentBadgeNext } from '@atlaskit/editor-common/media-single';
 var selector = function selector(states) {
   var _states$annotationSta, _states$annotationSta2, _states$annotationSta3;
@@ -12,17 +12,6 @@ var selector = function selector(states) {
     annotations: (_states$annotationSta3 = states.annotationState) === null || _states$annotationSta3 === void 0 ? void 0 : _states$annotationSta3.annotations
   };
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  return useSharedPluginStateWithSelector(api, ['annotation'], selector);
-}, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['annotation']),
-    annotationState = _useSharedPluginState.annotationState;
-  return {
-    selectedAnnotations: annotationState === null || annotationState === void 0 ? void 0 : annotationState.selectedAnnotations,
-    isInlineCommentViewClosed: annotationState === null || annotationState === void 0 ? void 0 : annotationState.isInlineCommentViewClosed,
-    annotations: annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations
-  };
-});
 var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
   var api = _ref.api,
     mediaNode = _ref.mediaNode,
@@ -31,10 +20,10 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
     intl = _ref.intl,
     isDrafting = _ref.isDrafting,
     badgeOffsetRight = _ref.badgeOffsetRight;
-  var _useSharedState = useSharedState(api),
-    selectedAnnotations = _useSharedState.selectedAnnotations,
-    isInlineCommentViewClosed = _useSharedState.isInlineCommentViewClosed,
-    annotations = _useSharedState.annotations;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['annotation'], selector),
+    selectedAnnotations = _useSharedPluginState.selectedAnnotations,
+    isInlineCommentViewClosed = _useSharedPluginState.isInlineCommentViewClosed,
+    annotations = _useSharedPluginState.annotations;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     entered = _useState2[0],
@@ -109,10 +98,10 @@ export var CommentBadgeNextWrapper = function CommentBadgeNextWrapper(_ref2) {
     _useState4 = _slicedToArray(_useState3, 2),
     entered = _useState4[0],
     setEntered = _useState4[1];
-  var _useSharedState2 = useSharedState(api),
-    selectedAnnotations = _useSharedState2.selectedAnnotations,
-    isInlineCommentViewClosed = _useSharedState2.isInlineCommentViewClosed,
-    annotations = _useSharedState2.annotations;
+  var _useSharedPluginState2 = useSharedPluginStateWithSelector(api, ['annotation'], selector),
+    selectedAnnotations = _useSharedPluginState2.selectedAnnotations,
+    isInlineCommentViewClosed = _useSharedPluginState2.isInlineCommentViewClosed,
+    annotations = _useSharedPluginState2.annotations;
   var _view$state$schema2 = view.state.schema,
     media = _view$state$schema2.nodes.media,
     annotation = _view$state$schema2.marks.annotation,

package/dist/esm/ui/MediaPicker/DropzoneWrapper.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import { Dropzone } from '@atlaskit/media-picker';
 import PickerFacadeProvider from './PickerFacadeProvider';
@@ -13,16 +13,6 @@ var selector = function selector(states) {
     handleDrag: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.handleDrag
   };
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  return useSharedPluginStateWithSelector(api, ['media'], selector);
-}, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['media']),
-    mediaState = _useSharedPluginState.mediaState;
-  return {
-    options: mediaState === null || mediaState === void 0 ? void 0 : mediaState.options,
-    handleDrag: mediaState === null || mediaState === void 0 ? void 0 : mediaState.handleDrag
-  };
-});
 var DropzoneWrapperInternal = function DropzoneWrapperInternal(_ref) {
   var api = _ref.api,
     isActive = _ref.isActive,
@@ -32,9 +22,9 @@ var DropzoneWrapperInternal = function DropzoneWrapperInternal(_ref) {
     mediaClientConfig = _ref.mediaClientConfig,
     config = _ref.config,
     pickerFacadeInstance = _ref.pickerFacadeInstance;
-  var _useSharedState = useSharedState(api),
-    options = _useSharedState.options,
-    handleDrag = _useSharedState.handleDrag;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['media'], selector),
+    options = _useSharedPluginState.options,
+    handleDrag = _useSharedPluginState.handleDrag;
   var _ref2 = options || {},
     customDropzoneContainer = _ref2.customDropzoneContainer;