@atlaskit/editor-common 93.1.5 → 93.2.0

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 var hasEnabledItems = function hasEnabledItems(list) {
   return list.some(function (item) {
     return item.getAttribute('aria-disabled') !== 'true';
@@ -121,11 +120,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          if (fg('platform-editor-a11y-image-border-options-dropdown')) {
-            if (!disableCloseOnArrowClick) {
-              handleClose(event);
-            }
-          } else {
+          if (!disableCloseOnArrowClick) {
             handleClose(event);
           }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
@@ -136,11 +131,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          if (fg('platform-editor-a11y-image-border-options-dropdown')) {
-            if (!disableCloseOnArrowClick) {
-              handleClose(event);
-            }
-          } else {
+          if (!disableCloseOnArrowClick) {
             handleClose(event);
           }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {

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

@@ -182,9 +182,9 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         shouldFitContainer: true,
         isTriggerNotTabbable: true,
         handleClickOutside: this.handleClose,
-        handleEscapeKeydown: fg('platform-editor-a11y-image-border-options-dropdown') ? handleEscapeKeydown || this.handleCloseAndFocus : this.handleCloseAndFocus,
+        handleEscapeKeydown: handleEscapeKeydown || this.handleCloseAndFocus,
         handleEnterKeydown: function handleEnterKeydown(e) {
-          if (fg('platform_editor_a11y_table_context_menu') || fg('platform-editor-a11y-image-border-options-dropdown')) {
+          if (fg('platform_editor_a11y_table_context_menu')) {
             if (!allowEnterDefaultBehavior) {
               e.preventDefault();
             }
@@ -299,27 +299,12 @@ export function DropdownMenuItem(_ref) {
   var _handleSubmenuActive = function _handleSubmenuActive(event) {
     setSubmenuActive(Boolean(event.target instanceof HTMLElement && event.target.closest(".".concat(DropdownMenuSharedCssClassName.SUBMENU))));
   };
-  var ariaLabel;
-  if (fg('platform-editor-a11y-image-border-options-dropdown')) {
-    ariaLabel = item['aria-label'] === '' ? undefined : item['aria-label'] || String(item.content);
-  } else {
-    ariaLabel = item['aria-label'] || String(item.content);
-  }
-  var testId;
-  if (fg('platform-editor-a11y-image-border-options-dropdown')) {
-    testId = item['data-testid'] || "dropdown-item__".concat(item.content);
-  } else {
-    testId = "dropdown-item__".concat(String(item.content));
-  }
+  var ariaLabel = item['aria-label'] === '' ? undefined : item['aria-label'] || String(item.content);
+  var testId = item['data-testid'] || "dropdown-item__".concat(item.content);
 
   // From time to time we don't want to have any tabIndex on item wrapper
   // especially when we pass any interactive element as a item.content
-  var tabIndex;
-  if (fg('platform-editor-a11y-image-border-options-dropdown')) {
-    tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
-  } else {
-    tabIndex = -1;
-  }
+  var tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
   var dropListItem = jsx("div", {
     css: function css() {
       return buttonStyles(item.isActive, submenuActive);

package/dist/esm/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -8,7 +8,6 @@ import React, { useCallback, useLayoutEffect, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages as messages } from '../../messages';
 import { EDIT_AREA_ID } from '../../ui';
@@ -113,7 +112,7 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
      * @param event
      */
     var handleKeyDown = function handleKeyDown(event) {
-      var _document$querySelect, _document$querySelect2, _wrapperRef$current2;
+      var _document$querySelect, _document$querySelect2, _wrapperRef$current, _wrapperRef$current2;
       // To trap the focus inside the horizontal toolbar for left and right arrow keys
       var targetElement = event.target;
       if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
@@ -127,13 +126,10 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
         // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
         return;
       }
-      if (fg('editor-fix-esc-main-toolbar-navigation')) {
-        var _wrapperRef$current;
-        var elementBrowser = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("#".concat(ELEMENT_BROWSER_ID));
-        if (elementBrowser) {
-          // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
-          return;
-        }
+      var elementBrowser = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("#".concat(ELEMENT_BROWSER_ID));
+      if (elementBrowser) {
+        // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
+        return;
       }
       var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {

package/dist/types/analytics/types/engagement-platform-events.d.ts

@@ -0,0 +1,20 @@
+import type { ACTION, ACTION_SUBJECT } from './enums';
+import type { UIAEP } from './utils';
+/**
+ * Payload of an engagement platform event that is sent when an error occurs.
+ *
+ * It's used by `@atlassian/editor-plugin-engagement-platform` plugin.
+ */
+type EngagementPlatformErroredAEP = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.ENGAGEMENT_PLATFORM, undefined, {
+    /** The error message. */
+    error: string;
+    /** The error stack trace. */
+    errorStack?: string;
+}, undefined>;
+/**
+ * Payload of an engagement platform event.
+ *
+ * It's used by `@atlassian/editor-plugin-engagement-platform` plugin.
+ */
+export type EngagementPlatformEventPayload = EngagementPlatformErroredAEP;
+export {};

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

@@ -255,7 +255,8 @@ export declare enum ACTION_SUBJECT {
     DRAG = "drag",
     ELEMENT = "element",
     CONTEXT_MENU = "contextMenu",
-    INLINE_DIALOG = "inlineDialog"
+    INLINE_DIALOG = "inlineDialog",
+    ENGAGEMENT_PLATFORM = "engagementPlatform"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
@@ -276,6 +277,7 @@ export declare enum ACTION_SUBJECT_ID {
     CODE_BLOCK = "codeBlock",
     CODEBLOCK_COPY = "codeBlockCopy",
     CODEBLOCK_WRAP = "codeBlockWrap",
+    COPY_LINK_TO_ANCHOR = "copyLinkToAnchor",
     CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU = "createInlineCommentFromHighlightActionsMenu",
     DATE = "date",
     DATE_DAY = "day",

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

@@ -11,6 +11,7 @@ import type { DatasourceClickedPayload } from './datasource-clicked-events';
 import type { DateEventPayload } from './date-events';
 import type { ElementBrowserEventPayload } from './element-browser-events';
 import type { ElementEventPayload } from './element-events';
+import type { EngagementPlatformEventPayload } from './engagement-platform-events';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE } from './enums';
 import type { ExperimentalEventPayload } from './experimental-events';
 import type { ExtensionEventPayload } from './extension-events';
@@ -44,7 +45,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | EngagementPlatformEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

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

@@ -195,5 +195,11 @@ export type RequestToEditAEP = UIAEP<ACTION.REQUEST_TO_EDIT | ACTION.DISMISSED,
     platform: PLATFORMS;
     mode: MODE;
 }, undefined>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP;
+type CopyLinkToAnchorButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.COPY_LINK_TO_ANCHOR, {
+    inputMethod: INPUT_METHOD;
+    extensionKey?: string;
+    extensionType?: string;
+    isLivePage?: boolean;
+}>;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP | CopyLinkToAnchorButtonAEP;
 export {};

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

@@ -29,7 +29,11 @@ export interface State {
     activeChildIndex?: number;
     isNodeHovered?: boolean;
 }
-export declare class ExtensionComponent extends Component<Props, State> {
+export type PropsNew = Omit<Props, 'extensionProvider'> & {
+    extensionProvider?: ExtensionProvider;
+};
+export type StateNew = Omit<State, 'extensionProvider'>;
+export declare class ExtensionComponentOld extends Component<Props, State> {
     private privatePropsParsed;
     state: State;
     mounted: boolean;
@@ -54,3 +58,5 @@ export declare class ExtensionComponent extends Component<Props, State> {
     private tryExtensionHandler;
     private handleExtension;
 }
+export declare const ExtensionComponentNew: (props: Props) => JSX.Element;
+export declare const ExtensionComponent: (props: Props) => JSX.Element;

package/dist/types/types/floating-toolbar.d.ts

@@ -131,6 +131,8 @@ export type FloatingToolbarButton<T extends {}> = {
     tabIndex?: number | null | undefined;
     focusEditoronEnter?: boolean;
     supportsViewMode?: boolean;
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
 };
 export type FloatingToolbarInput<T extends {}> = {
     id: string;
@@ -217,6 +219,8 @@ export type FloatingToolbarDropdown<T extends {}> = {
     alignDropdownWithToolbar?: boolean;
     onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
     footer?: React.ReactNode;
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
 };
 type FloatingToolbarExtensionsPlaceholder = {
     type: 'extensions-placeholder';

package/dist/types/ui/FloatingToolbar/Button.d.ts

@@ -29,6 +29,8 @@ export interface Props {
     tabIndex?: number | null | undefined;
     areaControls?: string;
     isRadioButton?: boolean;
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
 }
-declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onMount, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
+declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onMount, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, pulse, }: Props) => JSX.Element;
 export default _default;

package/dist/types/ui/Mention/mention-with-providers.d.ts

@@ -14,7 +14,8 @@ export interface Props {
 export interface State {
     profilecardProvider: ProfilecardProvider | null;
 }
-export default class MentionWithProviders extends PureComponent<Props, State> {
+export declare const MentionWithProviders: ({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => JSX.Element;
+export declare class MentionWithProvidersOld extends PureComponent<Props, State> {
     state: State;
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;

package/dist/types/ui/Pulse/Pulse.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+interface Props {
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
+    /** The radius of the pulse effect. */
+    radius?: number;
+    children: ReactNode;
+}
+/**
+ * Wraps children with {@link SpotlightPulse} component.
+ *
+ * It adds pulse effect to children if `pulse` is `true`.
+ *
+ * This custom component exists because the {@link SpotlightPulse} with `pulse={false}` renders extra `div` around `children`.
+ * We want to keep `children` as it is if there is no `pulse`.
+ */
+export declare function Pulse({ pulse, radius, children }: Props): JSX.Element;
+export {};

package/dist/types-ts4.5/analytics/types/engagement-platform-events.d.ts

@@ -0,0 +1,20 @@
+import type { ACTION, ACTION_SUBJECT } from './enums';
+import type { UIAEP } from './utils';
+/**
+ * Payload of an engagement platform event that is sent when an error occurs.
+ *
+ * It's used by `@atlassian/editor-plugin-engagement-platform` plugin.
+ */
+type EngagementPlatformErroredAEP = UIAEP<ACTION.ERRORED, ACTION_SUBJECT.ENGAGEMENT_PLATFORM, undefined, {
+    /** The error message. */
+    error: string;
+    /** The error stack trace. */
+    errorStack?: string;
+}, undefined>;
+/**
+ * Payload of an engagement platform event.
+ *
+ * It's used by `@atlassian/editor-plugin-engagement-platform` plugin.
+ */
+export type EngagementPlatformEventPayload = EngagementPlatformErroredAEP;
+export {};

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -255,7 +255,8 @@ export declare enum ACTION_SUBJECT {
     DRAG = "drag",
     ELEMENT = "element",
     CONTEXT_MENU = "contextMenu",
-    INLINE_DIALOG = "inlineDialog"
+    INLINE_DIALOG = "inlineDialog",
+    ENGAGEMENT_PLATFORM = "engagementPlatform"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
@@ -276,6 +277,7 @@ export declare enum ACTION_SUBJECT_ID {
     CODE_BLOCK = "codeBlock",
     CODEBLOCK_COPY = "codeBlockCopy",
     CODEBLOCK_WRAP = "codeBlockWrap",
+    COPY_LINK_TO_ANCHOR = "copyLinkToAnchor",
     CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU = "createInlineCommentFromHighlightActionsMenu",
     DATE = "date",
     DATE_DAY = "day",

package/dist/types-ts4.5/analytics/types/events.d.ts

@@ -11,6 +11,7 @@ import type { DatasourceClickedPayload } from './datasource-clicked-events';
 import type { DateEventPayload } from './date-events';
 import type { ElementBrowserEventPayload } from './element-browser-events';
 import type { ElementEventPayload } from './element-events';
+import type { EngagementPlatformEventPayload } from './engagement-platform-events';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE } from './enums';
 import type { ExperimentalEventPayload } from './experimental-events';
 import type { ExtensionEventPayload } from './extension-events';
@@ -44,7 +45,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | ContextMenuEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | EngagementPlatformEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

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

@@ -195,5 +195,11 @@ export type RequestToEditAEP = UIAEP<ACTION.REQUEST_TO_EDIT | ACTION.DISMISSED,
     platform: PLATFORMS;
     mode: MODE;
 }, undefined>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP;
+type CopyLinkToAnchorButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.COPY_LINK_TO_ANCHOR, {
+    inputMethod: INPUT_METHOD;
+    extensionKey?: string;
+    extensionType?: string;
+    isLivePage?: boolean;
+}>;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP | CopyLinkToAnchorButtonAEP;
 export {};

package/dist/types-ts4.5/extensibility/ExtensionComponent.d.ts

@@ -29,7 +29,11 @@ export interface State {
     activeChildIndex?: number;
     isNodeHovered?: boolean;
 }
-export declare class ExtensionComponent extends Component<Props, State> {
+export type PropsNew = Omit<Props, 'extensionProvider'> & {
+    extensionProvider?: ExtensionProvider;
+};
+export type StateNew = Omit<State, 'extensionProvider'>;
+export declare class ExtensionComponentOld extends Component<Props, State> {
     private privatePropsParsed;
     state: State;
     mounted: boolean;
@@ -54,3 +58,5 @@ export declare class ExtensionComponent extends Component<Props, State> {
     private tryExtensionHandler;
     private handleExtension;
 }
+export declare const ExtensionComponentNew: (props: Props) => JSX.Element;
+export declare const ExtensionComponent: (props: Props) => JSX.Element;

package/dist/types-ts4.5/types/floating-toolbar.d.ts

@@ -131,6 +131,8 @@ export type FloatingToolbarButton<T extends {}> = {
     tabIndex?: number | null | undefined;
     focusEditoronEnter?: boolean;
     supportsViewMode?: boolean;
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
 };
 export type FloatingToolbarInput<T extends {}> = {
     id: string;
@@ -217,6 +219,8 @@ export type FloatingToolbarDropdown<T extends {}> = {
     alignDropdownWithToolbar?: boolean;
     onToggle?: (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
     footer?: React.ReactNode;
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
 };
 type FloatingToolbarExtensionsPlaceholder = {
     type: 'extensions-placeholder';

package/dist/types-ts4.5/ui/FloatingToolbar/Button.d.ts

@@ -29,6 +29,8 @@ export interface Props {
     tabIndex?: number | null | undefined;
     areaControls?: string;
     isRadioButton?: boolean;
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
 }
-declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onMount, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
+declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onMount, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, pulse, }: Props) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/ui/Mention/mention-with-providers.d.ts

@@ -14,7 +14,8 @@ export interface Props {
 export interface State {
     profilecardProvider: ProfilecardProvider | null;
 }
-export default class MentionWithProviders extends PureComponent<Props, State> {
+export declare const MentionWithProviders: ({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => JSX.Element;
+export declare class MentionWithProvidersOld extends PureComponent<Props, State> {
     state: State;
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;

package/dist/types-ts4.5/ui/Pulse/Pulse.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+interface Props {
+    /** If true, the component will have pulse onboarding effect around it. */
+    pulse?: boolean;
+    /** The radius of the pulse effect. */
+    radius?: number;
+    children: ReactNode;
+}
+/**
+ * Wraps children with {@link SpotlightPulse} component.
+ *
+ * It adds pulse effect to children if `pulse` is `true`.
+ *
+ * This custom component exists because the {@link SpotlightPulse} with `pulse={false}` renders extra `div` around `children`.
+ * We want to keep `children` as it is if there is no `pulse`.
+ */
+export declare function Pulse({ pulse, radius, children }: Props): JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "93.1.5",
+	"version": "93.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -137,19 +137,20 @@
 		"@atlaskit/media-file-preview": "^0.9.0",
 		"@atlaskit/media-picker": "^66.7.0",
 		"@atlaskit/media-ui": "^25.15.0",
-		"@atlaskit/media-viewer": "49.0.0",
+		"@atlaskit/media-viewer": "49.0.1",
 		"@atlaskit/mention": "^23.3.0",
 		"@atlaskit/menu": "^2.12.0",
+		"@atlaskit/onboarding": "^11.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/profilecard": "^20.4.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/smart-card": "^29.1.0",
+		"@atlaskit/smart-card": "^29.2.0",
 		"@atlaskit/smart-user-picker": "^6.10.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
 		"@atlaskit/textfield": "^6.5.0",
-		"@atlaskit/tmp-editor-statsig": "*",
+		"@atlaskit/tmp-editor-statsig": "^2.2.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/ufo": "^0.3.0",
@@ -249,30 +250,30 @@
 		"annotations_align_editor_and_renderer_styles": {
 			"type": "boolean"
 		},
-		"platform-editor-a11y-image-border-options-dropdown": {
-			"type": "boolean"
-		},
 		"platform_editor_a11y_table_context_menu": {
 			"type": "boolean"
 		},
 		"editor_inline_comments_paste_insert_nodes": {
 			"type": "boolean"
 		},
-		"editor-fix-esc-main-toolbar-navigation": {
-			"type": "boolean"
-		},
 		"editor_support_code_block_wrapping": {
 			"type": "boolean"
 		},
 		"editor_code_block_wrapping_language_change_bug": {
 			"type": "boolean"
 		},
+		"platform_editor_react18_mention_with_provider": {
+			"type": "boolean"
+		},
 		"cc_page_experiences_live_search_wysiwyg": {
 			"type": "boolean"
 		},
 		"use-effect-in-use-previous-props": {
 			"type": "boolean"
 		},
+		"platform_editor_react18_extension_component": {
+			"type": "boolean"
+		},
 		"platform-datasources-enable-two-way-sync": {
 			"type": "boolean"
 		},