@atlaskit/editor-core 185.8.0 → 185.8.3

package/dist/es2019/plugins/base/pm-plugins/disable-spell-checking.js

@@ -31,16 +31,16 @@ export default (featureFlags => new SafePlugin({
   props: {
     attributes: editorState => {
       if (!featureFlags) {
-        return;
+        return {};
       }
       const browserConfigFeatureFlag = featureFlags.disableSpellcheckByBrowser;
       const userCurrentBrowserAndVersion = getCurrentBrowserAndVersion();
       if (!userCurrentBrowserAndVersion || !browserConfigFeatureFlag) {
-        return;
+        return {};
       }
       const browserVersionDisableRange = browserConfigFeatureFlag[userCurrentBrowserAndVersion.browser];
       if (!browserVersionDisableRange || !browserEnv[userCurrentBrowserAndVersion.browser]) {
-        return;
+        return {};
       }
       const shouldDisableSpellcheck = !!browserVersionDisableRange.maximum ? userCurrentBrowserAndVersion.version >= browserVersionDisableRange.minimum && userCurrentBrowserAndVersion.version <= browserVersionDisableRange.maximum : browserEnv[userCurrentBrowserAndVersion.browser] && userCurrentBrowserAndVersion.version >= browserVersionDisableRange.minimum;
       if (shouldDisableSpellcheck) {
@@ -48,7 +48,7 @@ export default (featureFlags => new SafePlugin({
           spellcheck: 'false'
         };
       }
-      return;
+      return {};
     }
   }
 }));

package/dist/es2019/plugins/base/pm-plugins/newline-preserve-marks.js

@@ -2,11 +2,9 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { keydownHandler } from 'prosemirror-keymap';
 import { filter } from '../../../utils/commands';
-import { typeAheadPluginKey } from '../../../plugins/type-ahead';
 import { isSelectionEndOfParagraph } from '../../../utils';
 export const newlinePreserveMarksKey = new PluginKey('newlinePreserveMarksPlugin');
 const isSelectionAligned = state => !!state.selection.$to.parent.marks.find(m => m.type === state.schema.marks.alignment);
-const isTypeaheadNotDisplaying = state => !typeAheadPluginKey.getState(state).active;
 const splitBlockPreservingMarks = (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.split(state.tr.mapping.map(state.selection.$from.pos), 1));
@@ -17,7 +15,7 @@ export default (() => new SafePlugin({
   key: newlinePreserveMarksKey,
   props: {
     handleKeyDown: keydownHandler({
-      Enter: filter([isSelectionEndOfParagraph, isSelectionAligned, isTypeaheadNotDisplaying], splitBlockPreservingMarks)
+      Enter: filter([isSelectionEndOfParagraph, isSelectionAligned], splitBlockPreservingMarks)
     })
   }
 }));

package/dist/es2019/plugins/block-type/commands/delete-and-move-cursor.js

@@ -26,7 +26,7 @@ const shouldMoveCursorAfterDelete = state => {
  * ED-13873 fixes a bug where after deleting a list the cursor would move
  * to the cell to the right. Uses setSelection to position the cursor as expected after deleting.
  *
- * @param state EditorState<any>
+ * @param state EditorState
  * @param dispatch CommandDispatch
  * @returns boolean
  */

package/dist/es2019/plugins/block-type/commands/delete-block-content.js

@@ -1,7 +1,7 @@
 /**
  * Prevent removing the block when deleting block content
  *
- * @param state EditorState<any>
+ * @param state EditorState
  * @param dispatch CommandDispatch
  * @returns boolean
  */

package/dist/es2019/plugins/breakout/index.js

@@ -105,7 +105,7 @@ function createPlugin(pluginInjectionApi, {
     state: {
       init() {
         return {
-          breakoutNode: null
+          breakoutNode: undefined
         };
       },
       apply(tr, pluginState) {
@@ -175,7 +175,13 @@ const breakoutPlugin = (options, api) => ({
         breakoutNode: undefined
       };
     }
-    return pluginKey.getState(editorState);
+    const pluginState = pluginKey.getState(editorState);
+    if (!pluginState) {
+      return {
+        breakoutNode: undefined
+      };
+    }
+    return pluginState;
   },
   contentComponent({
     editorView,

package/dist/es2019/plugins/breakout/plugin-key.js

@@ -1,3 +1,3 @@
 import { PluginKey } from 'prosemirror-state';
 export const pluginKey = new PluginKey('breakoutPlugin');
-export const getPluginState = state => pluginKey.getState(state);
+export const getPluginState = state => pluginKey.getState(state) || undefined;

package/dist/es2019/plugins/breakout/ui/LayoutButton.js

@@ -30,6 +30,9 @@ const toolbarButtonWrapper = css`
   }
 `;
 function getBreakoutNodeElement(pluginState, selection, editorView) {
+  if (!pluginState.breakoutNode) {
+    return undefined;
+  }
   if (selection instanceof NodeSelection && isSupportedNodeForBreakout(selection.node)) {
     return findDomRefAtPos(selection.from, editorView.domAtPos.bind(editorView));
   }
@@ -73,6 +76,9 @@ class LayoutButton extends React.Component {
     const nextBreakoutMode = getNextBreakoutMode(breakoutMode);
     const belowOtherPopupsZIndex = layers.layer() - 1;
     let pluginState = getPluginState(state);
+    if (!pluginState) {
+      return null;
+    }
     let element = getBreakoutNodeElement(pluginState, state.selection, editorView);
     if (!element) {
       return null;

package/dist/es2019/plugins/card/index.js

@@ -19,7 +19,7 @@ const cardPlugin = (options, api) => {
       if (!editorState) {
         return null;
       }
-      return pluginKey.getState(editorState);
+      return pluginKey.getState(editorState) || null;
     },
     nodes() {
       const nodes = [{

package/dist/es2019/plugins/card/toolbar.js

@@ -112,7 +112,7 @@ export const floatingToolbar = (cardOptions, featureFlags, platform, linkPickerO
     } : {};
 
     // Applies padding override for when link picker is currently displayed
-    const className = pluginState.showLinkingToolbar ? FLOATING_TOOLBAR_LINKPICKER_CLASSNAME : undefined;
+    const className = pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? FLOATING_TOOLBAR_LINKPICKER_CLASSNAME : undefined;
 
     /**
      * Enable focus trap only if feature flag is enabled AND for the new version of the picker
@@ -141,9 +141,9 @@ export const floatingToolbar = (cardOptions, featureFlags, platform, linkPickerO
         return element;
       },
       items: generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPickerOptions, pluginInjectionApi),
-      scrollable: pluginState.showLinkingToolbar ? false : true,
-      focusTrap: shouldEnableFocusTrap && pluginState.showLinkingToolbar,
-      ...editLinkToolbarConfig(pluginState.showLinkingToolbar, isLinkPickerEnabled)
+      scrollable: pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? false : true,
+      focusTrap: shouldEnableFocusTrap && (pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar),
+      ...editLinkToolbarConfig(Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.showLinkingToolbar), isLinkPickerEnabled)
     };
   };
 };
@@ -191,7 +191,7 @@ const generateToolbarItems = (state, featureFlags, intl, providerFactory, cardOp
   const isDatasource = currentAppearance === 'block' && (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.datasource);
 
   /* mobile builds toolbar natively using toolbarItems */
-  if (pluginState.showLinkingToolbar && platform !== 'mobile') {
+  if (pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar && platform !== 'mobile') {
     return [buildEditLinkToolbar({
       providerFactory,
       linkPicker,
@@ -199,7 +199,7 @@ const generateToolbarItems = (state, featureFlags, intl, providerFactory, cardOp
       featureFlags,
       pluginInjectionApi
     })];
-  } else if (pluginState.showDatasourceModal) {
+  } else if (pluginState !== null && pluginState !== void 0 && pluginState.showDatasourceModal) {
     return [openDatasourceModal({
       state,
       node,

package/dist/es2019/plugins/card/utils.js

@@ -39,5 +39,8 @@ export const mergeCardInfo = (titleUrlPair, info) => {
 export const displayInfoForCard = (node, info) => mergeCardInfo(titleUrlPairFromNode(node), info);
 export const findCardInfo = state => {
   const pluginState = pluginKey.getState(state);
+  if (!pluginState) {
+    return undefined;
+  }
   return pluginState.cards.find(cardInfo => cardInfo.pos === state.selection.from);
 };

package/dist/es2019/plugins/code-block/pm-plugins/keymaps.js

@@ -23,7 +23,7 @@ export function keymapPlugin(schema) {
         table,
         layoutColumn
       } = state.schema.nodes;
-      if (!$cursor || $cursor.parent.type !== codeBlock) {
+      if (!$cursor || $cursor.parent.type !== codeBlock || !dispatch) {
         return false;
       }
       if ($cursor.pos === 1 || hasParentNodeOfType(listItem)(state.selection) && $cursor.parentOffset === 0) {

package/dist/es2019/plugins/collab-edit/events/initialize.js

@@ -22,7 +22,7 @@ export const initialize = ({
 }) => provider => {
   let cleanup;
   const pluginState = pluginKey.getState(view.state);
-  if (pluginState.isReady && cleanup) {
+  if (pluginState !== null && pluginState !== void 0 && pluginState.isReady && cleanup) {
     cleanup();
   }
   cleanup = subscribe(view, provider, options, featureFlags, providerFactory);

package/dist/es2019/plugins/collab-edit/events/send-transaction.js

@@ -9,7 +9,7 @@ export const sendTransaction = ({
 }) => provider => {
   const docChangedTransaction = transactions.find(tr => tr.docChanged);
   const currentPluginState = pluginKey.getState(newEditorState);
-  if (!currentPluginState.isReady) {
+  if (!(currentPluginState !== null && currentPluginState !== void 0 && currentPluginState.isReady)) {
     return;
   }
   const shouldSendStepForSynchronyCollabProvider = !originalTransaction.getMeta('isRemote') &&
@@ -23,13 +23,13 @@ export const sendTransaction = ({
   const prevPluginState = pluginKey.getState(oldEditorState);
   const {
     activeParticipants: prevActiveParticipants
-  } = prevPluginState;
+  } = prevPluginState || {};
   const {
     activeParticipants,
     sessionId
   } = currentPluginState;
   const selectionChanged = !oldEditorState.selection.eq(newEditorState.selection);
-  const participantsChanged = !prevActiveParticipants.eq(activeParticipants);
+  const participantsChanged = prevActiveParticipants && !prevActiveParticipants.eq(activeParticipants);
   if (sessionId && selectionChanged && !docChangedTransaction || sessionId && participantsChanged) {
     const selection = getSendableSelection(newEditorState.selection);
     const message = {

package/dist/es2019/plugins/collab-edit/get-participants-count.js

@@ -4,5 +4,8 @@ export function getParticipantsCount(state) {
     return 1;
   }
   const pluginState = pluginKey.getState(state);
-  return pluginState && pluginState.participants ? pluginState.participants.size() : 1;
+  // @ts-ignore accessing private property
+  return pluginState && pluginState.participants ?
+  // @ts-ignore accessing private property
+  pluginState.participants.size() : 1;
 }

package/dist/es2019/plugins/collab-edit/plugin.js

@@ -21,7 +21,8 @@ export const createPlugin = (dispatch, providerFactory, collabProviderCallback,
     },
     props: {
       decorations(state) {
-        return this.getState(state).decorations;
+        var _pluginKey$getState;
+        return (_pluginKey$getState = pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.decorations;
       }
     },
     filterTransaction(tr, state) {
@@ -33,7 +34,7 @@ export const createPlugin = (dispatch, providerFactory, collabProviderCallback,
       if (collabInitialiseTr) {
         return true;
       }
-      if (!pluginState.isReady && tr.docChanged) {
+      if (!(pluginState !== null && pluginState !== void 0 && pluginState.isReady) && tr.docChanged) {
         return false;
       }
       return true;

package/dist/es2019/plugins/custom-autoformat/index.js

@@ -44,7 +44,9 @@ export const createPMPlugin = ({
       },
       handleKeyDown: keydownHandler({
         Enter: (_state, _dispatch, view) => {
-          triggerInputRule(view, rules, view.state.selection.from, view.state.selection.to, '');
+          if (view) {
+            triggerInputRule(view, rules, view.state.selection.from, view.state.selection.to, '');
+          }
           return false;
         }
       })

package/dist/es2019/plugins/date/actions.js

@@ -25,12 +25,13 @@ export const createDate = isQuickInsertAction => (insert, state) => {
 
 /** Delete the date and close the datepicker */
 export const deleteDate = () => (state, dispatch) => {
-  const {
-    showDatePickerAt
-  } = pluginKey.getState(state);
-  if (showDatePickerAt === null) {
+  const pluginState = pluginKey.getState(state);
+  if (!pluginState || pluginState.showDatePickerAt === null) {
     return false;
   }
+  const {
+    showDatePickerAt
+  } = pluginState;
   const tr = state.tr.delete(showDatePickerAt, showDatePickerAt + 1).setMeta(pluginKey, {
     showDatePickerAt: null,
     isNew: false
@@ -43,10 +44,8 @@ export const deleteDate = () => (state, dispatch) => {
 
 /** Focus input */
 export const focusDateInput = () => (state, dispatch) => {
-  const {
-    showDatePickerAt
-  } = pluginKey.getState(state);
-  if (showDatePickerAt === null) {
+  const pluginState = pluginKey.getState(state);
+  if (!pluginState || pluginState.showDatePickerAt === null) {
     return false;
   }
   if (!dispatch) {
@@ -94,7 +93,7 @@ export const insertDate = (date, inputMethod, commitMethod, enterPressed = true)
   }
   const {
     showDatePickerAt
-  } = pluginKey.getState(state);
+  } = pluginKey.getState(state) || {};
   if (!showDatePickerAt) {
     const dateNode = schema.nodes.date.createChecked({
       timestamp
@@ -151,7 +150,7 @@ export const setDatePickerAt = showDatePickerAt => (state, dispatch) => {
 export const closeDatePicker = () => (state, dispatch) => {
   const {
     showDatePickerAt
-  } = pluginKey.getState(state);
+  } = pluginKey.getState(state) || {};
   if (!dispatch) {
     return false;
   }

package/dist/es2019/plugins/date/index.js

@@ -92,11 +92,11 @@ const datePlugin = (_, api) => ({
       showDatePickerAt,
       isNew,
       focusDateInput
-    } = datePluginKey.getState(editorState);
+    } = datePluginKey.getState(editorState) || {};
     return {
       showDatePickerAt,
-      isNew,
-      focusDateInput
+      isNew: !!isNew,
+      focusDateInput: !!focusDateInput
     };
   },
   nodes() {

package/dist/es2019/plugins/editor-disabled/index.js

@@ -44,7 +44,13 @@ const editorDisabledPlugin = () => ({
         editorDisabled: false
       };
     }
-    return pluginKey.getState(editorState);
+    const pluginState = pluginKey.getState(editorState);
+    if (!pluginState) {
+      return {
+        editorDisabled: false
+      };
+    }
+    return pluginState;
   },
   pmPlugins: () => [{
     name: 'editorDisabled',

package/dist/es2019/plugins/emoji/index.js

@@ -98,7 +98,7 @@ const emojiPlugin = options => {
     }) {
       const {
         asciiMap
-      } = emojiPluginKey.getState(editorState);
+      } = emojiPluginKey.getState(editorState) || {};
       const normalizedQuery = TRIGGER.concat(query);
 
       // if the query has space at the end
@@ -106,7 +106,7 @@ const emojiPlugin = options => {
       if (asciiMap && normalizedQuery.length >= 3 && normalizedQuery.endsWith(' ') && asciiMap.has(normalizedQuery.trim())) {
         const emoji = asciiMap.get(normalizedQuery.trim());
         return {
-          title: emoji.name,
+          title: (emoji === null || emoji === void 0 ? void 0 : emoji.name) || '',
           emoji
         };
       }

package/dist/es2019/plugins/expand/commands.js

@@ -100,13 +100,13 @@ export const insertExpand = (state, dispatch) => {
   const payload = {
     action: ACTION.INSERTED,
     actionSubject: ACTION_SUBJECT.DOCUMENT,
-    actionSubjectId: expandNode.type === state.schema.nodes.expand ? ACTION_SUBJECT_ID.EXPAND : ACTION_SUBJECT_ID.NESTED_EXPAND,
+    actionSubjectId: (expandNode === null || expandNode === void 0 ? void 0 : expandNode.type) === state.schema.nodes.expand ? ACTION_SUBJECT_ID.EXPAND : ACTION_SUBJECT_ID.NESTED_EXPAND,
     attributes: {
       inputMethod: INPUT_METHOD.INSERT_MENU
     },
     eventType: EVENT_TYPE.TRACK
   };
-  if (dispatch) {
+  if (dispatch && expandNode) {
     dispatch(addAnalytics(state, safeInsert(expandNode)(state.tr).scrollIntoView(), payload));
   }
   return true;

package/dist/es2019/plugins/expand/index.js

@@ -52,6 +52,9 @@ const expandPlugin = (options = {}, api) => {
           icon: () => /*#__PURE__*/React.createElement(IconExpand, null),
           action(insert, state) {
             const node = createExpandNode(state);
+            if (!node) {
+              return false;
+            }
             const tr = insert(node);
             return addAnalytics(state, tr, {
               action: ACTION.INSERTED,

package/dist/es2019/plugins/expand/nodeviews/index.js

@@ -421,6 +421,8 @@ export class ExpandNodeView {
       this.icon.removeEventListener('keydown', this.handleIconKeyDown);
       ReactDOM.unmountComponentAtNode(this.icon);
     }
+
+    // @ts-ignore - [unblock prosemirror bump] reset non optional prop to undefined to clear reference
     this.dom = undefined;
     this.contentDOM = undefined;
     this.icon = undefined;

package/dist/es2019/plugins/fragment/pm-plugins/fragment-consistency.js

@@ -92,11 +92,15 @@ export const createPlugin = dispatch => new SafePlugin({
       }
       if (localIds.has(existingFragmentMark.attrs.localId)) {
         tr.setNodeMarkup(pos, undefined, node.attrs, node.marks.map(mark => {
-          if (mark.type === fragment) {
-            mark.attrs.localId = uuid.generate();
-            mark.attrs.name = null;
+          if (mark.type !== fragment) {
+            return mark;
           }
-          return mark;
+          const fragmentMark = fragment.create({
+            ...mark.attrs,
+            localId: uuid.generate(),
+            name: null
+          });
+          return fragmentMark;
         }));
         modified = true;
       }

package/dist/es2019/plugins/hyperlink/commands.js

@@ -16,7 +16,7 @@ export function isTextAtPos(pos) {
 export function isLinkAtPos(pos) {
   return state => {
     const node = state.doc.nodeAt(pos);
-    return !!node && state.schema.marks.link.isInSet(node.marks);
+    return !!node && !!state.schema.marks.link.isInSet(node.marks);
   };
 }
 export function setLinkHref(href, pos, to, isTabPressed) {
@@ -92,10 +92,11 @@ export function insertLink(from, to, incomingHref, incomingTitle, displayText, s
       tr
     } = state;
     if (incomingHref.trim()) {
+      var _stateKey$getState;
       const normalizedUrl = normalizeUrl(incomingHref);
       // NB: in this context, `currentText` represents text which has been
       // highlighted in the Editor, upon which a link is is being added.
-      const currentText = stateKey.getState(state).activeText;
+      const currentText = (_stateKey$getState = stateKey.getState(state)) === null || _stateKey$getState === void 0 ? void 0 : _stateKey$getState.activeText;
       let markEnd = to;
       const text = displayText || incomingTitle || incomingHref;
       if (!displayText || displayText !== currentText) {

package/dist/es2019/plugins/image-upload/pm-plugins/commands.js

@@ -4,7 +4,7 @@ import { startUpload } from './actions';
 import { stateKey } from './plugin-key';
 export const insertExternalImage = options => (state, dispatch) => {
   const pluginState = stateKey.getState(state);
-  if (!pluginState.enabled || !options.src) {
+  if (!(pluginState !== null && pluginState !== void 0 && pluginState.enabled) || !options.src) {
     return false;
   }
   const mediaNode = createExternalMediaNode(options.src, state.schema);
@@ -18,7 +18,7 @@ export const insertExternalImage = options => (state, dispatch) => {
 };
 export const startImageUpload = event => (state, dispatch) => {
   const pluginState = stateKey.getState(state);
-  if (!pluginState.enabled) {
+  if (!(pluginState !== null && pluginState !== void 0 && pluginState.enabled)) {
     return false;
   }
   if (dispatch) {

package/dist/es2019/plugins/list/actions/outdent-list-items-selected.js

@@ -209,6 +209,7 @@ const extractListItemsRangeFromList = ({
     const order = getOrderFromOrderedListNode(list);
     if (list.type.name === 'orderedList') {
       nextListStartNumber = range.endIndex - 1 + order;
+      // @ts-ignore - [unblock prosemirror bump] assigning to readonly attrs
       nextList.attrs = {
         ...nextList.attrs,
         order: nextListStartNumber

package/dist/es2019/plugins/macro/actions.js

@@ -106,7 +106,7 @@ export const resolveMacro = (macro, state, optionalAttrs) => {
     type,
     attrs
   } = getValidNode(macro, schema);
-  let node;
+  let node = null;
   if (type === 'extension') {
     node = schema.nodes.extension.create({
       ...attrs,
@@ -120,7 +120,7 @@ export const resolveMacro = (macro, state, optionalAttrs) => {
   } else if (type === 'inlineExtension') {
     node = schema.nodes.inlineExtension.create(attrs);
   }
-  return normaliseNestedLayout(state, node);
+  return node && normaliseNestedLayout(state, node);
 };
 
 // gets the macroProvider from the state and tries to autoConvert a given text

package/dist/es2019/plugins/media/commands/helpers.js

@@ -36,6 +36,9 @@ export const isMediaNode = (pos, state) => {
 };
 export const updateAllMediaSingleNodesAttrs = (id, attrs) => (state, dispatch) => {
   const mediaPluginState = mediaPluginKey.getState(state);
+  if (!mediaPluginState) {
+    return false;
+  }
   let mediaNodes;
   mediaNodes = findAllMediaSingleNodes(mediaPluginState, id);
   const validMediaNodePositions = mediaNodes.reduce((acc, {
@@ -74,6 +77,9 @@ export const updateCurrentMediaNodeAttrs = (attrs, mediaNode) => (state, dispatc
 };
 export const updateMediaSingleNodeAttrs = (id, attrs) => (state, dispatch) => {
   const mediaPluginState = mediaPluginKey.getState(state);
+  if (!mediaPluginState) {
+    return false;
+  }
   const mediaNodeWithPos = findMediaSingleNode(mediaPluginState, id);
   if (!mediaNodeWithPos) {
     return false;

package/dist/es2019/plugins/media/index.js

@@ -33,7 +33,7 @@ const mediaPlugin = (options = {}, api) => {
       if (!editorState) {
         return null;
       }
-      return stateKey.getState(editorState);
+      return stateKey.getState(editorState) || null;
     },
     nodes() {
       const {
@@ -224,7 +224,7 @@ const mediaPlugin = (options = {}, api) => {
         action(insert, state) {
           var _api$dependencies$ana;
           const pluginState = pluginKey.getState(state);
-          pluginState.showMediaPicker();
+          pluginState === null || pluginState === void 0 ? void 0 : pluginState.showMediaPicker();
           const tr = insert('');
           api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions.attachAnalyticsEvent({
             action: ACTION.OPENED,

package/dist/es2019/plugins/media/nodeviews/mediaGroup.js

@@ -50,6 +50,7 @@ class MediaGroup extends React.Component {
       mediaNodeUpdater.updateNodeAttrs(getPos);
     });
     _defineProperty(this, "setMediaItems", (props, updatedAttrs = false) => {
+      var _this$mediaPluginStat;
       const {
         node
       } = props;
@@ -73,7 +74,7 @@ class MediaGroup extends React.Component {
           this.updateNodeAttrs(props, item, getPos);
         }
       });
-      this.mediaPluginState.handleMediaGroupUpdate(oldMediaNodes, this.mediaNodes);
+      (_this$mediaPluginStat = this.mediaPluginState) === null || _this$mediaPluginStat === void 0 ? void 0 : _this$mediaPluginStat.handleMediaGroupUpdate(oldMediaNodes, this.mediaNodes);
     });
     _defineProperty(this, "getIdentifier", item => {
       if (item.attrs.type === 'external') {
@@ -129,7 +130,7 @@ class MediaGroup extends React.Component {
             return {
               shouldEnableDownloadButton: mediaOptions.enableDownloadButton,
               actions: [{
-                handler: disabled ? () => {} : this.mediaPluginState.handleMediaNodeRemoval.bind(null, undefined, getNodePos),
+                handler: disabled || !this.mediaPluginState ? () => {} : this.mediaPluginState.handleMediaNodeRemoval.bind(null, undefined, getNodePos),
                 icon: /*#__PURE__*/React.createElement(EditorCloseIcon, {
                   label: this.props.intl.formatMessage(messages.mediaGroupDeleteLabel)
                 })
@@ -203,14 +204,16 @@ class MediaGroup extends React.Component {
     });
   }
   componentWillUnmount() {
-    this.mediaPluginState.handleMediaGroupUpdate(this.mediaNodes, []);
+    var _this$mediaPluginStat2;
+    (_this$mediaPluginStat2 = this.mediaPluginState) === null || _this$mediaPluginStat2 === void 0 ? void 0 : _this$mediaPluginStat2.handleMediaGroupUpdate(this.mediaNodes, []);
   }
   UNSAFE_componentWillReceiveProps(props) {
     this.updateMediaClientConfig();
     this.setMediaItems(props, props.isCopyPasteEnabled || props.isCopyPasteEnabled === undefined);
   }
   shouldComponentUpdate(nextProps) {
-    if (hasSelectionChanged(this.props, nextProps) || this.props.node !== nextProps.node || this.state.viewMediaClientConfig !== this.mediaPluginState.mediaClientConfig) {
+    var _this$mediaPluginStat3;
+    if (hasSelectionChanged(this.props, nextProps) || this.props.node !== nextProps.node || this.state.viewMediaClientConfig !== ((_this$mediaPluginStat3 = this.mediaPluginState) === null || _this$mediaPluginStat3 === void 0 ? void 0 : _this$mediaPluginStat3.mediaClientConfig)) {
       return true;
     }
     return false;
@@ -221,7 +224,7 @@ class MediaGroup extends React.Component {
     } = this.state;
     const {
       mediaClientConfig
-    } = this.mediaPluginState;
+    } = this.mediaPluginState || {};
     if (!viewMediaClientConfig && mediaClientConfig) {
       this.setState({
         viewMediaClientConfig: mediaClientConfig

package/dist/es2019/plugins/media/nodeviews/mediaNodeView/media.js

@@ -54,15 +54,17 @@ export class MediaNode extends Component {
       }
     });
     _defineProperty(this, "onFullscreenChange", fullscreen => {
-      this.mediaPluginState.updateAndDispatch({
+      var _this$mediaPluginStat;
+      (_this$mediaPluginStat = this.mediaPluginState) === null || _this$mediaPluginStat === void 0 ? void 0 : _this$mediaPluginStat.updateAndDispatch({
         isFullscreen: fullscreen
       });
     });
     _defineProperty(this, "handleNewNode", props => {
+      var _this$mediaPluginStat2;
       const {
         node
       } = props;
-      this.mediaPluginState.handleMediaNodeMount(node, () => this.props.getPos());
+      (_this$mediaPluginStat2 = this.mediaPluginState) === null || _this$mediaPluginStat2 === void 0 ? void 0 : _this$mediaPluginStat2.handleMediaNodeMount(node, () => this.props.getPos());
     });
     const {
       view
@@ -87,17 +89,20 @@ export class MediaNode extends Component {
     await this.setViewMediaClientConfig();
   }
   componentWillUnmount() {
+    var _this$mediaPluginStat3;
     const {
       node
     } = this.props;
-    this.mediaPluginState.handleMediaNodeUnmount(node);
+    (_this$mediaPluginStat3 = this.mediaPluginState) === null || _this$mediaPluginStat3 === void 0 ? void 0 : _this$mediaPluginStat3.handleMediaNodeUnmount(node);
   }
   componentDidUpdate(prevProps) {
+    var _this$mediaPluginStat5;
     if (prevProps.node.attrs.id !== this.props.node.attrs.id) {
-      this.mediaPluginState.handleMediaNodeUnmount(prevProps.node);
+      var _this$mediaPluginStat4;
+      (_this$mediaPluginStat4 = this.mediaPluginState) === null || _this$mediaPluginStat4 === void 0 ? void 0 : _this$mediaPluginStat4.handleMediaNodeUnmount(prevProps.node);
       this.handleNewNode(this.props);
     }
-    this.mediaPluginState.updateElement();
+    (_this$mediaPluginStat5 = this.mediaPluginState) === null || _this$mediaPluginStat5 === void 0 ? void 0 : _this$mediaPluginStat5.updateElement();
     this.setViewMediaClientConfig();
   }
   render() {

package/dist/es2019/plugins/media/nodeviews/mediaSingle.js

@@ -470,7 +470,7 @@ class MediaSingleNodeView extends ReactNodeView {
       if (offsetLeft !== this.lastOffsetLeft) {
         this.lastOffsetLeft = offsetLeft;
         this.forceViewUpdate = true;
-        this.update(this.node, [], [], () => true);
+        this.update(this.node, [], undefined, () => true);
       }
     }
     return true;