@atlaskit/editor-common 128.3.1 → 128.4.0

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -26,7 +26,6 @@ var _menuGroup = _interopRequireDefault(require("@atlaskit/menu/menu-group"));
 var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _styles = require("../../styles");
 var _ToolbarArrowKeyNavigationProvider = require("../../ui-menu/ToolbarArrowKeyNavigationProvider");
@@ -364,16 +363,16 @@ function DropdownMenuItem(_ref) {
     css: function css() {
       return buttonStyles(item.isActive, submenuActive);
     },
-    role: (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? shouldUseDefaultRole ? undefined : 'menuitem' : undefined,
+    role: shouldUseDefaultRole ? undefined : 'menuitem',
     tabIndex: tabIndex,
     "aria-disabled": item.isDisabled ? 'true' : 'false',
-    "aria-expanded": (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? item['aria-expanded'] : undefined,
+    "aria-expanded": item['aria-expanded'],
     onMouseDown: _handleSubmenuActive
   }, (0, _react2.jsx)(_customItem.default, {
     item: item,
     key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
     testId: testId,
-    role: shouldUseDefaultRole ? 'button' : (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? undefined : 'menuitem',
+    role: shouldUseDefaultRole ? 'button' : undefined,
     iconBefore: item.elemBefore,
     iconAfter: item.elemAfter,
     isDisabled: item.isDisabled,
@@ -384,8 +383,7 @@ function DropdownMenuItem(_ref) {
     onMouseDown: onMouseDown,
     component: DropdownMenuItemCustomComponent,
     onMouseEnter: onMouseEnterHandler,
-    onMouseLeave: onMouseLeaveHandler,
-    "aria-expanded": (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? undefined : item['aria-expanded']
+    onMouseLeave: onMouseLeaveHandler
   }, item.content));
   if (item.tooltipDescription) {
     var _item$key3;

package/dist/cjs/utils/index.js

@@ -76,18 +76,6 @@ Object.defineProperty(exports, "SelectedState", {
     return _SelectedState.SelectedState;
   }
 });
-Object.defineProperty(exports, "TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS", {
-  enumerable: true,
-  get: function get() {
-    return _TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS.TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS;
-  }
-});
-Object.defineProperty(exports, "TTI_SEVERITY_THRESHOLD_DEFAULTS", {
-  enumerable: true,
-  get: function get() {
-    return _TTI_SEVERITY_THRESHOLD_DEFAULTS.TTI_SEVERITY_THRESHOLD_DEFAULTS;
-  }
-});
 Object.defineProperty(exports, "UNSUPPORTED_CONTENT_LEVEL_SEVERITY", {
   enumerable: true,
   get: function get() {
@@ -540,12 +528,6 @@ Object.defineProperty(exports, "getPageElementCounts", {
     return _pageElementCounts.getPageElementCounts;
   }
 });
-Object.defineProperty(exports, "getPerformanceOptions", {
-  enumerable: true,
-  get: function get() {
-    return _getPerformanceOptions.getPerformanceOptions;
-  }
-});
 Object.defineProperty(exports, "getPropsDifference", {
   enumerable: true,
   get: function get() {
@@ -588,12 +570,6 @@ Object.defineProperty(exports, "getStepRange", {
     return _getStepRange.getStepRange;
   }
 });
-Object.defineProperty(exports, "getTTISeverity", {
-  enumerable: true,
-  get: function get() {
-    return _measureTti.getTTISeverity;
-  }
-});
 Object.defineProperty(exports, "getTimeSince", {
   enumerable: true,
   get: function get() {
@@ -918,12 +894,6 @@ Object.defineProperty(exports, "measureRender", {
     return _measureRender.measureRender;
   }
 });
-Object.defineProperty(exports, "measureTTI", {
-  enumerable: true,
-  get: function get() {
-    return _measureTti.measureTTI;
-  }
-});
 Object.defineProperty(exports, "nodeToJSON", {
   enumerable: true,
   get: function get() {
@@ -1052,12 +1022,6 @@ Object.defineProperty(exports, "startMeasure", {
     return _measure.startMeasure;
   }
 });
-Object.defineProperty(exports, "startMeasureReactNodeViewRendered", {
-  enumerable: true,
-  get: function get() {
-    return _startMeasureReactNodeViewRendered.startMeasureReactNodeViewRendered;
-  }
-});
 Object.defineProperty(exports, "stepAddsOneOf", {
   enumerable: true,
   get: function get() {
@@ -1076,12 +1040,6 @@ Object.defineProperty(exports, "stopMeasure", {
     return _measure.stopMeasure;
   }
 });
-Object.defineProperty(exports, "stopMeasureReactNodeViewRendered", {
-  enumerable: true,
-  get: function get() {
-    return _getPerformanceOptions.stopMeasureReactNodeViewRendered;
-  }
-});
 Object.defineProperty(exports, "timestampToIsoFormat", {
   enumerable: true,
   get: function get() {
@@ -1252,9 +1210,6 @@ var _getUnsupportedContentLevelData = require("./unsupportedContent/get-unsuppor
 var _trackUnsupportedContent = require("./track-unsupported-content");
 var _measureRender = require("./performance/measure-render");
 var _measure = require("./performance/measure");
-var _TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS = require("./performance/TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS");
-var _TTI_SEVERITY_THRESHOLD_DEFAULTS = require("./performance/TTI_SEVERITY_THRESHOLD_DEFAULTS");
-var _measureTti = require("./performance/measure-tti");
 var _isPerformanceApiAvailable = require("./performance/is-performance-api-available");
 var _isPerformanceObserverAvailable = require("./performance/isPerformanceObserverAvailable");
 var _getRequestToResponseTime = require("./performance/getRequestToResponseTime");
@@ -1270,8 +1225,6 @@ var _isTextInput = require("./is-text-input");
 var _whitespace = require("../whitespace");
 var _shouldForceTracking = require("./should-force-tracking");
 var _getModeFromTheme = require("./getModeFromTheme");
-var _getPerformanceOptions = require("./get-performance-options");
-var _startMeasureReactNodeViewRendered = require("./startMeasureReactNodeViewRendered");
 var _browserExtensions = require("./browser-extensions");
 var _renderCount = require("./profiler/render-count");
 var _validateUsingSpec = require("./validate-using-spec");

package/dist/es2019/analytics/types/enums.js

@@ -50,14 +50,12 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["DISPLAYED"] = "displayed";
   ACTION["DIVERGED"] = "diverged";
   ACTION["DISPATCHED_INVALID_TRANSACTION"] = "dispatchedInvalidTransaction";
-  ACTION["DISPATCHED_VALID_TRANSACTION"] = "dispatchedValidTransaction";
   ACTION["DOUBLE_CLICKED"] = "doubleClicked";
   ACTION["DRAGGED"] = "dragged";
   ACTION["EDITED"] = "edited";
   ACTION["EDITOR_CRASHED"] = "unhandledErrorCaught";
   ACTION["EDITOR_CRASHED_ADDITIONAL_INFORMATION"] = "unhandledErrorCaughtAdditionalInfov2";
   ACTION["EDITOR_MOUNTED"] = "mounted";
-  ACTION["EDITOR_CONTENT_RETRIEVAL_PERFORMED"] = "contentRetrievalPerformed";
   ACTION["RE_RENDERED"] = "reRendered";
   ACTION["ENDED"] = "ended";
   ACTION["ENTERED"] = "entered";
@@ -116,7 +114,6 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["PRESSED"] = "pressed";
   ACTION["QUICK_INSERT_INFORMATION"] = "quickInsertInformation";
   ACTION["PROSEMIRROR_RENDERED"] = "proseMirrorRendered";
-  ACTION["REACT_NODEVIEW_RENDERED"] = "reactNodeViewRendered";
   ACTION["REFERENCE_SYNCED_BLOCK_DELETE"] = "referenceSyncedBlockDelete";
   ACTION["REFERENCE_SYNCED_BLOCK_UPDATE"] = "referenceSyncedBlockUpdate";
   ACTION["REFERENCE_SYNCED_BLOCK_UNSYNC"] = "referenceSyncedBlockUnsync";
@@ -172,18 +169,9 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["UPLOAD_EXTERNAL_FAIL"] = "uploadExternalFailed";
   ACTION["VIEWED"] = "viewed";
   ACTION["VISITED"] = "visited";
-  ACTION["WITH_PLUGIN_STATE_CALLED"] = "withPluginStateCalled";
   ACTION["RENDERED"] = "rendered";
-  ACTION["RENDERED_SAMPLED"] = "renderedSampled";
   ACTION["REASONING_VIEWED"] = "reasoningViewed";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
-  /**
-   * @private
-   * @deprecated
-   *
-   * This is no longer used and can be removed at a later date
-   */
-  ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
   ACTION["NESTED_TABLE_TRANSFORMED"] = "nestedTableTransformed";
   ACTION["CONTAINER_NODE_TRANSFORMED"] = "containerNodeTransformed";
   ACTION["NATIVE_EMBEDS_TRANSFORMED"] = "nativeEmbedsTransformed";

package/dist/es2019/block-node-badges.js

@@ -0,0 +1,84 @@
+import React, { useEffect, useState } from 'react';
+import debounce from 'lodash/debounce';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Box, xcss } from '@atlaskit/primitives';
+const BADGE_VISIBILITY_BREAKPOINT = 200;
+const containerStyles = xcss({
+  display: 'flex',
+  position: 'absolute',
+  top: 'space.0',
+  right: 'space.0',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  lineHeight: "var(--ds-space-200, 16px)",
+  gap: 'space.025',
+  zIndex: 'card',
+  height: 'fit-content',
+  width: 'fit-content',
+  margin: 'space.075'
+});
+
+// The above styles are used for both editor and renderer, and in renderer the
+// document body is the main scroll area. This means it overscrolls the primary
+// toolbar, where the z-index is "2". We have to hack in our own z-index less
+// than that to ensure our badge appears under the toolbar when scrolled.
+const hackedZIndexStyles = xcss({
+  zIndex: '1'
+});
+const resizeOffsetStyles = xcss({
+  right: 'space.150'
+});
+const getBadgeVisible = (width, height) => {
+  return width && width < BADGE_VISIBILITY_BREAKPOINT || height && height < BADGE_VISIBILITY_BREAKPOINT ? false : true;
+};
+export const BlockNodeBadges = ({
+  children,
+  element,
+  width,
+  height,
+  extendedResizeOffset,
+  useMinimumZIndex = false
+}) => {
+  const [visible, setVisible] = useState(getBadgeVisible(width, height));
+  useEffect(() => {
+    const observer = new ResizeObserver(debounce(entries => {
+      const [entry] = entries;
+      const {
+        width,
+        height
+      } = entry.contentRect;
+      setVisible(getBadgeVisible(width, height));
+    }));
+    if (element) {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
+      observer.observe(element);
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, [element]);
+  if (typeof children === 'function') {
+    children = children({
+      visible
+    });
+  }
+
+  // delete this block on cleanup of media-perf-uplift-mutation-fix
+  if (!fg('media-perf-uplift-mutation-fix')) {
+    // becuase it is wrapped in a fragment, React.Children.count(children) will always be 1.
+    // That makes this check a source of late mutations that we don't need.
+    if (!element || React.Children.count(children) === 0) {
+      return null;
+    }
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "div",
+    testId: "media-badges",
+    "data-media-badges": "true",
+    contentEditable: false
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
+    xcss: [containerStyles, useMinimumZIndex && hackedZIndexStyles, extendedResizeOffset && resizeOffsetStyles]
+  }, children);
+};

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -233,7 +233,7 @@ const ElementListSingleColumn = props => {
       focus: focusedItemIndex === index,
       setFocusedItemIndex: setFocusedItemIndex,
       onInsertItem: onInsertItem,
-      role: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? 'option' : undefined
+      role: "option"
     })));
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -421,8 +421,7 @@ export function ElementItem({
       title: title
     }),
     isSelected: selected,
-    "aria-describedby": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? undefined : title,
-    "aria-label": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? title : undefined,
+    "aria-label": title,
     ref: ref,
     testId: `element-item-${index}`,
     id: `searched-item-${index}`,

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -337,7 +337,7 @@ function MobileBrowser({
     searchTerm: searchTerm,
     items: items,
     selectedItemIndex: selectedItemIndex,
-    ariaControlsId: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
+    ariaControlsId: ELEMENT_BROWSER_LIST_ID
   }), showCategories && jsx("nav", {
     css: mobileCategoryListWrapper,
     tabIndex: -1
@@ -351,7 +351,7 @@ function MobileBrowser({
     setFocusOnSearch: setFocusOnSearch
   }))), jsx("div", {
     css: mobileMainContent,
-    id: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
+    id: ELEMENT_BROWSER_LIST_ID
   }, jsx(ElementList, {
     items: items,
     mode: mode,

package/dist/es2019/extensibility/Extension/Extension/index.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsx jsx
  */
 
-import React, { Fragment } from 'react';
+import React, { Fragment, useCallback, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -17,6 +17,7 @@ import { NodeViewContentHole } from '../../../react-node-view/NodeViewContentHol
 import { overflowShadow } from '../../../ui';
 import { calculateBreakoutStyles } from '../../../utils';
 import { shouldExtensionBreakout } from '../../utils/should-extension-breakout';
+import { ExtensionCommentBadge } from '../ExtensionCommentBadge';
 import ExtensionLozenge from '../Lozenge';
 import { overlay } from '../styles';
 import { isEmptyBodiedMacro } from './extension-utils';
@@ -52,6 +53,13 @@ function ExtensionWithPluginState(props) {
     isLivePageViewMode,
     hideConfigureLabel
   } = props;
+  const [container, setContainer] = useState(null);
+  const handleContainerRef = useCallback(element => {
+    handleRef === null || handleRef === void 0 ? void 0 : handleRef(element);
+    if (fg('cc_maui_annotations_on_extensions')) {
+      setContainer(element);
+    }
+  }, [handleRef]);
   const {
     showMacroInteractionDesignUpdates
   } = macroInteractionDesignFeatureFlags || {};
@@ -156,7 +164,7 @@ function ExtensionWithPluginState(props) {
     hideConfigureLabel: hideConfigureLabel
   }), jsx("div", {
     "data-testid": "extension-container",
-    ref: handleRef,
+    ref: handleContainerRef,
     "data-layout": node.attrs.layout
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
@@ -216,7 +224,13 @@ function ExtensionWithPluginState(props) {
     className: contentClassNames
   }, jsx(NodeViewContentHole, {
     ref: handleContentDOMRef
-  }))))));
+  })))), fg('cc_maui_annotations_on_extensions') && node.type.name === 'extension' && container && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.annotation) && jsx(ExtensionCommentBadge, {
+    api: pluginInjectionApi,
+    node: node,
+    getPos: getPos,
+    editorView: view,
+    container: container
+  })));
 }
 const Extension = props => {
   const {

package/dist/es2019/extensibility/Extension/ExtensionCommentBadge.js

@@ -0,0 +1,60 @@
+import React, { useCallback, useMemo } from 'react';
+import { VIEW_METHOD } from '../../analytics';
+import { BlockNodeBadges } from '../../block-node-badges';
+import { useSharedPluginStateWithSelector } from '../../hooks';
+import { CommentBadgeNext } from '../../media-single/CommentBadgeNext';
+// Owned by the extension node view, like media's badge. Annotation updates only
+// render this sibling of the extension content; they never reparent its iframe.
+export const ExtensionCommentBadge = ({
+  api,
+  editorView,
+  node,
+  getPos,
+  container
+}) => {
+  var _api$annotation4;
+  const {
+    annotationState
+  } = useSharedPluginStateWithSelector(api, ['annotation'], states => ({
+    annotationState: states.annotationState
+  }));
+  const drafting = Boolean((annotationState === null || annotationState === void 0 ? void 0 : annotationState.isDrafting) && node.attrs.localId && node.attrs.localId === annotationState.targetNodeId);
+  const hasOpenDraft = Boolean(annotationState === null || annotationState === void 0 ? void 0 : annotationState.isDrafting);
+  const unresolvedIds = useMemo(() => node.marks.filter(mark => mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false).map(mark => mark.attrs.id), [node.marks, annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations]);
+  const onClick = useCallback(async event => {
+    var _api$annotation, _api$annotation2;
+    event.preventDefault();
+    event.stopPropagation();
+    if (drafting) {
+      return;
+    }
+    if (hasOpenDraft && !(await (api === null || api === void 0 ? void 0 : (_api$annotation = api.annotation) === null || _api$annotation === void 0 ? void 0 : _api$annotation.actions.requestCloseInlineComment()))) {
+      return;
+    }
+    // Resolve the current position after the asynchronous discard confirmation.
+    const pos = getPos();
+    if (typeof pos !== 'number' || !Number.isFinite(pos) || pos < 0 || pos >= editorView.state.doc.content.size) {
+      return;
+    }
+    const currentNode = editorView.state.doc.nodeAt(pos);
+    if ((currentNode === null || currentNode === void 0 ? void 0 : currentNode.type) === node.type && currentNode.attrs.localId === node.attrs.localId && api !== null && api !== void 0 && (_api$annotation2 = api.annotation) !== null && _api$annotation2 !== void 0 && _api$annotation2.actions.isBlockNodeSupported(currentNode)) {
+      var _api$annotation3;
+      api === null || api === void 0 ? void 0 : (_api$annotation3 = api.annotation) === null || _api$annotation3 === void 0 ? void 0 : _api$annotation3.actions.showCommentForBlockNode(currentNode, VIEW_METHOD.BADGE)(editorView.state, editorView.dispatch);
+    }
+  }, [api, editorView, node, getPos, drafting, hasOpenDraft]);
+  if (!(annotationState !== null && annotationState !== void 0 && annotationState.isVisible) || node.type.name !== 'extension' || !(api !== null && api !== void 0 && (_api$annotation4 = api.annotation) !== null && _api$annotation4 !== void 0 && _api$annotation4.actions.isBlockNodeSupported(node))) {
+    return null;
+  }
+  if (!drafting && !unresolvedIds.length) {
+    return null;
+  }
+  const active = drafting || !annotationState.isInlineCommentViewClosed && annotationState.selectedAnnotations.some(({
+    id
+  }) => unresolvedIds.includes(id));
+  return /*#__PURE__*/React.createElement(BlockNodeBadges, {
+    element: container
+  }, /*#__PURE__*/React.createElement(CommentBadgeNext, {
+    onClick: onClick,
+    status: active ? 'active' : 'default'
+  }));
+};

package/dist/es2019/extensibility/MultiBodiedExtension/index.js

@@ -14,7 +14,6 @@ import classnames from 'classnames';
 import { useIntl } from 'react-intl';
 import EditorFileIcon from '@atlaskit/icon/core/file';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useSharedPluginStateWithSelector } from '../../hooks';
 import { placeholderTextMessages } from '../../messages/placeholder-text';
@@ -25,26 +24,7 @@ import { ExtensionFloatingLabel } from '../Extension/Lozenge/ExtensionFloatingLa
 import { shouldExtensionBreakout } from '../utils/should-extension-breakout';
 import { useMultiBodiedExtensionActions } from './action-api';
 import { mbeExtensionWrapperCSSStyles, mbeExtensionWrapperCSSStylesOld, overlayStyles, overlayStylesOld } from './styles';
-const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) => {
-  if (fg('platform_editor_nested_mbe_frames')) {
-    return sharedMultiBodiedExtensionStyles.mbeExtensionContainer;
-  }
-  const activeFrameSelector = `.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`;
-
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  return css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    [activeFrameSelector]: css(
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    sharedMultiBodiedExtensionStyles.extensionFrameContent,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    showMacroInteractionDesignUpdates && removeMarginsAndBorder)
-  });
-};
 const getFramesActiveFrameStyles = (activeChildIndex, showMacroInteractionDesignUpdates) => {
-  if (!fg('platform_editor_nested_mbe_frames')) {
-    return undefined;
-  }
   const activeFrameSelector = `& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`;
   return css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -350,10 +330,10 @@ const MultiBodiedExtensionWithWidth = ({
     "data-testid": "multiBodiedExtension--overlay"
   }), getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: containerClassNames,
-    css: [/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
-    getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates)
-    /* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */],
+    className: containerClassNames
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
+    css: sharedMultiBodiedExtensionStyles.mbeExtensionContainer,
     "data-testid": "multiBodiedExtension--container",
     "data-multiBodiedExtension-container": true,
     "data-active-child-index": activeChildIndex

package/dist/es2019/media-single/MediaBadges.js

@@ -1,84 +1,17 @@
-import React, { useEffect, useState } from 'react';
-import debounce from 'lodash/debounce';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
-const MEDIA_BADGE_VISIBILITY_BREAKPOINT = 200;
-const containerStyles = xcss({
-  display: 'flex',
-  position: 'absolute',
-  top: 'space.0',
-  right: 'space.0',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: "var(--ds-space-200, 16px)",
-  gap: 'space.025',
-  zIndex: 'card',
-  height: 'fit-content',
-  width: 'fit-content',
-  margin: 'space.075'
-});
-
-// The above styles are used for both editor and renderer, and in renderer the
-// document body is the main scroll area. This means it overscrolls the primary
-// toolbar, where the z-index is "2". We have to hack in our own z-index less
-// than that to ensure our badge appears under the toolbar when scrolled.
-const hackedZIndexStyles = xcss({
-  zIndex: '1'
-});
-const resizeOffsetStyles = xcss({
-  right: 'space.150'
-});
-const getBadgeVisible = (width, height) => {
-  return width && width < MEDIA_BADGE_VISIBILITY_BREAKPOINT || height && height < MEDIA_BADGE_VISIBILITY_BREAKPOINT ? false : true;
-};
+import React from 'react';
+import { BlockNodeBadges } from '../block-node-badges';
+/** Compatibility wrapper for existing media consumers of BlockNodeBadges. */
 export const MediaBadges = ({
-  children,
   mediaElement,
   mediaWidth,
   mediaHeight,
+  children,
   extendedResizeOffset,
-  useMinimumZIndex = false
-}) => {
-  const [visible, setVisible] = useState(getBadgeVisible(mediaWidth, mediaHeight));
-  useEffect(() => {
-    const observer = new ResizeObserver(debounce(entries => {
-      const [entry] = entries;
-      const {
-        width,
-        height
-      } = entry.contentRect;
-      setVisible(getBadgeVisible(width, height));
-    }));
-    if (mediaElement) {
-      // Ignored via go/ees005
-      // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      observer.observe(mediaElement);
-    }
-    return () => {
-      observer.disconnect();
-    };
-  }, [mediaElement]);
-  if (typeof children === 'function') {
-    children = children({
-      visible
-    });
-  }
-
-  // delete this block on cleanup of media-perf-uplift-mutation-fix
-  if (!fg('media-perf-uplift-mutation-fix')) {
-    // becuase it is wrapped in a fragment, React.Children.count(children) will always be 1.
-    // That makes this check a source of late mutations that we don't need.
-    if (!mediaElement || React.Children.count(children) === 0) {
-      return null;
-    }
-  }
-  return /*#__PURE__*/React.createElement(Box, {
-    as: "div",
-    testId: "media-badges",
-    "data-media-badges": "true",
-    contentEditable: false
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    xcss: [containerStyles, useMinimumZIndex && hackedZIndexStyles, extendedResizeOffset && resizeOffsetStyles]
-  }, children);
-};
+  useMinimumZIndex
+}) => /*#__PURE__*/React.createElement(BlockNodeBadges, {
+  element: mediaElement,
+  width: mediaWidth,
+  height: mediaHeight,
+  extendedResizeOffset: extendedResizeOffset,
+  useMinimumZIndex: useMinimumZIndex
+}, children);

package/dist/es2019/monitoring/error.js

@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "128.3.0";
+const packageVersion = "128.3.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -5,7 +5,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { isSSR } from '../core-utils/is-ssr';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
-import { analyticsEventKey, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
+import { analyticsEventKey } from '../utils';
 import { getBrowserInfo } from '../utils/browser';
 import { ZERO_WIDTH_SPACE } from '../whitespace';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
@@ -71,23 +71,9 @@ function createNodeView({
       extraComponentProps
     }), domRef, key);
   }
-  const {
-    samplingRate,
-    slowThreshold,
-    trackingEnabled
-  } = getPerformanceOptions(nodeViewParams.view);
-  trackingEnabled && startMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name
-  });
 
   // We render the component while creating the node view
   renderComponent();
-  trackingEnabled && stopMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name,
-    dispatchAnalyticsEvent,
-    samplingRate,
-    slowThreshold
-  });
   const extraNodeViewPropsWithStopEvent = {
     ...extraNodeViewProps
   };

package/dist/es2019/react-node-view/index.js

@@ -8,7 +8,6 @@ import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { isSSR } from '../core-utils';
 import { createDispatch } from '../event-dispatcher';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
-import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
 import { analyticsEventKey } from '../utils/analytics';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 export { getInlineNodeViewProducer, inlineNodeViewClassname } from './getInlineNodeViewProducer';
@@ -79,14 +78,6 @@ export default class ReactNodeView {
     // nodeView if DOM structure has nested plain "div"s, it doesn't see the
     // difference between them and it kills the nodeView
     this.domRef.classList.add(`${this.node.type.name}View-content-wrap`);
-    const {
-      samplingRate,
-      slowThreshold,
-      trackingEnabled
-    } = getPerformanceOptions(this.view);
-    trackingEnabled && startMeasureReactNodeViewRendered({
-      nodeTypeName: this.node.type.name
-    });
     if (!shouldSkipInitRender) {
       this.renderReactComponent(() => this.render(this.reactComponentProps, this.handleRef));
 
@@ -105,12 +96,6 @@ export default class ReactNodeView {
         }
       }
     }
-    trackingEnabled && stopMeasureReactNodeViewRendered({
-      nodeTypeName: this.node.type.name,
-      dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
-      samplingRate,
-      slowThreshold
-    });
     return this;
   }
 

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "128.3.0";
+const packageVersion = "128.3.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({