@atlaskit/editor-core 183.0.12 → 183.1.1

package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js

@@ -9,12 +9,11 @@ import Select from '@atlaskit/select';
 import AddCircleIcon from '@atlaskit/icon/glyph/add-circle';
 import { messages } from '../messages';
 import { getNameFromDuplicateField, isDuplicateField } from '../utils';
-import { gridSize } from '@atlaskit/theme/constants';
 import { N40A } from '@atlaskit/theme/colors';
 const actionsWrapper = css`
   border-top: 1px solid ${`var(--ds-border, ${N40A})`};
-  margin-top: ${gridSize() * 2}px;
-  padding-top: ${gridSize() * 2}px;
+  margin-top: ${"var(--ds-space-200, 16px)"};
+  padding-top: ${"var(--ds-space-200, 16px)"};
 `;
 const populateFromParameters = (parameters, fields) => {
   if (Object.keys(parameters).length) {

package/dist/es2019/ui/ConfigPanel/Fields/SelectItem.js

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import Avatar from '@atlaskit/avatar';
-import { gridSize } from '@atlaskit/theme/constants';
 const itemWrapper = css`
   display: flex;
   align-items: center;
@@ -42,7 +41,7 @@ export const formatOptionLabel = ({
     appearance: "square"
   }) : icon), jsx("div", {
     style: {
-      paddingLeft: icon ? gridSize() : 0
+      paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
     }
   }, jsx("p", null, label, description && context !== 'value' && jsx("small", null, description))));
 };

package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import { gridSize } from '@atlaskit/theme/constants';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import Tooltip from '@atlaskit/tooltip';
 import { N80, R300 } from '@atlaskit/theme/colors';
@@ -12,7 +11,7 @@ const removableFieldWrapper = css`
   margin-bottom: 0;
 `;
 const wrapperWithMarginBottom = css`
-  margin-bottom: ${gridSize() * 2}px;
+  margin-bottom: ${"var(--ds-space-200, 16px)"};
 `;
 const removeButtonWrapper = css`
   position: absolute;

package/dist/es2019/ui/ContentStyles/index.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { jsx, css, useTheme } from '@emotion/react';
-import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles } from '@atlaskit/editor-common/styles';
+import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles } from '@atlaskit/editor-common/styles';
 import { editorFontSize } from '@atlaskit/editor-shared-styles';
 import { unsupportedStyles } from '../../plugins/unsupported-content/styles';
 import { telepointerStyle } from '../../plugins/collab-edit/styles';
@@ -101,6 +101,7 @@ const contentStyles = props => css`
   ${dateStyles}
   ${embedCardStyles}
   ${unsupportedStyles}
+  ${resizerStyles}
 
   .panelView-content-wrap {
     box-sizing: border-box;

package/dist/es2019/ui/ElementBrowser/InsertMenu.js

@@ -5,7 +5,7 @@ import { css, jsx } from '@emotion/react';
 import { Section, ButtonItem } from '@atlaskit/menu';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { borderRadius, gridSize } from '@atlaskit/theme';
+import { borderRadius } from '@atlaskit/theme';
 import { themed } from '@atlaskit/theme/components';
 import { DN50, N0, N30A, N60A } from '@atlaskit/theme/colors';
 import { IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '../../plugins/quick-insert/assets';
@@ -154,7 +154,7 @@ const itemBefore = css`
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-right: ${gridSize() / 2}px;
+  margin-right: ${"var(--ds-space-050, 4px)"};
 `;
 const flexWrapperStyles = css`
   display: flex;

package/dist/es2019/ui/ElementBrowser/constants.js

@@ -1,4 +1,7 @@
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
+// TODO: Migrate away from gridSize
+// Recommendation: Replace gridSize with 8
 export const GRID_SIZE = gridSize();
 export const DEVICE_BREAKPOINT_NUMBERS = {
   small: GRID_SIZE * 40,

package/dist/es2019/ui/ErrorBoundary/index.js

@@ -1,5 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+import { logException } from '@atlaskit/editor-common/monitoring';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { ACTION, EVENT_TYPE } from '../../plugins/analytics';
 export class ErrorBoundary extends React.Component {
   constructor(...args) {
@@ -29,6 +31,11 @@ export class ErrorBoundary extends React.Component {
         }
       });
     }
+    if (getBooleanFF('platform.editor.sentry-error-monitoring_6bksu')) {
+      logException(error, {
+        location: 'editor-core/ui'
+      });
+    }
     if (this.hasFallback()) {
       this.setState({
         errorCaptured: true

package/dist/es2019/ui/Resizer/index.js

@@ -49,7 +49,7 @@ export default class Resizer extends React.Component {
         isResizing: true
       }, () => {
         const newHighlights = highlights(width + innerPadding, snapPoints);
-        displayGrid(newHighlights.length > 0, gridTypeForLayout(layout), newHighlights);
+        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(layout), newHighlights);
       });
     });
     _defineProperty(this, "handleResize", (_event, _direction, _elementRef, delta) => {
@@ -76,7 +76,7 @@ export default class Resizer extends React.Component {
         updateSize(newSize.width, newSize.layout);
       }
       const newHighlights = highlights(newWidth, snapPoints);
-      displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
       resizable.updateSize({
         width: newWidth,
         height: 'auto'
@@ -111,12 +111,12 @@ export default class Resizer extends React.Component {
         dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, newSize.width, newSize.layout));
       }
       // show committed grid size
-      displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
       this.setState({
         isResizing: false
       }, () => {
         updateSize(newSize.width, newSize.layout);
-        displayGrid(false, gridTypeForLayout(layout));
+        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, gridTypeForLayout(layout), []);
       });
     });
   }

package/dist/es2019/utils/commands.js

@@ -2,7 +2,7 @@ import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { transformSmartCharsMentionsAndEmojis } from '../plugins/text-formatting/commands/transform-to-code';
 import { GapCursorSelection } from '../plugins/selection/gap-cursor-selection';
-import { isEmptyParagraph } from './document';
+import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 const filter = (predicates, cmd) => {
   return function (state, dispatch, view) {
     if (!Array.isArray(predicates)) {

package/dist/es2019/utils/document.js

@@ -1,17 +1,10 @@
 import { Node, Fragment } from 'prosemirror-model';
 import { transformMediaLinkMarks, transformTextLinkCodeMarks, transformDedupeMarks, transformNodesMissingContent, transformIndentationMarks, transformInvalidMediaContent } from '@atlaskit/adf-utils/transforms';
 import { sanitizeNodeForPrivacy } from '../utils/filter/privacy-filter';
-import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
+import { isEmptyParagraph, validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
 import { getBreakoutMode } from './node-width';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../plugins/analytics/types/enums';
 
-/**
- * Checks if node is an empty paragraph.
- */
-export function isEmptyParagraph(node) {
-  return !!node && node.type.name === 'paragraph' && !node.childCount;
-}
-
 /**
  * Returns false if node contains only empty inline nodes and hardBreaks.
  */

package/dist/es2019/utils/index.js

@@ -7,10 +7,10 @@ import { isNodeEmpty } from './document';
 import { atTheBeginningOfDoc, atTheEndOfDoc } from './prosemirror/position';
 import { isMediaNode } from '@atlaskit/editor-common/utils';
 export { insideTable } from '@atlaskit/editor-common/core-utils';
-export { isEmptyParagraph, hasVisibleContent, isNodeEmpty, isEmptyDocument, processRawValue, getStepRange, findFarthestParentNode, isSelectionEndOfParagraph, nodesBetweenChanged, getNodesCount } from './document';
+export { hasVisibleContent, isNodeEmpty, isEmptyDocument, processRawValue, getStepRange, findFarthestParentNode, isSelectionEndOfParagraph, nodesBetweenChanged, getNodesCount } from './document';
 export { sanitiseMarksInSelection } from './mark';
 export { isParagraph, isText, isLinkMark } from './nodes';
-export { normaliseNestedLayout, setNodeSelection, setGapCursorSelection, setTextSelection } from './selection';
+export { setNodeSelection, setGapCursorSelection, setTextSelection } from './selection';
 export { default as measurements } from './performance/measure-enum';
 function isMarkTypeCompatibleWithMark(markType, mark) {
   return !mark.type.excludes(markType) && !markType.excludes(mark.type);

package/dist/es2019/utils/selection.js

@@ -23,28 +23,6 @@ export function setCellSelection(view, anchor, head) {
   } = view;
   dispatch(state.tr.setSelection(CellSelection.create(state.doc, anchor, head)));
 }
-export const normaliseNestedLayout = ({
-  selection,
-  doc
-}, node) => {
-  if (selection.$from.depth > 1) {
-    if (node.attrs.layout && node.attrs.layout !== 'default') {
-      return node.type.createChecked({
-        ...node.attrs,
-        layout: 'default'
-      }, node.content, node.marks);
-    }
-
-    // If its a breakout layout, we can remove the mark
-    // Since default isn't a valid breakout mode.
-    const breakoutMark = doc.type.schema.marks.breakout;
-    if (breakoutMark && breakoutMark.isInSet(node.marks)) {
-      const newMarks = breakoutMark.removeFromSet(node.marks);
-      return node.type.createChecked(node.attrs, node.content, newMarks);
-    }
-  }
-  return node;
-};
 
 // checks if the given position is within the ProseMirror document
 export const isValidPosition = (pos, state) => {

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "183.0.12";
+export const version = "183.1.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "183.0.12",
+	"version": "183.1.1",
 	"sideEffects": false
 }

package/dist/esm/actions/index.js

@@ -159,22 +159,7 @@ var EditorActions = /*#__PURE__*/function () {
       if (!this.editorView || this.editorView.hasFocus()) {
         return false;
       }
-
-      // If we focus on componentDidMount the editor can crash due to a prosemirror error.
-      // This is fixed in prosemirror-view@1.23.7
-      // See: https:github.com/ProseMirror/prosemirror-view/commit/735b88107d1cbe7575a188edb85f05c22fb56e35
-      //
-      // We don't want this error to crash the editor in the case we can't
-      // focus correctly.
-      // Revert workaround in: https://product-fabric.atlassian.net/browse/ED-17172
-      try {
-        this.editorView.focus();
-      } catch (err) {
-        if (process.env.NODE_ENV !== 'production') {
-          // eslint-disable-next-line no-console
-          console.error('EditorView focus failed with an error', err);
-        }
-      }
+      this.editorView.focus();
       this.editorView.dispatch(this.editorView.state.tr.scrollIntoView());
       return true;
     }

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

@@ -16,11 +16,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 var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundaryWithEditorView, _React$Component);
   var _super = _createSuper(ErrorBoundaryWithEditorView);
@@ -49,7 +51,7 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
               attributes = {
                 product: product,
                 browserInfo: browserInfo,
-                error: error,
+                error: error.toString(),
                 errorInfo: errorInfo,
                 errorId: sharedId,
                 browserExtensions: _this.browserExtensions,
@@ -80,7 +82,13 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
                   errorStack: errorStack
                 }));
               }
-            case 10:
+              if (getBooleanFF('platform.editor.sentry-error-monitoring_6bksu')) {
+                logException(error, {
+                  location: 'editor-core/create-editor',
+                  product: product
+                });
+              }
+            case 11:
             case "end":
               return _context.stop();
           }
@@ -144,11 +152,13 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
       var _this2 = this;
-      this.sendErrorData({
-        error: error.toString(),
-        errorInfo: errorInfo,
-        errorStack: error.stack
-      });
+      if (this.props.errorTracking) {
+        this.sendErrorData({
+          error: error,
+          errorInfo: 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)
@@ -201,6 +211,7 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
   return ErrorBoundaryWithEditorView;
 }(React.Component);
 _defineProperty(ErrorBoundaryWithEditorView, "defaultProps", {
-  rethrow: true
+  rethrow: true,
+  errorTracking: true
 });
 export default WithEditorView(ErrorBoundaryWithEditorView);

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

@@ -54,6 +54,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
   _inherits(ReactEditorView, _React$Component);
   var _super = _createSuper(ReactEditorView);
   function ReactEditorView(props, context) {
+    var _props$editorProps, _props$editorProps$pe, _props$editorProps$pe2;
     var _this;
     _classCallCheck(this, ReactEditorView);
     _this = _super.call(this, props, context);
@@ -213,7 +214,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "trackValidTransactions", function () {
       var editorProps = _this.props.editorProps;
-      if (editorProps !== null && editorProps !== void 0 && editorProps.trackValidTransactions) {
+      if (!_this.isTransactionTrackingExplicitlyDisabled() && editorProps !== null && editorProps !== void 0 && editorProps.trackValidTransactions) {
         _this.validTransactionCount++;
         var samplingRate = _typeof(editorProps.trackValidTransactions) === 'object' && editorProps.trackValidTransactions.samplingRate || DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS;
         if (_this.validTransactionCount >= samplingRate) {
@@ -321,15 +322,17 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
             compact: true
           });
         });
-        _this.dispatchAnalyticsEvent({
-          action: ACTION.DISPATCHED_INVALID_TRANSACTION,
-          actionSubject: ACTION_SUBJECT.EDITOR,
-          eventType: EVENT_TYPE.OPERATIONAL,
-          attributes: {
-            analyticsEventPayloads: getAnalyticsEventsFromTransaction(transaction),
-            invalidNodes: invalidNodes
-          }
-        });
+        if (!_this.isTransactionTrackingExplicitlyDisabled()) {
+          _this.dispatchAnalyticsEvent({
+            action: ACTION.DISPATCHED_INVALID_TRANSACTION,
+            actionSubject: ACTION_SUBJECT.EDITOR,
+            eventType: EVENT_TYPE.OPERATIONAL,
+            attributes: {
+              analyticsEventPayloads: getAnalyticsEventsFromTransaction(transaction),
+              invalidNodes: invalidNodes
+            }
+          });
+        }
         (_this$experienceStore8 = _this.experienceStore) === null || _this$experienceStore8 === void 0 ? void 0 : _this$experienceStore8.fail(EditorExperience.interaction, {
           reason: 'invalid transaction',
           invalidNodes: invalidNodes.toString()
@@ -525,15 +528,22 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       // ED-4759: Don't set selection at end for full-page editor - should be at start.
       selectionAtStart: isFullPage(props.editorProps.appearance)
     });
-    _this.dispatchAnalyticsEvent({
-      action: ACTION.STARTED,
-      actionSubject: ACTION_SUBJECT.EDITOR,
-      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.
+    var 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
+      });
+    }
     return _this;
   }
   _createClass(ReactEditorView, [{
@@ -556,6 +566,15 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     value: function countNodes() {
       return _countNodes(this.editorState);
     }
+  }, {
+    key: "isTransactionTrackingExplicitlyDisabled",
+    value: function isTransactionTrackingExplicitlyDisabled() {
+      var _this$props$editorPro9, _this$props$editorPro10, _this$props$editorPro11;
+      // 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$editorPro9 = this.props.editorProps) === null || _this$props$editorPro9 === void 0 ? void 0 : (_this$props$editorPro10 = _this$props$editorPro9.performanceTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : (_this$props$editorPro11 = _this$props$editorPro10.transactionTracking) === null || _this$props$editorPro11 === void 0 ? void 0 : _this$props$editorPro11.enabled) === false;
+    }
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -702,8 +721,8 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props$editorPro9, _this$props$editorPro10;
-      var renderTracking = (_this$props$editorPro9 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro9 === void 0 ? void 0 : (_this$props$editorPro10 = _this$props$editorPro9.renderTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : _this$props$editorPro10.reactEditorView;
+      var _this$props$editorPro12, _this$props$editorPro13;
+      var 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;
       var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
       var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
       return /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {

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

@@ -40,7 +40,7 @@ export default function EditorInternal(props) {
  * from the `render` method of `Editor` and share it with `EditorNext`.
  */
 export function EditorInternalWithoutHooks(_ref) {
-  var _props$performanceTra, _props$performanceTra2;
+  var _props$performanceTra, _props$performanceTra2, _props$performanceTra3, _props$performanceTra4;
   var props = _ref.props,
     handleAnalyticsEvent = _ref.handleAnalyticsEvent,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
@@ -60,6 +60,10 @@ export function EditorInternalWithoutHooks(_ref) {
   var 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;
   var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
   var 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.
+  var 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,
@@ -68,6 +72,7 @@ export function EditorInternalWithoutHooks(_ref) {
     propsToIgnore: ['defaultValue'],
     useShallow: useShallow
   }), jsx(ErrorBoundary, {
+    errorTracking: !isErrorTrackingExplicitlyDisabled,
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags

package/dist/esm/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 var createStubInternalApis = function createStubInternalApis() {
-  var editorViewRef = {
-    current: null
-  };
   var createAnalyticsEventRef = {
     current: null
   };
@@ -37,35 +30,6 @@ export var createStubInternalApis = function createStubInternalApis() {
     };
   };
   var editorSelectionAPI = createEditorSelectionAPI();
-  var editorAnalyticsAPI = {
-    attachAnalyticsEvent: function attachAnalyticsEvent(payload) {
-      return function (tr) {
-        var editorView = editorViewRef.current;
-        if (!tr || !createAnalyticsEvent || !editorView) {
-          return false;
-        }
-        attachPayloadIntoTransaction({
-          tr: tr,
-          editorState: editorView.state,
-          payload: payload,
-          channel: FabricChannel.editor
-        });
-        return true;
-      };
-    }
-  };
-  var insertNodeAPI = createInsertNodeAPI({
-    getEditorView: function getEditorView() {
-      return editorViewRef.current;
-    },
-    getEditorPlugins: function getEditorPlugins() {
-      var fakeTablePlugin = tablesPlugin();
-      if (!(fakeTablePlugin !== null && fakeTablePlugin !== void 0 && fakeTablePlugin.pluginsOptions)) {
-        return [];
-      }
-      return [fakeTablePlugin];
-    }
-  });
   var MountCreateAnalyticsEventRef = function MountCreateAnalyticsEventRef() {
     var _useAnalyticsEvents = useAnalyticsEvents(),
       createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
@@ -82,11 +46,9 @@ export var createStubInternalApis = function createStubInternalApis() {
           name: 'stubInternalApisPMPlugin',
           plugin: function plugin() {
             return new SafePlugin({
-              view: function view(editorView) {
-                editorViewRef.current = editorView;
+              view: function view() {
                 return {
                   destroy: function destroy() {
-                    editorViewRef.current = null;
                     createAnalyticsEventRef.current = null;
                   }
                 };
@@ -102,8 +64,6 @@ export var createStubInternalApis = function createStubInternalApis() {
   };
   return {
     editorSelectionAPI: editorSelectionAPI,
-    insertNodeAPI: insertNodeAPI,
-    editorAnalyticsAPI: editorAnalyticsAPI,
     createAnalyticsEvent: createAnalyticsEvent,
     stubInternalApisPlugin: stubInternalApisPlugin
   };

package/dist/esm/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,27 @@ import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
  * their placement in the editor toolbar
  */
 export function createDefaultPreset(options) {
-  var preset = new EditorPresetBuilder().add([featureFlagsPlugin, options.featureFlags || {}]).add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).maybeAdd(undoRedoPlugin, function (p, builder) {
+  var preset = new EditorPresetBuilder().add([featureFlagsPlugin, options.featureFlags || {}]).maybeAdd(analyticsPlugin, function (plugin, builder) {
+    if (options.allowAnalyticsGASV3) {
+      var performanceTracking = options.performanceTracking,
+        createAnalyticsEvent = options.createAnalyticsEvent;
+      return builder.add([plugin, {
+        createAnalyticsEvent: createAnalyticsEvent,
+        performanceTracking: performanceTracking
+      }]);
+    }
+    return builder;
+  }).maybeAdd(deprecatedAnalyticsPlugin, function (plugin, builder) {
+    if (options.allowAnalyticsGASV3) {
+      var performanceTracking = options.performanceTracking,
+        createAnalyticsEvent = options.createAnalyticsEvent;
+      return builder.add([plugin, {
+        createAnalyticsEvent: createAnalyticsEvent,
+        performanceTracking: performanceTracking
+      }]);
+    }
+    return builder;
+  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).maybeAdd(undoRedoPlugin, function (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) {