@atlaskit/editor-core 180.0.0 → 181.0.0

package/dist/cjs/labs/next/presets/useUniversalPreset.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useUniversalPreset;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _createPluginsList = require("../../../create-editor/create-plugins-list");
+var _presetUtils = require("../../../create-editor/preset-utils");
+function useUniversalPreset(_ref) {
+  var props = _ref.props;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var previousEditorProps = (0, _hooks.usePreviousState)(props);
+  var _useState = (0, _react.useState)(function () {
+      return (0, _createPluginsList.createPreset)(props, previousEditorProps);
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    preset = _useState2[0],
+    setPreset = _useState2[1];
+  (0, _react.useLayoutEffect)(function () {
+    if (!previousEditorProps) {
+      return;
+    }
+    var recreate = (0, _presetUtils.shouldRecreatePreset)(previousEditorProps, props);
+    if (!recreate) {
+      return;
+    }
+    setPreset((0, _createPluginsList.createPreset)(props, previousEditorProps, createAnalyticsEvent));
+  }, [props, previousEditorProps, createAnalyticsEvent]);
+  return preset;
+}

package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -22,6 +22,8 @@ var _Alignment = _interopRequireDefault(require("../../../../ui/Alignment"));
 var _styles = require("./styles");
 var _iconMap = require("./icon-map");
 var _messages = require("./messages");
+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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
 var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
@@ -36,7 +38,8 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toolbarItemRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isOpen: false
+      isOpen: false,
+      isOpenedByKeyboard: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeAlignment", function (align, togglePopup) {
       if (togglePopup) {
@@ -45,16 +48,20 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
       return _this.props.changeAlignment(align);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleOpen", function () {
-      _this.handleOpenChange({
-        isOpen: !_this.state.isOpen
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenChange", function (_ref) {
-      var isOpen = _ref.isOpen;
       _this.setState({
-        isOpen: isOpen
+        isOpen: !_this.state.isOpen,
+        isOpenedByKeyboard: false
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleOpenByKeyboard", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.setState({
+          isOpen: !_this.state.isOpen,
+          isOpenedByKeyboard: true
+        });
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hide", function (attrs) {
       if (_this.state.isOpen) {
         _this.setState({
@@ -77,7 +84,9 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var isOpen = this.state.isOpen;
+      var _this$state = this.state,
+        isOpen = _this$state.isOpen,
+        isOpenedByKeyboard = _this$state.isOpenedByKeyboard;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
@@ -94,13 +103,19 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement,
         isOpen: isOpen,
-        onOpenChange: function onOpenChange(_ref2) {
-          var _this2$toolbarItemRef, _this2$toolbarItemRef2;
-          var isOpen = _ref2.isOpen;
+        shouldFocusFirstItem: function shouldFocusFirstItem() {
+          if (isOpenedByKeyboard) {
+            _this2.setState(_objectSpread(_objectSpread({}, _this2.state), {}, {
+              isOpenedByKeyboard: false
+            }));
+          }
+          return isOpenedByKeyboard;
+        },
+        onOpenChange: function onOpenChange(_ref) {
+          var isOpen = _ref.isOpen;
           _this2.setState({
             isOpen: isOpen
           });
-          (_this2$toolbarItemRef = _this2.toolbarItemRef) === null || _this2$toolbarItemRef === void 0 ? void 0 : (_this2$toolbarItemRef2 = _this2$toolbarItemRef.current) === null || _this2$toolbarItemRef2 === void 0 ? void 0 : _this2$toolbarItemRef2.focus();
         },
         handleClickOutside: function handleClickOutside(event) {
           if (event instanceof MouseEvent) {
@@ -124,6 +139,7 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
           "aria-expanded": isOpen,
           "aria-haspopup": true,
           onClick: this.toggleOpen,
+          onKeyDown: this.toggleOpenByKeyboard,
           iconBefore: (0, _react2.jsx)("div", {
             css: _styles.triggerWrapper
           }, (0, _react2.jsx)(_iconMap.IconMap, {
@@ -144,6 +160,25 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         css: _styles.separator
       }));
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this3 = this;
+      if (this.state.isOpen && this.state.isOpenedByKeyboard) {
+        // by triggering the keyboard event with a setTimeout, we ensure that the tooltip
+        // associated with the alignment button doesn't render until the next render cycle
+        // where the popup will be correctly positioned and the relative position of the tooltip
+        // will not overlap with the button.
+        setTimeout(function () {
+          var _this3$toolbarItemRef;
+          var keyboardEvent = new KeyboardEvent('keydown', {
+            bubbles: true,
+            key: 'ArrowDown'
+          });
+          (_this3$toolbarItemRef = _this3.toolbarItemRef.current) === null || _this3$toolbarItemRef === void 0 ? void 0 : _this3$toolbarItemRef.dispatchEvent(keyboardEvent);
+        }, 0);
+      }
+    }
   }]);
   return AlignmentToolbar;
 }(_react.default.Component);

package/dist/cjs/plugins/analytics/index.js

@@ -170,13 +170,13 @@ Object.defineProperty(exports, "findInsertLocation", {
 Object.defineProperty(exports, "fireAnalyticsEvent", {
   enumerable: true,
   get: function get() {
-    return _fireAnalyticsEvent.fireAnalyticsEvent;
+    return _analytics.fireAnalyticsEvent;
   }
 });
 Object.defineProperty(exports, "getAnalyticsEventsFromTransaction", {
   enumerable: true,
   get: function get() {
-    return _utils.getAnalyticsEventsFromTransaction;
+    return _analytics.getAnalyticsEventsFromTransaction;
   }
 });
 Object.defineProperty(exports, "getSelectionType", {
@@ -207,7 +207,6 @@ var _plugin = _interopRequireDefault(require("./plugin"));
 var _pluginKey = require("./plugin-key");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _utils = require("./utils");
-var _fireAnalyticsEvent = require("./fire-analytics-event");
 var analyticsPluginKey = _pluginKey.analyticsPluginKey;
 exports.analyticsPluginKey = analyticsPluginKey;
 var _default = _plugin.default;

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

@@ -11,9 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("./types");
-var _utils2 = require("./utils");
 var _pluginKey = require("./plugin-key");
-var _fireAnalyticsEvent = require("./fire-analytics-event");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _featureFlagsContext = require("../feature-flags-context");
 var _steps = require("@atlaskit/adf-schema/steps");
 var _undoRedoInputSource = require("../undo-redo/undo-redo-input-source");
@@ -32,13 +31,19 @@ function createPlugin(options) {
     state: {
       init: function init() {
         return _objectSpread(_objectSpread({}, options), {}, {
-          fireAnalytics: (0, _fireAnalyticsEvent.fireAnalyticsEvent)(options.createAnalyticsEvent)
+          fireAnalytics: (0, _analytics.fireAnalyticsEvent)(options.createAnalyticsEvent)
         });
       },
       apply: function apply(tr, pluginState, _, state) {
         var _getFeatureFlags;
+        if (pluginState.createAnalyticsEvent !== options.createAnalyticsEvent) {
+          // When the plugin state is reconfigured, the init function isn't called again
+          return _objectSpread(_objectSpread({}, pluginState), {}, {
+            createAnalyticsEvent: options.createAnalyticsEvent
+          });
+        }
         if ((_getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(state)) !== null && _getFeatureFlags !== void 0 && _getFeatureFlags.catchAllTracking) {
-          var analyticsEventWithChannel = (0, _utils2.getAnalyticsEventsFromTransaction)(tr);
+          var analyticsEventWithChannel = (0, _analytics.getAnalyticsEventsFromTransaction)(tr);
           if (analyticsEventWithChannel.length > 0) {
             var _iterator = _createForOfIteratorHelper(analyticsEventWithChannel),
               _step;
@@ -58,7 +63,7 @@ function createPlugin(options) {
                   measureName, function (_ref) {
                     var duration = _ref.duration,
                       distortedDuration = _ref.distortedDuration;
-                    (0, _fireAnalyticsEvent.fireAnalyticsEvent)(pluginState.createAnalyticsEvent)({
+                    (0, _analytics.fireAnalyticsEvent)(pluginState.createAnalyticsEvent)({
                       payload: extendPayload({
                         payload: payload,
                         duration: duration,
@@ -123,7 +128,7 @@ var analyticsPlugin = function analyticsPlugin(options) {
         var payload = _ref3.payload,
           channel = _ref3.channel;
         var nextPayload = undoAnaltyicsEventTransformer(payload);
-        (0, _fireAnalyticsEvent.fireAnalyticsEvent)(createAnalyticsEvent)({
+        (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)({
           payload: nextPayload,
           channel: channel
         });

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +10,6 @@ Object.defineProperty(exports, "findInsertLocation", {
     return _editorStateContext.findInsertLocation;
   }
 });
-exports.getAnalyticsEventsFromTransaction = getAnalyticsEventsFromTransaction;
 Object.defineProperty(exports, "getSelectionType", {
   enumerable: true,
   get: function get() {
@@ -31,8 +29,6 @@ Object.defineProperty(exports, "mapActionSubjectIdToAttributes", {
   }
 });
 exports.withAnalytics = withAnalytics;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _steps = require("@atlaskit/adf-schema/steps");
 var _consts = require("./consts");
 var _pluginKey = require("./plugin-key");
 var _attachPayloadIntoTransaction = require("../../analytics-api/attach-payload-into-transaction");
@@ -73,11 +69,4 @@ function withAnalytics(payload, channel) {
       }, view);
     };
   };
-}
-function getAnalyticsEventsFromTransaction(tr) {
-  return tr.steps.filter(function (step) {
-    return step instanceof _steps.AnalyticsStep;
-  }).reduce(function (acc, step) {
-    return [].concat((0, _toConsumableArray2.default)(acc), (0, _toConsumableArray2.default)(step.analyticsEvents));
-  }, []);
 }

package/dist/cjs/plugins/annotation/utils.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.addDraftDecoration = void 0;
 exports.annotationExists = annotationExists;
 exports.containsAnyAnnotations = containsAnyAnnotations;
-exports.getPluginState = exports.getDraftCommandAnalyticsPayload = exports.getAnnotationViewKey = exports.getAllAnnotations = exports.findAnnotationsInSelection = exports.filterAnnotationIds = void 0;
+exports.getPluginState = exports.getDraftCommandAnalyticsPayload = exports.getAnnotationViewKey = exports.getAllAnnotations = exports.findAnnotationsInSelection = void 0;
 exports.getSelectionPositions = getSelectionPositions;
-exports.getSelectionStartRect = void 0;
 exports.hasAnnotationMark = hasAnnotationMark;
 exports.hasInvalidNodes = void 0;
 exports.hasInvalidWhitespaceNode = hasInvalidWhitespaceNode;
-exports.reorderAnnotations = exports.isSelectionValid = exports.inlineCommentPluginKey = void 0;
+exports.isSelectionValid = exports.inlineCommentPluginKey = void 0;
 exports.stripNonExistingAnnotations = stripNonExistingAnnotations;
 exports.surroundingMarks = void 0;
 var _prosemirrorState = require("prosemirror-state");
@@ -62,7 +61,6 @@ var filterAnnotationIds = function filterAnnotationIds(marks) {
  * @param annotations annotation metadata
  * @param $from location to look around (usually the selection)
  */
-exports.filterAnnotationIds = filterAnnotationIds;
 var reorderAnnotations = function reorderAnnotations(annotations, $from) {
   var idSet = surroundingMarks($from).map(filterAnnotationIds);
   annotations.sort(function (a, b) {
@@ -73,7 +71,6 @@ var reorderAnnotations = function reorderAnnotations(annotations, $from) {
     });
   });
 };
-exports.reorderAnnotations = reorderAnnotations;
 var getAllAnnotations = function getAllAnnotations(doc) {
   var allAnnotationIds = new Set();
   doc.descendants(function (node) {
@@ -114,41 +111,10 @@ var validateAnnotationMark = function validateAnnotationMark(annotationMark) {
   }
 };
 
-// helper function: return the first selection range for the window
-var getSelectionRange = function getSelectionRange() {
-  var selection = window.getSelection();
-
-  // no selection made in browser
-  if (!selection || selection.isCollapsed) {
-    return null;
-  }
-  var selectionRange = selection.getRangeAt(0);
-  return selectionRange;
-};
-
-// helper function: find the bounds of first part within selected content
-var getSelectionStartRect = function getSelectionStartRect() {
-  var range = getSelectionRange();
-  if (!range) {
-    return null;
-  }
-  var rects = range.getClientRects();
-  if (!rects.length) {
-    return null;
-  }
-  // Find first selection area that width is not 0
-  // Sometimes there is a chance that user is selecting an empty DOM node.
-  var firstRect = Array.from(rects).find(function (rect) {
-    return rect.width !== 0 && rect.height !== 0;
-  });
-  return firstRect || null;
-};
-
 /*
  * add decoration for the comment selection in draft state
  * (when creating new comment)
  */
-exports.getSelectionStartRect = getSelectionStartRect;
 var addDraftDecoration = function addDraftDecoration(start, end) {
   return _prosemirrorView.Decoration.inline(start, end, {
     class: "".concat(_styles.AnnotationSharedClassNames.draft)

package/dist/cjs/plugins/base/pm-plugins/filter-steps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _analytics = require("../../analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var hasInvalidSteps = function hasInvalidSteps(tr) {
   return (tr.steps || []).some(function (step) {
     return step.from > step.to;

package/dist/cjs/plugins/base/pm-plugins/frozen-editor.js

@@ -55,6 +55,8 @@ var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEven
 var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) {
   var interactionType;
   var inputLatencyTracker = null;
+  var inputLatencySingleKeyTracker = null;
+  var inputLatencyRenderedTracker = null;
   if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
     interactionType = (0, _frozenEditor.setInteractionType)(_analytics.BROWSER_FREEZE_INTERACTION_TYPE.LOADING);
   }
@@ -78,19 +80,80 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
   var shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
   var severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   var severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
+  var createDispatchSample = function createDispatchSample(action, view) {
+    return function (time, severity) {
+      var _getContextIdentifier2;
+      var state = view.state;
+      var nodesCount = getNodeCount(state);
+      var samplePayload = {
+        action: action,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        attributes: _objectSpread(_objectSpread({
+          time: time,
+          nodeSize: state.doc.nodeSize
+        }, nodesCount), {}, {
+          participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+          objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId,
+          severity: shouldTrackSeverity ? severity : undefined
+        }),
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+      };
+      dispatchAnalyticsEvent(samplePayload);
+    };
+  };
+  var createDispatchAverage = function createDispatchAverage(action, view) {
+    return function (_ref, severity) {
+      var _getContextIdentifier3;
+      var mean = _ref.mean,
+        median = _ref.median,
+        sampleSize = _ref.sampleSize;
+      var state = view.state;
+      var nodeCount = getNodeCount(state);
+      var averagePayload = {
+        action: action,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        attributes: _objectSpread(_objectSpread({
+          mean: mean,
+          median: median,
+          sampleSize: sampleSize
+        }, nodeCount), {}, {
+          nodeSize: state.doc.nodeSize,
+          severity: shouldTrackSeverity ? severity : undefined,
+          participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+          objectId: (_getContextIdentifier3 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId
+        }),
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+      };
+      dispatchAnalyticsEvent(averagePayload);
+    };
+  };
   return new _safePlugin.SafePlugin({
     key: frozenEditorPluginKey,
     props: (0, _utils.isPerformanceAPIAvailable)() ? {
       handleTextInput: function handleTextInput(view) {
-        var _inputLatencyTracker;
-        (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 ? void 0 : _inputLatencyTracker.start();
         if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
           interactionType = _analytics.BROWSER_FREEZE_INTERACTION_TYPE.TYPING;
         }
-        requestAnimationFrame(function () {
-          var _inputLatencyTracker2;
-          (_inputLatencyTracker2 = inputLatencyTracker) === null || _inputLatencyTracker2 === void 0 ? void 0 : _inputLatencyTracker2.end();
-        });
+        if (inputLatencyTracker) {
+          var end = inputLatencyTracker.start();
+
+          // This is called after all handleTextInput events are executed which means first handleTextInput time incorporates following handleTextInput processing time
+          // Also this is called before browser rendering so it doesn't count it.
+          requestAnimationFrame(end);
+        }
+        if (inputLatencySingleKeyTracker) {
+          var _end = inputLatencySingleKeyTracker.start();
+
+          // This is executed before next handleTextInput when multiple keypress events are in one animation frame
+          // so it tracks individual keypress processing time
+          Promise.resolve().then(_end);
+        }
+        if (inputLatencyRenderedTracker) {
+          var _end2 = inputLatencyRenderedTracker.start();
+
+          // This is called at the next event loop so it counts browser rendering time.
+          setTimeout(_end2);
+        }
         return false;
       },
       handleDOMEvents: browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? {
@@ -118,10 +181,10 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
           onSampleStart: function onSampleStart() {
             experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(_ufo.EditorExperience.typing);
           },
-          onSampleEnd: function onSampleEnd(time, _ref) {
-            var _getContextIdentifier2;
-            var isSlow = _ref.isSlow,
-              severity = _ref.severity;
+          onSampleEnd: function onSampleEnd(time, _ref2) {
+            var _getContextIdentifier4;
+            var isSlow = _ref2.isSlow,
+              severity = _ref2.severity;
             var state = _view.state;
             var nodesCount = getNodeCount(state);
             if (isSlow) {
@@ -133,54 +196,13 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
               nodeSize: state.doc.nodeSize
             }, nodesCount), {}, {
               participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-              objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId,
+              objectId: (_getContextIdentifier4 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId,
               time: time,
               severity: shouldTrackSeverity ? severity : undefined
             }));
           },
-          dispatchSample: function dispatchSample(time, severity) {
-            var _getContextIdentifier3;
-            var state = _view.state;
-            var nodesCount = getNodeCount(state);
-            var samplePayload = {
-              action: _analytics.ACTION.INPUT_PERF_SAMPLING,
-              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-              attributes: _objectSpread(_objectSpread({
-                time: time,
-                nodeSize: state.doc.nodeSize
-              }, nodesCount), {}, {
-                participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-                objectId: (_getContextIdentifier3 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId,
-                severity: shouldTrackSeverity ? severity : undefined
-              }),
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL
-            };
-            dispatchAnalyticsEvent(samplePayload);
-          },
-          dispatchAverage: function dispatchAverage(_ref2, severity) {
-            var _getContextIdentifier4;
-            var mean = _ref2.mean,
-              median = _ref2.median,
-              sampleSize = _ref2.sampleSize;
-            var state = _view.state;
-            var nodeCount = getNodeCount(state);
-            var averagePayload = {
-              action: _analytics.ACTION.INPUT_PERF_SAMPLING_AVG,
-              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-              attributes: _objectSpread(_objectSpread({
-                mean: mean,
-                median: median,
-                sampleSize: sampleSize
-              }, nodeCount), {}, {
-                nodeSize: state.doc.nodeSize,
-                severity: shouldTrackSeverity ? severity : undefined,
-                participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-                objectId: (_getContextIdentifier4 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId
-              }),
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL
-            };
-            dispatchAnalyticsEvent(averagePayload);
-          },
+          dispatchSample: createDispatchSample(_analytics.ACTION.INPUT_PERF_SAMPLING, _view),
+          dispatchAverage: createDispatchAverage(_analytics.ACTION.INPUT_PERF_SAMPLING_AVG, _view),
           onSlowInput: function onSlowInput(time) {
             var _getContextIdentifier5;
             var state = _view.state;
@@ -200,6 +222,26 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
           }
         });
       }
+      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.trackSingleKeypress) {
+        inputLatencySingleKeyTracker = new _inputLatencyTracking.default({
+          samplingRate: samplingRate,
+          slowThreshold: slowThreshold,
+          normalThreshold: severityThresholdNormal,
+          degradedThreshold: severityThresholdDegraded,
+          dispatchSample: createDispatchSample(_analytics.ACTION.INPUT_PERF_SAMPLING_SINGLE_KEYPRESS, _view),
+          dispatchAverage: createDispatchAverage(_analytics.ACTION.INPUT_PERF_SAMPLING_SINGLE_KEYPRESS_AVG, _view)
+        });
+      }
+      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.trackRenderingTime) {
+        inputLatencyRenderedTracker = new _inputLatencyTracking.default({
+          samplingRate: samplingRate,
+          slowThreshold: slowThreshold,
+          normalThreshold: severityThresholdNormal,
+          degradedThreshold: severityThresholdDegraded,
+          dispatchSample: createDispatchSample(_analytics.ACTION.INPUT_PERF_SAMPLING_RENDERED, _view),
+          dispatchAverage: createDispatchAverage(_analytics.ACTION.INPUT_PERF_SAMPLING_RENDERED_AVG, _view)
+        });
+      }
       var observer;
       try {
         var _observer = new PerformanceObserver(function (list) {
@@ -219,8 +261,8 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
       } catch (e) {}
       return {
         destroy: function destroy() {
-          var _inputLatencyTracker3;
-          (_inputLatencyTracker3 = inputLatencyTracker) === null || _inputLatencyTracker3 === void 0 ? void 0 : _inputLatencyTracker3.flush();
+          var _inputLatencyTracker;
+          (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 ? void 0 : _inputLatencyTracker.flush();
           observer === null || observer === void 0 ? void 0 : observer.disconnect();
         }
       };

package/dist/cjs/plugins/base/pm-plugins/react-nodeview.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stateKey = exports.plugin = exports.default = exports.ReactNodeViewState = void 0;
+exports.stateKey = exports.plugin = exports.ReactNodeViewState = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -69,9 +69,4 @@ var plugin = new _safePlugin.SafePlugin({
     };
   }
 });
-exports.plugin = plugin;
-var plugins = function plugins() {
-  return [plugin];
-};
-var _default = plugins;
-exports.default = _default;
+exports.plugin = plugin;

package/dist/cjs/plugins/base/utils/input-latency-tracking.js

@@ -24,7 +24,6 @@ var InputLatencyTracker = /*#__PURE__*/function () {
     (0, _classCallCheck2.default)(this, InputLatencyTracker);
     (0, _defineProperty2.default)(this, "samples", []);
     (0, _defineProperty2.default)(this, "total", 0);
-    this.currentStart = null;
     this.samplingRate = samplingRate;
     this.slowThreshold = slowThreshold;
     this.normalThreshold = normalThreshold;
@@ -38,34 +37,34 @@ var InputLatencyTracker = /*#__PURE__*/function () {
   (0, _createClass2.default)(InputLatencyTracker, [{
     key: "start",
     value: function start() {
-      this.currentStart = performance.now();
+      var _this = this;
+      var currentStart = performance.now();
       if (this.samples.length + 1 === this.samplingRate) {
         var _this$onSampleStart;
         (_this$onSampleStart = this.onSampleStart) === null || _this$onSampleStart === void 0 ? void 0 : _this$onSampleStart.call(this);
       }
-    }
-  }, {
-    key: "end",
-    value: function end() {
-      if (this.currentStart === null) {
-        return;
-      }
-      var isSlow = false;
-      var time = (0, _getPerformanceTiming.getTimeSince)(this.currentStart);
-      this.push(time);
-      if (time > this.slowThreshold) {
-        var _this$onSlowInput;
-        (_this$onSlowInput = this.onSlowInput) === null || _this$onSlowInput === void 0 ? void 0 : _this$onSlowInput.call(this, time);
-        isSlow = true;
-      }
-      if (this.samples.length === this.samplingRate) {
-        var _this$onSampleEnd;
-        this.flush();
-        (_this$onSampleEnd = this.onSampleEnd) === null || _this$onSampleEnd === void 0 ? void 0 : _this$onSampleEnd.call(this, time, {
-          isSlow: isSlow,
-          severity: this.severity(time)
-        });
-      }
+      var end = function end() {
+        if (currentStart === null) {
+          return;
+        }
+        var isSlow = false;
+        var time = (0, _getPerformanceTiming.getTimeSince)(currentStart);
+        _this.push(time);
+        if (time > _this.slowThreshold) {
+          var _this$onSlowInput;
+          (_this$onSlowInput = _this.onSlowInput) === null || _this$onSlowInput === void 0 ? void 0 : _this$onSlowInput.call(_this, time);
+          isSlow = true;
+        }
+        if (_this.samples.length === _this.samplingRate) {
+          var _this$onSampleEnd;
+          _this.flush();
+          (_this$onSampleEnd = _this.onSampleEnd) === null || _this$onSampleEnd === void 0 ? void 0 : _this$onSampleEnd.call(_this, time, {
+            isSlow: isSlow,
+            severity: _this.severity(time)
+          });
+        }
+      };
+      return end;
     }
   }, {
     key: "flush",