@atlaskit/editor-plugin-media 5.4.2 → 5.4.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-media
 
+## 5.4.3
+
+### Patch Changes
+
+- [`c2f5cb191fe33`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c2f5cb191fe33) -
+  PR to cleanup platform_editor_usesharedpluginstatewithselector for `media`
+- Updated dependencies
+
 ## 5.4.2
 
 ### Patch Changes

package/dist/cjs/mediaPlugin.js

@@ -48,23 +48,13 @@ var selector = function selector(states) {
     setBrowseFn: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.setBrowseFn
   };
 };
-var useMediaPickerSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], selector);
-}, function (api) {
-  var _useSharedPluginState = (0, _hooks.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 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], selector),
+    onPopupToggle = _useSharedPluginState.onPopupToggle,
+    setBrowseFn = _useSharedPluginState.setBrowseFn;
   if (!onPopupToggle || !setBrowseFn) {
     return null;
   }
@@ -84,26 +74,15 @@ var mediaViewerStateSelector = function mediaViewerStateSelector(states) {
     mediaClientConfig: (_states$mediaState5 = states.mediaState) === null || _states$mediaState5 === void 0 ? void 0 : _states$mediaState5.mediaClientConfig
   };
 };
-var useMediaViewerSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], mediaViewerStateSelector);
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.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 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], mediaViewerStateSelector),
+    isMediaViewerVisible = _useSharedPluginState2.isMediaViewerVisible,
+    mediaViewerSelectedMedia = _useSharedPluginState2.mediaViewerSelectedMedia,
+    mediaClientConfig = _useSharedPluginState2.mediaClientConfig;
   var mediaItems = (0, _react.useMemo)(function () {
     if (isMediaViewerVisible) {
       var mediaNodes = (0, _mediaCommon2.extractMediaNodes)(editorView.state.doc);

package/dist/cjs/nodeviews/mediaGroup.js

@@ -25,23 +25,12 @@ var selector = function selector(states) {
     editorViewMode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['editorDisabled', 'editorViewMode'], selector);
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState = (0, _hooks.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 = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['editorDisabled', 'editorViewMode'], selector),
+    editorDisabled = _useSharedPluginState.editorDisabled,
+    editorViewMode = _useSharedPluginState.editorViewMode;
   var mediaProvider = (0, _useMediaProvider.useMediaProvider)(pluginInjectionApi);
   return renderFn({
     editorDisabled: editorDisabled,

package/dist/cjs/nodeviews/mediaInline.js

@@ -234,23 +234,6 @@ var selector = function selector(states) {
     mediaClientConfig: (_states$mediaState7 = states.mediaState) === null || _states$mediaState7 === void 0 ? void 0 : _states$mediaState7.mediaClientConfig
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorViewMode', 'media'], selector);
-}, function (api) {
-  var _useSharedPluginState = (0, _hooks.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,
@@ -259,15 +242,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 = (0, _hooks.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 = (0, _react.useMemo)(function () {
     return mediaProvider ? Promise.resolve(mediaProvider) : undefined;
   }, [mediaProvider]);

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

@@ -33,31 +33,16 @@ function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototyp
 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 = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['media'], selector);
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState = (0, _hooks.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 = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['media'], selector),
+    mediaProvider = _useSharedPluginState.mediaProvider;
   var interactionState = (0, _useSharedPluginStateSelector.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/cjs/nodeviews/mediaSingle.js

@@ -42,26 +42,6 @@ var selector = function selector(states) {
     viewMode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width', 'media', 'annotation', 'editorDisabled', 'editorViewMode'], selector);
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState = (0, _hooks.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,
@@ -75,15 +55,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 = (0, _hooks.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 = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'interaction.interactionState');
   var mediaProvider = (0, _react.useMemo)(function () {
     return mediaProviderPromise ? Promise.resolve(mediaProviderPromise) : undefined;

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

@@ -21,17 +21,6 @@ var selector = function selector(states) {
     annotations: (_states$annotationSta3 = states.annotationState) === null || _states$annotationSta3 === void 0 ? void 0 : _states$annotationSta3.annotations
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['annotation'], selector);
-}, function (api) {
-  var _useSharedPluginState = (0, _hooks.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,
@@ -40,10 +29,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 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['annotation'], selector),
+    selectedAnnotations = _useSharedPluginState.selectedAnnotations,
+    isInlineCommentViewClosed = _useSharedPluginState.isInlineCommentViewClosed,
+    annotations = _useSharedPluginState.annotations;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     entered = _useState2[0],
@@ -118,10 +107,10 @@ var CommentBadgeNextWrapper = exports.CommentBadgeNextWrapper = function Comment
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     entered = _useState4[0],
     setEntered = _useState4[1];
-  var _useSharedState2 = useSharedState(api),
-    selectedAnnotations = _useSharedState2.selectedAnnotations,
-    isInlineCommentViewClosed = _useSharedState2.isInlineCommentViewClosed,
-    annotations = _useSharedState2.annotations;
+  var _useSharedPluginState2 = (0, _hooks.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/cjs/ui/MediaPicker/DropzoneWrapper.js

@@ -20,16 +20,6 @@ var selector = function selector(states) {
     handleDrag: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.handleDrag
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], selector);
-}, function (api) {
-  var _useSharedPluginState = (0, _hooks.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,
@@ -39,9 +29,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 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], selector),
+    options = _useSharedPluginState.options,
+    handleDrag = _useSharedPluginState.handleDrag;
   var _ref2 = options || {},
     customDropzoneContainer = _ref2.customDropzoneContainer;
 

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

@@ -29,21 +29,6 @@ var selector = function selector(states) {
     options: (_states$mediaState4 = states.mediaState) === null || _states$mediaState4 === void 0 ? void 0 : _states$mediaState4.options
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], selector);
-}, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['media']),
-    mediaState = _useSharedPluginState.mediaState;
-  var mediaProvider = (0, _react.useMemo)(function () {
-    return mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider;
-  }, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
-  return {
-    mediaProvider: 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
-  };
-});
 function PickerFacadeProvider(_ref) {
   var api = _ref.api,
     analyticsName = _ref.analyticsName,
@@ -56,11 +41,11 @@ function PickerFacadeProvider(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var _useSharedState = useSharedState(api),
-    mediaProvider = _useSharedState.mediaProvider,
-    mediaOptions = _useSharedState.mediaOptions,
-    insertFile = _useSharedState.insertFile,
-    options = _useSharedState.options;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], selector),
+    mediaProvider = _useSharedPluginState.mediaProvider,
+    mediaOptions = _useSharedPluginState.mediaOptions,
+    insertFile = _useSharedPluginState.insertFile,
+    options = _useSharedPluginState.options;
   var handleMediaProvider = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_name, provider) {
       var mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config;

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

@@ -26,19 +26,6 @@ var selector = function selector(states) {
     mediaOptions: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaOptions
   };
 };
-var useMediaPickerState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['focus', 'connectivity', 'media'], selector);
-}, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['focus', 'connectivity', 'media']),
-    focusState = _useSharedPluginState.focusState,
-    connectivityState = _useSharedPluginState.connectivityState,
-    mediaState = _useSharedPluginState.mediaState;
-  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
-  };
-});
 var MediaPicker = function MediaPicker(_ref) {
   var _editorDom$parentElem;
   var api = _ref.api,
@@ -46,10 +33,10 @@ var MediaPicker = function MediaPicker(_ref) {
     appearance = _ref.appearance,
     onBrowseFn = _ref.onBrowseFn,
     editorDomElement = _ref.editorDomElement;
-  var _useMediaPickerState = useMediaPickerState(api),
-    hasFocus = _useMediaPickerState.hasFocus,
-    connectivityMode = _useMediaPickerState.connectivityMode,
-    mediaOptions = _useMediaPickerState.mediaOptions;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['focus', 'connectivity', 'media'], selector),
+    hasFocus = _useSharedPluginState.hasFocus,
+    connectivityMode = _useSharedPluginState.connectivityMode,
+    mediaOptions = _useSharedPluginState.mediaOptions;
   var featureFlags = mediaOptions && mediaOptions.featureFlags;
 
   // Ignored via go/ees005

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

@@ -24,24 +24,14 @@ var selector = function selector(states) {
     showMediaPicker: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.showMediaPicker
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], selector);
-}, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['media']),
-    mediaState = _useSharedPluginState.mediaState;
-  return {
-    allowsUploads: mediaState === null || mediaState === void 0 ? void 0 : mediaState.allowsUploads,
-    showMediaPicker: mediaState === null || mediaState === void 0 ? void 0 : mediaState.showMediaPicker
-  };
-});
 var ToolbarMedia = function ToolbarMedia(_ref) {
   var isDisabled = _ref.isDisabled,
     isReducedSpacing = _ref.isReducedSpacing,
     intl = _ref.intl,
     api = _ref.api;
-  var _useSharedState = useSharedState(api),
-    allowsUploads = _useSharedState.allowsUploads,
-    showMediaPicker = _useSharedState.showMediaPicker;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], selector),
+    allowsUploads = _useSharedPluginState.allowsUploads,
+    showMediaPicker = _useSharedPluginState.showMediaPicker;
   if (!allowsUploads || !showMediaPicker) {
     return null;
   }

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

@@ -12,18 +12,9 @@ var selector = function selector(states) {
     mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider
   };
 };
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['media'], selector);
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['media']),
-    mediaState = _useSharedPluginState.mediaState;
-  return {
-    mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider
-  };
-});
 var useMediaProvider = exports.useMediaProvider = function useMediaProvider(pluginInjectionApi) {
-  var _useSharedState = useSharedState(pluginInjectionApi),
-    mediaProvider = _useSharedState.mediaProvider;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['media'], selector),
+    mediaProvider = _useSharedPluginState.mediaProvider;
   var provider = (0, _react.useMemo)(function () {
     return mediaProvider;
   }, [mediaProvider]);

package/dist/es2019/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,17 +39,6 @@ const selector = states => {
     setBrowseFn: (_states$mediaState2 = states.mediaState) === null || _states$mediaState2 === void 0 ? void 0 : _states$mediaState2.setBrowseFn
   };
 };
-const useMediaPickerSharedState = sharedPluginStateHookMigratorFactory(api => {
-  return useSharedPluginStateWithSelector(api, ['media'], selector);
-}, api => {
-  const {
-    mediaState
-  } = useSharedPluginState(api, ['media']);
-  return {
-    onPopupToggle: mediaState === null || mediaState === void 0 ? void 0 : mediaState.onPopupToggle,
-    setBrowseFn: mediaState === null || mediaState === void 0 ? void 0 : mediaState.setBrowseFn
-  };
-});
 const MediaPickerFunctionalComponent = ({
   api,
   editorDomElement,
@@ -58,7 +47,7 @@ const MediaPickerFunctionalComponent = ({
   const {
     onPopupToggle,
     setBrowseFn
-  } = useMediaPickerSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['media'], selector);
   if (!onPopupToggle || !setBrowseFn) {
     return null;
   }
@@ -78,18 +67,6 @@ const mediaViewerStateSelector = states => {
     mediaClientConfig: (_states$mediaState5 = states.mediaState) === null || _states$mediaState5 === void 0 ? void 0 : _states$mediaState5.mediaClientConfig
   };
 };
-const useMediaViewerSharedState = sharedPluginStateHookMigratorFactory(api => {
-  return useSharedPluginStateWithSelector(api, ['media'], mediaViewerStateSelector);
-}, api => {
-  const {
-    mediaState
-  } = useSharedPluginState(api, ['media']);
-  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
-  };
-});
 const MediaViewerFunctionalComponent = ({
   api,
   editorView
@@ -100,7 +77,7 @@ const MediaViewerFunctionalComponent = ({
     isMediaViewerVisible,
     mediaViewerSelectedMedia,
     mediaClientConfig
-  } = useMediaViewerSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['media'], mediaViewerStateSelector);
   const mediaItems = useMemo(() => {
     if (isMediaViewerVisible) {
       const mediaNodes = extractMediaNodes(editorView.state.doc);

package/dist/es2019/nodeviews/mediaGroup.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 { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { useMediaProvider } from '../ui/hooks/useMediaProvider';
@@ -11,18 +11,6 @@ const selector = states => {
     editorViewMode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
-  return useSharedPluginStateWithSelector(pluginInjectionApi, ['editorDisabled', 'editorViewMode'], selector);
-}, pluginInjectionApi => {
-  const {
-    editorDisabledState: editorDisabledPlugin,
-    editorViewModeState: editorViewModePlugin
-  } = useSharedPluginState(pluginInjectionApi, ['editorDisabled', 'editorViewMode']);
-  return {
-    editorDisabled: editorDisabledPlugin === null || editorDisabledPlugin === void 0 ? void 0 : editorDisabledPlugin.editorDisabled,
-    editorViewMode: editorViewModePlugin === null || editorViewModePlugin === void 0 ? void 0 : editorViewModePlugin.mode
-  };
-});
 function MediaGroupNodeViewInternal({
   renderFn,
   pluginInjectionApi
@@ -30,7 +18,7 @@ function MediaGroupNodeViewInternal({
   const {
     editorDisabled,
     editorViewMode
-  } = useSharedState(pluginInjectionApi);
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['editorDisabled', 'editorViewMode'], selector);
   const mediaProvider = useMediaProvider(pluginInjectionApi);
   return renderFn({
     editorDisabled,

package/dist/es2019/nodeviews/mediaInline.js

@@ -6,7 +6,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';
@@ -166,24 +166,6 @@ const selector = states => {
     mediaClientConfig: (_states$mediaState7 = states.mediaState) === null || _states$mediaState7 === void 0 ? void 0 : _states$mediaState7.mediaClientConfig
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
-  return useSharedPluginStateWithSelector(api, ['editorViewMode', 'media'], selector);
-}, api => {
-  const {
-    editorViewModeState,
-    mediaState
-  } = useSharedPluginState(api, ['editorViewMode', 'media']);
-  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
-  };
-});
 const MediaInlineSharedState = ({
   identifier,
   node,
@@ -202,7 +184,7 @@ const MediaInlineSharedState = ({
     selectedMediaContainerNode,
     mediaClientConfig,
     viewMode
-  } = useSharedState(api);
+  } = useSharedPluginStateWithSelector(api, ['editorViewMode', 'media'], selector);
   const newMediaProvider = useMemo(() => mediaProvider ? Promise.resolve(mediaProvider) : undefined, [mediaProvider]);
   if (!handleMediaNodeMount || !handleMediaNodeUnmount || !addPendingTask || !selectedMediaContainerNode || !mediaClientConfig || !newMediaProvider) {
     return null;

package/dist/es2019/nodeviews/mediaNodeView/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 { 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';
@@ -14,34 +14,18 @@ import MediaNode from './media';
 const 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
   };
 };
-const useSharedState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
-  return useSharedPluginStateWithSelector(pluginInjectionApi, ['media'], selector);
-}, pluginInjectionApi => {
-  const {
-    widthState,
-    mediaState
-  } = useSharedPluginState(pluginInjectionApi, ['width', 'media']);
-  return {
-    mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
-    widthState
-  };
-});
 const MediaNodeWithProviders = ({
   pluginInjectionApi,
   innerComponent
 }) => {
   const {
-    mediaProvider,
-    widthState
-  } = useSharedState(pluginInjectionApi);
+    mediaProvider
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['media'], selector);
   const interactionState = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.interactionState');
   return innerComponent({
-    width: widthState,
-    // Remove when platform_editor_usesharedpluginstatewithselector is cleaned up
     mediaProvider: mediaProvider ? Promise.resolve(mediaProvider) : undefined,
     interactionState
   });