@atlaskit/editor-common 93.1.4 → 93.1.6

package/dist/es2019/prosemirror-dom-metadata/index.js

@@ -0,0 +1,41 @@
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+const isPMNode = nodeOrMark => {
+  return nodeOrMark instanceof PMNode || Array.isArray(nodeOrMark.marks);
+};
+
+/**
+ * 🧱 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 const createProseMirrorMetadata = nodeOrMark => {
+  const name = nodeOrMark.type.name;
+  const isNode = isPMNode(nodeOrMark);
+  const commonAttributes = {
+    'data-prosemirror-content-type': isNode ? 'node' : 'mark'
+  };
+  if (!isNode) {
+    return {
+      ...commonAttributes,
+      ['data-prosemirror-mark-name']: name
+    };
+  }
+  commonAttributes['data-prosemirror-node-name'] = name;
+  if (nodeOrMark.type.isBlock) {
+    commonAttributes['data-prosemirror-node-block'] = 'true';
+  }
+  if (nodeOrMark.type.isInline) {
+    commonAttributes['data-prosemirror-node-inline'] = 'true';
+  }
+  return commonAttributes;
+};

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

@@ -7,7 +7,6 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
@@ -40,10 +39,6 @@ function createNodeView({
   // nodeView if DOM structure has nested plain "div"s, it doesn't see the
   // difference between them and it kills the nodeView
   domRef.classList.add(`${nodeViewParams.node.type.name}View-content-wrap`, `${inlineNodeViewClassname}`);
-  if (fg('platform_editor_breakout_use_css')) {
-    domRef.dataset.prosemirrorNodeName = nodeViewParams.node.type.name;
-    domRef.dataset.prosemirrorNodeInline = 'true';
-  }
 
   // This util is shared for tracking rendering, and the ErrorBoundary that
   // is setup to wrap the Component when rendering

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { createDispatch } from '../event-dispatcher';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
@@ -62,12 +61,6 @@ export default class ReactNodeView {
     // nodeView if DOM structure has nested plain "div"s, it doesn't see the
     // difference between them and it kills the nodeView
     this.domRef.classList.add(`${this.node.type.name}View-content-wrap`);
-    if (this.domRef && fg('platform_editor_breakout_use_css')) {
-      this.domRef.dataset.prosemirrorNodeName = this.node.type.name;
-      if (this.node.type.isBlock) {
-        this.domRef.dataset.prosemirrorNodeBlock = 'true';
-      }
-    }
     const {
       samplingRate,
       slowThreshold,

package/dist/es2019/safe-plugin/index.js

@@ -1,4 +1,27 @@
 import { Plugin } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
+/**
+ * 🧱 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 const attachGenericProseMirrorMetadata = ({
+  nodeOrMark,
+  dom
+}) => {
+  const metadata = createProseMirrorMetadata(nodeOrMark);
+  Object.entries(metadata).forEach(([name, value]) => {
+    dom.setAttribute(name, value);
+  });
+};
+
 // Wraper to avoid any exception during the get pos operation
 // See this https://hello.atlassian.net/wiki/spaces/EDITOR/pages/2849713193/ED-19672+Extensions+Regression
 // And this https://discuss.prosemirror.net/t/possible-bug-on-viewdesc-posbeforechild/5783
@@ -22,7 +45,14 @@ const wrapGetPosExceptions = spec => {
             return;
             // eslint-disable-next-line no-extra-bind
           }).bind(thisArg);
-          return Reflect.apply(target, thisArg, [node, view, safeGetPos, ...more]);
+          const result = Reflect.apply(target, thisArg, [node, view, safeGetPos, ...more]);
+          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement && fg('platform_editor_breakout_use_css')) {
+            attachGenericProseMirrorMetadata({
+              nodeOrMark: node,
+              dom: result.dom
+            });
+          }
+          return result;
         }
       });
       return safeNodeView;

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "93.1.4";
+const packageVersion = "93.1.6";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/FloatingToolbar/Button.js

@@ -1,6 +1,7 @@
 import React, { useEffect } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import Tooltip from '@atlaskit/tooltip';
+import { Pulse } from '../Pulse/Pulse';
 import { getButtonStyles, iconOnlySpacing } from './styles';
 export default (({
   title,
@@ -28,7 +29,8 @@ export default (({
   tabIndex,
   areaControls,
   ariaLabel,
-  isRadioButton
+  isRadioButton,
+  pulse
 }) => {
   // Check if there's only an icon and add additional styles
   const iconOnly = (icon || iconAfter) && !children;
@@ -52,6 +54,8 @@ export default (({
   }, /*#__PURE__*/React.createElement("div", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/React.createElement(Pulse, {
+    pulse: pulse
   }, /*#__PURE__*/React.createElement(Button
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
@@ -100,5 +104,5 @@ export default (({
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
     ,
     tabIndex: tabIndex
-  }, children)));
+  }, children))));
 });

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

@@ -1,7 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/* 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';
 export default class Mention extends PureComponent {
   constructor(props) {
     super(props);
@@ -17,7 +19,18 @@ export default class Mention extends PureComponent {
         mentionProvider,
         profilecardProvider
       } = providers;
-      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/es2019/ui/Mention/mention-with-providers.js

@@ -1,11 +1,58 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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';
 const GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 const noop = () => {};
-export default class MentionWithProviders extends PureComponent {
+export const MentionWithProviders = ({
+  accessLevel,
+  eventHandlers,
+  id,
+  mentionProvider,
+  profilecardProvider: profilecardProviderResolver,
+  text,
+  localId
+}) => {
+  const [profilecardProvider, setProfilecardProvider] = useState(null);
+  const mountedRef = useRef(true);
+  useLayoutEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  useLayoutEffect(() => {
+    // 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 ? void 0 : profilecardProviderResolver.then(result => {
+      if (mountedRef.current) {
+        setProfilecardProvider(result);
+      }
+    }).catch(() => {
+      if (mountedRef.current) {
+        setProfilecardProvider(null);
+      }
+    });
+  }, [profilecardProviderResolver]);
+  const 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 class MentionWithProvidersOld extends PureComponent {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {

package/dist/es2019/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({
+  pulse,
+  radius = 3,
+  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/es2019/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -1,5 +1,4 @@
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 const hasEnabledItems = list => list.some(item => item.getAttribute('aria-disabled') !== 'true');
 
 /**
@@ -112,11 +111,7 @@ export const MenuArrowKeyNavigationProvider = ({
           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"]')) {
@@ -127,11 +122,7 @@ export const MenuArrowKeyNavigationProvider = ({
           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/es2019/ui-menu/DropdownMenu/index.js

@@ -195,9 +195,9 @@ export default class DropdownMenuWrapper extends 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: 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();
           }
@@ -305,27 +305,12 @@ export function DropdownMenuItem({
   const _handleSubmenuActive = event => {
     setSubmenuActive(Boolean(event.target instanceof HTMLElement && event.target.closest(`.${DropdownMenuSharedCssClassName.SUBMENU}`)));
   };
-  let 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);
-  }
-  let testId;
-  if (fg('platform-editor-a11y-image-border-options-dropdown')) {
-    testId = item['data-testid'] || `dropdown-item__${item.content}`;
-  } else {
-    testId = `dropdown-item__${String(item.content)}`;
-  }
+  const ariaLabel = item['aria-label'] === '' ? undefined : item['aria-label'] || String(item.content);
+  const testId = item['data-testid'] || `dropdown-item__${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
-  let tabIndex;
-  if (fg('platform-editor-a11y-image-border-options-dropdown')) {
-    tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
-  } else {
-    tabIndex = -1;
-  }
+  const tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
   const dropListItem = jsx("div", {
     css: () => buttonStyles(item.isActive, submenuActive),
     tabIndex: tabIndex,

package/dist/es2019/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';
@@ -115,7 +114,7 @@ export const ToolbarArrowKeyNavigationProvider = ({
      * @param event
      */
     const 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
       const targetElement = event.target;
       if (targetElement instanceof HTMLElement && !targetElement.closest(`${childComponentSelector}`)) {
@@ -129,13 +128,10 @@ export const ToolbarArrowKeyNavigationProvider = ({
         // 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;
-        const elementBrowser = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector(`#${ELEMENT_BROWSER_ID}`);
-        if (elementBrowser) {
-          // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
-          return;
-        }
+      const elementBrowser = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector(`#${ELEMENT_BROWSER_ID}`);
+      if (elementBrowser) {
+        // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
+        return;
       }
       const 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/esm/analytics/types/engagement-platform-events.js

@@ -0,0 +1 @@
+export {};

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

@@ -253,6 +253,7 @@ export var ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["ELEMENT"] = "element";
   ACTION_SUBJECT["CONTEXT_MENU"] = "contextMenu";
   ACTION_SUBJECT["INLINE_DIALOG"] = "inlineDialog";
+  ACTION_SUBJECT["ENGAGEMENT_PLATFORM"] = "engagementPlatform";
   return ACTION_SUBJECT;
 }({});
 export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {

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

@@ -11,7 +11,6 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
 import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
 import useContainerWidth from '../hooks/use-container-width';
@@ -215,7 +214,7 @@ function StatelessElementBrowser(props) {
   return jsx("div", {
     css: wrapper,
     "data-testid": "element-browser",
-    id: fg('editor-fix-esc-main-toolbar-navigation') ? ELEMENT_BROWSER_ID : undefined
+    id: ELEMENT_BROWSER_ID
   }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser, _extends({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "93.1.4";
+var packageVersion = "93.1.6";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/prosemirror-dom-metadata/index.js

@@ -0,0 +1,41 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+var isPMNode = function isPMNode(nodeOrMark) {
+  return nodeOrMark instanceof PMNode || Array.isArray(nodeOrMark.marks);
+};
+
+/**
+ * 🧱 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 var createProseMirrorMetadata = function createProseMirrorMetadata(nodeOrMark) {
+  var name = nodeOrMark.type.name;
+  var isNode = isPMNode(nodeOrMark);
+  var commonAttributes = {
+    'data-prosemirror-content-type': isNode ? 'node' : 'mark'
+  };
+  if (!isNode) {
+    return _objectSpread(_objectSpread({}, commonAttributes), {}, _defineProperty({}, 'data-prosemirror-mark-name', name));
+  }
+  commonAttributes['data-prosemirror-node-name'] = name;
+  if (nodeOrMark.type.isBlock) {
+    commonAttributes['data-prosemirror-node-block'] = 'true';
+  }
+  if (nodeOrMark.type.isInline) {
+    commonAttributes['data-prosemirror-node-inline'] = 'true';
+  }
+  return commonAttributes;
+};

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

@@ -10,7 +10,6 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
@@ -42,10 +41,6 @@ function createNodeView(_ref) {
   // nodeView if DOM structure has nested plain "div"s, it doesn't see the
   // difference between them and it kills the nodeView
   domRef.classList.add("".concat(nodeViewParams.node.type.name, "View-content-wrap"), "".concat(inlineNodeViewClassname));
-  if (fg('platform_editor_breakout_use_css')) {
-    domRef.dataset.prosemirrorNodeName = nodeViewParams.node.type.name;
-    domRef.dataset.prosemirrorNodeInline = 'true';
-  }
 
   // This util is shared for tracking rendering, and the ErrorBoundary that
   // is setup to wrap the Component when rendering

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

@@ -3,7 +3,6 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { createDispatch } from '../event-dispatcher';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
@@ -70,12 +69,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"));
-      if (this.domRef && fg('platform_editor_breakout_use_css')) {
-        this.domRef.dataset.prosemirrorNodeName = this.node.type.name;
-        if (this.node.type.isBlock) {
-          this.domRef.dataset.prosemirrorNodeBlock = 'true';
-        }
-      }
       var _getPerformanceOption = getPerformanceOptions(this.view),
         samplingRate = _getPerformanceOption.samplingRate,
         slowThreshold = _getPerformanceOption.slowThreshold,

package/dist/esm/safe-plugin/index.js

@@ -5,9 +5,35 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _toArray from "@babel/runtime/helpers/toArray";
+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 { Plugin } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
+/**
+ * 🧱 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 var attachGenericProseMirrorMetadata = function attachGenericProseMirrorMetadata(_ref) {
+  var nodeOrMark = _ref.nodeOrMark,
+    dom = _ref.dom;
+  var metadata = createProseMirrorMetadata(nodeOrMark);
+  Object.entries(metadata).forEach(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      name = _ref3[0],
+      value = _ref3[1];
+    dom.setAttribute(name, value);
+  });
+};
+
 // Wraper to avoid any exception during the get pos operation
 // See this https://hello.atlassian.net/wiki/spaces/EDITOR/pages/2849713193/ED-19672+Extensions+Regression
 // And this https://discuss.prosemirror.net/t/possible-bug-on-viewdesc-posbeforechild/5783
@@ -35,7 +61,14 @@ var wrapGetPosExceptions = function wrapGetPosExceptions(spec) {
             return;
             // eslint-disable-next-line no-extra-bind
           }.bind(thisArg);
-          return Reflect.apply(target, thisArg, [node, view, safeGetPos].concat(_toConsumableArray(more)));
+          var result = Reflect.apply(target, thisArg, [node, view, safeGetPos].concat(_toConsumableArray(more)));
+          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement && fg('platform_editor_breakout_use_css')) {
+            attachGenericProseMirrorMetadata({
+              nodeOrMark: node,
+              dom: result.dom
+            });
+          }
+          return result;
         }
       });
       return safeNodeView;

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

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "93.1.4";
+var packageVersion = "93.1.6";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/FloatingToolbar/Button.js

@@ -6,6 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useEffect } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import Tooltip from '@atlaskit/tooltip';
+import { Pulse } from '../Pulse/Pulse';
 import { getButtonStyles, iconOnlySpacing } from './styles';
 export default (function (_ref) {
   var title = _ref.title,
@@ -35,7 +36,8 @@ export default (function (_ref) {
     tabIndex = _ref.tabIndex,
     areaControls = _ref.areaControls,
     ariaLabel = _ref.ariaLabel,
-    isRadioButton = _ref.isRadioButton;
+    isRadioButton = _ref.isRadioButton,
+    pulse = _ref.pulse;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
   var customSpacing = iconOnly ? iconOnlySpacing : {};
@@ -58,6 +60,8 @@ export default (function (_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/React.createElement(Pulse, {
+    pulse: pulse
   }, /*#__PURE__*/React.createElement(Button
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
@@ -100,5 +104,5 @@ export default (function (_ref) {
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
     ,
     tabIndex: tabIndex
-  }, children)));
+  }, children))));
 });