@atlaskit/editor-core 178.1.1 → 179.0.0

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

@@ -7,15 +7,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { EditorState, Selection } from 'prosemirror-state';
@@ -51,24 +46,19 @@ 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(function () {
     view.focus();
   }, 0);
 }
-
 var EMPTY = [];
 export function shouldReconfigureState(props, nextProps) {
   var _props$dangerouslyApp, _props$dangerouslyApp2, _nextProps$dangerousl, _nextProps$dangerousl2;
-
   var 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;
   var 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(function (p) {
     return nextPlugins.some(function (n) {
       return n.name === p.name && n !== p;
@@ -76,7 +66,6 @@ export function shouldReconfigureState(props, nextProps) {
   })) {
     return true;
   }
-
   var mobileProperties = props.appearance === 'mobile' ? ['featureFlags', 'quickInsert'] : [];
   var properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent'].concat(mobileProperties);
   return properties.reduce(function (acc, curr) {
@@ -85,20 +74,13 @@ export function shouldReconfigureState(props, nextProps) {
 }
 export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
   _inherits(ReactEditorView, _React$Component);
-
   var _super = _createSuper(ReactEditorView);
-
   function ReactEditorView(_props, context) {
     var _this;
-
     _classCallCheck(this, ReactEditorView);
-
     _this = _super.call(this, _props, context);
-
     _defineProperty(_assertThisInitialized(_this), "editorRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(_assertThisInitialized(_this), "canDispatchTransactions", true);
-
     _defineProperty(_assertThisInitialized(_this), "onPluginObservation", function (report, editorState) {
       _this.dispatchAnalyticsEvent({
         action: ACTION.TRANSACTION_DISPATCHED,
@@ -110,30 +92,24 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         }
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "formatFullWidthAppearance", function (appearance) {
       if (appearance === 'full-width') {
         return FULL_WIDTH_MODE.FULL_WIDTH;
       }
-
       return FULL_WIDTH_MODE.FIXED_WIDTH;
     });
-
     _defineProperty(_assertThisInitialized(_this), "resetEditorState", function (_ref) {
       var _this$props$editorPro, _this$props$editorPro2;
-
       var doc = _ref.doc,
-          shouldScrollToBottom = _ref.shouldScrollToBottom;
-
+        shouldScrollToBottom = _ref.shouldScrollToBottom;
       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({
         props: _this.props,
@@ -142,45 +118,37 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         resetting: true,
         selectionAtStart: !shouldScrollToBottom
       });
-
       _this.view.updateState(_this.editorState);
-
       (_this$props$editorPro = (_this$props$editorPro2 = _this.props.editorProps).onChange) === null || _this$props$editorPro === void 0 ? void 0 : _this$props$editorPro.call(_this$props$editorPro2, _this.view, {
         source: 'local'
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "blur", function () {
       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
-
-
       var sel = _this.view.root.getSelection();
-
       if (sel) {
         sel.removeAllRanges();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "reconfigureState", function (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();
-
       var editorPlugins = _this.getPlugins(props.editorProps, _this.props.editorProps, _this.props.createAnalyticsEvent);
-
       _this.config = processPluginsList(editorPlugins);
       var state = _this.editorState;
       var plugins = createPMPlugins({
@@ -204,29 +172,24 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       });
       var 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(_objectSpread(_objectSpread({}, _this.view.props), {}, {
         state: newState
       }));
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleAnalyticsEvent", function (payload) {
       if (!_this.props.allowAnalyticsGASV3) {
         return;
       }
-
       fireAnalyticsEvent(_this.props.createAnalyticsEvent)(payload);
     });
-
     _defineProperty(_assertThisInitialized(_this), "editorPlugins", []);
-
     _defineProperty(_assertThisInitialized(_this), "createEditorState", function (options) {
       var schema;
-
       if (_this.view) {
         if (options.resetting) {
           /**
@@ -251,7 +214,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         _this.config = processPluginsList(_this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
         schema = createSchema(_this.config);
       }
-
       var contentTransformerProvider = options.props.editorProps.contentTransformerProvider;
       var plugins = createPMPlugins({
         schema: schema,
@@ -274,18 +236,14 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       });
       _this.contentTransformer = contentTransformerProvider ? contentTransformerProvider(schema) : undefined;
       var doc;
-
       if (options.doc) {
         doc = processRawValue(schema, options.doc, options.props.providerFactory, options.props.editorProps.sanitizePrivateContent, _this.contentTransformer, _this.dispatchAnalyticsEvent);
       }
-
       var 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
       var patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
       return EditorState.create({
         schema: schema,
@@ -294,14 +252,12 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         selection: patchedSelection
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "onEditorViewStateUpdated", function (_ref2) {
       var originalTransaction = _ref2.originalTransaction,
-          transactions = _ref2.transactions,
-          oldEditorState = _ref2.oldEditorState,
-          newEditorState = _ref2.newEditorState;
+        transactions = _ref2.transactions,
+        oldEditorState = _ref2.oldEditorState,
+        newEditorState = _ref2.newEditorState;
       var trackinEnabled = _this.transactionTracking.enabled;
-
       _this.config.onEditorViewStateUpdatedCallbacks.forEach(function (entry) {
         trackinEnabled && startMeasure("\uD83E\uDD89 ".concat(entry.pluginName, "::onEditorViewStateUpdated"));
         entry.callback({
@@ -313,45 +269,34 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         trackinEnabled && stopMeasure("\uD83E\uDD89 ".concat(entry.pluginName, "::onEditorViewStateUpdated"));
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "trackValidTransactions", function () {
       var editorProps = _this.props.editorProps;
-
       if (editorProps !== null && editorProps !== void 0 && editorProps.trackValidTransactions) {
         _this.validTransactionCount++;
         var samplingRate = _typeof(editorProps.trackValidTransactions) === 'object' && editorProps.trackValidTransactions.samplingRate || DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS;
-
         if (_this.validTransactionCount >= samplingRate) {
           _this.dispatchAnalyticsEvent({
             action: ACTION.DISPATCHED_VALID_TRANSACTION,
             actionSubject: ACTION_SUBJECT.EDITOR,
             eventType: EVENT_TYPE.OPERATIONAL
           });
-
           _this.validTransactionCount = 0;
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "dispatchTransaction", function (unsafeTransaction) {
       if (!_this.view) {
         return;
       }
-
       _this.transactionTracker.bumpDispatchCounter(_this.transactionTracking);
-
       var _this$transactionTrac = _this.transactionTracker.getMeasureHelpers(_this.transactionTracking),
-          startMeasure = _this$transactionTrac.startMeasure,
-          stopMeasure = _this$transactionTrac.stopMeasure;
-
+        startMeasure = _this$transactionTrac.startMeasure,
+        stopMeasure = _this$transactionTrac.stopMeasure;
       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);
       }
-
       var nodes = findChangedNodesFromTransaction(unsafeTransaction);
       var changedNodesValid = validateNodes(nodes);
       var transaction = _this.featureFlags.saferDispatchedTransactions || _this.featureFlags.saferDispatchedTransactionsAnalyticsOnly ? new Proxy(unsafeTransaction, freezeUnsafeTransactionProperties({
@@ -359,69 +304,51 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         pluginKey: 'unknown-reacteditorview',
         analyticsOnly: _this.featureFlags.saferDispatchedTransactionsAnalyticsOnly
       })) : unsafeTransaction;
-
       if (changedNodesValid) {
-        var oldEditorState = _this.view.state; // go ahead and update the state now we know the transaction is good
+        var oldEditorState = _this.view.state;
 
+        // go ahead and update the state now we know the transaction is good
         startMeasure(EVENT_NAME_STATE_APPLY);
-
         var _this$view$state$appl = _this.view.state.applyTransaction(transaction),
-            editorState = _this$view$state$appl.state,
-            transactions = _this$view$state$appl.transactions;
-
+          editorState = _this$view$state$appl.state,
+          transactions = _this$view$state$appl.transactions;
         stopMeasure(EVENT_NAME_STATE_APPLY, function (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, function (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);
-
         _this.onEditorViewStateUpdated({
           originalTransaction: transaction,
           transactions: transactions,
           oldEditorState: oldEditorState,
           newEditorState: editorState
         });
-
         stopMeasure(EVENT_NAME_VIEW_STATE_UPDATED, function (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) {
           var source = transaction.getMeta('isRemote') ? 'remote' : 'local';
           startMeasure(EVENT_NAME_ON_CHANGE);
-
           _this.props.editorProps.onChange(_this.view, {
             source: source
           });
-
           stopMeasure(EVENT_NAME_ON_CHANGE, function (duration, startTime) {
             var _this$experienceStore5, _this$props$editorPro3, _this$props$editorPro4;
-
             (_this$experienceStore5 = _this.experienceStore) === null || _this$experienceStore5 === void 0 ? void 0 : _this$experienceStore5.mark(EditorExperience.interaction, 'onChange', startTime + duration);
-
             if (((_this$props$editorPro3 = _this.props.editorProps.performanceTracking) === null || _this$props$editorPro3 === void 0 ? void 0 : (_this$props$editorPro4 = _this$props$editorPro3.onChangeCallbackTracking) === null || _this$props$editorPro4 === void 0 ? void 0 : _this$props$editorPro4.enabled) !== true) {
               return;
             }
-
             _this.dispatchAnalyticsEvent({
               action: ACTION.ON_CHANGE_CALLBACK,
               actionSubject: ACTION_SUBJECT.EDITOR,
@@ -433,17 +360,14 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
             });
           });
         }
-
         _this.editorState = editorState;
         stopMeasure(EVENT_NAME_DISPATCH_TRANSACTION, function (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;
-
         var invalidNodes = nodes.filter(function (node) {
           return !validNode(node);
         }).map(function (node) {
@@ -451,7 +375,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
             compact: true
           });
         });
-
         _this.dispatchAnalyticsEvent({
           action: ACTION.DISPATCHED_INVALID_TRANSACTION,
           actionSubject: ACTION_SUBJECT.EDITOR,
@@ -461,14 +384,12 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
             invalidNodes: invalidNodes
           }
         });
-
         (_this$experienceStore8 = _this.experienceStore) === null || _this$experienceStore8 === void 0 ? void 0 : _this$experienceStore8.fail(EditorExperience.interaction, {
           reason: 'invalid transaction',
           invalidNodes: invalidNodes.toString()
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "getDirectEditorProps", function (state) {
       return {
         state: state || _this.editorState,
@@ -489,24 +410,19 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         }
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "createEditorView", function (node) {
       measureRender(measurements.PROSEMIRROR_RENDERED, function (_ref3) {
         var _this$props$editorPro5, _this$props$editorPro6, _proseMirrorRenderedT, _proseMirrorRenderedT2;
-
         var duration = _ref3.duration,
-            startTime = _ref3.startTime,
-            distortedDuration = _ref3.distortedDuration;
+          startTime = _ref3.startTime,
+          distortedDuration = _ref3.distortedDuration;
         var proseMirrorRenderedTracking = (_this$props$editorPro5 = _this.props.editorProps) === null || _this$props$editorPro5 === void 0 ? void 0 : (_this$props$editorPro6 = _this$props$editorPro5.performanceTracking) === null || _this$props$editorPro6 === void 0 ? void 0 : _this$props$editorPro6.proseMirrorRenderedTracking;
         var 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;
-
           var nodes = getNodesCount(_this.view.state.doc);
           var ttfb = getResponseEndTime();
-
           _this.dispatchAnalyticsEvent({
             action: ACTION.PROSEMIRROR_RENDERED,
             actionSubject: ACTION_SUBJECT.EDITOR,
@@ -521,58 +437,46 @@ export var ReactEditorView = /*#__PURE__*/function (_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: nodes,
             ttfb: 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(_assertThisInitialized(_this), "handleEditorViewRef", function (node) {
       if (!_this.view && node) {
         _this.createEditorView(node);
-
         var view = _this.view;
-
         _this.props.onEditorCreated({
           view: view,
           config: _this.config,
           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);
-
           _this.experienceStore.addMetadata(EditorExperience.editSession, {
             reliabilityInterval: RELIABILITY_INTERVAL
           });
-
           _this.reliabilityInterval = window.setInterval(function () {
             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(function () {
               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
@@ -586,12 +490,11 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
               },
               eventType: EVENT_TYPE.OPERATIONAL
             };
-
             _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
@@ -602,26 +505,21 @@ export var ReactEditorView = /*#__PURE__*/function (_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
         var 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(_assertThisInitialized(_this), "dispatchAnalyticsEvent", function (payload) {
       if (_this.props.allowAnalyticsGASV3 && _this.eventDispatcher) {
         var dispatch = createDispatch(_this.eventDispatcher);
@@ -630,7 +528,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "editor", /*#__PURE__*/React.createElement("div", {
       className: getUAPrefix(),
       key: "ProseMirror",
@@ -638,7 +535,6 @@ export var ReactEditorView = /*#__PURE__*/function (_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);
@@ -656,19 +552,18 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     });
     _this.validTransactionCount = 0;
     _this.featureFlags = createFeatureFlagsFromProps(_this.props.editorProps);
-    var featureFlagsEnabled = _this.featureFlags ? getEnabledFeatureFlagKeys(_this.featureFlags) : []; // START TEMPORARY CODE ED-10584
+    var 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({
       props: _props,
       context: context,
@@ -676,7 +571,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       // ED-4759: Don't set selection at end for full-page editor - should be at start.
       selectionAtStart: isFullPage(_props.editorProps.appearance)
     });
-
     _this.dispatchAnalyticsEvent({
       action: ACTION.STARTED,
       actionSubject: ACTION_SUBJECT.EDITOR,
@@ -686,17 +580,16 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       },
       eventType: EVENT_TYPE.UI
     });
-
     return _this;
   }
-
   _createClass(ReactEditorView, [{
     key: "transactionTracking",
-    get: // ProseMirror is instantiated prior to the initial React render cycle,
+    get:
+    // ProseMirror is instantiated prior to the initial React render cycle,
     // so we allow transactions by default, to avoid discarding the initial one.
+
     function get() {
       var _this$props$editorPro7, _this$props$editorPro8;
-
       return (_this$props$editorPro7 = (_this$props$editorPro8 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro8 === void 0 ? void 0 : _this$props$editorPro8.transactionTracking) !== null && _this$props$editorPro7 !== void 0 ? _this$props$editorPro7 : {
         enabled: false
       };
@@ -720,8 +613,8 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       if (nextProps.createAnalyticsEvent && nextProps.createAnalyticsEvent !== this.props.createAnalyticsEvent) {
         var 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
@@ -730,19 +623,15 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
             return !nextProps.editorProps.disabled;
           }
         });
-
         if (!nextProps.editorProps.disabled && nextProps.editorProps.shouldFocus) {
           this.focusTimeoutId = handleEditorFocus(this.view);
         }
       }
-
       var appearance = this.props.editorProps.appearance;
       var nextAppearance = nextProps.editorProps.appearance;
-
       if (shouldReconfigureState(this.props.editorProps, nextProps.editorProps)) {
         this.reconfigureState(nextProps);
       }
-
       if (nextAppearance !== appearance) {
         if (nextAppearance === 'full-width' || appearance === 'full-width') {
           this.dispatchAnalyticsEvent({
@@ -756,7 +645,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           });
         }
       }
-
       if (!this.transactionTracking.enabled) {
         this.pluginPerformanceObserver.disconnect();
       }
@@ -772,15 +660,14 @@ export var ReactEditorView = /*#__PURE__*/function (_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
      */
-
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -789,35 +676,31 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       // 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
         var editorState = this.view.state;
         editorState.plugins.forEach(function (plugin) {
           var 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
     }
   }, {
     key: "getPlugins",
-    value: // Helper to allow tests to inject plugins directly
+    value:
+    // Helper to allow tests to inject plugins directly
     function getPlugins(editorProps, prevEditorProps, createAnalyticsEvent) {
       var _editorProps$dangerou,
-          _editorProps$dangerou2,
-          _this2 = this;
-
+        _editorProps$dangerou2,
+        _this2 = this;
       var editorPlugins = (_editorProps$dangerou = (_editorProps$dangerou2 = editorProps.dangerouslyAppendPlugins) === null || _editorProps$dangerou2 === void 0 ? void 0 : _editorProps$dangerou2.__plugins) !== null && _editorProps$dangerou !== void 0 ? _editorProps$dangerou : [];
       var insertNodeAPI = createInsertNodeAPI({
         getEditorView: function getEditorView() {
@@ -837,11 +720,9 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       });
       var editorSelectionAPI = createEditorSelectionAPI();
       var builtinPlugins = createPluginList(editorProps, prevEditorProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI);
-
       if (editorPlugins && editorPlugins.length > 0) {
         builtinPlugins.push.apply(builtinPlugins, _toConsumableArray(editorPlugins));
       }
-
       this.editorPlugins = builtinPlugins;
       return builtinPlugins;
     }
@@ -849,7 +730,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props$editorPro9, _this$props$editorPro10;
-
       var 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;
       var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
       var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
@@ -875,16 +755,12 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       }) : this.editor);
     }
   }]);
-
   return ReactEditorView;
 }(React.Component);
-
 _defineProperty(ReactEditorView, "contextTypes", {
   getAtlaskitAnalyticsEventHandlers: PropTypes.func
 });
-
 export default injectIntl(ReactEditorView);
-
 function getUAPrefix() {
   if (browser.chrome) {
     return 'ua-chrome';
@@ -895,6 +771,5 @@ function getUAPrefix() {
   } else if (browser.safari) {
     return 'ua-safari';
   }
-
   return '';
 }