@atlaskit/editor-core 183.0.12 → 183.1.0

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

@@ -4,11 +4,13 @@ import uuid from 'uuid';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { sniffUserBrowserExtensions } from '@atlaskit/editor-common/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../plugins/analytics';
 import { editorAnalyticsChannel } from '../plugins/analytics/consts';
 import { getDocStructure } from '../utils/document-logger';
 import { WithEditorView } from './WithEditorView';
 import { isOutdatedBrowser } from '@atlaskit/editor-common/utils';
+import { logException } from '@atlaskit/editor-common/monitoring';
 export class ErrorBoundaryWithEditorView extends React.Component {
   constructor(props) {
     super(props);
@@ -29,7 +31,7 @@ export class ErrorBoundaryWithEditorView extends React.Component {
       const attributes = {
         product,
         browserInfo,
-        error: error,
+        error: error.toString(),
         errorInfo,
         errorId: sharedId,
         browserExtensions: this.browserExtensions,
@@ -62,6 +64,12 @@ export class ErrorBoundaryWithEditorView extends React.Component {
           errorStack
         });
       }
+      if (getBooleanFF('platform.editor.sentry-error-monitoring_6bksu')) {
+        logException(error, {
+          location: 'editor-core/create-editor',
+          product
+        });
+      }
     });
     _defineProperty(this, "getProductName", async () => {
       const {
@@ -98,11 +106,13 @@ export class ErrorBoundaryWithEditorView extends React.Component {
     }
   }
   componentDidCatch(error, errorInfo) {
-    this.sendErrorData({
-      error: error.toString(),
-      errorInfo,
-      errorStack: error.stack
-    });
+    if (this.props.errorTracking) {
+      this.sendErrorData({
+        error,
+        errorInfo,
+        errorStack: error.stack
+      });
+    }
 
     // // Update state to allow a re-render to attempt graceful recovery (in the event that
     // // the error was caused by a race condition or is intermittent)
@@ -132,6 +142,7 @@ export class ErrorBoundaryWithEditorView extends React.Component {
   }
 }
 _defineProperty(ErrorBoundaryWithEditorView, "defaultProps", {
-  rethrow: true
+  rethrow: true,
+  errorTracking: true
 });
 export default WithEditorView(ErrorBoundaryWithEditorView);

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

@@ -52,7 +52,15 @@ export class ReactEditorView extends React.Component {
   countNodes() {
     return countNodes(this.editorState);
   }
+  isTransactionTrackingExplicitlyDisabled() {
+    var _this$props$editorPro3, _this$props$editorPro4, _this$props$editorPro5;
+    // ED-16320: Check for explicit disable so that by default
+    // it will still be enabled as it currently is. Then we can
+    // progressively opt out synthetic tenants.
+    return ((_this$props$editorPro3 = this.props.editorProps) === null || _this$props$editorPro3 === void 0 ? void 0 : (_this$props$editorPro4 = _this$props$editorPro3.performanceTracking) === null || _this$props$editorPro4 === void 0 ? void 0 : (_this$props$editorPro5 = _this$props$editorPro4.transactionTracking) === null || _this$props$editorPro5 === void 0 ? void 0 : _this$props$editorPro5.enabled) === false;
+  }
   constructor(props, context) {
+    var _props$editorProps, _props$editorProps$pe, _props$editorProps$pe2;
     super(props, context);
     _defineProperty(this, "editorRef", /*#__PURE__*/React.createRef());
     // ProseMirror is instantiated prior to the initial React render cycle,
@@ -83,7 +91,7 @@ export class ReactEditorView extends React.Component {
       doc,
       shouldScrollToBottom
     }) => {
-      var _this$props$editorPro3, _this$props$editorPro4;
+      var _this$props$editorPro6, _this$props$editorPro7;
       if (!this.view) {
         return;
       }
@@ -101,7 +109,7 @@ export class ReactEditorView extends React.Component {
         selectionAtStart: !shouldScrollToBottom
       });
       this.view.updateState(this.editorState);
-      (_this$props$editorPro3 = (_this$props$editorPro4 = this.props.editorProps).onChange) === null || _this$props$editorPro3 === void 0 ? void 0 : _this$props$editorPro3.call(_this$props$editorPro4, this.view, {
+      (_this$props$editorPro6 = (_this$props$editorPro7 = this.props.editorProps).onChange) === null || _this$props$editorPro6 === void 0 ? void 0 : _this$props$editorPro6.call(_this$props$editorPro7, this.view, {
         source: 'local'
       });
     });
@@ -214,7 +222,7 @@ export class ReactEditorView extends React.Component {
       const {
         editorProps
       } = this.props;
-      if (editorProps !== null && editorProps !== void 0 && editorProps.trackValidTransactions) {
+      if (!this.isTransactionTrackingExplicitlyDisabled() && editorProps !== null && editorProps !== void 0 && editorProps.trackValidTransactions) {
         this.validTransactionCount++;
         const samplingRate = typeof editorProps.trackValidTransactions === 'object' && editorProps.trackValidTransactions.samplingRate || DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS;
         if (this.validTransactionCount >= samplingRate) {
@@ -293,9 +301,9 @@ export class ReactEditorView extends React.Component {
             source
           });
           stopMeasure(EVENT_NAME_ON_CHANGE, (duration, startTime) => {
-            var _this$experienceStore5, _this$props$editorPro5, _this$props$editorPro6;
+            var _this$experienceStore5, _this$props$editorPro8, _this$props$editorPro9;
             (_this$experienceStore5 = this.experienceStore) === null || _this$experienceStore5 === void 0 ? void 0 : _this$experienceStore5.mark(EditorExperience.interaction, 'onChange', startTime + duration);
-            if (((_this$props$editorPro5 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro5 === void 0 ? void 0 : (_this$props$editorPro6 = _this$props$editorPro5.onChangeCallbackTracking) === null || _this$props$editorPro6 === void 0 ? void 0 : _this$props$editorPro6.enabled) !== true) {
+            if (((_this$props$editorPro8 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro8 === void 0 ? void 0 : (_this$props$editorPro9 = _this$props$editorPro8.onChangeCallbackTracking) === null || _this$props$editorPro9 === void 0 ? void 0 : _this$props$editorPro9.enabled) !== true) {
               return;
             }
             this.dispatchAnalyticsEvent({
@@ -320,15 +328,17 @@ export class ReactEditorView extends React.Component {
         const invalidNodes = nodes.filter(node => !validNode(node)).map(node => getDocStructure(node, {
           compact: true
         }));
-        this.dispatchAnalyticsEvent({
-          action: ACTION.DISPATCHED_INVALID_TRANSACTION,
-          actionSubject: ACTION_SUBJECT.EDITOR,
-          eventType: EVENT_TYPE.OPERATIONAL,
-          attributes: {
-            analyticsEventPayloads: getAnalyticsEventsFromTransaction(transaction),
-            invalidNodes
-          }
-        });
+        if (!this.isTransactionTrackingExplicitlyDisabled()) {
+          this.dispatchAnalyticsEvent({
+            action: ACTION.DISPATCHED_INVALID_TRANSACTION,
+            actionSubject: ACTION_SUBJECT.EDITOR,
+            eventType: EVENT_TYPE.OPERATIONAL,
+            attributes: {
+              analyticsEventPayloads: getAnalyticsEventsFromTransaction(transaction),
+              invalidNodes
+            }
+          });
+        }
         (_this$experienceStore8 = this.experienceStore) === null || _this$experienceStore8 === void 0 ? void 0 : _this$experienceStore8.fail(EditorExperience.interaction, {
           reason: 'invalid transaction',
           invalidNodes: invalidNodes.toString()
@@ -359,8 +369,8 @@ export class ReactEditorView extends React.Component {
         startTime,
         distortedDuration
       }) => {
-        var _this$props$editorPro7, _this$props$editorPro8, _proseMirrorRenderedT, _proseMirrorRenderedT2;
-        const proseMirrorRenderedTracking = (_this$props$editorPro7 = this.props.editorProps) === null || _this$props$editorPro7 === void 0 ? void 0 : (_this$props$editorPro8 = _this$props$editorPro7.performanceTracking) === null || _this$props$editorPro8 === void 0 ? void 0 : _this$props$editorPro8.proseMirrorRenderedTracking;
+        var _this$props$editorPro10, _this$props$editorPro11, _proseMirrorRenderedT, _proseMirrorRenderedT2;
+        const proseMirrorRenderedTracking = (_this$props$editorPro10 = this.props.editorProps) === null || _this$props$editorPro10 === void 0 ? void 0 : (_this$props$editorPro11 = _this$props$editorPro10.performanceTracking) === null || _this$props$editorPro11 === void 0 ? void 0 : _this$props$editorPro11.proseMirrorRenderedTracking;
         const forceSeverityTracking = typeof proseMirrorRenderedTracking === 'undefined' && shouldForceTracking();
         this.proseMirrorRenderedSeverity = !!forceSeverityTracking || proseMirrorRenderedTracking !== null && proseMirrorRenderedTracking !== void 0 && proseMirrorRenderedTracking.trackSeverity ? getAnalyticsEventSeverity(duration, (_proseMirrorRenderedT = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityNormalThreshold) !== null && _proseMirrorRenderedT !== void 0 ? _proseMirrorRenderedT : PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, (_proseMirrorRenderedT2 = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityDegradedThreshold) !== null && _proseMirrorRenderedT2 !== void 0 ? _proseMirrorRenderedT2 : PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD) : undefined;
         if (this.view) {
@@ -513,15 +523,22 @@ export class ReactEditorView extends React.Component {
       // ED-4759: Don't set selection at end for full-page editor - should be at start.
       selectionAtStart: isFullPage(props.editorProps.appearance)
     });
-    this.dispatchAnalyticsEvent({
-      action: ACTION.STARTED,
-      actionSubject: ACTION_SUBJECT.EDITOR,
-      attributes: {
-        platform: PLATFORMS.WEB,
-        featureFlags: featureFlagsEnabled
-      },
-      eventType: EVENT_TYPE.UI
-    });
+
+    // ED-16320: Check for explicit disable so that by default
+    // it will still be enabled as it currently is. Then we can
+    // progressively opt out synthetic tenants.
+    const isEditorStartedExplicitlyDisabled = ((_props$editorProps = props.editorProps) === null || _props$editorProps === void 0 ? void 0 : (_props$editorProps$pe = _props$editorProps.performanceTracking) === null || _props$editorProps$pe === void 0 ? void 0 : (_props$editorProps$pe2 = _props$editorProps$pe.startedTracking) === null || _props$editorProps$pe2 === void 0 ? void 0 : _props$editorProps$pe2.enabled) === false;
+    if (!isEditorStartedExplicitlyDisabled) {
+      this.dispatchAnalyticsEvent({
+        action: ACTION.STARTED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        attributes: {
+          platform: PLATFORMS.WEB,
+          featureFlags: featureFlagsEnabled
+        },
+        eventType: EVENT_TYPE.UI
+      });
+    }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     // START TEMPORARY CODE ED-10584
@@ -655,8 +672,8 @@ export class ReactEditorView extends React.Component {
     return this.editorPlugins;
   }
   render() {
-    var _this$props$editorPro9, _this$props$editorPro10;
-    const renderTracking = (_this$props$editorPro9 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro9 === void 0 ? void 0 : (_this$props$editorPro10 = _this$props$editorPro9.renderTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : _this$props$editorPro10.reactEditorView;
+    var _this$props$editorPro12, _this$props$editorPro13;
+    const renderTracking = (_this$props$editorPro12 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro12 === void 0 ? void 0 : (_this$props$editorPro13 = _this$props$editorPro12.renderTracking) === null || _this$props$editorPro13 === void 0 ? void 0 : _this$props$editorPro13.reactEditorView;
     const renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
     const useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
     return /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {

package/dist/es2019/editor-next/editor-internal.js

@@ -50,7 +50,7 @@ export function EditorInternalWithoutHooks({
   onEditorDestroyed,
   preset
 }) {
-  var _props$performanceTra, _props$performanceTra2;
+  var _props$performanceTra, _props$performanceTra2, _props$performanceTra3, _props$performanceTra4;
   const Component = getUiComponent(props.appearance);
   const overriddenEditorProps = {
     ...props,
@@ -62,6 +62,10 @@ export function EditorInternalWithoutHooks({
   const renderTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : (_props$performanceTra2 = _props$performanceTra.renderTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.editor;
   const renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
   const useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
+  // ED-16320: Check for explicit disable so that by default
+  // it will still be enabled as it currently is. Then we can
+  // progressively opt out synthetic tenants.
+  const isErrorTrackingExplicitlyDisabled = ((_props$performanceTra3 = props.performanceTracking) === null || _props$performanceTra3 === void 0 ? void 0 : (_props$performanceTra4 = _props$performanceTra3.errorTracking) === null || _props$performanceTra4 === void 0 ? void 0 : _props$performanceTra4.enabled) === false;
   return jsx(Fragment, null, renderTrackingEnabled && jsx(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,
@@ -70,6 +74,7 @@ export function EditorInternalWithoutHooks({
     propsToIgnore: ['defaultValue'],
     useShallow: useShallow
   }), jsx(ErrorBoundary, {
+    errorTracking: !isErrorTrackingExplicitlyDisabled,
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags

package/dist/es2019/labs/next/presets/create-stub-internal-apis.js

@@ -1,11 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import { createEditorSelectionAPI } from '../../../selection-api/api';
-import { createInsertNodeAPI } from '../../../insert-api/api';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { attachPayloadIntoTransaction } from '../../../analytics-api/attach-payload-into-transaction';
-import { FabricChannel } from '@atlaskit/analytics-listeners';
 
 /**
  * DO NOT USE THIS FUNCTION
@@ -13,9 +9,6 @@ import { FabricChannel } from '@atlaskit/analytics-listeners';
  * IT IS A TEMPORARY PLACEHOLDER UNTIL THOSE TICKETS XX-11111 XX-22222 are done
  **/
 export const createStubInternalApis = () => {
-  const editorViewRef = {
-    current: null
-  };
   const createAnalyticsEventRef = {
     current: null
   };
@@ -37,33 +30,6 @@ export const createStubInternalApis = () => {
     };
   };
   const editorSelectionAPI = createEditorSelectionAPI();
-  const editorAnalyticsAPI = {
-    attachAnalyticsEvent: payload => tr => {
-      const editorView = editorViewRef.current;
-      if (!tr || !createAnalyticsEvent || !editorView) {
-        return false;
-      }
-      attachPayloadIntoTransaction({
-        tr,
-        editorState: editorView.state,
-        payload,
-        channel: FabricChannel.editor
-      });
-      return true;
-    }
-  };
-  const insertNodeAPI = createInsertNodeAPI({
-    getEditorView: () => {
-      return editorViewRef.current;
-    },
-    getEditorPlugins: () => {
-      const fakeTablePlugin = tablesPlugin();
-      if (!(fakeTablePlugin !== null && fakeTablePlugin !== void 0 && fakeTablePlugin.pluginsOptions)) {
-        return [];
-      }
-      return [fakeTablePlugin];
-    }
-  });
   const MountCreateAnalyticsEventRef = () => {
     const {
       createAnalyticsEvent
@@ -79,11 +45,9 @@ export const createStubInternalApis = () => {
       return [{
         name: 'stubInternalApisPMPlugin',
         plugin: () => new SafePlugin({
-          view: editorView => {
-            editorViewRef.current = editorView;
+          view: () => {
             return {
               destroy() {
-                editorViewRef.current = null;
                 createAnalyticsEventRef.current = null;
               }
             };
@@ -97,8 +61,6 @@ export const createStubInternalApis = () => {
   });
   return {
     editorSelectionAPI,
-    insertNodeAPI,
-    editorAnalyticsAPI,
     createAnalyticsEvent,
     stubInternalApisPlugin
   };

package/dist/es2019/labs/next/presets/default.js

@@ -15,6 +15,8 @@ import fakeTextCursorPlugin from '../../../plugins/fake-text-cursor';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import floatingToolbarPlugin from '../../../plugins/floating-toolbar';
 import clipboardPlugin from '../../../plugins/clipboard';
+import { analyticsPlugin as deprecatedAnalyticsPlugin } from '../../../plugins';
+import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import placeholderPlugin from '../../../plugins/placeholder';
 import annotationPlugin from '../../../plugins/annotation';
 import quickInsertPlugin from '../../../plugins/quick-insert';
@@ -29,7 +31,31 @@ import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
  * their placement in the editor toolbar
  */
 export function createDefaultPreset(options) {
-  const preset = new EditorPresetBuilder().add([featureFlagsPlugin, options.featureFlags || {}]).add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).maybeAdd(undoRedoPlugin, (p, builder) => {
+  const preset = new EditorPresetBuilder().add([featureFlagsPlugin, options.featureFlags || {}]).maybeAdd(analyticsPlugin, (plugin, builder) => {
+    if (options.allowAnalyticsGASV3) {
+      const {
+        performanceTracking,
+        createAnalyticsEvent
+      } = options;
+      return builder.add([plugin, {
+        createAnalyticsEvent,
+        performanceTracking
+      }]);
+    }
+    return builder;
+  }).maybeAdd(deprecatedAnalyticsPlugin, (plugin, builder) => {
+    if (options.allowAnalyticsGASV3) {
+      const {
+        performanceTracking,
+        createAnalyticsEvent
+      } = options;
+      return builder.add([plugin, {
+        createAnalyticsEvent,
+        performanceTracking
+      }]);
+    }
+    return builder;
+  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).maybeAdd(undoRedoPlugin, (p, builder) => {
     var _options$featureFlags;
     // The undo redo plugin needs to be add before the blockTypePlugin
     if ((_options$featureFlags = options.featureFlags) !== null && _options$featureFlags !== void 0 && _options$featureFlags.undoRedoButtons) {

package/dist/es2019/labs/next/presets/universal.js

@@ -1,5 +1,7 @@
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin, borderPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin, borderPlugin } from '../../../plugins';
+import cardPlugin from '../../../plugins/card';
 import { tablesPlugin } from '@atlaskit/editor-plugin-table';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { isFullPage as fullPageCheck } from '../../../utils/is-full-page';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { createDefaultPreset } from './default';
@@ -20,16 +22,17 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
   const isMobile = appearance === 'mobile';
   const isComment = appearance === 'comment';
   const isFullPage = fullPageCheck(appearance);
-  const defaultPreset = createDefaultPreset(props);
   const getEditorFeatureFlags = () => featureFlags;
   const stubs = createStubInternalApis();
   const {
     editorSelectionAPI,
-    insertNodeAPI,
-    editorAnalyticsAPI,
     stubInternalApisPlugin
   } = stubs;
   const createAnalyticsEvent = maybeCreateAnalyticsEvent ? maybeCreateAnalyticsEvent : stubs.createAnalyticsEvent;
+  const defaultPreset = createDefaultPreset({
+    ...props,
+    createAnalyticsEvent
+  });
   const statusMenuDisabled = !props.allowStatus ? true : typeof props.allowStatus === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
   const hasBeforePrimaryToolbar = components => {
     if (components && 'before' in components) {
@@ -37,18 +40,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     }
     return false;
   };
-  const finalPreset = defaultPreset.add(stubInternalApisPlugin).add(dataConsumerMarkPlugin).maybeAdd(analyticsPlugin, (plugin, builder) => {
-    if (props.allowAnalyticsGASV3) {
-      const {
-        performanceTracking
-      } = props;
-      return builder.add([plugin, {
-        createAnalyticsEvent,
-        performanceTracking
-      }]);
-    }
-    return builder;
-  }).maybeAdd(breakoutPlugin, (plugin, builder) => {
+  const finalPreset = defaultPreset.add(stubInternalApisPlugin).add(dataConsumerMarkPlugin).add(contentInsertionPlugin).maybeAdd(breakoutPlugin, (plugin, builder) => {
     if (props.allowBreakout && isFullPage) {
       return builder.add([plugin, {
         allowBreakoutButton: appearance === 'full-page'
@@ -149,7 +141,6 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
         allowContextualMenu: !isMobile,
         fullWidthEnabled: appearance === 'full-width',
         wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
-        editorAnalyticsAPI,
         editorSelectionAPI,
         getEditorFeatureFlags
       }]);
@@ -349,8 +340,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     horizontalRuleEnabled: props.allowRule,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false,
-    insertNodeAPI
+    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false
   }]).maybeAdd(beforePrimaryToolbarPlugin, (plugin, builder) => {
     if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
       return builder.add([plugin, {

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

@@ -1,6 +1,6 @@
 import analyticsPlugin from './plugin';
 import { analyticsPluginKey as pluginKey } from './plugin-key';
 export { ACTION_SUBJECT_ID, ACTION_SUBJECT, ACTION, BROWSER_FREEZE_INTERACTION_TYPE, EVENT_TYPE, FULL_WIDTH_MODE, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, MODE, PasteContents, PasteSources, PasteTypes, PLATFORMS, PUNC, SYMBOL, TABLE_ACTION, TABLE_BREAKOUT, TRIGGER_METHOD, USER_CONTEXT, DELETE_DIRECTION, LIST_TEXT_SCENARIOS, fireAnalyticsEvent, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
-export { withAnalytics, addAnalytics, findInsertLocation, getSelectionType, getStateContext, mapActionSubjectIdToAttributes } from './utils';
+export { withAnalytics, addAnalytics } from './utils';
 export const analyticsPluginKey = pluginKey;
 export default analyticsPlugin;

package/dist/es2019/plugins/analytics/plugin-key.js

@@ -1,2 +1,9 @@
 import { PluginKey } from 'prosemirror-state';
-export const analyticsPluginKey = new PluginKey('analyticsPlugin');
+
+/**
+ * @private
+ * @deprecated
+ * Do not use the analytics plugin key directly.
+ * This will be deprecated soon.
+ */
+export const analyticsPluginKey = new PluginKey('deprecatedAnalyticsPlugin');

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

@@ -3,9 +3,7 @@ import { isPerformanceAPIAvailable, measureRender } from '@atlaskit/editor-commo
 import { ACTION, EVENT_TYPE } from './types';
 import { analyticsPluginKey } from './plugin-key';
 import { fireAnalyticsEvent, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
-import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
-import { generateUndoRedoInputSoucePayload } from '../undo-redo/undo-redo-input-source';
-function createPlugin(options, featureFlags) {
+function createPlugin(options, featureFlags, editorAnalyticsApi) {
   if (!options || !options.createAnalyticsEvent) {
     return;
   }
@@ -16,7 +14,8 @@ function createPlugin(options, featureFlags) {
       init: () => {
         return {
           ...options,
-          fireAnalytics: fireAnalyticsEvent(options.createAnalyticsEvent)
+          fireAnalytics: fireAnalyticsEvent(options.createAnalyticsEvent),
+          editorAnalyticsApi
         };
       },
       apply: (tr, pluginState, _, state) => {
@@ -64,48 +63,26 @@ function createPlugin(options, featureFlags) {
     }
   });
 }
+
+/**
+ * @private
+ * @deprecated
+ * Do not use this analytics plugin.
+ * This will be deprecated soon.
+ */
 const analyticsPlugin = (options, api) => {
   var _api$dependencies$fea;
   const featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies$fea = api.dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
-    name: 'analytics',
+    name: 'deprecatedAnalytics',
     pmPlugins() {
       return [{
         name: 'analyticsPlugin',
-        plugin: () => createPlugin(options, featureFlags)
+        plugin: () => {
+          var _api$dependencies, _api$dependencies$ana;
+          return createPlugin(options, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$ana = _api$dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions);
+        }
       }];
-    },
-    onEditorViewStateUpdated({
-      originalTransaction,
-      transactions,
-      newEditorState
-    }) {
-      const pluginState = analyticsPluginKey.getState(newEditorState);
-      if (!pluginState || !pluginState.createAnalyticsEvent) {
-        return;
-      }
-      const steps = transactions.reduce((acc, tr) => {
-        const payloads = tr.steps.filter(step => step instanceof AnalyticsStep).map(x => x.analyticsEvents).reduce((acc, val) => acc.concat(val), []);
-        acc.push(...payloads);
-        return acc;
-      }, []);
-      if (steps.length === 0) {
-        return;
-      }
-      const {
-        createAnalyticsEvent
-      } = pluginState;
-      const undoAnaltyicsEventTransformer = generateUndoRedoInputSoucePayload(originalTransaction);
-      steps.forEach(({
-        payload,
-        channel
-      }) => {
-        const nextPayload = undoAnaltyicsEventTransformer(payload);
-        fireAnalyticsEvent(createAnalyticsEvent)({
-          payload: nextPayload,
-          channel
-        });
-      });
     }
   };
 };

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

@@ -4,25 +4,38 @@ 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';
-export { getStateContext, mapActionSubjectIdToAttributes, getSelectionType, findInsertLocation };
+function getEditorAnalyticsAPI(editorState) {
+  var _analyticsPluginKey$g2;
+  return (_analyticsPluginKey$g2 = analyticsPluginKey.getState(editorState)) === null || _analyticsPluginKey$g2 === void 0 ? void 0 : _analyticsPluginKey$g2.editorAnalyticsApi;
+}
+
+/**
+ *
+ * @private
+ * @deprecated
+ *
+ * Do not use this anymore. Please use @atlaskit/editor-plugin-analytics
+ *
+ */
 export function addAnalytics(state, tr, payload, channel = editorAnalyticsChannel) {
   const createAnalyticsEvent = getCreateUIAnalyticsEvent(state);
-  if (!createAnalyticsEvent) {
+  const editorAnalyticsApi = getEditorAnalyticsAPI(state);
+  if (!createAnalyticsEvent || !editorAnalyticsApi) {
     return tr;
   }
-  attachPayloadIntoTransaction({
-    tr,
-    editorState: state,
-    payload,
-    channel
-  });
+  editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(payload, channel)(tr);
   return tr;
 }
 // Below function has been copied to packages/editor/editor-plugin-ai/src/utils/analytics.ts
 // If changes are made to this function, please make the same update in the linked file.
+/**
+ *
+ * @private
+ * @deprecated
+ *
+ * Do not use this anymore. Please use @atlaskit/editor-plugin-analytics
+ *
+ */
 export function withAnalytics(payload, channel) {
   return command => (state, dispatch, view) => command(state, tr => {
     if (dispatch) {

package/dist/es2019/plugins/base/index.js

@@ -11,7 +11,7 @@ import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
 import betterTypeHistoryPlugin from './pm-plugins/better-type-history';
 import { plugin as reactNodeView } from './pm-plugins/react-nodeview';
-import decorationPlugin from './pm-plugins/decoration';
+import decorationPlugin, { hoverDecoration } from './pm-plugins/decoration';
 import scrollGutter from './pm-plugins/scroll-gutter';
 import { keymap } from '../../utils/keymap';
 import frozenEditor from './pm-plugins/frozen-editor';
@@ -123,6 +123,9 @@ const basePlugin = (options, api) => {
         name: 'text',
         node: text
       }];
+    },
+    actions: {
+      hoverDecoration
     }
   };
 };

package/dist/es2019/plugins/base/pm-plugins/decoration.js

@@ -8,6 +8,15 @@ export let ACTIONS = /*#__PURE__*/function (ACTIONS) {
   ACTIONS[ACTIONS["DECORATION_REMOVE"] = 1] = "DECORATION_REMOVE";
   return ACTIONS;
 }({});
+
+/**
+ *
+ * @private
+ * @deprecated
+ *
+ * Please use the actions of the base plugin rather than this function
+ * directly
+ */
 export const hoverDecoration = (nodeType, add, className = 'danger') => (state, dispatch) => {
   let from;
   let parentNode;

package/dist/es2019/plugins/block-type/commands/block-type.js

@@ -2,7 +2,7 @@ import { findWrapping } from 'prosemirror-transform';
 import { safeInsert } from 'prosemirror-utils';
 import { CODE_BLOCK, BLOCK_QUOTE, PANEL, HEADINGS_BY_NAME, NORMAL_TEXT } from '../types';
 import { removeBlockMarks } from '../../../utils/mark';
-import { shouldSplitSelectedNodeOnNodeInsertion } from '../../../utils/insert';
+import { shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { withAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { filterChildrenBetween } from '../../../utils';
 import { PanelType } from '@atlaskit/adf-schema';

package/dist/es2019/plugins/caption/index.js

@@ -1,7 +1,7 @@
 import { caption } from '@atlaskit/adf-schema';
 import { default as createCaptionPlugin } from './pm-plugins/main';
 import { captionKeymap } from './pm-plugins/keymap';
-const captionPlugin = () => {
+const captionPlugin = (_, api) => {
   return {
     name: 'caption',
     nodes() {
@@ -19,7 +19,8 @@ const captionPlugin = () => {
           eventDispatcher,
           dispatch
         }) => {
-          return createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch);
+          var _api$dependencies$ana;
+          return createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions);
         }
       }, {
         name: 'captionKeymap',