@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/es2019/create-editor/ReactEditorView.js

@@ -34,28 +34,22 @@ import ReactEditorViewContext from './ReactEditorViewContext';
 import { createInsertNodeAPI } from '../insert-api/api';
 import { createEditorAnalyticsAPI } from '../analytics-api/api';
 import { createEditorSelectionAPI } from '../selection-api/api';
-
 function handleEditorFocus(view) {
   if (view.hasFocus()) {
     return;
   }
-
   return window.setTimeout(() => {
     view.focus();
   }, 0);
 }
-
 const EMPTY = [];
 export function shouldReconfigureState(props, nextProps) {
   var _props$dangerouslyApp, _props$dangerouslyApp2, _nextProps$dangerousl, _nextProps$dangerousl2;
-
   const prevPlugins = (_props$dangerouslyApp = (_props$dangerouslyApp2 = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp2 === void 0 ? void 0 : _props$dangerouslyApp2.__plugins) !== null && _props$dangerouslyApp !== void 0 ? _props$dangerouslyApp : EMPTY;
   const nextPlugins = (_nextProps$dangerousl = (_nextProps$dangerousl2 = nextProps.dangerouslyAppendPlugins) === null || _nextProps$dangerousl2 === void 0 ? void 0 : _nextProps$dangerousl2.__plugins) !== null && _nextProps$dangerousl !== void 0 ? _nextProps$dangerousl : EMPTY;
-
   if (nextPlugins.length !== prevPlugins.length || prevPlugins.some(p => nextPlugins.some(n => n.name === p.name && n !== p))) {
     return true;
   }
-
   const mobileProperties = props.appearance === 'mobile' ? ['featureFlags', 'quickInsert'] : [];
   const properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent', ...mobileProperties];
   return properties.reduce((acc, curr) => acc || props[curr] !== nextProps[curr], false);
@@ -63,29 +57,23 @@ export function shouldReconfigureState(props, nextProps) {
 export class ReactEditorView extends React.Component {
   // ProseMirror is instantiated prior to the initial React render cycle,
   // so we allow transactions by default, to avoid discarding the initial one.
+
   get transactionTracking() {
     var _this$props$editorPro, _this$props$editorPro2;
-
     return (_this$props$editorPro = (_this$props$editorPro2 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro2 === void 0 ? void 0 : _this$props$editorPro2.transactionTracking) !== null && _this$props$editorPro !== void 0 ? _this$props$editorPro : {
       enabled: false
     };
   }
-
   getPluginNames() {
     return this.editorState.plugins.map(p => p.key);
   }
-
   countNodes() {
     return countNodes(this.editorState);
   }
-
   constructor(_props, context) {
     super(_props, context);
-
     _defineProperty(this, "editorRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "canDispatchTransactions", true);
-
     _defineProperty(this, "onPluginObservation", (report, editorState) => {
       this.dispatchAnalyticsEvent({
         action: ACTION.TRANSACTION_DISPATCHED,
@@ -97,28 +85,24 @@ export class ReactEditorView extends React.Component {
         }
       });
     });
-
     _defineProperty(this, "formatFullWidthAppearance", appearance => {
       if (appearance === 'full-width') {
         return FULL_WIDTH_MODE.FULL_WIDTH;
       }
-
       return FULL_WIDTH_MODE.FIXED_WIDTH;
     });
-
     _defineProperty(this, "resetEditorState", ({
       doc,
       shouldScrollToBottom
     }) => {
       var _this$props$editorPro3, _this$props$editorPro4;
-
       if (!this.view) {
         return;
-      } // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
+      }
+
+      // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
       // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
       // nodes that haven't been re-rendered to the document yet.
-
-
       this.blur();
       this.featureFlags = createFeatureFlagsFromProps(this.props.editorProps);
       this.editorState = this.createEditorState({
@@ -133,34 +117,30 @@ export class ReactEditorView extends React.Component {
         source: 'local'
       });
     });
-
     _defineProperty(this, "blur", () => {
       if (!this.view) {
         return;
       }
-
       if (this.view.dom instanceof HTMLElement && this.view.hasFocus()) {
         this.view.dom.blur();
-      } // The selectionToDOM method uses the document selection to determine currently selected node
+      }
+
+      // The selectionToDOM method uses the document selection to determine currently selected node
       // We need to mimic blurring this as it seems doing the above is not enough.
       // @ts-expect-error
-
-
       const sel = this.view.root.getSelection();
-
       if (sel) {
         sel.removeAllRanges();
       }
     });
-
     _defineProperty(this, "reconfigureState", props => {
       if (!this.view) {
         return;
-      } // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
+      }
+
+      // We cannot currently guarentee when all the portals will have re-rendered during a reconfigure
       // so we blur here to stop ProseMirror from trying to apply selection to detached nodes or
       // nodes that haven't been re-rendered to the document yet.
-
-
       this.blur();
       const editorPlugins = this.getPlugins(props.editorProps, this.props.editorProps, this.props.createAnalyticsEvent);
       this.config = processPluginsList(editorPlugins);
@@ -182,28 +162,25 @@ export class ReactEditorView extends React.Component {
       });
       const newState = state.reconfigure({
         plugins: plugins
-      }); // need to update the state first so when the view builds the nodeviews it is
-      // using the latest plugins
+      });
 
+      // need to update the state first so when the view builds the nodeviews it is
+      // using the latest plugins
       this.view.updateState(newState);
-      return this.view.update({ ...this.view.props,
+      return this.view.update({
+        ...this.view.props,
         state: newState
       });
     });
-
     _defineProperty(this, "handleAnalyticsEvent", payload => {
       if (!this.props.allowAnalyticsGASV3) {
         return;
       }
-
       fireAnalyticsEvent(this.props.createAnalyticsEvent)(payload);
     });
-
     _defineProperty(this, "editorPlugins", []);
-
     _defineProperty(this, "createEditorState", options => {
       let schema;
-
       if (this.view) {
         if (options.resetting) {
           /**
@@ -228,7 +205,6 @@ export class ReactEditorView extends React.Component {
         this.config = processPluginsList(this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
         schema = createSchema(this.config);
       }
-
       const {
         contentTransformerProvider
       } = options.props.editorProps;
@@ -249,18 +225,14 @@ export class ReactEditorView extends React.Component {
       });
       this.contentTransformer = contentTransformerProvider ? contentTransformerProvider(schema) : undefined;
       let doc;
-
       if (options.doc) {
         doc = processRawValue(schema, options.doc, options.props.providerFactory, options.props.editorProps.sanitizePrivateContent, this.contentTransformer, this.dispatchAnalyticsEvent);
       }
-
       let selection;
-
       if (doc) {
         selection = options.selectionAtStart ? Selection.atStart(doc) : Selection.atEnd(doc);
-      } // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
-
-
+      }
+      // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
       const patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
       return EditorState.create({
         schema,
@@ -269,7 +241,6 @@ export class ReactEditorView extends React.Component {
         selection: patchedSelection
       });
     });
-
     _defineProperty(this, "onEditorViewStateUpdated", ({
       originalTransaction,
       transactions,
@@ -290,16 +261,13 @@ export class ReactEditorView extends React.Component {
         trackinEnabled && stopMeasure(`🦉 ${entry.pluginName}::onEditorViewStateUpdated`);
       });
     });
-
     _defineProperty(this, "trackValidTransactions", () => {
       const {
         editorProps
       } = this.props;
-
       if (editorProps !== null && editorProps !== void 0 && editorProps.trackValidTransactions) {
         this.validTransactionCount++;
         const samplingRate = typeof editorProps.trackValidTransactions === 'object' && editorProps.trackValidTransactions.samplingRate || DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS;
-
         if (this.validTransactionCount >= samplingRate) {
           this.dispatchAnalyticsEvent({
             action: ACTION.DISPATCHED_VALID_TRANSACTION,
@@ -310,25 +278,20 @@ export class ReactEditorView extends React.Component {
         }
       }
     });
-
     _defineProperty(this, "dispatchTransaction", unsafeTransaction => {
       if (!this.view) {
         return;
       }
-
       this.transactionTracker.bumpDispatchCounter(this.transactionTracking);
       const {
         startMeasure,
         stopMeasure
       } = this.transactionTracker.getMeasureHelpers(this.transactionTracking);
       startMeasure(EVENT_NAME_DISPATCH_TRANSACTION);
-
       if (this.transactionTracker.shouldTrackTransaction(this.transactionTracking)) {
         var _this$experienceStore;
-
         (_this$experienceStore = this.experienceStore) === null || _this$experienceStore === void 0 ? void 0 : _this$experienceStore.start(EditorExperience.interaction);
       }
-
       const nodes = findChangedNodesFromTransaction(unsafeTransaction);
       const changedNodesValid = validateNodes(nodes);
       const transaction = this.featureFlags.saferDispatchedTransactions || this.featureFlags.saferDispatchedTransactionsAnalyticsOnly ? new Proxy(unsafeTransaction, freezeUnsafeTransactionProperties({
@@ -336,10 +299,10 @@ export class ReactEditorView extends React.Component {
         pluginKey: 'unknown-reacteditorview',
         analyticsOnly: this.featureFlags.saferDispatchedTransactionsAnalyticsOnly
       })) : unsafeTransaction;
-
       if (changedNodesValid) {
-        const oldEditorState = this.view.state; // go ahead and update the state now we know the transaction is good
+        const oldEditorState = this.view.state;
 
+        // go ahead and update the state now we know the transaction is good
         startMeasure(EVENT_NAME_STATE_APPLY);
         const {
           state: editorState,
@@ -347,20 +310,16 @@ export class ReactEditorView extends React.Component {
         } = this.view.state.applyTransaction(transaction);
         stopMeasure(EVENT_NAME_STATE_APPLY, (duration, startTime) => {
           var _this$experienceStore2;
-
           (_this$experienceStore2 = this.experienceStore) === null || _this$experienceStore2 === void 0 ? void 0 : _this$experienceStore2.mark(EditorExperience.interaction, 'stateApply', startTime + duration);
         });
         this.trackValidTransactions();
-
         if (editorState === oldEditorState) {
           return;
         }
-
         startMeasure(EVENT_NAME_UPDATE_STATE);
         this.view.updateState(editorState);
         stopMeasure(EVENT_NAME_UPDATE_STATE, (duration, startTime) => {
           var _this$experienceStore3;
-
           (_this$experienceStore3 = this.experienceStore) === null || _this$experienceStore3 === void 0 ? void 0 : _this$experienceStore3.mark(EditorExperience.interaction, 'viewUpdateState', startTime + duration);
         });
         startMeasure(EVENT_NAME_VIEW_STATE_UPDATED);
@@ -372,10 +331,8 @@ export class ReactEditorView extends React.Component {
         });
         stopMeasure(EVENT_NAME_VIEW_STATE_UPDATED, (duration, startTime) => {
           var _this$experienceStore4;
-
           (_this$experienceStore4 = this.experienceStore) === null || _this$experienceStore4 === void 0 ? void 0 : _this$experienceStore4.mark(EditorExperience.interaction, 'onEditorViewStateUpdated', startTime + duration);
         });
-
         if (this.props.editorProps.onChange && transaction.docChanged) {
           const source = transaction.getMeta('isRemote') ? 'remote' : 'local';
           startMeasure(EVENT_NAME_ON_CHANGE);
@@ -384,13 +341,10 @@ export class ReactEditorView extends React.Component {
           });
           stopMeasure(EVENT_NAME_ON_CHANGE, (duration, startTime) => {
             var _this$experienceStore5, _this$props$editorPro5, _this$props$editorPro6;
-
             (_this$experienceStore5 = this.experienceStore) === null || _this$experienceStore5 === void 0 ? void 0 : _this$experienceStore5.mark(EditorExperience.interaction, 'onChange', startTime + duration);
-
             if (((_this$props$editorPro5 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro5 === void 0 ? void 0 : (_this$props$editorPro6 = _this$props$editorPro5.onChangeCallbackTracking) === null || _this$props$editorPro6 === void 0 ? void 0 : _this$props$editorPro6.enabled) !== true) {
               return;
             }
-
             this.dispatchAnalyticsEvent({
               action: ACTION.ON_CHANGE_CALLBACK,
               actionSubject: ACTION_SUBJECT.EDITOR,
@@ -402,17 +356,14 @@ export class ReactEditorView extends React.Component {
             });
           });
         }
-
         this.editorState = editorState;
         stopMeasure(EVENT_NAME_DISPATCH_TRANSACTION, (duration, startTime) => {
           var _this$experienceStore6, _this$experienceStore7;
-
           (_this$experienceStore6 = this.experienceStore) === null || _this$experienceStore6 === void 0 ? void 0 : _this$experienceStore6.mark(EditorExperience.interaction, 'dispatchTransaction', startTime + duration);
           (_this$experienceStore7 = this.experienceStore) === null || _this$experienceStore7 === void 0 ? void 0 : _this$experienceStore7.success(EditorExperience.interaction);
         });
       } else {
         var _this$experienceStore8;
-
         const invalidNodes = nodes.filter(node => !validNode(node)).map(node => getDocStructure(node, {
           compact: true
         }));
@@ -431,7 +382,6 @@ export class ReactEditorView extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "getDirectEditorProps", state => {
       return {
         state: state || this.editorState,
@@ -450,7 +400,6 @@ export class ReactEditorView extends React.Component {
         }
       };
     });
-
     _defineProperty(this, "createEditorView", node => {
       measureRender(measurements.PROSEMIRROR_RENDERED, ({
         duration,
@@ -458,14 +407,11 @@ export class ReactEditorView extends React.Component {
         distortedDuration
       }) => {
         var _this$props$editorPro7, _this$props$editorPro8, _proseMirrorRenderedT, _proseMirrorRenderedT2;
-
         const proseMirrorRenderedTracking = (_this$props$editorPro7 = this.props.editorProps) === null || _this$props$editorPro7 === void 0 ? void 0 : (_this$props$editorPro8 = _this$props$editorPro7.performanceTracking) === null || _this$props$editorPro8 === void 0 ? void 0 : _this$props$editorPro8.proseMirrorRenderedTracking;
         const forceSeverityTracking = typeof proseMirrorRenderedTracking === 'undefined' && shouldForceTracking();
         this.proseMirrorRenderedSeverity = !!forceSeverityTracking || proseMirrorRenderedTracking !== null && proseMirrorRenderedTracking !== void 0 && proseMirrorRenderedTracking.trackSeverity ? getAnalyticsEventSeverity(duration, (_proseMirrorRenderedT = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityNormalThreshold) !== null && _proseMirrorRenderedT !== void 0 ? _proseMirrorRenderedT : PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, (_proseMirrorRenderedT2 = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityDegradedThreshold) !== null && _proseMirrorRenderedT2 !== void 0 ? _proseMirrorRenderedT2 : PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD) : undefined;
-
         if (this.view) {
           var _getContextIdentifier, _this$experienceStore10;
-
           const nodes = getNodesCount(this.view.state.doc);
           const ttfb = getResponseEndTime();
           this.dispatchAnalyticsEvent({
@@ -482,26 +428,23 @@ export class ReactEditorView extends React.Component {
             },
             eventType: EVENT_TYPE.OPERATIONAL
           });
-
           if (!distortedDuration) {
             var _this$experienceStore9;
-
             (_this$experienceStore9 = this.experienceStore) === null || _this$experienceStore9 === void 0 ? void 0 : _this$experienceStore9.mark(EditorExperience.loadEditor, ACTION.PROSEMIRROR_RENDERED, startTime + duration);
           }
-
           (_this$experienceStore10 = this.experienceStore) === null || _this$experienceStore10 === void 0 ? void 0 : _this$experienceStore10.addMetadata(EditorExperience.loadEditor, {
             nodes,
             ttfb
           });
         }
-      }); // Creates the editor-view from this.editorState. If an editor has been mounted
-      // previously, this will contain the previous state of the editor.
+      });
 
+      // Creates the editor-view from this.editorState. If an editor has been mounted
+      // previously, this will contain the previous state of the editor.
       this.view = new EditorView({
         mount: node
       }, this.getDirectEditorProps());
     });
-
     _defineProperty(this, "handleEditorViewRef", node => {
       if (!this.view && node) {
         this.createEditorView(node);
@@ -512,11 +455,9 @@ export class ReactEditorView extends React.Component {
           eventDispatcher: this.eventDispatcher,
           transformer: this.contentTransformer
         });
-
         if (this.props.editorProps.shouldFocus && view.props.editable && view.props.editable(view.state)) {
           this.focusTimeoutId = handleEditorFocus(view);
         }
-
         if (this.featureFlags.ufo) {
           this.experienceStore = ExperienceStore.getInstance(view);
           this.experienceStore.start(EditorExperience.editSession);
@@ -525,10 +466,8 @@ export class ReactEditorView extends React.Component {
           });
           this.reliabilityInterval = window.setInterval(() => {
             var _this$experienceStore11, _this$experienceStore12;
-
             (_this$experienceStore11 = this.experienceStore) === null || _this$experienceStore11 === void 0 ? void 0 : (_this$experienceStore12 = _this$experienceStore11.success(EditorExperience.editSession)) === null || _this$experienceStore12 === void 0 ? void 0 : _this$experienceStore12.finally(() => {
               var _this$experienceStore13, _this$experienceStore14;
-
               (_this$experienceStore13 = this.experienceStore) === null || _this$experienceStore13 === void 0 ? void 0 : _this$experienceStore13.start(EditorExperience.editSession);
               (_this$experienceStore14 = this.experienceStore) === null || _this$experienceStore14 === void 0 ? void 0 : _this$experienceStore14.addMetadata(EditorExperience.editSession, {
                 reliabilityInterval: RELIABILITY_INTERVAL
@@ -544,9 +483,9 @@ export class ReactEditorView extends React.Component {
             };
             this.dispatchAnalyticsEvent(reliabilityEvent);
           }, RELIABILITY_INTERVAL);
-        } // Force React to re-render so consumers get a reference to the editor view
-
+        }
 
+        // Force React to re-render so consumers get a reference to the editor view
         this.forceUpdate();
       } else if (this.view && !node) {
         // When the appearance is changed, React will call handleEditorViewRef with node === null
@@ -557,24 +496,21 @@ export class ReactEditorView extends React.Component {
           config: this.config,
           eventDispatcher: this.eventDispatcher,
           transformer: this.contentTransformer
-        }); // Allows us to dispatch analytics within the plugin view.destory methods
+        });
 
+        // Allows us to dispatch analytics within the plugin view.destory methods
         const analyticsConnected = this.eventDispatcher.has(analyticsEventKey, this.handleAnalyticsEvent);
-
         if (!analyticsConnected) {
           this.eventDispatcher.on(analyticsEventKey, this.handleAnalyticsEvent);
         }
-
         this.view.destroy(); // Destroys the dom node & all node views
 
         if (!analyticsConnected) {
           this.eventDispatcher.off(analyticsEventKey, this.handleAnalyticsEvent);
         }
-
         this.view = undefined;
       }
     });
-
     _defineProperty(this, "dispatchAnalyticsEvent", payload => {
       if (this.props.allowAnalyticsGASV3 && this.eventDispatcher) {
         const dispatch = createDispatch(this.eventDispatcher);
@@ -583,7 +519,6 @@ export class ReactEditorView extends React.Component {
         });
       }
     });
-
     _defineProperty(this, "editor", /*#__PURE__*/React.createElement("div", {
       className: getUAPrefix(),
       key: "ProseMirror",
@@ -591,7 +526,6 @@ export class ReactEditorView extends React.Component {
       "aria-label": this.props.intl.formatMessage(editorMessages.editorAssistiveLabel),
       role: "textbox"
     }));
-
     this.eventDispatcher = new EventDispatcher();
     this.dispatch = createDispatch(this.eventDispatcher);
     this.errorReporter = createErrorReporter(_props.editorProps.errorReporterHandler);
@@ -599,15 +533,16 @@ export class ReactEditorView extends React.Component {
     this.pluginPerformanceObserver = new PluginPerformanceObserver(report => this.onPluginObservation(report, this.editorState)).withPlugins(() => this.getPluginNames()).withNodeCounts(() => this.countNodes()).withOptions(() => this.transactionTracking).withTransactionTracker(() => this.transactionTracker);
     this.validTransactionCount = 0;
     this.featureFlags = createFeatureFlagsFromProps(this.props.editorProps);
-    const featureFlagsEnabled = this.featureFlags ? getEnabledFeatureFlagKeys(this.featureFlags) : []; // START TEMPORARY CODE ED-10584
+    const featureFlagsEnabled = this.featureFlags ? getEnabledFeatureFlagKeys(this.featureFlags) : [];
 
+    // START TEMPORARY CODE ED-10584
     if (this.props.createAnalyticsEvent) {
       this.props.createAnalyticsEvent.__queueAnalytics = this.featureFlags.queueAnalytics;
-    } // END TEMPORARY CODE ED-10584
+    }
+    // END TEMPORARY CODE ED-10584
+
     // This needs to be before initialising editorState because
     // we dispatch analytics events in plugin initialisation
-
-
     this.eventDispatcher.on(analyticsEventKey, this.handleAnalyticsEvent);
     this.eventDispatcher.on('resetEditorState', this.resetEditorState);
     this.editorState = this.createEditorState({
@@ -627,37 +562,32 @@ export class ReactEditorView extends React.Component {
       eventType: EVENT_TYPE.UI
     });
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     // START TEMPORARY CODE ED-10584
     if (nextProps.createAnalyticsEvent && nextProps.createAnalyticsEvent !== this.props.createAnalyticsEvent) {
       const featureFlags = createFeatureFlagsFromProps(nextProps.editorProps);
       nextProps.createAnalyticsEvent.__queueAnalytics = featureFlags.queueAnalytics;
-    } // END TEMPORARY CODE ED-10584
-
+    }
+    // END TEMPORARY CODE ED-10584
 
     if (this.view && this.props.editorProps.disabled !== nextProps.editorProps.disabled) {
       // Disables the contentEditable attribute of the editor if the editor is disabled
       this.view.setProps({
         editable: _state => !nextProps.editorProps.disabled
       });
-
       if (!nextProps.editorProps.disabled && nextProps.editorProps.shouldFocus) {
         this.focusTimeoutId = handleEditorFocus(this.view);
       }
     }
-
     const {
       appearance
     } = this.props.editorProps;
     const {
       appearance: nextAppearance
     } = nextProps.editorProps;
-
     if (shouldReconfigureState(this.props.editorProps, nextProps.editorProps)) {
       this.reconfigureState(nextProps);
     }
-
     if (nextAppearance !== appearance) {
       if (nextAppearance === 'full-width' || appearance === 'full-width') {
         this.dispatchAnalyticsEvent({
@@ -671,12 +601,10 @@ export class ReactEditorView extends React.Component {
         });
       }
     }
-
     if (!this.transactionTracking.enabled) {
       this.pluginPerformanceObserver.disconnect();
     }
   }
-
   componentDidMount() {
     // Transaction dispatching is already enabled by default prior to
     // mounting, but we reset it here, just in case the editor view
@@ -686,48 +614,41 @@ export class ReactEditorView extends React.Component {
     // we do so here so that we can intercept and abort asynchronous
     // ProseMirror transactions when a dismount is imminent.
     this.canDispatchTransactions = true;
-
     if (this.transactionTracking.enabled) {
       this.pluginPerformanceObserver.observe();
     }
   }
+
   /**
    * Clean up any non-PM resources when the editor is unmounted
    */
-
-
   componentWillUnmount() {
     // We can ignore any transactions from this point onwards.
     // This serves to avoid potential runtime exceptions which could arise
     // from an async dispatched transaction after it's unmounted.
     this.canDispatchTransactions = false;
     clearTimeout(this.focusTimeoutId);
-
     if (this.reliabilityInterval) {
       clearInterval(this.reliabilityInterval);
     }
-
     this.pluginPerformanceObserver.disconnect();
-
     if (this.view) {
       // Destroy the state if the Editor is being unmounted
       const editorState = this.view.state;
       editorState.plugins.forEach(plugin => {
         const state = plugin.getState(editorState);
-
         if (state && state.destroy) {
           state.destroy();
         }
       });
     }
-
-    this.eventDispatcher.destroy(); // this.view will be destroyed when React unmounts in handleEditorViewRef
+    this.eventDispatcher.destroy();
+    // this.view will be destroyed when React unmounts in handleEditorViewRef
   }
 
   // Helper to allow tests to inject plugins directly
   getPlugins(editorProps, prevEditorProps, createAnalyticsEvent) {
     var _editorProps$dangerou, _editorProps$dangerou2;
-
     const editorPlugins = (_editorProps$dangerou = (_editorProps$dangerou2 = editorProps.dangerouslyAppendPlugins) === null || _editorProps$dangerou2 === void 0 ? void 0 : _editorProps$dangerou2.__plugins) !== null && _editorProps$dangerou !== void 0 ? _editorProps$dangerou : [];
     const insertNodeAPI = createInsertNodeAPI({
       getEditorView: () => this.view,
@@ -739,18 +660,14 @@ export class ReactEditorView extends React.Component {
     });
     const editorSelectionAPI = createEditorSelectionAPI();
     const builtinPlugins = createPluginList(editorProps, prevEditorProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI);
-
     if (editorPlugins && editorPlugins.length > 0) {
       builtinPlugins.push(...editorPlugins);
     }
-
     this.editorPlugins = builtinPlugins;
     return builtinPlugins;
   }
-
   render() {
     var _this$props$editorPro9, _this$props$editorPro10;
-
     const renderTracking = (_this$props$editorPro9 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro9 === void 0 ? void 0 : (_this$props$editorPro10 = _this$props$editorPro9.renderTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : _this$props$editorPro10.reactEditorView;
     const renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
     const useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
@@ -775,15 +692,11 @@ export class ReactEditorView extends React.Component {
       editorRef: this.editorRef
     }) : this.editor);
   }
-
 }
-
 _defineProperty(ReactEditorView, "contextTypes", {
   getAtlaskitAnalyticsEventHandlers: PropTypes.func
 });
-
 export default injectIntl(ReactEditorView);
-
 function getUAPrefix() {
   if (browser.chrome) {
     return 'ua-chrome';
@@ -794,6 +707,5 @@ function getUAPrefix() {
   } else if (browser.safari) {
     return 'ua-safari';
   }
-
   return '';
 }

package/dist/es2019/create-editor/WithEditorView.js

@@ -10,6 +10,5 @@ export const WithEditorView = WrappedComponent => {
       editorView: editorActions === null || editorActions === void 0 ? void 0 : editorActions._privateGetEditorView()
     }));
   };
-
   return _WithFeatureFlags;
 };