@atlaskit/editor-core 183.0.9 → 183.1.0

package/dist/es2019/ui/Appearance/Comment/Toolbar.js

@@ -1,14 +1,13 @@
 /** @jsx jsx */
 import React, { useEffect, useState } from 'react';
 import { css, jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorToolbarKeylineHeight, akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 export const TableControlsPadding = 20;
 const mainToolbarWrapperStyle = css`
   position: relative;
   align-items: center;
-  padding: ${gridSize()}px ${gridSize()}px 0;
+  padding: ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"} 0;
   display: flex;
   height: auto;
   background-color: ${"var(--ds-surface, white)"};
@@ -31,7 +30,7 @@ const stickyToolbarWrapperStyle = css`
   position: relative;
   position: sticky;
   /* stylelint-enable declaration-block-no-duplicate-properties */
-  padding-bottom: ${gridSize()}px;
+  padding-bottom: ${"var(--ds-space-100, 8px)"};
   z-index: ${akEditorMenuZIndex};
   transition: box-shadow ease-in-out 0.2s;
   &.show-keyline {

package/dist/es2019/ui/Appearance/FullPage/MainToolbar.js

@@ -1,6 +1,5 @@
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
 import { akEditorMenuZIndex, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 export const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 const toolbarLineHeight = 56;
@@ -39,9 +38,9 @@ const mainToolbar = css`
 `;
 export const mainToolbarStyle = (showKeyline, twoLineEditorToolbar) => [mainToolbar, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle];
 export const mainToolbarIconBeforeStyle = css`
-  margin: ${gridSize() * 2}px;
-  height: ${gridSize() * 4}px;
-  width: ${gridSize() * 4}px;
+  margin: ${"var(--ds-space-200, 16px)"};
+  height: ${"var(--ds-space-400, 32px)"};
+  width: ${"var(--ds-space-400, 32px)"};
   @media (max-width: ${akEditorMobileMaxWidth}px) {
     grid-column: 1;
     grid-row: 1;

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

@@ -67,12 +67,19 @@ const ColorPickerButton = props => {
     return position;
   }, []);
   const ColorPaletteWithListeners = withOuterListeners(ColorPalette);
-  const onColorSelected = (color, label) => {
+  const {
+    onChange,
+    createAnalyticsEvent,
+    colorPalette,
+    placement,
+    skipFocusButtonAfterPick
+  } = props;
+  const onColorSelected = React.useCallback((color, label) => {
     setIsOpenedByKeyboard(false);
     setIsPopupOpen(false);
     setIsPopupPositioned(false);
-    if (props.onChange) {
-      if (props.createAnalyticsEvent) {
+    if (onChange) {
+      if (createAnalyticsEvent) {
         // fire analytics
         const payload = {
           action: ACTION.UPDATED,
@@ -81,17 +88,19 @@ const ColorPickerButton = props => {
           attributes: {
             color,
             label,
-            placement: props.placement
+            placement: placement
           },
           eventType: EVENT_TYPE.TRACK
         };
-        props.createAnalyticsEvent(payload).fire(editorAnalyticsChannel);
+        createAnalyticsEvent(payload).fire(editorAnalyticsChannel);
       }
-      const newPalette = props.colorPalette.find(colorPalette => colorPalette.value === color);
-      newPalette && props.onChange(newPalette);
+      const newPalette = colorPalette.find(colorPalette => colorPalette.value === color);
+      newPalette && onChange(newPalette);
     }
-    focusButton();
-  };
+    if (!skipFocusButtonAfterPick) {
+      focusButton();
+    }
+  }, [colorPalette, onChange, createAnalyticsEvent, placement, skipFocusButtonAfterPick]);
   const renderPopup = () => {
     if (!isPopupOpen || !buttonRef.current) {
       return;

package/dist/es2019/ui/ConfigPanel/ErrorMessage/ErrorImage.js

@@ -3,9 +3,8 @@
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 const imageContainer = css`
-  margin: 0 auto ${gridSize() * 3}px;
+  margin: 0 auto ${"var(--ds-space-300, 24px)"};
   height: 80px;
 `;
 const ErrorImage = () => jsx("div", {

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

@@ -5,6 +5,7 @@ import { Field } from '@atlaskit/form';
 import { hexToEditorTableChartsPaletteColor } from '@atlaskit/editor-palette';
 import { DEFAULT_BORDER_COLOR } from '../../../ui/ColorPalette/Palettes/common';
 import { validate } from '../utils';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 import { requiredIndicator } from './common/RequiredIndicator';
 import { headingSizes } from '@atlaskit/theme/typography';
@@ -320,8 +321,8 @@ const colorPickerWrapper = css`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  height: ${4 * gridSize()}px;
-  padding-right: ${gridSize()}px;
+  height: ${"var(--ds-space-400, 32px)"};
+  padding-right: ${"var(--ds-space-100, 8px)"};
 `;
 const colorPickerLabel = css`
   font-size: ${headingSizes.h400.size}px;
@@ -372,7 +373,10 @@ const ColorPicker = props => {
     showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames,
     cols: EXPANDED_COLOR_PICKER_COLUMNS,
     alignX: "right",
-    placement: "ConfigPanel",
+    placement: "ConfigPanel"
+    // TODO: Migrate away from gridSize
+    // Recommendation: Update types of size object to accept string width/height and then replace gridSize with tokens
+    ,
     size: {
       width: 3 * gridSize(),
       height: 3 * gridSize()

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

@@ -6,24 +6,23 @@ import { N40 } from '@atlaskit/theme/colors';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
 import Button from '@atlaskit/button';
-import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../messages';
 export const expandContainer = css`
   border-bottom: 1px solid ${`var(--ds-border, ${N40})`};
 `;
 export const expandControl = css`
   display: flex;
-  height: ${gridSize() * 6}px;
+  height: ${"var(--ds-space-600, 48px)"};
   justify-content: center;
-  padding-right: ${gridSize()}px;
+  padding-right: ${"var(--ds-space-100, 8px)"};
 `;
 const chevronContainer = css`
   display: flex;
   align-items: center;
 
   & > button {
-    width: ${gridSize() * 3}px;
-    height: ${gridSize() * 3}px;
+    width: ${"var(--ds-space-300, 24px)"};
+    height: ${"var(--ds-space-300, 24px)"};
   }
 `;
 const labelContainer = css`
@@ -34,7 +33,7 @@ const labelContainer = css`
 `;
 const expandContentContainer = isHidden => css`
   display: ${isHidden ? 'none' : 'block'};
-  margin-top: -${gridSize()}px;
+  margin-top: calc(-1 * ${"var(--ds-space-100, 8px)"});
 `;
 function Expand({
   field,

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.9";
+export const version = "183.1.0";
 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.9",
+	"version": "183.1.0",
 	"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