@atlaskit/editor-common 93.1.4 → 93.1.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 93.1.5
+
+### Patch Changes
+
+- [#150189](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150189)
+  [`7537d7c549a7b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7537d7c549a7b) -
+  [No Issue] Improve prosemirror data attributes for nodes/marks toDOM and NodeViews
+
 ## 93.1.4
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.5";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createProseMirrorMetadata = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _model = require("@atlaskit/editor-prosemirror/model");
+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) { (0, _defineProperty2.default)(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; }
+var isPMNode = function isPMNode(nodeOrMark) {
+  return nodeOrMark instanceof _model.Node || 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.
+ */
+var createProseMirrorMetadata = exports.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), {}, (0, _defineProperty2.default)({}, '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/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 var _utils = require("../utils");
@@ -47,10 +46,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 ((0, _platformFeatureFlags.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/cjs/react-node-view/index.js

@@ -22,7 +22,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
 var _eventDispatcher = require("../event-dispatcher");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
@@ -89,12 +88,6 @@ var ReactNodeView = exports.default = /*#__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 && (0, _platformFeatureFlags.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 = (0, _utils.getPerformanceOptions)(this.view),
         samplingRate = _getPerformanceOption.samplingRate,
         slowThreshold = _getPerformanceOption.slowThreshold,

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SafePlugin = void 0;
+exports.attachGenericProseMirrorMetadata = exports.SafePlugin = void 0;
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -12,9 +12,35 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _prosemirrorDomMetadata = require("../prosemirror-dom-metadata");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/**
+ * 🧱 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.
+ */
+var attachGenericProseMirrorMetadata = exports.attachGenericProseMirrorMetadata = function attachGenericProseMirrorMetadata(_ref) {
+  var nodeOrMark = _ref.nodeOrMark,
+    dom = _ref.dom;
+  var metadata = (0, _prosemirrorDomMetadata.createProseMirrorMetadata)(nodeOrMark);
+  Object.entries(metadata).forEach(function (_ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_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
@@ -42,7 +68,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((0, _toConsumableArray2.default)(more)));
+          var result = Reflect.apply(target, thisArg, [node, view, safeGetPos].concat((0, _toConsumableArray2.default)(more)));
+          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement && (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
+            attachGenericProseMirrorMetadata({
+              nodeOrMark: node,
+              dom: result.dom
+            });
+          }
+          return result;
         }
       });
       return safeNodeView;

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "93.1.4";
+var packageVersion = "93.1.5";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "93.1.4";
+const packageVersion = "93.1.5";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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.5";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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.5";
 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.5";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "93.1.4",
+	"version": "93.1.5",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,6 +28,7 @@
 		"runReact18": true
 	},
 	"af:exports": {
+		"./prosemirror-dom-metadata": "./src/prosemirror-dom-metadata/index.ts",
 		"./whitespace": "./src/whitespace/index.ts",
 		"./event-dispatcher": "./src/event-dispatcher/index.ts",
 		"./extensions": "./src/extensions.ts",
@@ -127,7 +128,7 @@
 		"@atlaskit/emoji": "^67.8.0",
 		"@atlaskit/icon": "^22.22.0",
 		"@atlaskit/icon-object": "^6.5.0",
-		"@atlaskit/link-datasource": "^3.4.0",
+		"@atlaskit/link-datasource": "^3.5.0",
 		"@atlaskit/link-picker": "^1.47.0",
 		"@atlaskit/media-card": "^78.5.0",
 		"@atlaskit/media-client": "^28.0.0",
@@ -143,7 +144,7 @@
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/profilecard": "^20.4.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/smart-card": "^29.0.0",
+		"@atlaskit/smart-card": "^29.1.0",
 		"@atlaskit/smart-user-picker": "^6.10.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",

package/prosemirror-dom-metadata/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/prosemirror-dom-metadata",
+  "main": "../dist/cjs/prosemirror-dom-metadata/index.js",
+  "module": "../dist/esm/prosemirror-dom-metadata/index.js",
+  "module:es2019": "../dist/es2019/prosemirror-dom-metadata/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/prosemirror-dom-metadata/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/prosemirror-dom-metadata/index.d.ts"
+      ]
+    }
+  }
+}