@atlaskit/editor-common 107.24.1 → 107.25.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-common
 
+## 107.25.1
+
+### Patch Changes
+
+- [`c3b98666f3840`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c3b98666f3840) -
+  [ux] ED-28740 register insert block items to new toolbar behind platform_editor_toolbar_aifc
+- Updated dependencies
+
+## 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

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.24.0";
+var packageVersion = "107.25.0";
 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/index.js

@@ -51,6 +51,18 @@ Object.defineProperty(exports, "DATASOURCE_INNER_CONTAINER_CLASSNAME", {
     return _smartCard2.DATASOURCE_INNER_CONTAINER_CLASSNAME;
   }
 });
+Object.defineProperty(exports, "DRAG_HANDLE_SELECTOR", {
+  enumerable: true,
+  get: function get() {
+    return _dragHandle.DRAG_HANDLE_SELECTOR;
+  }
+});
+Object.defineProperty(exports, "DRAG_HANDLE_WIDTH", {
+  enumerable: true,
+  get: function get() {
+    return _dragHandle.DRAG_HANDLE_WIDTH;
+  }
+});
 Object.defineProperty(exports, "DateSharedCssClassName", {
   enumerable: true,
   get: function get() {
@@ -565,4 +577,5 @@ var _unsupportedContent = require("./shared/unsupported-content");
 var _expand = require("./shared/expand");
 var _sharedStyles = require("../ui/Expand/sharedStyles");
 var _media = require("./shared/media");
-var _breakout = require("./shared/breakout");
+var _breakout = require("./shared/breakout");
+var _dragHandle = require("./shared/drag-handle");

package/dist/cjs/styles/shared/drag-handle.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DRAG_HANDLE_WIDTH = exports.DRAG_HANDLE_SELECTOR = void 0;
+var DRAG_HANDLE_SELECTOR = exports.DRAG_HANDLE_SELECTOR = '[data-editor-block-ctrl-drag-handle]';
+var DRAG_HANDLE_WIDTH = exports.DRAG_HANDLE_WIDTH = 12;

package/dist/cjs/toolbar/index.js

@@ -171,6 +171,24 @@ Object.defineProperty(exports, "COMMENT_HERO_BUTTON", {
     return _keys.COMMENT_HERO_BUTTON;
   }
 });
+Object.defineProperty(exports, "EMOJI_BUTTON", {
+  enumerable: true,
+  get: function get() {
+    return _keys.EMOJI_BUTTON;
+  }
+});
+Object.defineProperty(exports, "EMOJI_GROUP", {
+  enumerable: true,
+  get: function get() {
+    return _keys.EMOJI_GROUP;
+  }
+});
+Object.defineProperty(exports, "EMOJI_GROUP_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.EMOJI_GROUP_RANK;
+  }
+});
 Object.defineProperty(exports, "EditorToolbarProvider", {
   enumerable: true,
   get: function get() {
@@ -249,12 +267,42 @@ Object.defineProperty(exports, "INDENT_MENU_ITEM", {
     return _keys.INDENT_MENU_ITEM;
   }
 });
+Object.defineProperty(exports, "INSERT_BLOCK_SECTION", {
+  enumerable: true,
+  get: function get() {
+    return _keys.INSERT_BLOCK_SECTION;
+  }
+});
+Object.defineProperty(exports, "INSERT_BLOCK_SECTION_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.INSERT_BLOCK_SECTION_RANK;
+  }
+});
 Object.defineProperty(exports, "ITALIC_MENU_ITEM", {
   enumerable: true,
   get: function get() {
     return _keys.ITALIC_MENU_ITEM;
   }
 });
+Object.defineProperty(exports, "LAYOUT_BUTTON", {
+  enumerable: true,
+  get: function get() {
+    return _keys.LAYOUT_BUTTON;
+  }
+});
+Object.defineProperty(exports, "LAYOUT_GROUP", {
+  enumerable: true,
+  get: function get() {
+    return _keys.LAYOUT_GROUP;
+  }
+});
+Object.defineProperty(exports, "LAYOUT_GROUP_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.LAYOUT_GROUP_RANK;
+  }
+});
 Object.defineProperty(exports, "LINKING_BUTTON", {
   enumerable: true,
   get: function get() {
@@ -339,6 +387,42 @@ Object.defineProperty(exports, "MAKE_SHORTER_MENU_ITEM", {
     return _keys.MAKE_SHORTER_MENU_ITEM;
   }
 });
+Object.defineProperty(exports, "MEDIA_BUTTON", {
+  enumerable: true,
+  get: function get() {
+    return _keys.MEDIA_BUTTON;
+  }
+});
+Object.defineProperty(exports, "MEDIA_GROUP", {
+  enumerable: true,
+  get: function get() {
+    return _keys.MEDIA_GROUP;
+  }
+});
+Object.defineProperty(exports, "MEDIA_GROUP_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.MEDIA_GROUP_RANK;
+  }
+});
+Object.defineProperty(exports, "MENTION_BUTTON", {
+  enumerable: true,
+  get: function get() {
+    return _keys.MENTION_BUTTON;
+  }
+});
+Object.defineProperty(exports, "MENTION_GROUP", {
+  enumerable: true,
+  get: function get() {
+    return _keys.MENTION_GROUP;
+  }
+});
+Object.defineProperty(exports, "MENTION_GROUP_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.MENTION_GROUP_RANK;
+  }
+});
 Object.defineProperty(exports, "MORE_CASUAL_MENU_ITEM", {
   enumerable: true,
   get: function get() {
@@ -495,6 +579,48 @@ Object.defineProperty(exports, "SUPERSCRIPT_MENU_ITEM", {
     return _keys.SUPERSCRIPT_MENU_ITEM;
   }
 });
+Object.defineProperty(exports, "TABLE_BUTTON", {
+  enumerable: true,
+  get: function get() {
+    return _keys.TABLE_BUTTON;
+  }
+});
+Object.defineProperty(exports, "TABLE_GROUP", {
+  enumerable: true,
+  get: function get() {
+    return _keys.TABLE_GROUP;
+  }
+});
+Object.defineProperty(exports, "TABLE_GROUP_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.TABLE_GROUP_RANK;
+  }
+});
+Object.defineProperty(exports, "TABLE_SIZE_PICKER", {
+  enumerable: true,
+  get: function get() {
+    return _keys.TABLE_SIZE_PICKER;
+  }
+});
+Object.defineProperty(exports, "TASK_LIST_BUTTON", {
+  enumerable: true,
+  get: function get() {
+    return _keys.TASK_LIST_BUTTON;
+  }
+});
+Object.defineProperty(exports, "TASK_LIST_GROUP", {
+  enumerable: true,
+  get: function get() {
+    return _keys.TASK_LIST_GROUP;
+  }
+});
+Object.defineProperty(exports, "TASK_LIST_GROUP_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.TASK_LIST_GROUP_RANK;
+  }
+});
 Object.defineProperty(exports, "TASK_LIST_MENU_ITEM", {
   enumerable: true,
   get: function get() {

package/dist/cjs/toolbar/keys.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNDERLINE_MENU_ITEM = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = exports.TEXT_STYLES_MENU = exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TASK_LIST_MENU_ITEM = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.ROVO_PROMPT_MENU_SECTION = exports.ROVO_MENU = exports.ROVO_HERO_BUTTON = exports.ROVO_GROUP = exports.PIN_MENU_SECTION = exports.PIN_MENU_ITEM = exports.OVERFLOW_SECTION = exports.OVERFLOW_MENU = exports.OVERFLOW_GROUP = exports.OUTDENT_MENU_ITEM = exports.NUMBERED_LIST_MENU_ITEM = exports.NORMAL_TEXT_MENU_ITEM = exports.MORE_PROFESSIONAL_MENU_ITEM = exports.MORE_EMPATHETIC_MENU_ITEM = exports.MORE_CASUAL_MENU_ITEM = exports.MAKE_SHORTER_MENU_ITEM = exports.MAKE_LONGER_MENU_ITEM = exports.LISTS_INDENTATION_MENU_SECTION = exports.LISTS_INDENTATION_MENU = exports.LISTS_INDENTATION_HERO_BUTTON = exports.LISTS_INDENTATION_GROUP = exports.LINKING_SECTION = exports.LINKING_GROUP = exports.LINKING_BUTTON = exports.ITALIC_MENU_ITEM = exports.INDENT_MENU_ITEM = exports.IMPROVE_WRITING_GROUP = exports.IMPROVE_WRITING_BUTTON = exports.HIGHLIGHT_MENU_ITEM = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.COMMENT_HERO_BUTTON = exports.COMMENT_GROUP = exports.COLLAB_SECTION = exports.CODE_MENU_ITEM = exports.CLEAR_FORMATTING_MENU_ITEM = exports.CLEAR_FORMARTTING_MENU_SECTION = exports.CHANGE_TONE_NESTED_MENU = exports.CHANGE_TONE_MENU_SECTION = exports.BULLETED_LIST_MENU_ITEM = exports.BOLD_MENU_ITEM = exports.BLOCK_QUOTE_MENU_ITEM = exports.APPS_SECTION = exports.ALIGN_RIGHT_MENU_ITEM = exports.ALIGN_LEFT_MENU_ITEM = exports.ALIGN_CENTER_MENU_ITEM = exports.ALIGNMENT_MENU_SECTION = exports.ALIGNMENT_MENU = exports.ALIGNMENT_GROUP = exports.AI_SECTION = void 0;
+exports.UNDERLINE_MENU_ITEM = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = exports.TEXT_STYLES_MENU = exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TASK_LIST_MENU_ITEM = exports.TASK_LIST_GROUP = exports.TASK_LIST_BUTTON = exports.TABLE_SIZE_PICKER = exports.TABLE_GROUP = exports.TABLE_BUTTON = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.ROVO_PROMPT_MENU_SECTION = exports.ROVO_MENU = exports.ROVO_HERO_BUTTON = exports.ROVO_GROUP = exports.PIN_MENU_SECTION = exports.PIN_MENU_ITEM = exports.OVERFLOW_SECTION = exports.OVERFLOW_MENU = exports.OVERFLOW_GROUP = exports.OUTDENT_MENU_ITEM = exports.NUMBERED_LIST_MENU_ITEM = exports.NORMAL_TEXT_MENU_ITEM = exports.MORE_PROFESSIONAL_MENU_ITEM = exports.MORE_EMPATHETIC_MENU_ITEM = exports.MORE_CASUAL_MENU_ITEM = exports.MENTION_GROUP = exports.MENTION_BUTTON = exports.MEDIA_GROUP = exports.MEDIA_BUTTON = exports.MAKE_SHORTER_MENU_ITEM = exports.MAKE_LONGER_MENU_ITEM = exports.LISTS_INDENTATION_MENU_SECTION = exports.LISTS_INDENTATION_MENU = exports.LISTS_INDENTATION_HERO_BUTTON = exports.LISTS_INDENTATION_GROUP = exports.LINKING_SECTION = exports.LINKING_GROUP = exports.LINKING_BUTTON = exports.LAYOUT_GROUP = exports.LAYOUT_BUTTON = exports.ITALIC_MENU_ITEM = exports.INSERT_BLOCK_SECTION = exports.INDENT_MENU_ITEM = exports.IMPROVE_WRITING_GROUP = exports.IMPROVE_WRITING_BUTTON = exports.HIGHLIGHT_MENU_ITEM = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.EMOJI_GROUP = exports.EMOJI_BUTTON = exports.COMMENT_HERO_BUTTON = exports.COMMENT_GROUP = exports.COLLAB_SECTION = exports.CODE_MENU_ITEM = exports.CLEAR_FORMATTING_MENU_ITEM = exports.CLEAR_FORMARTTING_MENU_SECTION = exports.CHANGE_TONE_NESTED_MENU = exports.CHANGE_TONE_MENU_SECTION = exports.BULLETED_LIST_MENU_ITEM = exports.BOLD_MENU_ITEM = exports.BLOCK_QUOTE_MENU_ITEM = exports.APPS_SECTION = exports.ALIGN_RIGHT_MENU_ITEM = exports.ALIGN_LEFT_MENU_ITEM = exports.ALIGN_CENTER_MENU_ITEM = exports.ALIGNMENT_MENU_SECTION = exports.ALIGNMENT_MENU = exports.ALIGNMENT_GROUP = exports.AI_SECTION = void 0;
 var TOOLBARS = exports.TOOLBARS = {
   INLINE_TEXT_TOOLBAR: 'inline-text-toolbar',
   PRIMARY_TOOLBAR: 'primary-toolbar'
@@ -288,6 +288,67 @@ var OUTDENT_MENU_ITEM = exports.OUTDENT_MENU_ITEM = {
   type: 'menu-item'
 };
 
+/*
+* Insert block section
+*/
+
+var INSERT_BLOCK_SECTION = exports.INSERT_BLOCK_SECTION = {
+  key: 'insert-block-section',
+  type: 'section'
+};
+var TASK_LIST_GROUP = exports.TASK_LIST_GROUP = {
+  key: 'task-list-group',
+  type: 'group'
+};
+var TASK_LIST_BUTTON = exports.TASK_LIST_BUTTON = {
+  key: 'task-list-button',
+  type: 'button'
+};
+var MEDIA_GROUP = exports.MEDIA_GROUP = {
+  key: 'media-group',
+  type: 'group'
+};
+var MEDIA_BUTTON = exports.MEDIA_BUTTON = {
+  key: 'media-button',
+  type: 'button'
+};
+var MENTION_GROUP = exports.MENTION_GROUP = {
+  key: 'mention-group',
+  type: 'group'
+};
+var MENTION_BUTTON = exports.MENTION_BUTTON = {
+  key: 'mention-button',
+  type: 'button'
+};
+var EMOJI_GROUP = exports.EMOJI_GROUP = {
+  key: 'emoji-group',
+  type: 'group'
+};
+var EMOJI_BUTTON = exports.EMOJI_BUTTON = {
+  key: 'emoji-button',
+  type: 'button'
+};
+var LAYOUT_GROUP = exports.LAYOUT_GROUP = {
+  key: 'layout-group',
+  type: 'group'
+};
+var LAYOUT_BUTTON = exports.LAYOUT_BUTTON = {
+  key: 'layout-button',
+  type: 'button'
+};
+var TABLE_GROUP = exports.TABLE_GROUP = {
+  key: 'table-group',
+  type: 'group'
+};
+var TABLE_BUTTON = exports.TABLE_BUTTON = {
+  key: 'table-button',
+  type: 'button'
+};
+var TABLE_SIZE_PICKER = exports.TABLE_SIZE_PICKER = {
+  key: 'table-size-picker',
+  type: 'button'
+};
+
 /*
  * Linking section
  */

package/dist/cjs/toolbar/rank.js

@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TRANSLATE_MENU_RANK = exports.TOOLBAR_RANK = exports.TEXT_STYLES_MENU_SECTION_RANK = exports.TEXT_STYLES_MENU_RANK = exports.TEXT_STYLES_GROUP_RANK = exports.TEXT_SECTION_RANK = exports.TEXT_FORMAT_MENU_RANK = exports.TEXT_FORMAT_GROUP_RANK = exports.TEXT_FORMATTING_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_RANK = exports.TEXT_COLOR_HIGHLIGHT_GROUP_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_MENU_RANK = exports.ROVO_GROUP_RANK = exports.PIN_MENU_SECTION_RANK = exports.OVERFLOW_SECTION_RANK = exports.OVERFLOW_MENU_RANK = exports.OVERFLOW_GROUP_RANK = exports.LISTS_INDENTATION_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_RANK = exports.LISTS_INDENTATION_GROUP_RANK = exports.LINKING_SECTION_RANK = exports.LINKING_GROUP_RANK = exports.IMPROVE_WRITING_GROUP_RANK = exports.COMMENT_GROUP_RANK = exports.COLLAB_SECTION_RANK = exports.CLEAR_FORMARTTING_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_RANK = exports.ALIGNMENT_MENU_SECTION_RANK = exports.ALIGNMENT_MENU_RANK = exports.ALIGNMENT_GROUP_RANK = exports.AI_SECTION_RANK = void 0;
+exports.TRANSLATE_MENU_RANK = exports.TOOLBAR_RANK = exports.TEXT_STYLES_MENU_SECTION_RANK = exports.TEXT_STYLES_MENU_RANK = exports.TEXT_STYLES_GROUP_RANK = exports.TEXT_SECTION_RANK = exports.TEXT_FORMAT_MENU_RANK = exports.TEXT_FORMAT_GROUP_RANK = exports.TEXT_FORMATTING_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_RANK = exports.TEXT_COLOR_HIGHLIGHT_GROUP_RANK = exports.TASK_LIST_GROUP_RANK = exports.TABLE_GROUP_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_MENU_RANK = exports.ROVO_GROUP_RANK = exports.PIN_MENU_SECTION_RANK = exports.OVERFLOW_SECTION_RANK = exports.OVERFLOW_MENU_RANK = exports.OVERFLOW_GROUP_RANK = exports.MENTION_GROUP_RANK = exports.MEDIA_GROUP_RANK = exports.LISTS_INDENTATION_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_RANK = exports.LISTS_INDENTATION_GROUP_RANK = exports.LINKING_SECTION_RANK = exports.LINKING_GROUP_RANK = exports.LAYOUT_GROUP_RANK = exports.INSERT_BLOCK_SECTION_RANK = exports.IMPROVE_WRITING_GROUP_RANK = exports.EMOJI_GROUP_RANK = exports.COMMENT_GROUP_RANK = exports.COLLAB_SECTION_RANK = exports.CLEAR_FORMARTTING_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_RANK = exports.ALIGNMENT_MENU_SECTION_RANK = exports.ALIGNMENT_MENU_RANK = exports.ALIGNMENT_GROUP_RANK = exports.AI_SECTION_RANK = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _keys = require("./keys");
-var TOOLBAR_RANK = exports.TOOLBAR_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.AI_SECTION.key, 100), _keys.TEXT_SECTION.key, 200), _keys.LINKING_SECTION.key, 300), _keys.COLLAB_SECTION.key, 400), _keys.APPS_SECTION.key, 500), _keys.OVERFLOW_SECTION.key, 600);
+var TOOLBAR_RANK = exports.TOOLBAR_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.AI_SECTION.key, 100), _keys.TEXT_SECTION.key, 200), _keys.INSERT_BLOCK_SECTION.key, 300), _keys.LINKING_SECTION.key, 400), _keys.COLLAB_SECTION.key, 500), _keys.APPS_SECTION.key, 600), _keys.OVERFLOW_SECTION.key, 700);
 
 /**
  * AI section
@@ -49,6 +49,18 @@ var TEXT_COLOR_HIGHLIGHT_GROUP_RANK = exports.TEXT_COLOR_HIGHLIGHT_GROUP_RANK =
 var TEXT_COLOR_HIGHLIGHT_MENU_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_RANK = (0, _defineProperty2.default)({}, _keys.TEXT_COLOR_HIGHLIGHT_MENU_SECTION.key, 100);
 var TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.TEXT_COLOR_MENU_ITEM.key, 100), _keys.HIGHLIGHT_MENU_ITEM.key, 200);
 
+/**
+ * Insert block section
+ */
+
+var INSERT_BLOCK_SECTION_RANK = exports.INSERT_BLOCK_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.TASK_LIST_GROUP.key, 100), _keys.MEDIA_GROUP.key, 200), _keys.MENTION_GROUP.key, 300), _keys.EMOJI_GROUP.key, 400), _keys.LAYOUT_GROUP.key, 500), _keys.TABLE_GROUP.key, 600);
+var TASK_LIST_GROUP_RANK = exports.TASK_LIST_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.TASK_LIST_BUTTON.key, 100);
+var MEDIA_GROUP_RANK = exports.MEDIA_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.MEDIA_BUTTON.key, 100);
+var MENTION_GROUP_RANK = exports.MENTION_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.MENTION_BUTTON.key, 100);
+var EMOJI_GROUP_RANK = exports.EMOJI_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.EMOJI_BUTTON.key, 100);
+var LAYOUT_GROUP_RANK = exports.LAYOUT_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.LAYOUT_BUTTON.key, 100);
+var TABLE_GROUP_RANK = exports.TABLE_GROUP_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.TABLE_BUTTON.key, 100), _keys.TABLE_SIZE_PICKER.key, 200);
+
 /**
  * Link section
  */

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