@atlaskit/editor-common 128.3.2 → 128.4.0

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

@@ -0,0 +1,101 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 var ExtensionCommentBadge = function ExtensionCommentBadge(_ref) {
+  var _api$annotation4;
+  var api = _ref.api,
+    editorView = _ref.editorView,
+    node = _ref.node,
+    getPos = _ref.getPos,
+    container = _ref.container;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['annotation'], function (states) {
+      return {
+        annotationState: states.annotationState
+      };
+    }),
+    annotationState = _useSharedPluginState.annotationState;
+  var drafting = Boolean((annotationState === null || annotationState === void 0 ? void 0 : annotationState.isDrafting) && node.attrs.localId && node.attrs.localId === annotationState.targetNodeId);
+  var hasOpenDraft = Boolean(annotationState === null || annotationState === void 0 ? void 0 : annotationState.isDrafting);
+  var unresolvedIds = useMemo(function () {
+    return node.marks.filter(function (mark) {
+      return mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false;
+    }).map(function (mark) {
+      return mark.attrs.id;
+    });
+  }, [node.marks, annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations]);
+  var onClick = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
+      var _api$annotation, _api$annotation2;
+      var pos, currentNode, _api$annotation3, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            event.preventDefault();
+            event.stopPropagation();
+            if (!drafting) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            _t = hasOpenDraft;
+            if (!_t) {
+              _context.next = 3;
+              break;
+            }
+            _context.next = 2;
+            return api === null || api === void 0 || (_api$annotation = api.annotation) === null || _api$annotation === void 0 ? void 0 : _api$annotation.actions.requestCloseInlineComment();
+          case 2:
+            _t = !_context.sent;
+          case 3:
+            if (!_t) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return");
+          case 4:
+            // Resolve the current position after the asynchronous discard confirmation.
+            pos = getPos();
+            if (!(typeof pos !== 'number' || !Number.isFinite(pos) || pos < 0 || pos >= editorView.state.doc.content.size)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            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)) {
+              api === null || api === void 0 || (_api$annotation3 = api.annotation) === null || _api$annotation3 === void 0 || _api$annotation3.actions.showCommentForBlockNode(currentNode, VIEW_METHOD.BADGE)(editorView.state, editorView.dispatch);
+            }
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [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;
+  }
+  var active = drafting || !annotationState.isInlineCommentViewClosed && annotationState.selectedAnnotations.some(function (_ref3) {
+    var id = _ref3.id;
+    return unresolvedIds.includes(id);
+  });
+  return /*#__PURE__*/React.createElement(BlockNodeBadges, {
+    element: container
+  }, /*#__PURE__*/React.createElement(CommentBadgeNext, {
+    onClick: onClick,
+    status: active ? 'active' : 'default'
+  }));
+};

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

@@ -1,88 +1,18 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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';
-var MEDIA_BADGE_VISIBILITY_BREAKPOINT = 200;
-var 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.
-var hackedZIndexStyles = xcss({
-  zIndex: '1'
-});
-var resizeOffsetStyles = xcss({
-  right: 'space.150'
-});
-var getBadgeVisible = function 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 var MediaBadges = function MediaBadges(_ref) {
-  var children = _ref.children,
-    mediaElement = _ref.mediaElement,
+  var mediaElement = _ref.mediaElement,
     mediaWidth = _ref.mediaWidth,
     mediaHeight = _ref.mediaHeight,
+    children = _ref.children,
     extendedResizeOffset = _ref.extendedResizeOffset,
-    _ref$useMinimumZIndex = _ref.useMinimumZIndex,
-    useMinimumZIndex = _ref$useMinimumZIndex === void 0 ? false : _ref$useMinimumZIndex;
-  var _useState = useState(getBadgeVisible(mediaWidth, mediaHeight)),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  useEffect(function () {
-    var observer = new ResizeObserver(debounce(function (entries) {
-      var _entries = _slicedToArray(entries, 1),
-        entry = _entries[0];
-      var _entry$contentRect = entry.contentRect,
-        width = _entry$contentRect.width,
-        height = _entry$contentRect.height;
-      setVisible(getBadgeVisible(width, height));
-    }));
-    if (mediaElement) {
-      // Ignored via go/ees005
-      // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      observer.observe(mediaElement);
-    }
-    return function () {
-      observer.disconnect();
-    };
-  }, [mediaElement]);
-  if (typeof children === 'function') {
-    children = children({
-      visible: 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]
+    useMinimumZIndex = _ref.useMinimumZIndex;
+  return /*#__PURE__*/React.createElement(BlockNodeBadges, {
+    element: mediaElement,
+    width: mediaWidth,
+    height: mediaHeight,
+    extendedResizeOffset: extendedResizeOffset,
+    useMinimumZIndex: useMinimumZIndex
   }, children);
 };

package/dist/esm/monitoring/error.js

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

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

@@ -8,7 +8,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';
@@ -73,22 +73,9 @@ function createNodeView(_ref) {
       extraComponentProps: extraComponentProps
     }), domRef, key);
   }
-  var _getPerformanceOption = getPerformanceOptions(nodeViewParams.view),
-    samplingRate = _getPerformanceOption.samplingRate,
-    slowThreshold = _getPerformanceOption.slowThreshold,
-    trackingEnabled = _getPerformanceOption.trackingEnabled;
-  trackingEnabled && startMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name
-  });
 
   // We render the component while creating the node view
   renderComponent();
-  trackingEnabled && stopMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    samplingRate: samplingRate,
-    slowThreshold: slowThreshold
-  });
   var extraNodeViewPropsWithStopEvent = _objectSpread({}, extraNodeViewProps);
 
   // https://prosemirror.net/docs/ref/#view.NodeView

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

@@ -10,7 +10,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';
@@ -88,13 +87,6 @@ var ReactNodeView = /*#__PURE__*/function () {
       // 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("".concat(this.node.type.name, "View-content-wrap"));
-      var _getPerformanceOption = getPerformanceOptions(this.view),
-        samplingRate = _getPerformanceOption.samplingRate,
-        slowThreshold = _getPerformanceOption.slowThreshold,
-        trackingEnabled = _getPerformanceOption.trackingEnabled;
-      trackingEnabled && startMeasureReactNodeViewRendered({
-        nodeTypeName: this.node.type.name
-      });
       if (!shouldSkipInitRender) {
         this.renderReactComponent(function () {
           return _this2.render(_this2.reactComponentProps, _this2.handleRef);
@@ -115,12 +107,6 @@ var ReactNodeView = /*#__PURE__*/function () {
           }
         }
       }
-      trackingEnabled && stopMeasureReactNodeViewRendered({
-        nodeTypeName: this.node.type.name,
-        dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
-        samplingRate: samplingRate,
-        slowThreshold: slowThreshold
-      });
       return this;
     }
 

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

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

package/dist/esm/utils/index.js

@@ -86,9 +86,6 @@ getDistortedDurationMonitor,
  */
 measureRender } from './performance/measure-render';
 export { startMeasure, stopMeasure, clearMeasure } from './performance/measure';
-export { TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS } from './performance/TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS';
-export { TTI_SEVERITY_THRESHOLD_DEFAULTS } from './performance/TTI_SEVERITY_THRESHOLD_DEFAULTS';
-export { measureTTI, getTTISeverity } from './performance/measure-tti';
 /**
  * @private
  * @deprecated
@@ -121,8 +118,6 @@ export { isTextInput } from './is-text-input';
 export { ZERO_WIDTH_SPACE, ZERO_WIDTH_JOINER } from '../whitespace';
 export { shouldForceTracking } from './should-force-tracking';
 export { getModeFromTheme } from './getModeFromTheme';
-export { getPerformanceOptions, stopMeasureReactNodeViewRendered } from './get-performance-options';
-export { startMeasureReactNodeViewRendered } from './startMeasureReactNodeViewRendered';
 export { sniffUserBrowserExtensions } from './browser-extensions';
 export { RenderCountProfiler, PROFILER_KEY } from './profiler/render-count';
 export { validateADFEntity, validationErrorHandler } from './validate-using-spec';

package/dist/types/analytics/index.d.ts

@@ -1,4 +1,4 @@
-export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, ErrorEventAttributes, ErrorEventPayload, FeatureExposureAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, SimplifiedNode, TransactionEventPayload, } from './types/events';
+export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, ErrorEventAttributes, ErrorEventPayload, FeatureExposureAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, SimplifiedNode, } from './types/events';
 export type { FormatEventPayload } from './types/format-events';
 export type { SubstituteEventPayload } from './types/substitute-events';
 export type { ColorPickerAEP, GeneralEventPayload } from './types/general-events';
@@ -34,7 +34,6 @@ export type { ToolbarEventPayload } from './types/toolbar-button';
 export type { TypeAheadPayload } from './types/type-ahead';
 export { SELECTION_POSITION, SELECTION_TYPE } from './types/utils';
 export type { OperationalAEP } from './types/utils';
-export type { PluginMethodReport, PluginsReport, NodeCount, PluginPerformanceReportData, } from './types/performance-report';
 export type { InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './types/referentiality-events';
 export type { ViewInlineCommentsButtonEventAEP, ViewEventPayload } from './types/view-events';
 export type { ExperienceEventPayload } from './types/experience-events';

package/dist/types/analytics/types/enums.d.ts

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

package/dist/types/analytics/types/events.d.ts

@@ -73,7 +73,7 @@ export type SimplifiedNode = {
     pos: number;
     type: string;
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | PasteActionsMenuEventPayload | QuickInsertInformationEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | ContainerNodeActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AiAutocompleteEventPayload | AiSuggestionsEventPayload | ContextualTypeaheadEventPayload | AIQuickPromptEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | BlockMenuEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | ExperienceEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | AgentEditShimmerNotShownAEP | FloatingToolbarOverflowEventPayload | SyncBlockEventPayload | FloatingToolbarEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | PasteActionsMenuEventPayload | QuickInsertInformationEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | ContainerNodeActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AiAutocompleteEventPayload | AiSuggestionsEventPayload | ContextualTypeaheadEventPayload | AIQuickPromptEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | BlockMenuEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | ExperienceEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | AgentEditShimmerNotShownAEP | FloatingToolbarOverflowEventPayload | SyncBlockEventPayload | FloatingToolbarEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     newColor: string;
     previousColor: string;
@@ -116,11 +116,9 @@ type InvalidTransactionErrorAEP = OperationalAEP<ACTION.DISPATCHED_INVALID_TRANS
     invalidNodes: (SimplifiedNode | string)[];
     isRemoteReplaceDocumentTransaction?: boolean;
 }>;
-type DispatchedValidTransactionAEP = OperationalAEP<ACTION.DISPATCHED_VALID_TRANSACTION, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type InvalidTransactionStepErrorAEP = OperationalAEP<ACTION.DISCARDED_INVALID_STEPS_FROM_TRANSACTION, ACTION_SUBJECT.EDITOR, undefined, {
     analyticsEventPayloads: AnalyticsEventPayloadWithChannel[];
 }>;
-export type TransactionEventPayload = DispatchedValidTransactionAEP;
 type FailedToUnmountErrorAEP = OperationalAEP<ACTION.FAILED_TO_UNMOUNT, ACTION_SUBJECT.EDITOR, ACTION_SUBJECT_ID.REACT_NODE_VIEW, {
     domNodes: {
         child?: string;

package/dist/types/analytics/types/general-events.d.ts

@@ -36,7 +36,7 @@ type EditorStartAEP = UIAEP<ACTION.STARTED, ACTION_SUBJECT.EDITOR, undefined, {
     featureFlags: FeatureFlagKey[];
     platform: PLATFORMS.NATIVE | PLATFORMS.HYBRID | PLATFORMS.WEB;
 }, undefined>;
-type EditorPerfAEP = OperationalAEPWithObjectId<ACTION.EDITOR_MOUNTED | ACTION.PROSEMIRROR_RENDERED | ACTION.ON_EDITOR_READY_CALLBACK | ACTION.ON_CHANGE_CALLBACK, ACTION_SUBJECT.EDITOR, undefined, {
+type EditorPerfAEP = OperationalAEPWithObjectId<ACTION.EDITOR_MOUNTED | ACTION.PROSEMIRROR_RENDERED | ACTION.ON_EDITOR_READY_CALLBACK, ACTION_SUBJECT.EDITOR, undefined, {
     distortedDuration?: boolean;
     duration: number;
     editorDomSize?: number;
@@ -49,11 +49,6 @@ type EditorPerfAEP = OperationalAEPWithObjectId<ACTION.EDITOR_MOUNTED | ACTION.P
     totalNodes?: number;
     ttfb?: number;
 }>;
-type EditorContentRetrievalPerformedAEP = OperationalAEP<ACTION.EDITOR_CONTENT_RETRIEVAL_PERFORMED, ACTION_SUBJECT.EDITOR, undefined, {
-    errorInfo?: string;
-    errorStack?: string;
-    success: boolean;
-}>;
 type EditorRenderedAEP<T> = OperationalAEP<ACTION.RE_RENDERED, ACTION_SUBJECT.EDITOR | ACTION_SUBJECT.REACT_EDITOR_VIEW, undefined, {
     count: number;
     propsDifference: PropsDifference<T> | ShallowPropsDifference<T>;
@@ -132,14 +127,6 @@ type InputPerfSamplingAvgAEP = OperationalAEPWithObjectId<ACTION.INPUT_PERF_SAMP
 type TransactionMutatedAEP = OperationalAEP<ACTION.TRANSACTION_MUTATED_AFTER_DISPATCH, ACTION_SUBJECT.EDITOR, undefined, {
     pluginKey: string;
 }>;
-type WithPluginStateCalledAEP = OperationalAEP<ACTION.WITH_PLUGIN_STATE_CALLED, ACTION_SUBJECT.EDITOR, undefined, {
-    duration: number;
-    plugin: string;
-}>;
-type ReactNodeViewRenderedAEP = OperationalAEP<ACTION.REACT_NODEVIEW_RENDERED, ACTION_SUBJECT.EDITOR, undefined, {
-    duration: number;
-    node: string;
-}>;
 type UploadExternalFailedAEP = OperationalAEP<ACTION.UPLOAD_EXTERNAL_FAIL, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type InvalidProsemirrorDocumentErrorAEP = OperationalAEP<ACTION.INVALID_PROSEMIRROR_DOCUMENT, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type DocumentProcessingErrorAEP = OperationalAEP<ACTION.DOCUMENT_PROCESSING_ERROR, ACTION_SUBJECT.EDITOR, undefined, {
@@ -311,5 +298,5 @@ type ChangeToneMenuItemClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.TOOLBAR
 type TranslateMenuItemClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.TOOLBAR_DROPDOWN_MENU_ITEM, ACTION_SUBJECT_ID.AI_TRANSLATE, {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.FLOATING_TB;
 }>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | AnnotationErrorAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamplingAEP | InputPerfSamplingAvgAEP | LimitedModeLatchedAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertTabViewedAEP | PickerMediaInsertImageGenerationSubmittedAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageAutoDetectedAEP | CodeBlockLanguageSelectedAEP | CodeBlockFormatCodeSuccessAEP | CodeBlockFormatCodeFailedAEP | EditorContentRetrievalPerformedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CollabOrganicChangesTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockFoldingToggleAEP | CodeBlockWordWrapToggleAEP | CodeBlockLineNumbersToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP | DockedPrimaryToolbarRenderedAEP | RovoMoreOptionsClickedAEP | AskRovoButtonClickedAEP | SmartLinkRovoButtonClickedAEP | SmartLinkSummarizeButtonClickedAEP | AIRemixButtonClickedAEP | ChangeToneMenuItemClickedAEP | TranslateMenuItemClickedAEP | MediaSingleWidthTransformedAEP;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | AnnotationErrorAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamplingAEP | InputPerfSamplingAvgAEP | LimitedModeLatchedAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertTabViewedAEP | PickerMediaInsertImageGenerationSubmittedAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | CodeBlockLanguageAutoDetectedAEP | CodeBlockLanguageSelectedAEP | CodeBlockFormatCodeSuccessAEP | CodeBlockFormatCodeFailedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CollabOrganicChangesTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockFoldingToggleAEP | CodeBlockWordWrapToggleAEP | CodeBlockLineNumbersToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP | DockedPrimaryToolbarRenderedAEP | RovoMoreOptionsClickedAEP | AskRovoButtonClickedAEP | SmartLinkRovoButtonClickedAEP | SmartLinkSummarizeButtonClickedAEP | AIRemixButtonClickedAEP | ChangeToneMenuItemClickedAEP | TranslateMenuItemClickedAEP | MediaSingleWidthTransformedAEP;
 export {};

package/dist/types/block-node-badges.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+type BlockNodeBadgesProps = {
+    children: ReactNode | ((props: {
+        visible: boolean;
+    }) => ReactNode);
+    element?: HTMLElement | null;
+    extendedResizeOffset?: boolean;
+    height?: number;
+    useMinimumZIndex?: boolean;
+    width?: number;
+};
+export declare const BlockNodeBadges: ({ children, element, width, height, extendedResizeOffset, useMinimumZIndex, }: BlockNodeBadgesProps) => React.JSX.Element | null;
+export {};

package/dist/types/extensibility/Extension/ExtensionCommentBadge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { OptionalPlugin, PublicPluginAPI } from '../../types';
+import type { ExtensionAnnotationPlugin, ExtensionCommentBadgeProps } from '../types';
+type Props = ExtensionCommentBadgeProps & {
+    api: PublicPluginAPI<[OptionalPlugin<ExtensionAnnotationPlugin>]> | undefined;
+};
+export declare const ExtensionCommentBadge: ({ api, editorView, node, getPos, container, }: Props) => React.JSX.Element | null;
+export {};

package/dist/types/extensibility/types.d.ts

@@ -1,9 +1,36 @@
 import type { Node } from '@atlaskit/editor-prosemirror/model';
-import type { EditorContainerWidth, NextEditorPlugin, PublicPluginAPI } from '../types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { VIEW_METHOD } from '../analytics';
+import type { EditorContainerWidth, Command, NextEditorPlugin, OptionalPlugin, PublicPluginAPI } from '../types';
+export type ExtensionCommentBadgeProps = {
+    container: HTMLElement;
+    editorView: EditorView;
+    getPos: () => number | undefined;
+    node: Node;
+};
+export type ExtensionAnnotationPlugin = NextEditorPlugin<'annotation', {
+    actions: {
+        isBlockNodeSupported: (node: Node) => boolean;
+        requestCloseInlineComment: () => Promise<boolean>;
+        showCommentForBlockNode: (node: Node, viewMethod: VIEW_METHOD) => Command;
+    };
+    sharedState: {
+        annotations: {
+            [id: string]: boolean | undefined;
+        };
+        isDrafting: boolean;
+        isInlineCommentViewClosed: boolean;
+        isVisible: boolean;
+        selectedAnnotations: {
+            id: string;
+        }[];
+        targetNodeId?: string;
+    } | undefined;
+}>;
 type WidthPluginType = NextEditorPlugin<'width', {
     sharedState: EditorContainerWidth | undefined;
 }>;
-export type ExtensionsPluginInjectionAPI = PublicPluginAPI<[WidthPluginType]> | undefined;
+export type ExtensionsPluginInjectionAPI = PublicPluginAPI<[WidthPluginType, OptionalPlugin<ExtensionAnnotationPlugin>]> | undefined;
 export type MacroInteractionDesignFeatureFlags = {
     showMacroInteractionDesignUpdates?: boolean;
 };

package/dist/types/media-single/MediaBadges.d.ts

@@ -1,14 +1,10 @@
 import React from 'react';
-import type { ReactNode } from 'react';
-type ExternalImageBadgeProps = {
-    children: ReactNode | ((props: {
-        visible: boolean;
-    }) => ReactNode);
-    extendedResizeOffset?: boolean;
+import { BlockNodeBadges } from '../block-node-badges';
+type Props = Omit<React.ComponentProps<typeof BlockNodeBadges>, 'element' | 'width' | 'height'> & {
     mediaElement?: HTMLElement | null;
     mediaHeight?: number;
     mediaWidth?: number;
-    useMinimumZIndex?: boolean;
 };
-export declare const MediaBadges: ({ children, mediaElement, mediaWidth, mediaHeight, extendedResizeOffset, useMinimumZIndex, }: ExternalImageBadgeProps) => React.JSX.Element | null;
+/** Compatibility wrapper for existing media consumers of BlockNodeBadges. */
+export declare const MediaBadges: ({ mediaElement, mediaWidth, mediaHeight, children, extendedResizeOffset, useMinimumZIndex, }: Props) => React.JSX.Element;
 export {};

package/dist/types/types/index.d.ts

@@ -34,7 +34,7 @@ export type { EditorCommand, EditorCommandWithMetadata } from './editor-command'
 export type IconProps = {
     label?: string;
 };
-export type { TTITracking, TransactionTracking, UITracking, CatchAllTracking, NodeViewTracking, BrowserFreezetracking, ProseMirrorRenderedTracking, InputTracking, ContentRetrievalTracking, OnChangeCallbackTracking, OnEditorReadyCallbackTracking, PasteTracking, RenderTracking, PerformanceTracking, } from './performance-tracking';
+export type { TTITracking, TransactionTracking, UITracking, CatchAllTracking, BrowserFreezetracking, ProseMirrorRenderedTracking, InputTracking, ContentRetrievalTracking, OnChangeCallbackTracking, OnEditorReadyCallbackTracking, PasteTracking, RenderTracking, PerformanceTracking, } from './performance-tracking';
 export type { GridType } from './grid';
 export type { LinkInputType, LinkPickerOptions, LinkingOptions, HyperlinkPluginOptions, } from './hyperlink';
 export type { SnapPointsProps } from './resizable-media-single';

package/dist/types/types/performance-tracking.d.ts

@@ -96,24 +96,6 @@ export type CatchAllTracking = {
      */
     enabled: boolean;
 };
-export type NodeViewTracking = {
-    /**
-   * @description Control whether
-    NodeView performance is tracked. When this is false no measurements are taken and no events are sent.
-   * @default false
-   */
-    enabled: boolean;
-    /**
-     * @description The nth re-render of NodeView after which an analytics event is sent. Depends on enabled being true.
-     * @default false
-     */
-    samplingRate?: 100;
-    /**
-     * @description NodeView render that exceeds the threshold generate analytics event. Depends on enabled being true.
-     * @default 7
-     */
-    slowThreshold?: number;
-};
 export type BrowserFreezetracking = {
     enabled?: boolean;
     /**
@@ -296,10 +278,6 @@ export type PerformanceTracking = {
      * @description Control whether transactions are tracked
      */
     inputTracking?: InputTracking;
-    /**
-     * @description Control whether nodeviews are tracked
-     */
-    nodeViewTracking?: NodeViewTracking;
     /**
      * @description Control whether browser freezes / long tasks are tracked
      */

package/dist/types/utils/index.d.ts

@@ -91,9 +91,6 @@ getDistortedDurationMonitor,
  */
 measureRender, } from './performance/measure-render';
 export { startMeasure, stopMeasure, clearMeasure } from './performance/measure';
-export { TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS } from './performance/TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS';
-export { TTI_SEVERITY_THRESHOLD_DEFAULTS } from './performance/TTI_SEVERITY_THRESHOLD_DEFAULTS';
-export { measureTTI, getTTISeverity } from './performance/measure-tti';
 /**
  * @private
  * @deprecated
@@ -126,8 +123,6 @@ export { ZERO_WIDTH_SPACE, ZERO_WIDTH_JOINER } from '../whitespace';
 export type { Diff } from './types';
 export { shouldForceTracking } from './should-force-tracking';
 export { getModeFromTheme } from './getModeFromTheme';
-export { getPerformanceOptions, stopMeasureReactNodeViewRendered } from './get-performance-options';
-export { startMeasureReactNodeViewRendered } from './startMeasureReactNodeViewRendered';
 export type { UserBrowserExtensionResults } from './browser-extensions';
 export { sniffUserBrowserExtensions } from './browser-extensions';
 export { RenderCountProfiler, PROFILER_KEY } from './profiler/render-count';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "128.3.2",
+	"version": "128.4.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -146,6 +146,10 @@
 		"sinon": "^2.2.0"
 	},
 	"platform-feature-flags": {
+		"cc_maui_annotations_on_extensions": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"platform_editor_mention_avatar_observability": {
 			"type": "boolean",
 			"referenceOnly": true

package/analytics/types/performance-report/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@atlaskit/editor-common/analytics/types/performance-report",
-  "main": "../../../dist/cjs/analytics/types/performance-report.js",
-  "module": "../../../dist/esm/analytics/types/performance-report.js",
-  "module:es2019": "../../../dist/es2019/analytics/types/performance-report.js",
-  "sideEffects": [
-    "**/*.compiled.css"
-  ],
-  "types": "../../../dist/types/analytics/types/performance-report.d.ts"
-}

package/dist/cjs/analytics/types/performance-report.js

@@ -1 +0,0 @@
-"use strict";