@atlaskit/editor-common 93.1.4 → 93.1.6

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

@@ -7,9 +7,11 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/* eslint-disable @repo/internal/react/no-class-components */
 import React, { PureComponent } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
-import MentionWithProviders from './mention-with-providers';
+import { MentionWithProviders, MentionWithProvidersOld } from './mention-with-providers';
 var Mention = /*#__PURE__*/function (_PureComponent) {
   _inherits(Mention, _PureComponent);
   var _super = _createSuper(Mention);
@@ -26,7 +28,18 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
         localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
-      return /*#__PURE__*/React.createElement(MentionWithProviders, {
+      if (fg('platform_editor_react18_mention_with_provider')) {
+        return /*#__PURE__*/React.createElement(MentionWithProviders, {
+          id: id,
+          text: text,
+          accessLevel: accessLevel,
+          localId: localId,
+          eventHandlers: eventHandlers,
+          mentionProvider: mentionProvider,
+          profilecardProvider: profilecardProvider
+        });
+      }
+      return /*#__PURE__*/React.createElement(MentionWithProvidersOld, {
         id: id,
         text: text,
         accessLevel: accessLevel,

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -6,19 +6,69 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import React, { PureComponent } from 'react';
+import React, { PureComponent, useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var noop = function noop() {};
-var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
-  _inherits(MentionWithProviders, _PureComponent);
-  var _super = _createSuper(MentionWithProviders);
-  function MentionWithProviders() {
+export var MentionWithProviders = function MentionWithProviders(_ref) {
+  var accessLevel = _ref.accessLevel,
+    eventHandlers = _ref.eventHandlers,
+    id = _ref.id,
+    mentionProvider = _ref.mentionProvider,
+    profilecardProviderResolver = _ref.profilecardProvider,
+    text = _ref.text,
+    localId = _ref.localId;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    profilecardProvider = _useState2[0],
+    setProfilecardProvider = _useState2[1];
+  var mountedRef = useRef(true);
+  useLayoutEffect(function () {
+    mountedRef.current = true;
+    return function () {
+      mountedRef.current = false;
+    };
+  }, []);
+  useLayoutEffect(function () {
+    // We are not using async/await here to avoid having an intermediate Promise
+    // introduced by the transpiler.
+    // This will allow consumer to use a SynchronousPromise.resolve and avoid useless
+    // rerendering
+    profilecardProviderResolver === null || profilecardProviderResolver === void 0 || profilecardProviderResolver.then(function (result) {
+      if (mountedRef.current) {
+        setProfilecardProvider(result);
+      }
+    }).catch(function () {
+      if (mountedRef.current) {
+        setProfilecardProvider(null);
+      }
+    });
+  }, [profilecardProviderResolver]);
+  var MentionComponent = profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
+  return /*#__PURE__*/React.createElement(MentionComponent, {
+    id: id,
+    text: text,
+    accessLevel: accessLevel,
+    localId: localId,
+    mentionProvider: mentionProvider,
+    profilecardProvider: profilecardProvider,
+    onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
+    onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+  });
+};
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export var MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
+  _inherits(MentionWithProvidersOld, _PureComponent);
+  var _super = _createSuper(MentionWithProvidersOld);
+  function MentionWithProvidersOld() {
     var _this;
-    _classCallCheck(this, MentionWithProviders);
+    _classCallCheck(this, MentionWithProvidersOld);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -28,7 +78,7 @@ var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-  _createClass(MentionWithProviders, [{
+  _createClass(MentionWithProvidersOld, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.updateProfilecardProvider(this.props);
@@ -90,6 +140,5 @@ var MentionWithProviders = /*#__PURE__*/function (_PureComponent) {
       }, actionHandlers));
     }
   }]);
-  return MentionWithProviders;
-}(PureComponent);
-export { MentionWithProviders as default };
+  return MentionWithProvidersOld;
+}(PureComponent);

package/dist/esm/ui/Pulse/Pulse.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { SpotlightPulse } from '@atlaskit/onboarding';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+/**
+ * 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 function Pulse(_ref) {
+  var pulse = _ref.pulse,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 3 : _ref$radius,
+    children = _ref.children;
+  if (editorExperiment('platform_editor_ai_onboarding', 'test') && pulse) {
+    return (
+      /*#__PURE__*/
+      // SpotlightPulse shows pulse effect if `pulse` is `undefined`.
+      // That's why we need to cast `pulse` to `false` if it's `undefined`.
+      React.createElement(SpotlightPulse, {
+        radius: radius,
+        pulse: pulse !== null && pulse !== void 0 ? pulse : false
+      }, children)
+    );
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+}

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",

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/element-browser/components/StatelessElementBrowser.d.ts

@@ -36,5 +36,5 @@ declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRef
     searchTerm?: string | undefined;
     emptyStateHandler?: EmptyStateHandler | undefined;
     viewMoreItem?: QuickInsertItem | undefined;
-} & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "mode" | "analyticsContext" | "categories" | "onSelectCategory" | "selectedCategory" | "items" | "emptyStateHandler" | "searchTerm" | "onInsertItem" | "onSearch" | "onSelectItem" | "viewMoreItem" | "showCategories" | "showSearch"> & React.RefAttributes<any>>>;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "mode" | "analyticsContext" | "categories" | "onSelectCategory" | "selectedCategory" | "items" | "emptyStateHandler" | "searchTerm" | "onInsertItem" | "onSearch" | "onSelectItem" | "viewMoreItem" | "showCategories" | "showSearch"> & React.RefAttributes<any>>>;
 export default MemoizedElementBrowser;

package/dist/types/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.d.ts

@@ -116,5 +116,7 @@ export declare class HyperlinkLinkAddToolbar extends PureComponent<Props, State>
 export declare const HyperlinkLinkAddToolbarWithIntl: React.FC<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>> & {
     WrappedComponent: React.ComponentType<HyperlinkLinkAddToolbarProps>;
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HyperlinkLinkAddToolbarProps, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/prosemirror-dom-metadata/index.d.ts

@@ -0,0 +1,18 @@
+import type { Mark as PMMark } from '@atlaskit/editor-prosemirror/model';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+/**
+ * 🧱 Internal Helper Function: Editor FE Platform
+ *
+ * Creates a set of generic metadata attributes for a ProseMirror node or mark.
+ * These attributes are used to annotate the DOM representation with information
+ * about the node or mark type.
+ *
+ * @param {PMNode | PMMark} nodeOrMark - The ProseMirror node or mark to create metadata for.
+ * @returns {Record<string, string>} An object containing metadata attributes.
+ *  - `data-prosemirror-content-type`: Specifies if the content is a node or mark.
+ *  - `data-prosemirror-node-name` (if applicable): The name of the node.
+ *  - `data-prosemirror-node-block` (if applicable): Indicates if the node is a block.
+ *  - `data-prosemirror-node-inline` (if applicable): Indicates if the node is inline.
+ *  - `data-prosemirror-mark-name` (if applicable): The name of the mark.
+ */
+export declare const createProseMirrorMetadata: (nodeOrMark: PMNode | PMMark) => Record<string, string>;

package/dist/types/safe-plugin/index.d.ts

@@ -1,5 +1,22 @@
+import type { Mark as PMMark } from '@atlaskit/editor-prosemirror/model';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { Plugin } from '@atlaskit/editor-prosemirror/state';
 import type { SafePluginSpec } from '@atlaskit/editor-prosemirror/state';
+/**
+ * 🧱 Internal Helper Function: Editor FE Platform
+ *
+ * Attaches generic ProseMirror metadata attributes to a given DOM element based on the properties of a ProseMirror node.
+ * This function is useful for annotating DOM elements with metadata that describes the type and characteristics of the ProseMirror node.
+ *
+ *
+ * @param {Object} params - The parameters for the function.
+ * @param {PMNode} params.node - The ProseMirror node from which to derive metadata.
+ * @param {HTMLElement} params.dom - The DOM element to which the metadata attributes will be attached.
+ */
+export declare const attachGenericProseMirrorMetadata: ({ nodeOrMark, dom, }: {
+    nodeOrMark: PMNode | PMMark;
+    dom: HTMLElement;
+}) => void;
 export declare class SafePlugin<T = any> extends Plugin<T> {
     _isATypeSafePlugin: never;
     constructor(spec: SafePluginSpec<T>);

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/ui-menu/ColorPickerButton/index.d.ts

@@ -6,7 +6,7 @@ import React from 'react';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { PaletteColor, PaletteTooltipMessages } from '../../ui-color';
 import type { Position as PopupPosition } from '../../ui/Popup/utils';
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & {
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
     currentColor?: string | undefined;
     title?: string | undefined;
     isAriaExpanded?: boolean | undefined;

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",

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/element-browser/components/StatelessElementBrowser.d.ts

@@ -36,5 +36,5 @@ declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRef
     searchTerm?: string | undefined;
     emptyStateHandler?: EmptyStateHandler | undefined;
     viewMoreItem?: QuickInsertItem | undefined;
-} & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "mode" | "analyticsContext" | "categories" | "onSelectCategory" | "selectedCategory" | "items" | "emptyStateHandler" | "searchTerm" | "onInsertItem" | "onSearch" | "onSelectItem" | "viewMoreItem" | "showCategories" | "showSearch"> & React.RefAttributes<any>>>;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "mode" | "analyticsContext" | "categories" | "onSelectCategory" | "selectedCategory" | "items" | "emptyStateHandler" | "searchTerm" | "onInsertItem" | "onSearch" | "onSelectItem" | "viewMoreItem" | "showCategories" | "showSearch"> & React.RefAttributes<any>>>;
 export default MemoizedElementBrowser;

package/dist/types-ts4.5/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.d.ts

@@ -116,5 +116,7 @@ export declare class HyperlinkLinkAddToolbar extends PureComponent<Props, State>
 export declare const HyperlinkLinkAddToolbarWithIntl: React.FC<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>> & {
     WrappedComponent: React.ComponentType<HyperlinkLinkAddToolbarProps>;
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HyperlinkLinkAddToolbarProps, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/prosemirror-dom-metadata/index.d.ts

@@ -0,0 +1,18 @@
+import type { Mark as PMMark } from '@atlaskit/editor-prosemirror/model';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+/**
+ * 🧱 Internal Helper Function: Editor FE Platform
+ *
+ * Creates a set of generic metadata attributes for a ProseMirror node or mark.
+ * These attributes are used to annotate the DOM representation with information
+ * about the node or mark type.
+ *
+ * @param {PMNode | PMMark} nodeOrMark - The ProseMirror node or mark to create metadata for.
+ * @returns {Record<string, string>} An object containing metadata attributes.
+ *  - `data-prosemirror-content-type`: Specifies if the content is a node or mark.
+ *  - `data-prosemirror-node-name` (if applicable): The name of the node.
+ *  - `data-prosemirror-node-block` (if applicable): Indicates if the node is a block.
+ *  - `data-prosemirror-node-inline` (if applicable): Indicates if the node is inline.
+ *  - `data-prosemirror-mark-name` (if applicable): The name of the mark.
+ */
+export declare const createProseMirrorMetadata: (nodeOrMark: PMNode | PMMark) => Record<string, string>;

package/dist/types-ts4.5/safe-plugin/index.d.ts

@@ -1,5 +1,22 @@
+import type { Mark as PMMark } from '@atlaskit/editor-prosemirror/model';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { Plugin } from '@atlaskit/editor-prosemirror/state';
 import type { SafePluginSpec } from '@atlaskit/editor-prosemirror/state';
+/**
+ * 🧱 Internal Helper Function: Editor FE Platform
+ *
+ * Attaches generic ProseMirror metadata attributes to a given DOM element based on the properties of a ProseMirror node.
+ * This function is useful for annotating DOM elements with metadata that describes the type and characteristics of the ProseMirror node.
+ *
+ *
+ * @param {Object} params - The parameters for the function.
+ * @param {PMNode} params.node - The ProseMirror node from which to derive metadata.
+ * @param {HTMLElement} params.dom - The DOM element to which the metadata attributes will be attached.
+ */
+export declare const attachGenericProseMirrorMetadata: ({ nodeOrMark, dom, }: {
+    nodeOrMark: PMNode | PMMark;
+    dom: HTMLElement;
+}) => void;
 export declare class SafePlugin<T = any> extends Plugin<T> {
     _isATypeSafePlugin: never;
     constructor(spec: SafePluginSpec<T>);

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;