@atlaskit/editor-common 107.24.0 → 107.25.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-common
 
+## 107.25.0
+
+### Minor Changes
+
+- [`e2bb51245dcec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2bb51245dcec) -
+  ED-28774 add native editor anchor support
+- [`5651a63330731`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5651a63330731) -
+  [ux] Adds Animation when Drop List is rendered. The animation function is cubic-bezier(0.8, 0,
+  0, 1) and the animation duraion is 360ms. The change is behind a FF only for confluence"
+
+### Patch Changes
+
+- Updated dependencies
+
+## 107.24.1
+
+### Patch Changes
+
+- [`3fff102f55da9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3fff102f55da9) -
+  Cleanup FG platform_editor_ol_padding_fix
+- Updated dependencies
+
 ## 107.24.0
 
 ### Minor Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "107.23.3";
+var packageVersion = "107.24.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/node-anchor/dynamic-bit-array.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DynamicBitArray = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var DEFAULT_CHUNK_SIZE = 4096; // Default chunk size in bits
+
+/**
+ * A dynamic bit array implementation that allows for efficient storage and manipulation of bits.
+ * It supports dynamic resizing and provides methods for setting and getting bit values.
+ * This is useful for scenarios where you need to manage a large number of boolean flags efficiently.
+ */
+var DynamicBitArray = exports.DynamicBitArray = /*#__PURE__*/function () {
+  function DynamicBitArray() {
+    var chunkSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_CHUNK_SIZE;
+    (0, _classCallCheck2.default)(this, DynamicBitArray);
+    this.chunkSize = chunkSize;
+    this.chunkTotalBitSize = this.chunkSize * 8;
+    this.bitArrays = [];
+  }
+  return (0, _createClass2.default)(DynamicBitArray, [{
+    key: "set",
+    value: function set(index, value) {
+      var bitArray = this.getChunk(index);
+      var byteOffset = index % this.chunkTotalBitSize;
+      var byteIndex = Math.floor(byteOffset / 8); // Get the byte index
+      var bitOffset = byteOffset % 8; // Get the bit offset within the byte
+
+      if (value) {
+        bitArray[byteIndex] |= 1 << bitOffset; // set the bit
+      } else {
+        bitArray[byteIndex] &= ~(1 << bitOffset); // clear the bit
+      }
+    }
+  }, {
+    key: "get",
+    value: function get(index) {
+      var bitArray = this.getChunk(index);
+      var byteOffset = index % this.chunkTotalBitSize;
+      var byteIndex = Math.floor(byteOffset / 8); // Get the byte index
+      var bitOffset = byteOffset % 8; // Get the bit offset within the byte
+
+      return (bitArray[byteIndex] & 1 << bitOffset) !== 0; // Check if the bit is set
+    }
+  }, {
+    key: "getChunk",
+    value: function getChunk(index) {
+      var chunkIndex = Math.floor(index / this.chunkTotalBitSize);
+      if (!this.bitArrays[chunkIndex]) {
+        this.bitArrays[chunkIndex] = new Uint8Array(this.chunkSize);
+      }
+      return this.bitArrays[chunkIndex];
+    }
+  }]);
+}();

package/dist/cjs/node-anchor/node-anchor-provider.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNodeIdProvider = exports.NodeAnchorProvider = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _dynamicBitArray = require("./dynamic-bit-array");
+var NodeAnchorProvider = exports.NodeAnchorProvider = /*#__PURE__*/function () {
+  function NodeAnchorProvider() {
+    (0, _classCallCheck2.default)(this, NodeAnchorProvider);
+    (0, _defineProperty2.default)(this, "cache", new WeakMap());
+    (0, _defineProperty2.default)(this, "count", BigInt(0));
+    (0, _defineProperty2.default)(this, "existingPos", new _dynamicBitArray.DynamicBitArray());
+  }
+  return (0, _createClass2.default)(NodeAnchorProvider, [{
+    key: "getOrGenerateId",
+    value:
+    // We use pos to generate unique ids for each node at a specific position
+    // This is to ensure the same ADF will always generate the same DOM initially
+    function getOrGenerateId(node, pos) {
+      if (this.cache.has(node)) {
+        return this.cache.get(node);
+      }
+      var idSuffix = '';
+      if (this.existingPos.get(pos)) {
+        idSuffix = "-".concat((this.count++).toString(36));
+      } else {
+        this.existingPos.set(pos, true);
+      }
+      var anchorName = "--anchor-".concat(node.type.name, "-").concat(pos).concat(idSuffix);
+      this.cache.set(node, anchorName);
+      return anchorName;
+    }
+  }]);
+}();
+var nodeIdProviderMap = new WeakMap();
+
+// Get the NodeIdProvider for a specific EditorView instance.
+// This allows access to the node ids anywhere.
+var getNodeIdProvider = exports.getNodeIdProvider = function getNodeIdProvider(editorView) {
+  if (!nodeIdProviderMap.has(editorView)) {
+    var provider = new NodeAnchorProvider();
+    nodeIdProviderMap.set(editorView, provider);
+    return provider;
+  }
+
+  // This is based on the fact that editorView is a singleton.
+  return nodeIdProviderMap.get(editorView);
+};

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createProseMirrorMetadata = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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; } // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
@@ -29,7 +30,7 @@ var isPMNode = function isPMNode(nodeOrMark) {
  *  - `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 createProseMirrorMetadata = exports.createProseMirrorMetadata = function createProseMirrorMetadata(nodeOrMark, options) {
   var name = nodeOrMark.type.name;
   var isNode = isPMNode(nodeOrMark);
   var commonAttributes = {
@@ -45,5 +46,8 @@ var createProseMirrorMetadata = exports.createProseMirrorMetadata = function cre
   if (nodeOrMark.type.isInline) {
     commonAttributes['data-prosemirror-node-inline'] = 'true';
   }
+  if ((options === null || options === void 0 ? void 0 : options.anchrorId) !== undefined && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true)) {
+    commonAttributes['data-node-anchor'] = options.anchrorId;
+  }
   return commonAttributes;
 };

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

@@ -14,6 +14,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _nodeAnchorProvider = require("../node-anchor/node-anchor-provider");
 var _prosemirrorDomMetadata = require("../prosemirror-dom-metadata");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -30,8 +32,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */
 var attachGenericProseMirrorMetadata = exports.attachGenericProseMirrorMetadata = function attachGenericProseMirrorMetadata(_ref) {
   var nodeOrMark = _ref.nodeOrMark,
-    dom = _ref.dom;
-  var metadata = (0, _prosemirrorDomMetadata.createProseMirrorMetadata)(nodeOrMark);
+    dom = _ref.dom,
+    options = _ref.options;
+  var metadata = (0, _prosemirrorDomMetadata.createProseMirrorMetadata)(nodeOrMark, options);
   Object.entries(metadata).forEach(function (_ref2) {
     var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
       name = _ref3[0],
@@ -49,6 +52,7 @@ var wrapGetPosExceptions = function wrapGetPosExceptions(spec) {
     return spec;
   }
   var unsafeNodeViews = spec.props.nodeViews;
+  var nodeIdProvider;
   var safeNodeViews = new Proxy(unsafeNodeViews, {
     get: function get(target, prop, receiver) {
       var safeNodeView = new Proxy(Reflect.get(target, prop, receiver), {
@@ -58,20 +62,30 @@ var wrapGetPosExceptions = function wrapGetPosExceptions(spec) {
             view = _argumentsList[1],
             unsafeGetPos = _argumentsList[2],
             more = _argumentsList.slice(3);
+          if (!nodeIdProvider && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true)) {
+            nodeIdProvider = (0, _nodeAnchorProvider.getNodeIdProvider)(view);
+          }
           var safeGetPos = function () {
             try {
               return unsafeGetPos();
             } catch (e) {
               return;
             }
-            return;
+
             // eslint-disable-next-line no-extra-bind
           }.bind(thisArg);
           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) {
+            var _nodeIdProvider;
+            // we only attach metadata to the dom if its position is known
+            var pos = safeGetPos();
+            var options = pos !== undefined && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? {
+              anchrorId: (_nodeIdProvider = nodeIdProvider) === null || _nodeIdProvider === void 0 ? void 0 : _nodeIdProvider.getOrGenerateId(node, pos)
+            } : undefined;
             attachGenericProseMirrorMetadata({
               nodeOrMark: node,
-              dom: result.dom
+              dom: result.dom,
+              options: options
             });
           }
           return result;

package/dist/cjs/styles/shared/lists.js

@@ -11,7 +11,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _browser = require("../../utils/browser");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var listItemCounterPadding = exports.listItemCounterPadding = 24;
@@ -25,7 +24,7 @@ var getItemCounterLeftPadding = function getItemCounterLeftPadding(itemCounterDi
   // character). We use "ch" so that this computed padding can now grow if
   //  the font-size ever enlarges.
   var paddingLeft = "2.385ch";
-  if (itemCounterDigitsSize >= ((0, _platformFeatureFlags.fg)('platform_editor_ol_padding_fix') ? 2 : 3)) {
+  if (itemCounterDigitsSize >= 2) {
     // When there are 2 or more digits, we use a combination of "ch" units and
     // pixel values so that while the computed padding grows if font-size ever
     // enlarges, it doesn't over-scale with each digit (because of the fixed pixel

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

@@ -16,6 +16,7 @@ var _react2 = require("@emotion/react");
 var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-next/createAndFireEvents"));
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _Layer = _interopRequireDefault(require("../Layer"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
@@ -23,9 +24,17 @@ 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 = "107.23.3";
+var packageVersion = "107.24.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
+var fadeIn = (0, _react2.keyframes)({
+  '0%': {
+    opacity: 0
+  },
+  '100%': {
+    opacity: 1
+  }
+});
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var DropList = /*#__PURE__*/function (_Component) {
@@ -52,6 +61,11 @@ var DropList = /*#__PURE__*/function (_Component) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       boxSizing: _this.props.shouldFitContainer ? 'border-box' : undefined
     }));
+    (0, _defineProperty2.default)(_this, "motionStyles", (0, _react2.css)({
+      animationName: "".concat(fadeIn),
+      animationDuration: '360ms',
+      animationTimingFunction: 'cubic-bezier(0.8, 0, 0, 1)'
+    }));
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     (0, _defineProperty2.default)(_this, "menuWrapper", function () {
       return (0, _react2.css)({
@@ -169,7 +183,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         role: "presentation"
       }, children) : null;
       return (0, _react2.jsx)("div", {
-        css: this.wrapperStyles,
+        css: [this.wrapperStyles, (0, _platformFeatureFlags.fg)('p2m-drop-down-motion') && this.motionStyles],
         ref: this.handleDroplistRef
       }, (0, _react2.jsx)(_Layer.default, {
         content: layerContent,
@@ -177,7 +191,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         position: position,
         onPositioned: onPositioned
       }, (0, _react2.jsx)("div", {
-        css: this.triggerStyles,
+        css: [this.triggerStyles, (0, _platformFeatureFlags.fg)('p2m-drop-down-motion') && this.motionStyles],
         ref: this.handleTriggerRef
       }, trigger)));
     }

package/dist/cjs/utils/wrap-selection-in.js

@@ -11,12 +11,11 @@ var _createWrapSelectionTransaction = require("./create-wrap-selection-transacti
  * 2. If current block can not be wrapped inside wrapping block it will create a new block below selection,
  *  and set selection on it.
  */
-function wrapSelectionIn(type, nodeAttributes) {
+function wrapSelectionIn(type) {
   return function (state, dispatch) {
     var tr = (0, _createWrapSelectionTransaction.createWrapSelectionTransaction)({
       state: state,
-      type: type,
-      nodeAttributes: nodeAttributes
+      type: type
     });
     if (dispatch) {
       dispatch(tr);

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 = "107.23.3";
+const packageVersion = "107.24.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/node-anchor/dynamic-bit-array.js

@@ -0,0 +1,41 @@
+const DEFAULT_CHUNK_SIZE = 4096; // Default chunk size in bits
+
+/**
+ * A dynamic bit array implementation that allows for efficient storage and manipulation of bits.
+ * It supports dynamic resizing and provides methods for setting and getting bit values.
+ * This is useful for scenarios where you need to manage a large number of boolean flags efficiently.
+ */
+export class DynamicBitArray {
+  constructor(chunkSize = DEFAULT_CHUNK_SIZE) {
+    this.chunkSize = chunkSize;
+    this.chunkTotalBitSize = this.chunkSize * 8;
+    this.bitArrays = [];
+  }
+  set(index, value) {
+    const bitArray = this.getChunk(index);
+    const byteOffset = index % this.chunkTotalBitSize;
+    const byteIndex = Math.floor(byteOffset / 8); // Get the byte index
+    const bitOffset = byteOffset % 8; // Get the bit offset within the byte
+
+    if (value) {
+      bitArray[byteIndex] |= 1 << bitOffset; // set the bit
+    } else {
+      bitArray[byteIndex] &= ~(1 << bitOffset); // clear the bit
+    }
+  }
+  get(index) {
+    const bitArray = this.getChunk(index);
+    const byteOffset = index % this.chunkTotalBitSize;
+    const byteIndex = Math.floor(byteOffset / 8); // Get the byte index
+    const bitOffset = byteOffset % 8; // Get the bit offset within the byte
+
+    return (bitArray[byteIndex] & 1 << bitOffset) !== 0; // Check if the bit is set
+  }
+  getChunk(index) {
+    const chunkIndex = Math.floor(index / this.chunkTotalBitSize);
+    if (!this.bitArrays[chunkIndex]) {
+      this.bitArrays[chunkIndex] = new Uint8Array(this.chunkSize);
+    }
+    return this.bitArrays[chunkIndex];
+  }
+}

package/dist/es2019/node-anchor/node-anchor-provider.js

@@ -0,0 +1,39 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { DynamicBitArray } from './dynamic-bit-array';
+export class NodeAnchorProvider {
+  constructor() {
+    _defineProperty(this, "cache", new WeakMap());
+    _defineProperty(this, "count", BigInt(0));
+    _defineProperty(this, "existingPos", new DynamicBitArray());
+  }
+  // We use pos to generate unique ids for each node at a specific position
+  // This is to ensure the same ADF will always generate the same DOM initially
+  getOrGenerateId(node, pos) {
+    if (this.cache.has(node)) {
+      return this.cache.get(node);
+    }
+    let idSuffix = '';
+    if (this.existingPos.get(pos)) {
+      idSuffix = `-${(this.count++).toString(36)}`;
+    } else {
+      this.existingPos.set(pos, true);
+    }
+    const anchorName = `--anchor-${node.type.name}-${pos}${idSuffix}`;
+    this.cache.set(node, anchorName);
+    return anchorName;
+  }
+}
+const nodeIdProviderMap = new WeakMap();
+
+// Get the NodeIdProvider for a specific EditorView instance.
+// This allows access to the node ids anywhere.
+export const getNodeIdProvider = editorView => {
+  if (!nodeIdProviderMap.has(editorView)) {
+    const provider = new NodeAnchorProvider();
+    nodeIdProviderMap.set(editorView, provider);
+    return provider;
+  }
+
+  // This is based on the fact that editorView is a singleton.
+  return nodeIdProviderMap.get(editorView);
+};

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

@@ -2,6 +2,7 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const isPMNode = nodeOrMark => {
   return nodeOrMark instanceof PMNode || Array.isArray(nodeOrMark.marks);
 };
@@ -21,7 +22,7 @@ const isPMNode = nodeOrMark => {
  *  - `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 => {
+export const createProseMirrorMetadata = (nodeOrMark, options) => {
   const name = nodeOrMark.type.name;
   const isNode = isPMNode(nodeOrMark);
   const commonAttributes = {
@@ -40,5 +41,8 @@ export const createProseMirrorMetadata = nodeOrMark => {
   if (nodeOrMark.type.isInline) {
     commonAttributes['data-prosemirror-node-inline'] = 'true';
   }
+  if ((options === null || options === void 0 ? void 0 : options.anchrorId) !== undefined && expValEquals('platform_editor_native_anchor_support', 'isEnabled', true)) {
+    commonAttributes['data-node-anchor'] = options.anchrorId;
+  }
   return commonAttributes;
 };

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

@@ -1,4 +1,6 @@
 import { Plugin } from '@atlaskit/editor-prosemirror/state';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { getNodeIdProvider } from '../node-anchor/node-anchor-provider';
 import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
@@ -13,9 +15,10 @@ import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
  */
 export const attachGenericProseMirrorMetadata = ({
   nodeOrMark,
-  dom
+  dom,
+  options
 }) => {
-  const metadata = createProseMirrorMetadata(nodeOrMark);
+  const metadata = createProseMirrorMetadata(nodeOrMark, options);
   Object.entries(metadata).forEach(([name, value]) => {
     dom.setAttribute(name, value);
   });
@@ -30,25 +33,36 @@ const wrapGetPosExceptions = spec => {
     return spec;
   }
   const unsafeNodeViews = spec.props.nodeViews;
+  let nodeIdProvider;
   const safeNodeViews = new Proxy(unsafeNodeViews, {
     get(target, prop, receiver) {
       const safeNodeView = new Proxy(Reflect.get(target, prop, receiver), {
         apply(target, thisArg, argumentsList) {
           const [node, view, unsafeGetPos, ...more] = argumentsList;
+          if (!nodeIdProvider && expValEquals('platform_editor_native_anchor_support', 'isEnabled', true)) {
+            nodeIdProvider = getNodeIdProvider(view);
+          }
           const safeGetPos = (() => {
             try {
               return unsafeGetPos();
             } catch (e) {
               return;
             }
-            return;
+
             // eslint-disable-next-line no-extra-bind
           }).bind(thisArg);
           const result = Reflect.apply(target, thisArg, [node, view, safeGetPos, ...more]);
           if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement) {
+            var _nodeIdProvider;
+            // we only attach metadata to the dom if its position is known
+            const pos = safeGetPos();
+            const options = pos !== undefined && expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? {
+              anchrorId: (_nodeIdProvider = nodeIdProvider) === null || _nodeIdProvider === void 0 ? void 0 : _nodeIdProvider.getOrGenerateId(node, pos)
+            } : undefined;
             attachGenericProseMirrorMetadata({
               nodeOrMark: node,
-              dom: result.dom
+              dom: result.dom,
+              options
             });
           }
           return result;

package/dist/es2019/styles/shared/lists.js

@@ -1,7 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { browser } from '../../utils/browser';
 export const listItemCounterPadding = 24;
 var CSS_VAR_NAMES = /*#__PURE__*/function (CSS_VAR_NAMES) {
@@ -14,7 +13,7 @@ const getItemCounterLeftPadding = itemCounterDigitsSize => {
   // character). We use "ch" so that this computed padding can now grow if
   //  the font-size ever enlarges.
   let paddingLeft = `2.385ch`;
-  if (itemCounterDigitsSize >= (fg('platform_editor_ol_padding_fix') ? 2 : 3)) {
+  if (itemCounterDigitsSize >= 2) {
     // When there are 2 or more digits, we use a combination of "ch" units and
     // pixel values so that while the computed padding grows if font-size ever
     // enlarges, it doesn't over-scale with each digit (because of the fixed pixel

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

@@ -7,15 +7,24 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+import { css, jsx, keyframes } from '@emotion/react';
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.23.3";
+const packageVersion = "107.24.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
+const fadeIn = keyframes({
+  '0%': {
+    opacity: 0
+  },
+  '100%': {
+    opacity: 1
+  }
+});
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class DropList extends Component {
@@ -37,6 +46,11 @@ class DropList extends Component {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       boxSizing: this.props.shouldFitContainer ? 'border-box' : undefined
     }));
+    _defineProperty(this, "motionStyles", css({
+      animationName: `${fadeIn}`,
+      animationDuration: '360ms',
+      animationTimingFunction: 'cubic-bezier(0.8, 0, 0, 1)'
+    }));
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     _defineProperty(this, "menuWrapper", () => {
       return css({
@@ -154,7 +168,7 @@ class DropList extends Component {
       role: "presentation"
     }, children) : null;
     return jsx("div", {
-      css: this.wrapperStyles,
+      css: [this.wrapperStyles, fg('p2m-drop-down-motion') && this.motionStyles],
       ref: this.handleDroplistRef
     }, jsx(Layer, {
       content: layerContent,
@@ -162,7 +176,7 @@ class DropList extends Component {
       position: position,
       onPositioned: onPositioned
     }, jsx("div", {
-      css: this.triggerStyles,
+      css: [this.triggerStyles, fg('p2m-drop-down-motion') && this.motionStyles],
       ref: this.handleTriggerRef
     }, trigger)));
   }

package/dist/es2019/utils/wrap-selection-in.js

@@ -5,12 +5,11 @@ import { createWrapSelectionTransaction } from './create-wrap-selection-transact
  * 2. If current block can not be wrapped inside wrapping block it will create a new block below selection,
  *  and set selection on it.
  */
-export function wrapSelectionIn(type, nodeAttributes) {
+export function wrapSelectionIn(type) {
   return function (state, dispatch) {
     const tr = createWrapSelectionTransaction({
       state,
-      type,
-      nodeAttributes
+      type
     });
     if (dispatch) {
       dispatch(tr);

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 = "107.23.3";
+var packageVersion = "107.24.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/node-anchor/dynamic-bit-array.js

@@ -0,0 +1,52 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+var DEFAULT_CHUNK_SIZE = 4096; // Default chunk size in bits
+
+/**
+ * A dynamic bit array implementation that allows for efficient storage and manipulation of bits.
+ * It supports dynamic resizing and provides methods for setting and getting bit values.
+ * This is useful for scenarios where you need to manage a large number of boolean flags efficiently.
+ */
+export var DynamicBitArray = /*#__PURE__*/function () {
+  function DynamicBitArray() {
+    var chunkSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_CHUNK_SIZE;
+    _classCallCheck(this, DynamicBitArray);
+    this.chunkSize = chunkSize;
+    this.chunkTotalBitSize = this.chunkSize * 8;
+    this.bitArrays = [];
+  }
+  return _createClass(DynamicBitArray, [{
+    key: "set",
+    value: function set(index, value) {
+      var bitArray = this.getChunk(index);
+      var byteOffset = index % this.chunkTotalBitSize;
+      var byteIndex = Math.floor(byteOffset / 8); // Get the byte index
+      var bitOffset = byteOffset % 8; // Get the bit offset within the byte
+
+      if (value) {
+        bitArray[byteIndex] |= 1 << bitOffset; // set the bit
+      } else {
+        bitArray[byteIndex] &= ~(1 << bitOffset); // clear the bit
+      }
+    }
+  }, {
+    key: "get",
+    value: function get(index) {
+      var bitArray = this.getChunk(index);
+      var byteOffset = index % this.chunkTotalBitSize;
+      var byteIndex = Math.floor(byteOffset / 8); // Get the byte index
+      var bitOffset = byteOffset % 8; // Get the bit offset within the byte
+
+      return (bitArray[byteIndex] & 1 << bitOffset) !== 0; // Check if the bit is set
+    }
+  }, {
+    key: "getChunk",
+    value: function getChunk(index) {
+      var chunkIndex = Math.floor(index / this.chunkTotalBitSize);
+      if (!this.bitArrays[chunkIndex]) {
+        this.bitArrays[chunkIndex] = new Uint8Array(this.chunkSize);
+      }
+      return this.bitArrays[chunkIndex];
+    }
+  }]);
+}();

package/dist/esm/node-anchor/node-anchor-provider.js

@@ -0,0 +1,46 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { DynamicBitArray } from './dynamic-bit-array';
+export var NodeAnchorProvider = /*#__PURE__*/function () {
+  function NodeAnchorProvider() {
+    _classCallCheck(this, NodeAnchorProvider);
+    _defineProperty(this, "cache", new WeakMap());
+    _defineProperty(this, "count", BigInt(0));
+    _defineProperty(this, "existingPos", new DynamicBitArray());
+  }
+  return _createClass(NodeAnchorProvider, [{
+    key: "getOrGenerateId",
+    value:
+    // We use pos to generate unique ids for each node at a specific position
+    // This is to ensure the same ADF will always generate the same DOM initially
+    function getOrGenerateId(node, pos) {
+      if (this.cache.has(node)) {
+        return this.cache.get(node);
+      }
+      var idSuffix = '';
+      if (this.existingPos.get(pos)) {
+        idSuffix = "-".concat((this.count++).toString(36));
+      } else {
+        this.existingPos.set(pos, true);
+      }
+      var anchorName = "--anchor-".concat(node.type.name, "-").concat(pos).concat(idSuffix);
+      this.cache.set(node, anchorName);
+      return anchorName;
+    }
+  }]);
+}();
+var nodeIdProviderMap = new WeakMap();
+
+// Get the NodeIdProvider for a specific EditorView instance.
+// This allows access to the node ids anywhere.
+export var getNodeIdProvider = function getNodeIdProvider(editorView) {
+  if (!nodeIdProviderMap.has(editorView)) {
+    var provider = new NodeAnchorProvider();
+    nodeIdProviderMap.set(editorView, provider);
+    return provider;
+  }
+
+  // This is based on the fact that editorView is a singleton.
+  return nodeIdProviderMap.get(editorView);
+};

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

@@ -5,6 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var isPMNode = function isPMNode(nodeOrMark) {
   return nodeOrMark instanceof PMNode || Array.isArray(nodeOrMark.marks);
 };
@@ -24,7 +25,7 @@ var isPMNode = function isPMNode(nodeOrMark) {
  *  - `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) {
+export var createProseMirrorMetadata = function createProseMirrorMetadata(nodeOrMark, options) {
   var name = nodeOrMark.type.name;
   var isNode = isPMNode(nodeOrMark);
   var commonAttributes = {
@@ -40,5 +41,8 @@ export var createProseMirrorMetadata = function createProseMirrorMetadata(nodeOr
   if (nodeOrMark.type.isInline) {
     commonAttributes['data-prosemirror-node-inline'] = 'true';
   }
+  if ((options === null || options === void 0 ? void 0 : options.anchrorId) !== undefined && expValEquals('platform_editor_native_anchor_support', 'isEnabled', true)) {
+    commonAttributes['data-node-anchor'] = options.anchrorId;
+  }
   return commonAttributes;
 };

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

@@ -9,6 +9,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, 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 { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { getNodeIdProvider } from '../node-anchor/node-anchor-provider';
 import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
@@ -23,8 +25,9 @@ import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
  */
 export var attachGenericProseMirrorMetadata = function attachGenericProseMirrorMetadata(_ref) {
   var nodeOrMark = _ref.nodeOrMark,
-    dom = _ref.dom;
-  var metadata = createProseMirrorMetadata(nodeOrMark);
+    dom = _ref.dom,
+    options = _ref.options;
+  var metadata = createProseMirrorMetadata(nodeOrMark, options);
   Object.entries(metadata).forEach(function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
       name = _ref3[0],
@@ -42,6 +45,7 @@ var wrapGetPosExceptions = function wrapGetPosExceptions(spec) {
     return spec;
   }
   var unsafeNodeViews = spec.props.nodeViews;
+  var nodeIdProvider;
   var safeNodeViews = new Proxy(unsafeNodeViews, {
     get: function get(target, prop, receiver) {
       var safeNodeView = new Proxy(Reflect.get(target, prop, receiver), {
@@ -51,20 +55,30 @@ var wrapGetPosExceptions = function wrapGetPosExceptions(spec) {
             view = _argumentsList[1],
             unsafeGetPos = _argumentsList[2],
             more = _argumentsList.slice(3);
+          if (!nodeIdProvider && expValEquals('platform_editor_native_anchor_support', 'isEnabled', true)) {
+            nodeIdProvider = getNodeIdProvider(view);
+          }
           var safeGetPos = function () {
             try {
               return unsafeGetPos();
             } catch (e) {
               return;
             }
-            return;
+
             // eslint-disable-next-line no-extra-bind
           }.bind(thisArg);
           var result = Reflect.apply(target, thisArg, [node, view, safeGetPos].concat(_toConsumableArray(more)));
           if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement) {
+            var _nodeIdProvider;
+            // we only attach metadata to the dom if its position is known
+            var pos = safeGetPos();
+            var options = pos !== undefined && expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? {
+              anchrorId: (_nodeIdProvider = nodeIdProvider) === null || _nodeIdProvider === void 0 ? void 0 : _nodeIdProvider.getOrGenerateId(node, pos)
+            } : undefined;
             attachGenericProseMirrorMetadata({
               nodeOrMark: node,
-              dom: result.dom
+              dom: result.dom,
+              options: options
             });
           }
           return result;

package/dist/esm/styles/shared/lists.js

@@ -5,7 +5,6 @@ var _templateObject;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { browser } from '../../utils/browser';
 export var listItemCounterPadding = 24;
 var CSS_VAR_NAMES = /*#__PURE__*/function (CSS_VAR_NAMES) {
@@ -18,7 +17,7 @@ var getItemCounterLeftPadding = function getItemCounterLeftPadding(itemCounterDi
   // character). We use "ch" so that this computed padding can now grow if
   //  the font-size ever enlarges.
   var paddingLeft = "2.385ch";
-  if (itemCounterDigitsSize >= (fg('platform_editor_ol_padding_fix') ? 2 : 3)) {
+  if (itemCounterDigitsSize >= 2) {
     // When there are 2 or more digits, we use a combination of "ch" units and
     // pixel values so that while the computed padding grows if font-size ever
     // enlarges, it doesn't over-scale with each digit (because of the fixed pixel

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

@@ -14,15 +14,24 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import { Component } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+import { css, jsx, keyframes } from '@emotion/react';
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.23.3";
+var packageVersion = "107.24.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
+var fadeIn = keyframes({
+  '0%': {
+    opacity: 0
+  },
+  '100%': {
+    opacity: 1
+  }
+});
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var DropList = /*#__PURE__*/function (_Component) {
@@ -49,6 +58,11 @@ var DropList = /*#__PURE__*/function (_Component) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       boxSizing: _this.props.shouldFitContainer ? 'border-box' : undefined
     }));
+    _defineProperty(_this, "motionStyles", css({
+      animationName: "".concat(fadeIn),
+      animationDuration: '360ms',
+      animationTimingFunction: 'cubic-bezier(0.8, 0, 0, 1)'
+    }));
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     _defineProperty(_this, "menuWrapper", function () {
       return css({
@@ -166,7 +180,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         role: "presentation"
       }, children) : null;
       return jsx("div", {
-        css: this.wrapperStyles,
+        css: [this.wrapperStyles, fg('p2m-drop-down-motion') && this.motionStyles],
         ref: this.handleDroplistRef
       }, jsx(Layer, {
         content: layerContent,
@@ -174,7 +188,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         position: position,
         onPositioned: onPositioned
       }, jsx("div", {
-        css: this.triggerStyles,
+        css: [this.triggerStyles, fg('p2m-drop-down-motion') && this.motionStyles],
         ref: this.handleTriggerRef
       }, trigger)));
     }

package/dist/esm/utils/wrap-selection-in.js

@@ -5,12 +5,11 @@ import { createWrapSelectionTransaction } from './create-wrap-selection-transact
  * 2. If current block can not be wrapped inside wrapping block it will create a new block below selection,
  *  and set selection on it.
  */
-export function wrapSelectionIn(type, nodeAttributes) {
+export function wrapSelectionIn(type) {
   return function (state, dispatch) {
     var tr = createWrapSelectionTransaction({
       state: state,
-      type: type,
-      nodeAttributes: nodeAttributes
+      type: type
     });
     if (dispatch) {
       dispatch(tr);

package/dist/types/node-anchor/dynamic-bit-array.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A dynamic bit array implementation that allows for efficient storage and manipulation of bits.
+ * It supports dynamic resizing and provides methods for setting and getting bit values.
+ * This is useful for scenarios where you need to manage a large number of boolean flags efficiently.
+ */
+export declare class DynamicBitArray {
+    private chunkSize;
+    private chunkTotalBitSize;
+    private bitArrays;
+    constructor(chunkSize?: number);
+    set(index: number, value: boolean): void;
+    get(index: number): boolean;
+    private getChunk;
+}

package/dist/types/node-anchor/node-anchor-provider.d.ts

@@ -0,0 +1,9 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare class NodeAnchorProvider {
+    private cache;
+    private count;
+    private existingPos;
+    getOrGenerateId(node: PMNode, pos: number): string | null;
+}
+export declare const getNodeIdProvider: (editorView: EditorView) => NodeAnchorProvider;

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

@@ -15,4 +15,6 @@ import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
  *  - `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>;
+export declare const createProseMirrorMetadata: (nodeOrMark: PMNode | PMMark, options?: {
+    anchrorId?: string;
+}) => Record<string, string>;

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

@@ -13,9 +13,12 @@ import type { SafePluginSpec } from '@atlaskit/editor-prosemirror/state';
  * @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, }: {
+export declare const attachGenericProseMirrorMetadata: ({ nodeOrMark, dom, options, }: {
     nodeOrMark: PMNode | PMMark;
     dom: HTMLElement;
+    options?: {
+        anchrorId?: string;
+    };
 }) => void;
 export declare class SafePlugin<T = any> extends Plugin<T> {
     _isATypeSafePlugin: never;

package/dist/types/utils/wrap-selection-in.d.ts

@@ -6,4 +6,4 @@ import type { Command } from '../types';
  * 2. If current block can not be wrapped inside wrapping block it will create a new block below selection,
  *  and set selection on it.
  */
-export declare function wrapSelectionIn(type: NodeType, nodeAttributes?: Record<string, unknown>): Command;
+export declare function wrapSelectionIn(type: NodeType): Command;

package/dist/types-ts4.5/node-anchor/dynamic-bit-array.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A dynamic bit array implementation that allows for efficient storage and manipulation of bits.
+ * It supports dynamic resizing and provides methods for setting and getting bit values.
+ * This is useful for scenarios where you need to manage a large number of boolean flags efficiently.
+ */
+export declare class DynamicBitArray {
+    private chunkSize;
+    private chunkTotalBitSize;
+    private bitArrays;
+    constructor(chunkSize?: number);
+    set(index: number, value: boolean): void;
+    get(index: number): boolean;
+    private getChunk;
+}

package/dist/types-ts4.5/node-anchor/node-anchor-provider.d.ts

@@ -0,0 +1,9 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare class NodeAnchorProvider {
+    private cache;
+    private count;
+    private existingPos;
+    getOrGenerateId(node: PMNode, pos: number): string | null;
+}
+export declare const getNodeIdProvider: (editorView: EditorView) => NodeAnchorProvider;

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

@@ -15,4 +15,6 @@ import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
  *  - `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>;
+export declare const createProseMirrorMetadata: (nodeOrMark: PMNode | PMMark, options?: {
+    anchrorId?: string;
+}) => Record<string, string>;

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

@@ -13,9 +13,12 @@ import type { SafePluginSpec } from '@atlaskit/editor-prosemirror/state';
  * @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, }: {
+export declare const attachGenericProseMirrorMetadata: ({ nodeOrMark, dom, options, }: {
     nodeOrMark: PMNode | PMMark;
     dom: HTMLElement;
+    options?: {
+        anchrorId?: string;
+    };
 }) => void;
 export declare class SafePlugin<T = any> extends Plugin<T> {
     _isATypeSafePlugin: never;

package/dist/types-ts4.5/utils/wrap-selection-in.d.ts

@@ -6,4 +6,4 @@ import type { Command } from '../types';
  * 2. If current block can not be wrapped inside wrapping block it will create a new block below selection,
  *  and set selection on it.
  */
-export declare function wrapSelectionIn(type: NodeType, nodeAttributes?: Record<string, unknown>): Command;
+export declare function wrapSelectionIn(type: NodeType): Command;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.24.0",
+	"version": "107.25.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -130,7 +130,7 @@
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/atlassian-context": "^0.4.0",
-		"@atlaskit/button": "^23.3.0",
+		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/css": "^0.12.0",
@@ -174,7 +174,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.29.0",
+		"@atlaskit/tmp-editor-statsig": "^10.0.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -214,7 +214,7 @@
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/media-core": "^37.0.0",
-		"@atlaskit/media-test-helpers": "^38.0.0",
+		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/util-data-test": "^18.1.0",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/dom": "^10.1.0",
@@ -362,7 +362,7 @@
 		"platform_editor_find_and_replace_improvements_1": {
 			"type": "boolean"
 		},
-		"platform_editor_ol_padding_fix": {
+		"p2m-drop-down-motion": {
 			"type": "boolean"
 		}
 	}