@atlaskit/editor-core 164.0.4 → 166.0.1

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @atlaskit/editor-core
 
+## 166.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 166.0.0
+
+### Minor Changes
+
+- [`2a04b47848b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2a04b47848b) - Removed unused emoji experiment (emojiNext).
+- [`d86aa096946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d86aa096946) - [ux] Added prop minHeight for editor appearance='comment' and 'chromeless'
+- [`b6d47de3fd9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b6d47de3fd9) - [MEX-1417] remove access to media file streams cache
+- [`19486acfe8f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19486acfe8f) - [ED-14501] Add a new input latency performance analytics event `editor.inputPerfSamplingAvg`. Refactor the input latency tracking logic into a class.
+- [`de9e3c28026`](https://bitbucket.org/atlassian/atlassian-frontend/commits/de9e3c28026) - [ED-14689] Refactor getFinalAcknowledgedState to only wait for the unconfirmed steps at the time of calling it to be confirmed. It will no longer wait for there to be no unconfirmed steps at all.
+- [`02bfb564e45`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02bfb564e45) - [ux] Instrumented `@atlaskit/editor-shared-styles` and partial `@atlaskit/editor-core` with the new theming package, `@atlaskit/tokens`.
+
+  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
+  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
+
+### Patch Changes
+
+- [`74f39b3fcf8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74f39b3fcf8) - [ux] EDM-2398: When a user types a link as opposed to pasting one, it will only be made into a link, not a smart card.
+- [`ea41bc8a2ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ea41bc8a2ed) - [ux] ED-14577 add support for skipable tests for placeholder-text
+- [`aec3f6e6d01`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aec3f6e6d01) - Add closeHistory() on indentList / outdentList at the beginning as for a undo restore point
+- [`67ebd08a55c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/67ebd08a55c) - [ux] ED-14581 Reworks unsupportedInline and confluenceUnsupportedInline to use getInlineNodeViewProducer api.
+- [`05502fa8c02`](https://bitbucket.org/atlassian/atlassian-frontend/commits/05502fa8c02) - [ux] ED-14572 Migrated Mention node view to use the new getInlineNodeViewProducer api.
+- [`994b3c53e55`](https://bitbucket.org/atlassian/atlassian-frontend/commits/994b3c53e55) - ED-14373 Removed displayInlineBlockForInlineNodes feature flag as it is no longer required. Inline nodes now use the getInlineNodeViewProducer api which addresses issues that the feature flag was intended to fix.
+- [`f0f5ea7e9b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f0f5ea7e9b2) - [ux] ED-14050 Fixes mouse wheel not working when hovering table header row while its sticky
+- [`6e7c648ddb7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6e7c648ddb7) - ED-14055: Fix out of range error during a collab session when deleting a paragraph at the end of the document and another user has a selection inside that paragraph.
+- [`1b59c7df167`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b59c7df167) - [ED-14700] Checks if typeAhead was dismissed after inserting an item to make sure we don't sent cancelled analytics events when an item was inserted successfully
+- [`b1f97a33e1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1f97a33e1e) - [ux] Rework emoji to use getInlineNodeViewProducer api.
+- [`a702917cbde`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a702917cbde) - [ux][ed-14725] Fixed duplicated line when pasted from google docs
+- [`513476f63a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/513476f63a0) - ED-14158 deprecate shouldAddToHistory arg from EditorActions.replaceDocument
+- [`702b032500c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/702b032500c) - [ux] Corrected ordering of the toolbar text colour picker's drop down menu, updated its rows to be from darkest to lightest.
+- Updated dependencies
+
+## 165.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 164.0.4
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -39,6 +39,8 @@ var _getFeatureFlags = require("../plugins/feature-flags-context/get-feature-fla
 
 var _nativeCollabProviderPlugin = require("../plugins/collab-edit/native-collab-provider-plugin");
 
+var _deprecationWarnings = _interopRequireDefault(require("../utils/deprecation-warnings"));
+
 var EditorActions = /*#__PURE__*/function () {
   function EditorActions() {
     var _this = this;
@@ -321,6 +323,13 @@ var EditorActions = /*#__PURE__*/function () {
     value: function replaceDocument(rawValue) {
       var shouldScrollToBottom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var shouldAddToHistory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      (0, _deprecationWarnings.default)('EditorActions.replaceDocument', {
+        shouldAddToHistory: shouldAddToHistory
+      }, [{
+        property: 'shouldAddToHistory',
+        description: '[ED-14158] EditorActions.replaceDocument does not use the shouldAddToHistory arg',
+        type: 'removed'
+      }]);
 
       if (!this.editorView || rawValue === undefined || rawValue === null) {
         return false;

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

@@ -611,11 +611,22 @@ 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
+
+
+        var analyticsConnected = _this.eventDispatcher.has(_utils.analyticsEventKey, _this.handleAnalyticsEvent);
+
+        if (!analyticsConnected) {
+          _this.eventDispatcher.on(_utils.analyticsEventKey, _this.handleAnalyticsEvent);
+        }
 
         _this.view.destroy(); // Destroys the dom node & all node views
 
 
+        if (!analyticsConnected) {
+          _this.eventDispatcher.off(_utils.analyticsEventKey, _this.handleAnalyticsEvent);
+        }
+
         _this.view = undefined;
       }
     });
@@ -783,7 +794,6 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       // This serves to avoid potential runtime exceptions which could arise
       // from an async dispatched transaction after it's unmounted.
       this.canDispatchTransactions = false;
-      this.eventDispatcher.destroy();
       clearTimeout(this.focusTimeoutId);
 
       if (this.reliabilityInterval) {
@@ -802,11 +812,9 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
             state.destroy();
           }
         });
-      } // this.view will be destroyed when React unmounts in handleEditorViewRef
-
+      }
 
-      this.eventDispatcher.off(_utils.analyticsEventKey, this.handleAnalyticsEvent);
-      this.eventDispatcher.off('resetEditorState', this.resetEditorState);
+      this.eventDispatcher.destroy(); // this.view will be destroyed when React unmounts in handleEditorViewRef
     } // Helper to allow tests to inject plugins directly
 
   }, {

package/dist/cjs/create-editor/create-plugins-list.js

@@ -219,8 +219,7 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
 
   if (props.emojiProvider) {
     preset.add([_plugins.emojiPlugin, {
-      createAnalyticsEvent: createAnalyticsEvent,
-      allowZeroWidthSpaceAfter: !isMobile
+      createAnalyticsEvent: createAnalyticsEvent
     }]);
   }
 

package/dist/cjs/editor.js

@@ -633,6 +633,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                     eventDispatcher: eventDispatcher,
                     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
                     maxHeight: _this5.props.maxHeight,
+                    minHeight: _this5.props.minHeight,
                     onSave: _this5.props.onSave ? _this5.handleSave : undefined,
                     onCancel: _this5.props.onCancel,
                     popupsMountPoint: _this5.props.popupsMountPoint,
@@ -675,6 +676,18 @@ exports.default = Editor;
   allowNewInsertionBehaviour: true,
   quickInsert: true
 });
+(0, _defineProperty2.default)(Editor, "propTypes", {
+  minHeight: function minHeight(_ref4) {
+    var appearance = _ref4.appearance,
+        _minHeight = _ref4.minHeight;
+
+    if (_minHeight && appearance && !['comment', 'chromeless'].includes(appearance)) {
+      return new Error('minHeight only supports editor appearance chromeless and comment');
+    }
+
+    return null;
+  }
+});
 (0, _defineProperty2.default)(Editor, "contextTypes", {
   editorActions: _propTypes.default.object
 });

package/dist/cjs/event-dispatcher/index.js

@@ -29,6 +29,15 @@ var EventDispatcher = /*#__PURE__*/function () {
 
       this.listeners[event].add(cb);
     }
+  }, {
+    key: "has",
+    value: function has(event, cb) {
+      if (!this.listeners[event]) {
+        return false;
+      }
+
+      return this.listeners[event].has(cb);
+    }
   }, {
     key: "off",
     value: function off(event, cb) {

package/dist/cjs/nodeviews/ReactNodeView.js

@@ -23,8 +23,6 @@ var _analytics = require("../plugins/analytics");
 
 var _consts = require("../plugins/analytics/consts");
 
-var _featureFlagsContext = require("../plugins/feature-flags-context");
-
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 
 var _getPerformanceOptions = require("./getPerformanceOptions");
@@ -140,20 +138,12 @@ var ReactNodeView = /*#__PURE__*/function () {
     }
   }, {
     key: "createDomRef",
-    value: function createDomRef(options) {
+    value: function createDomRef() {
       if (!this.node.isInline) {
         return document.createElement('div');
       }
 
       var htmlElement = document.createElement('span');
-      var state = this.view.state;
-      var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(state);
-
-      if (featureFlags && featureFlags.displayInlineBlockForInlineNodes && (options === null || options === void 0 ? void 0 : options.displayInlineBlockForInlineNodes) !== false) {
-        htmlElement.style.display = 'inline-block';
-        htmlElement.style.userSelect = 'all';
-      }
-
       return htmlElement;
     }
   }, {

package/dist/cjs/nodeviews/getInlineNodeViewProducer.styles.js

@@ -17,5 +17,5 @@ var _templateObject;
 
 // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
-var InlineNodeViewSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .inlineNodeView {\n    display: inline;\n    user-select: all;\n  }\n\n  &.ua-chrome .inlineNodeView > span {\n    user-select: none;\n  }\n\n  .inlineNodeViewAddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), _utils.ZERO_WIDTH_SPACE);
+var InlineNodeViewSharedStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .inlineNodeView {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > * {\n      white-space: pre-wrap;\n    }\n  }\n\n  &.ua-chrome .inlineNodeView > span {\n    user-select: none;\n  }\n\n  .inlineNodeViewAddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), _utils.ZERO_WIDTH_SPACE);
 exports.InlineNodeViewSharedStyles = InlineNodeViewSharedStyles;

package/dist/cjs/nodeviews/getPerformanceOptions.js

@@ -48,7 +48,7 @@ function stopMeasureReactNodeViewRendered(_ref2) {
       samplingRate = _ref2.samplingRate,
       slowThreshold = _ref2.slowThreshold;
   (0, _utils.stopMeasure)("\uD83E\uDD89".concat(nodeTypeName, "::ReactNodeView"), function (duration) {
-    if ((exports.nodeViewRenderedEventsCounter = nodeViewRenderedEventsCounter = +nodeViewRenderedEventsCounter + 1) % samplingRate === 0 && duration > slowThreshold) {
+    if ((exports.nodeViewRenderedEventsCounter = ++nodeViewRenderedEventsCounter) % samplingRate === 0 && duration > slowThreshold) {
       dispatchAnalyticsEvent({
         action: _analytics.ACTION.REACT_NODEVIEW_RENDERED,
         actionSubject: _analytics.ACTION_SUBJECT.EDITOR,

package/dist/cjs/plugins/analytics/types/enums.js

@@ -63,6 +63,7 @@ exports.ACTION = ACTION;
   ACTION["INDENTED"] = "indented";
   ACTION["INITIALISED"] = "initialised";
   ACTION["INPUT_PERF_SAMPLING"] = "inputPerfSampling";
+  ACTION["INPUT_PERF_SAMPLING_AVG"] = "inputPerfSamplingAvg";
   ACTION["INSERTED"] = "inserted";
   ACTION["INVALID_DOCUMENT_ENCOUNTERED"] = "invalidDocumentEncountered";
   ACTION["INVOKED"] = "invoked";

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

@@ -27,7 +27,7 @@ var _contextIdentifier = require("./context-identifier");
 
 var _frozenEditor = require("../utils/frozen-editor");
 
-var _getPerformanceTiming = require("../../../utils/performance/get-performance-timing");
+var _inputLatencyTracking = _interopRequireDefault(require("../utils/input-latency-tracking"));
 
 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; }
 
@@ -49,11 +49,11 @@ exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = DEFAULT_TRACK_SEVERITY_THRESHO
 var DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = 500;
 exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
 
-var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEvent, view, time, allowCountNodes, interactionType, severity) {
+var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEvent, view, time, getNodeCount, interactionType, severity) {
   var _getContextIdentifier;
 
   var state = view.state;
-  var nodesCount = allowCountNodes ? (0, _countNodes.countNodes)(view.state) : {};
+  var nodesCount = getNodeCount(state);
   return dispatchAnalyticsEvent({
     action: _analytics.ACTION.BROWSER_FREEZE,
     actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
@@ -71,8 +71,8 @@ var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEven
 };
 
 var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) {
-  var keystrokeCount = 0;
   var interactionType;
+  var inputLatencyTracker = null;
 
   if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
     interactionType = (0, _frozenEditor.setInteractionType)(_analytics.BROWSER_FREEZE_INTERACTION_TYPE.LOADING);
@@ -82,6 +82,20 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
   var slowThreshold = inputTracking && typeof inputTracking.slowThreshold === 'number' ? inputTracking.slowThreshold : DEFAULT_SLOW_THRESHOLD;
   var freezeThreshold = inputTracking && typeof inputTracking.freezeThreshold === 'number' ? inputTracking.freezeThreshold : DEFAULT_FREEZE_THRESHOLD;
   var allowCountNodes = inputTracking && inputTracking.countNodes;
+  var prevNodeCountState = null;
+  var prevNodeCount = {}; // Cache the result as we were calling this multiple times
+  // and has potential to be expensive
+
+  var getNodeCount = function getNodeCount(state) {
+    if (state === prevNodeCountState) {
+      return prevNodeCount;
+    }
+
+    prevNodeCount = allowCountNodes ? (0, _countNodes.countNodes)(state) : {};
+    prevNodeCountState = state;
+    return prevNodeCount;
+  };
+
   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;
@@ -89,84 +103,18 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
     key: frozenEditorPluginKey,
     props: (0, _utils.isPerformanceAPIAvailable)() ? {
       handleTextInput: function handleTextInput(view) {
-        var state = view.state;
-        var now = performance.now();
+        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;
         }
 
-        var experienceStore = ufo ? _ufo.ExperienceStore.getInstance(view) : undefined;
-        var trackTyping = samplingRate && ++keystrokeCount === samplingRate;
-
-        if (trackTyping) {
-          experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(_ufo.EditorExperience.typing);
-        }
-
         requestAnimationFrame(function () {
-          var diff = (0, _getPerformanceTiming.getTimeSince)(now);
-
-          if (diff > slowThreshold) {
-            var nodesCount = allowCountNodes ? (0, _countNodes.countNodes)(view.state) : {};
-
-            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
-              var _getContextIdentifier2;
-
-              dispatchAnalyticsEvent({
-                action: _analytics.ACTION.SLOW_INPUT,
-                actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-                attributes: _objectSpread(_objectSpread({
-                  time: diff,
-                  nodeSize: state.doc.nodeSize
-                }, nodesCount), {}, {
-                  participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-                  objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId
-                }),
-                eventType: _analytics.EVENT_TYPE.OPERATIONAL
-              });
-            }
+          var _inputLatencyTracker2;
 
-            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.addMetadata(_ufo.EditorExperience.typing, {
-              slowInput: true
-            });
-          }
-
-          if (trackTyping) {
-            var _getContextIdentifier4;
-
-            var _nodesCount = allowCountNodes ? (0, _countNodes.countNodes)(view.state) : {};
-
-            keystrokeCount = 0;
-            var severity = shouldTrackSeverity ? (0, _utils.getAnalyticsEventSeverity)(diff, severityThresholdNormal, severityThresholdDegraded) : undefined;
-
-            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
-              var _getContextIdentifier3;
-
-              var payload = {
-                action: _analytics.ACTION.INPUT_PERF_SAMPLING,
-                actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-                attributes: _objectSpread(_objectSpread({
-                  time: diff,
-                  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: severity
-                }),
-                eventType: _analytics.EVENT_TYPE.OPERATIONAL
-              };
-              dispatchAnalyticsEvent(payload);
-            }
-
-            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(_ufo.EditorExperience.typing, _objectSpread(_objectSpread({
-              nodeSize: state.doc.nodeSize
-            }, _nodesCount), {}, {
-              participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-              objectId: (_getContextIdentifier4 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId,
-              time: diff,
-              severity: severity
-            }));
-          }
+          (_inputLatencyTracker2 = inputLatencyTracker) === null || _inputLatencyTracker2 === void 0 ? void 0 : _inputLatencyTracker2.end();
         });
         return false;
       },
@@ -186,6 +134,106 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
         return {};
       }
 
+      var experienceStore = ufo ? _ufo.ExperienceStore.getInstance(_view) : undefined;
+
+      if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
+        inputLatencyTracker = new _inputLatencyTracking.default({
+          samplingRate: samplingRate,
+          slowThreshold: slowThreshold,
+          normalThreshold: severityThresholdNormal,
+          degradedThreshold: severityThresholdDegraded,
+          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;
+            var state = _view.state;
+            var nodesCount = getNodeCount(state);
+
+            if (isSlow) {
+              experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.addMetadata(_ufo.EditorExperience.typing, {
+                slowInput: true
+              });
+            }
+
+            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(_ufo.EditorExperience.typing, _objectSpread(_objectSpread({
+              nodeSize: state.doc.nodeSize
+            }, nodesCount), {}, {
+              participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+              objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.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);
+          },
+          onSlowInput: function onSlowInput(time) {
+            var _getContextIdentifier5;
+
+            var state = _view.state;
+            var nodesCount = getNodeCount(state);
+            dispatchAnalyticsEvent({
+              action: _analytics.ACTION.SLOW_INPUT,
+              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+              attributes: _objectSpread(_objectSpread({
+                time: time,
+                nodeSize: state.doc.nodeSize
+              }, nodesCount), {}, {
+                participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+                objectId: (_getContextIdentifier5 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier5 === void 0 ? void 0 : _getContextIdentifier5.objectId
+              }),
+              eventType: _analytics.EVENT_TYPE.OPERATIONAL
+            });
+          }
+        });
+      }
+
       var observer;
 
       try {
@@ -196,7 +244,7 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
             var duration = perfEntries[i].duration;
 
             if (duration > freezeThreshold) {
-              dispatchLongTaskEvent(dispatchAnalyticsEvent, _view, duration, allowCountNodes, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? interactionType : undefined, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackSeverity ? (0, _utils.getAnalyticsEventSeverity)(duration, browserFreezeTracking.severityNormalThreshold || NORMAL_SEVERITY_THRESHOLD, browserFreezeTracking.severityDegradedThreshold || DEGRADED_SEVERITY_THRESHOLD) : undefined);
+              dispatchLongTaskEvent(dispatchAnalyticsEvent, _view, duration, getNodeCount, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? interactionType : undefined, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackSeverity ? (0, _utils.getAnalyticsEventSeverity)(duration, browserFreezeTracking.severityNormalThreshold || NORMAL_SEVERITY_THRESHOLD, browserFreezeTracking.severityDegradedThreshold || DEGRADED_SEVERITY_THRESHOLD) : undefined);
             }
           }
         }); // register observer for long task notifications
@@ -209,9 +257,10 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
 
       return {
         destroy: function destroy() {
-          if (observer) {
-            observer.disconnect();
-          }
+          var _inputLatencyTracker3;
+
+          (_inputLatencyTracker3 = inputLatencyTracker) === null || _inputLatencyTracker3 === void 0 ? void 0 : _inputLatencyTracker3.flush();
+          observer === null || observer === void 0 ? void 0 : observer.disconnect();
         }
       };
     }

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

@@ -0,0 +1,157 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = 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"));
+
+var _getPerformanceTiming = require("../../../utils/performance/get-performance-timing");
+
+var _utils = require("@atlaskit/editor-common/utils");
+
+var InputLatencyTracker = /*#__PURE__*/function () {
+  function InputLatencyTracker(_ref) {
+    var samplingRate = _ref.samplingRate,
+        slowThreshold = _ref.slowThreshold,
+        normalThreshold = _ref.normalThreshold,
+        degradedThreshold = _ref.degradedThreshold,
+        dispatchAverage = _ref.dispatchAverage,
+        dispatchSample = _ref.dispatchSample,
+        onSampleStart = _ref.onSampleStart,
+        onSampleEnd = _ref.onSampleEnd,
+        onSlowInput = _ref.onSlowInput;
+    (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;
+    this.degradedThreshold = degradedThreshold;
+    this.dispatchAverage = dispatchAverage;
+    this.dispatchSample = dispatchSample;
+    this.onSampleStart = onSampleStart;
+    this.onSampleEnd = onSampleEnd;
+    this.onSlowInput = onSlowInput;
+  }
+
+  (0, _createClass2.default)(InputLatencyTracker, [{
+    key: "start",
+    value: function start() {
+      this.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)
+        });
+      }
+    }
+  }, {
+    key: "flush",
+    value: function flush() {
+      if (this.samples.length === 0) {
+        return;
+      }
+
+      this.dispatch();
+      this.samples = [];
+      this.total = 0;
+    }
+  }, {
+    key: "dispatch",
+    value: function dispatch() {
+      var _this$dispatchSample, _this$dispatchAverage;
+
+      (_this$dispatchSample = this.dispatchSample) === null || _this$dispatchSample === void 0 ? void 0 : _this$dispatchSample.call(this, this.getLast(), this.severity(this.getLast())); // cache
+
+      var median = this.getMedian();
+      (_this$dispatchAverage = this.dispatchAverage) === null || _this$dispatchAverage === void 0 ? void 0 : _this$dispatchAverage.call(this, {
+        mean: this.getMean(),
+        median: median,
+        sampleSize: this.samples.length
+      }, this.severity(median));
+    }
+  }, {
+    key: "push",
+    value: function push(latency) {
+      this.samples.push(latency);
+      this.total += latency;
+    }
+  }, {
+    key: "severity",
+    value: function severity(time) {
+      return (0, _utils.getAnalyticsEventSeverity)(time, this.normalThreshold, this.degradedThreshold);
+    }
+  }, {
+    key: "getLast",
+    value: function getLast() {
+      return this.samples[this.samples.length - 1];
+    }
+  }, {
+    key: "getMean",
+    value: function getMean() {
+      return this.total / this.samples.length;
+    }
+  }, {
+    key: "getMedian",
+    value: function getMedian() {
+      if (this.samples.length === 1) {
+        return this.samples[0];
+      }
+
+      this.samples.sort(function (a, b) {
+        return a - b;
+      });
+      var middle = (this.samples.length + 1) / 2;
+      var floorMiddle = Math.floor(middle);
+      var remainder = middle % floorMiddle;
+
+      if (remainder === 0) {
+        return this.samples[middle - 1];
+      }
+
+      var left = this.samples[floorMiddle - 1];
+      var right = this.samples[floorMiddle];
+      return (left + right) / 2;
+    }
+  }]);
+  return InputLatencyTracker;
+}();
+
+exports.default = InputLatencyTracker;