@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/esm/plugins/analytics/plugin.js

@@ -1,16 +1,10 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 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; }
-
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { isPerformanceAPIAvailable, measureRender } from '@atlaskit/editor-common/utils';
 import { ACTION, EVENT_TYPE } from './types';
@@ -20,12 +14,10 @@ import { fireAnalyticsEvent } from './fire-analytics-event';
 import { getFeatureFlags } from '../feature-flags-context';
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { generateUndoRedoInputSoucePayload } from '../undo-redo/undo-redo-input-source';
-
 function createPlugin(options) {
   if (!options || !options.createAnalyticsEvent) {
     return;
   }
-
   var hasRequiredPerformanceAPIs = isPerformanceAPIAvailable();
   return new SafePlugin({
     key: analyticsPluginKey,
@@ -37,30 +29,27 @@ function createPlugin(options) {
       },
       apply: function apply(tr, pluginState, _, state) {
         var _getFeatureFlags;
-
         if ((_getFeatureFlags = getFeatureFlags(state)) !== null && _getFeatureFlags !== void 0 && _getFeatureFlags.catchAllTracking) {
           var analyticsEventWithChannel = getAnalyticsEventsFromTransaction(tr);
-
           if (analyticsEventWithChannel.length > 0) {
             var _iterator = _createForOfIteratorHelper(analyticsEventWithChannel),
-                _step;
-
+              _step;
             try {
               var _loop = function _loop() {
                 var _step$value = _step.value,
-                    payload = _step$value.payload,
-                    channel = _step$value.channel;
-
+                  payload = _step$value.payload,
+                  channel = _step$value.channel;
                 // Measures how much time it takes to update the DOM after each ProseMirror document update
                 // that has an analytics event.
                 if (hasRequiredPerformanceAPIs && tr.docChanged && payload.action !== ACTION.INSERTED && payload.action !== ACTION.DELETED) {
                   var measureName = "".concat(payload.actionSubject, ":").concat(payload.action, ":").concat(payload.actionSubjectId);
-                  measureRender( // NOTE this name could be resulting in misleading data -- where if multiple payloads are
+                  measureRender(
+                  // NOTE this name could be resulting in misleading data -- where if multiple payloads are
                   // received before a render completes -- the measurement value will be inaccurate (this is
                   // due to measureRender requiring unique measureNames)
                   measureName, function (_ref) {
                     var duration = _ref.duration,
-                        distortedDuration = _ref.distortedDuration;
+                      distortedDuration = _ref.distortedDuration;
                     fireAnalyticsEvent(pluginState.createAnalyticsEvent)({
                       payload: extendPayload({
                         payload: payload,
@@ -72,7 +61,6 @@ function createPlugin(options) {
                   });
                 }
               };
-
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 _loop();
               }
@@ -83,13 +71,11 @@ function createPlugin(options) {
             }
           }
         }
-
         return pluginState;
       }
     }
   });
 }
-
 var analyticsPlugin = function analyticsPlugin(options) {
   return {
     name: 'analytics',
@@ -103,14 +89,12 @@ var analyticsPlugin = function analyticsPlugin(options) {
     },
     onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref2) {
       var originalTransaction = _ref2.originalTransaction,
-          transactions = _ref2.transactions,
-          newEditorState = _ref2.newEditorState;
+        transactions = _ref2.transactions,
+        newEditorState = _ref2.newEditorState;
       var pluginState = analyticsPluginKey.getState(newEditorState);
-
       if (!pluginState || !pluginState.createAnalyticsEvent) {
         return;
       }
-
       var steps = transactions.reduce(function (acc, tr) {
         var payloads = tr.steps.filter(function (step) {
           return step instanceof AnalyticsStep;
@@ -122,16 +106,14 @@ var analyticsPlugin = function analyticsPlugin(options) {
         acc.push.apply(acc, _toConsumableArray(payloads));
         return acc;
       }, []);
-
       if (steps.length === 0) {
         return;
       }
-
       var createAnalyticsEvent = pluginState.createAnalyticsEvent;
       var undoAnaltyicsEventTransformer = generateUndoRedoInputSoucePayload(originalTransaction);
       steps.forEach(function (_ref3) {
         var payload = _ref3.payload,
-            channel = _ref3.channel;
+          channel = _ref3.channel;
         var nextPayload = undoAnaltyicsEventTransformer(payload);
         fireAnalyticsEvent(createAnalyticsEvent)({
           payload: nextPayload,
@@ -141,11 +123,10 @@ var analyticsPlugin = function analyticsPlugin(options) {
     }
   };
 };
-
 export function extendPayload(_ref4) {
   var payload = _ref4.payload,
-      duration = _ref4.duration,
-      distortedDuration = _ref4.distortedDuration;
+    duration = _ref4.duration,
+    distortedDuration = _ref4.distortedDuration;
   return _objectSpread(_objectSpread({}, payload), {}, {
     attributes: _objectSpread(_objectSpread({}, payload.attributes), {}, {
       duration: duration,

package/dist/esm/plugins/analytics/utils.js

@@ -2,13 +2,10 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { editorAnalyticsChannel } from './consts';
 import { analyticsPluginKey } from './plugin-key';
-
 function getCreateUIAnalyticsEvent(editorState) {
   var _analyticsPluginKey$g;
-
   return (_analyticsPluginKey$g = analyticsPluginKey.getState(editorState)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.createAnalyticsEvent;
 }
-
 import { attachPayloadIntoTransaction } from '../../analytics-api/attach-payload-into-transaction';
 import { mapActionSubjectIdToAttributes } from '../../analytics-api/map-attributes';
 import { getStateContext, getSelectionType, findInsertLocation } from '../../analytics-api/editor-state-context';
@@ -16,11 +13,9 @@ export { getStateContext, mapActionSubjectIdToAttributes, getSelectionType, find
 export function addAnalytics(state, tr, payload) {
   var channel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : editorAnalyticsChannel;
   var createAnalyticsEvent = getCreateUIAnalyticsEvent(state);
-
   if (!createAnalyticsEvent) {
     return tr;
   }
-
   attachPayloadIntoTransaction({
     tr: tr,
     editorState: state,
@@ -36,7 +31,6 @@ export function withAnalytics(payload, channel) {
         if (dispatch) {
           if (payload instanceof Function) {
             var dynamicPayload = payload(state);
-
             if (dynamicPayload) {
               dispatch(addAnalytics(state, tr, dynamicPayload, channel));
             }

package/dist/esm/plugins/annotation/commands/index.js

@@ -14,11 +14,9 @@ export var updateInlineCommentResolvedState = function updateInlineCommentResolv
   var allResolved = Object.values(partialNewState).every(function (state) {
     return state;
   });
-
   if (resolveMethod && allResolved) {
     return createCommand(command, transform.addResolveAnalytics(resolveMethod));
   }
-
   return createCommand(command);
 };
 export var closeComponent = function closeComponent() {
@@ -34,37 +32,32 @@ export var clearDirtyMark = function clearDirtyMark() {
 export var removeInlineCommentNearSelection = function removeInlineCommentNearSelection(id) {
   return function (state, dispatch) {
     var tr = state.tr,
-        $from = state.selection.$from;
+      $from = state.selection.$from;
     var annotationMarkType = state.schema.marks.annotation;
     var hasAnnotation = $from.marks().some(function (mark) {
       return mark.type === annotationMarkType;
     });
-
     if (!hasAnnotation) {
       return false;
-    } // just remove entire mark from around the node
-
+    }
 
+    // just remove entire mark from around the node
     tr.removeMark($from.start(), $from.end(), annotationMarkType.create({
       id: id,
       type: AnnotationTypes.INLINE_COMMENT
     }));
-
     if (dispatch) {
       dispatch(tr);
     }
-
     return true;
   };
 };
-
 var getDraftCommandAction = function getDraftCommandAction(drafting) {
   return function (editorState) {
     // validate selection only when entering draft mode
     if (drafting && isSelectionValid(editorState) !== AnnotationSelectionType.VALID) {
       return false;
     }
-
     return {
       type: ACTIONS.SET_INLINE_COMMENT_DRAFT_STATE,
       data: {
@@ -74,7 +67,6 @@ var getDraftCommandAction = function getDraftCommandAction(drafting) {
     };
   };
 };
-
 export var setInlineCommentDraftState = function setInlineCommentDraftState(drafting) {
   var inputMethod = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : INPUT_METHOD.TOOLBAR;
   var commandAction = getDraftCommandAction(drafting);
@@ -97,7 +89,6 @@ export var addInlineComment = function addInlineComment(id) {
       }
     };
   };
-
   return createCommand(commandAction, transform.addInlineComment(id));
 };
 export var updateMouseState = function updateMouseState(mouseData) {
@@ -113,16 +104,13 @@ export var createAnnotation = function createAnnotation(id) {
   return function (state, dispatch) {
     // don't try to add if there are is no temp highlight bookmarked
     var _ref = getPluginState(state) || {},
-        bookmark = _ref.bookmark;
-
+      bookmark = _ref.bookmark;
     if (!bookmark || !dispatch) {
       return false;
     }
-
     if (annotationType === AnnotationTypes.INLINE_COMMENT) {
       return addInlineComment(id)(state, dispatch);
     }
-
     return false;
   };
 };

package/dist/esm/plugins/annotation/commands/transform.js

@@ -4,39 +4,34 @@ import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, ACTION, INPUT_METHOD } f
 import { addAnalytics } from '../../analytics/utils';
 import { getSelectionPositions, getPluginState, getDraftCommandAnalyticsPayload } from '../utils';
 import { applyMarkOnRange } from '../../../utils/commands';
-
 var addAnnotationMark = function addAnnotationMark(id) {
   return function (transaction, state) {
     var inlineCommentState = getPluginState(state);
-
     var _getSelectionPosition = getSelectionPositions(state, inlineCommentState),
-        from = _getSelectionPosition.from,
-        to = _getSelectionPosition.to,
-        head = _getSelectionPosition.head;
-
+      from = _getSelectionPosition.from,
+      to = _getSelectionPosition.to,
+      head = _getSelectionPosition.head;
     var annotationMark = state.schema.marks.annotation.create({
       id: id,
       type: AnnotationTypes.INLINE_COMMENT
-    }); // Apply the mark only to text node in the range.
-
-    var tr = applyMarkOnRange(from, to, false, annotationMark, transaction); // set selection back to the end of annotation once annotation mark is applied
-
+    });
+    // Apply the mark only to text node in the range.
+    var tr = applyMarkOnRange(from, to, false, annotationMark, transaction);
+    // set selection back to the end of annotation once annotation mark is applied
     tr.setSelection(TextSelection.create(tr.doc, head));
     return tr;
   };
 };
-
 var addInlineComment = function addInlineComment(id) {
   return function (transaction, state) {
-    var tr = addAnnotationMark(id)(transaction, state); // add insert analytics step to transaction
-
-    tr = addInsertAnalytics(tr, state); // add close analytics step to transaction
-
+    var tr = addAnnotationMark(id)(transaction, state);
+    // add insert analytics step to transaction
+    tr = addInsertAnalytics(tr, state);
+    // add close analytics step to transaction
     tr = addOpenCloseAnalytics(false, INPUT_METHOD.TOOLBAR)(tr, state);
     return tr;
   };
 };
-
 var addOpenCloseAnalytics = function addOpenCloseAnalytics(drafting) {
   var method = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : INPUT_METHOD.TOOLBAR;
   return function (transaction, state) {
@@ -44,7 +39,6 @@ var addOpenCloseAnalytics = function addOpenCloseAnalytics(drafting) {
     return addAnalytics(state, transaction, draftingPayload);
   };
 };
-
 var addInsertAnalytics = function addInsertAnalytics(transaction, state) {
   return addAnalytics(state, transaction, {
     action: ACTION.INSERTED,
@@ -53,7 +47,6 @@ var addInsertAnalytics = function addInsertAnalytics(transaction, state) {
     actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT
   });
 };
-
 var addResolveAnalytics = function addResolveAnalytics(method) {
   return function (transaction, state) {
     var resolvedPayload = {
@@ -68,7 +61,6 @@ var addResolveAnalytics = function addResolveAnalytics(method) {
     return addAnalytics(state, transaction, resolvedPayload);
   };
 };
-
 export default {
   addAnnotationMark: addAnnotationMark,
   addInlineComment: addInlineComment,

package/dist/esm/plugins/annotation/index.js

@@ -8,7 +8,6 @@ import { AnnotationUpdateEmitter } from './update-provider';
 import { getPluginState, inlineCommentPluginKey } from './utils';
 import { buildToolbar } from './toolbar';
 import { InlineCommentView } from './ui/InlineCommentView';
-
 var annotationPlugin = function annotationPlugin(annotationProviders) {
   return {
     name: 'annotation',
@@ -23,9 +22,8 @@ var annotationPlugin = function annotationPlugin(annotationProviders) {
         name: 'annotation',
         plugin: function plugin(_ref) {
           var dispatch = _ref.dispatch,
-              portalProviderAPI = _ref.portalProviderAPI,
-              eventDispatcher = _ref.eventDispatcher;
-
+            portalProviderAPI = _ref.portalProviderAPI,
+            eventDispatcher = _ref.eventDispatcher;
           if (annotationProviders) {
             return inlineCommentPlugin({
               dispatch: dispatch,
@@ -34,7 +32,6 @@ var annotationPlugin = function annotationPlugin(annotationProviders) {
               provider: annotationProviders.inlineComment
             });
           }
-
           return;
         }
       }, {
@@ -43,7 +40,6 @@ var annotationPlugin = function annotationPlugin(annotationProviders) {
           if (annotationProviders) {
             return keymapPlugin();
           }
-
           return;
         }
       }];
@@ -53,9 +49,7 @@ var annotationPlugin = function annotationPlugin(annotationProviders) {
         if (!annotationProviders) {
           return;
         }
-
         var pluginState = getPluginState(state);
-
         if (pluginState && pluginState.isVisible && !pluginState.bookmark && !pluginState.mouseData.isSelecting) {
           var isToolbarAbove = annotationProviders.inlineComment.isToolbarAbove;
           return buildToolbar(state, intl, isToolbarAbove);
@@ -64,12 +58,10 @@ var annotationPlugin = function annotationPlugin(annotationProviders) {
     },
     contentComponent: function contentComponent(_ref2) {
       var editorView = _ref2.editorView,
-          dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
-
+        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
       if (!annotationProviders) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
           selectionState: reactPluginKey,
@@ -77,11 +69,9 @@ var annotationPlugin = function annotationPlugin(annotationProviders) {
         },
         render: function render(_ref3) {
           var inlineCommentState = _ref3.inlineCommentState;
-
           if (inlineCommentState && !inlineCommentState.isVisible) {
             return null;
           }
-
           return /*#__PURE__*/React.createElement("div", {
             "data-editor-popup": "true"
           }, /*#__PURE__*/React.createElement(InlineCommentView, {
@@ -94,6 +84,5 @@ var annotationPlugin = function annotationPlugin(annotationProviders) {
     }
   };
 };
-
 export default annotationPlugin;
 export { AnnotationUpdateEmitter };

package/dist/esm/plugins/annotation/nodeviews/index.js

@@ -3,25 +3,18 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 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 { AnnotationSharedClassNames } from '@atlaskit/editor-common/styles';
 import { ReactNodeView } from '../../../nodeviews';
 export var AnnotationNodeView = /*#__PURE__*/function (_ReactNodeView) {
   _inherits(AnnotationNodeView, _ReactNodeView);
-
   var _super = _createSuper(AnnotationNodeView);
-
   function AnnotationNodeView() {
     _classCallCheck(this, AnnotationNodeView);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(AnnotationNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
@@ -49,13 +42,11 @@ export var AnnotationNodeView = /*#__PURE__*/function (_ReactNodeView) {
       );
     }
   }]);
-
   return AnnotationNodeView;
 }(ReactNodeView);
 export var getAnnotationViewClassname = function getAnnotationViewClassname(isUnresolved, hasFocus) {
   if (!isUnresolved) {
     return;
   }
-
   return hasFocus ? AnnotationSharedClassNames.focus : AnnotationSharedClassNames.blur;
 };

package/dist/esm/plugins/annotation/pm-plugins/inline-comment.js

@@ -9,7 +9,6 @@ import { AnnotationNodeView, getAnnotationViewClassname } from '../nodeviews';
 import { updateInlineCommentResolvedState, updateMouseState, clearDirtyMark, setInlineCommentsVisibility } from '../commands';
 import { getAllAnnotations, inlineCommentPluginKey, getPluginState } from '../utils';
 import { createPluginState } from './plugin-factory';
-
 var fetchProviderStates = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(provider, annotationIds) {
     var data, result;
@@ -19,7 +18,6 @@ var fetchProviderStates = /*#__PURE__*/function () {
           case 0:
             _context.next = 2;
             return provider.getState(annotationIds);
-
           case 2:
             data = _context.sent;
             result = {};
@@ -29,7 +27,6 @@ var fetchProviderStates = /*#__PURE__*/function () {
               }
             });
             return _context.abrupt("return", result);
-
           case 6:
           case "end":
             return _context.stop();
@@ -37,14 +34,13 @@ var fetchProviderStates = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function fetchProviderStates(_x, _x2) {
     return _ref.apply(this, arguments);
   };
-}(); // fetchState is unable to return a command as it's runs async and may dispatch at a later time
-// Requires `editorView` instead of the decomposition as the async means state may end up stale
-
+}();
 
+// fetchState is unable to return a command as it's runs async and may dispatch at a later time
+// Requires `editorView` instead of the decomposition as the async means state may end up stale
 var fetchState = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(provider, annotationIds, editorView) {
     var inlineCommentStates;
@@ -56,20 +52,15 @@ var fetchState = /*#__PURE__*/function () {
               _context2.next = 2;
               break;
             }
-
             return _context2.abrupt("return");
-
           case 2:
             _context2.next = 4;
             return fetchProviderStates(provider, annotationIds);
-
           case 4:
             inlineCommentStates = _context2.sent;
-
             if (editorView.dispatch) {
               updateInlineCommentResolvedState(inlineCommentStates)(editorView.state, editorView.dispatch);
             }
-
           case 6:
           case "end":
             return _context2.stop();
@@ -77,12 +68,10 @@ var fetchState = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-
   return function fetchState(_x3, _x4, _x5) {
     return _ref2.apply(this, arguments);
   };
 }();
-
 var initialState = function initialState() {
   var disallowOnWhitespace = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return {
@@ -95,33 +84,29 @@ var initialState = function initialState() {
     isVisible: true
   };
 };
-
 var hideToolbar = function hideToolbar(state, dispatch) {
   return function () {
     updateMouseState({
       isSelecting: true
     })(state, dispatch);
   };
-}; // Subscribe to updates from consumer
-
+};
 
+// Subscribe to updates from consumer
 var onResolve = function onResolve(state, dispatch) {
   return function (annotationId) {
     updateInlineCommentResolvedState(_defineProperty({}, annotationId, true), RESOLVE_METHOD.CONSUMER)(state, dispatch);
   };
 };
-
 var onUnResolve = function onUnResolve(state, dispatch) {
   return function (annotationId) {
     updateInlineCommentResolvedState(_defineProperty({}, annotationId, false))(state, dispatch);
   };
 };
-
 var onMouseUp = function onMouseUp(state, dispatch) {
   return function (e) {
     var _getPluginState = getPluginState(state),
-        isSelecting = _getPluginState.mouseData.isSelecting;
-
+      isSelecting = _getPluginState.mouseData.isSelecting;
     if (isSelecting) {
       updateMouseState({
         isSelecting: false
@@ -129,13 +114,11 @@ var onMouseUp = function onMouseUp(state, dispatch) {
     }
   };
 };
-
 var onSetVisibility = function onSetVisibility(view) {
   return function (isVisible) {
     var state = view.state,
-        dispatch = view.dispatch;
+      dispatch = view.dispatch;
     setInlineCommentsVisibility(isVisible)(state, dispatch);
-
     if (isVisible) {
       // PM retains focus when we click away from the editor.
       // This will restore the visual aspect of the selection,
@@ -145,11 +128,10 @@ var onSetVisibility = function onSetVisibility(view) {
     }
   };
 };
-
 export var inlineCommentPlugin = function inlineCommentPlugin(options) {
   var provider = options.provider,
-      portalProviderAPI = options.portalProviderAPI,
-      eventDispatcher = options.eventDispatcher;
+    portalProviderAPI = options.portalProviderAPI,
+    eventDispatcher = options.eventDispatcher;
   return new SafePlugin({
     key: inlineCommentPluginKey,
     state: createPluginState(options.dispatch, initialState(provider.disallowOnWhitespace)),
@@ -157,45 +139,35 @@ export var inlineCommentPlugin = function inlineCommentPlugin(options) {
       // Get initial state
       // Need to pass `editorView` to mitigate editor state going stale
       fetchState(provider, getAllAnnotations(editorView.state.doc), editorView);
-
       var resolve = function resolve(annotationId) {
         return onResolve(editorView.state, editorView.dispatch)(annotationId);
       };
-
       var unResolve = function unResolve(annotationId) {
         return onUnResolve(editorView.state, editorView.dispatch)(annotationId);
       };
-
       var mouseUp = function mouseUp(event) {
         return onMouseUp(editorView.state, editorView.dispatch)(event);
       };
-
       var setVisibility = function setVisibility(isVisible) {
         return onSetVisibility(editorView)(isVisible);
       };
-
       var updateSubscriber = provider.updateSubscriber;
-
       if (updateSubscriber) {
         updateSubscriber.on('resolve', resolve).on('delete', resolve).on('unresolve', unResolve).on('create', unResolve).on('setvisibility', setVisibility);
       }
-
       editorView.root.addEventListener('mouseup', mouseUp);
       return {
         update: function update(view, _prevState) {
           var _getPluginState2 = getPluginState(view.state),
-              dirtyAnnotations = _getPluginState2.dirtyAnnotations;
-
+            dirtyAnnotations = _getPluginState2.dirtyAnnotations;
           if (!dirtyAnnotations) {
             return;
           }
-
           clearDirtyMark()(view.state, view.dispatch);
           fetchState(provider, getAllAnnotations(view.state.doc), view);
         },
         destroy: function destroy() {
           editorView.root.removeEventListener('mouseup', mouseUp);
-
           if (updateSubscriber) {
             updateSubscriber.off('resolve', resolve).off('delete', resolve).off('unresolve', unResolve).off('create', unResolve).off('setvisibility', setVisibility);
           }
@@ -205,28 +177,26 @@ export var inlineCommentPlugin = function inlineCommentPlugin(options) {
     props: {
       nodeViews: {
         annotation: function annotation(node, view, getPos) {
-          return new AnnotationNodeView(node, view, getPos, portalProviderAPI, eventDispatcher).init();
+          return new AnnotationNodeView(node, view, getPos, portalProviderAPI, eventDispatcher) // resolved
+          .init();
         }
       },
       handleDOMEvents: {
         mousedown: function mousedown(view) {
           var pluginState = getPluginState(view.state);
-
           if (!pluginState.mouseData.isSelecting) {
             hideToolbar(view.state, view.dispatch)();
           }
-
           return false;
         }
       },
       decorations: function decorations(state) {
         // highlight comments, depending on state
         var _getPluginState3 = getPluginState(state),
-            draftDecorationSet = _getPluginState3.draftDecorationSet,
-            annotations = _getPluginState3.annotations,
-            selectedAnnotations = _getPluginState3.selectedAnnotations,
-            isVisible = _getPluginState3.isVisible;
-
+          draftDecorationSet = _getPluginState3.draftDecorationSet,
+          annotations = _getPluginState3.annotations,
+          selectedAnnotations = _getPluginState3.selectedAnnotations,
+          isVisible = _getPluginState3.isVisible;
         var decorations = draftDecorationSet !== null && draftDecorationSet !== void 0 ? draftDecorationSet : DecorationSet.empty;
         var focusDecorations = [];
         state.doc.descendants(function (node, pos) {
@@ -237,7 +207,6 @@ export var inlineCommentPlugin = function inlineCommentPlugin(options) {
               return selectedAnnotation.id === mark.attrs.id;
             });
             var isUnresolved = annotations[mark.attrs.id] === false;
-
             if (isVisible) {
               focusDecorations.push(Decoration.inline(pos, pos + node.nodeSize, {
                 class: "".concat(getAnnotationViewClassname(isUnresolved, isSelected), " ").concat(isUnresolved),