@atlaskit/editor-plugin-insert-block 8.7.3 → 8.7.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 8.7.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.7.4
+
+### Patch Changes
+
+- [`57f499d6937db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/57f499d6937db) -
+  Extract ExperienceCheckPopupMutation logic to be reusable for block menu experience tracking
+- Updated dependencies
+
 ## 8.7.3
 
 ### Patch Changes

package/dist/cjs/pm-plugins/experiences/toolbar-action-experiences.js

@@ -44,10 +44,11 @@ var getToolbarActionExperiencesPlugin = exports.getToolbarActionExperiencesPlugi
    * This allows inline popup checks to observe only the relevant button-group.
    */
   var getInlinePopupTarget = function getInlinePopupTarget() {
+    var _lastClickedToolbarBu;
     if (!lastClickedToolbarButton) {
       return undefined;
     }
-    return lastClickedToolbarButton;
+    return (_lastClickedToolbarBu = lastClickedToolbarButton.closest('[data-toolbar-component="button-group"]')) !== null && _lastClickedToolbarBu !== void 0 ? _lastClickedToolbarBu : lastClickedToolbarButton;
   };
   var narrowParentObserveConfig = function narrowParentObserveConfig() {
     var _getParentDOMAtSelect;
@@ -90,7 +91,12 @@ var getToolbarActionExperiencesPlugin = exports.getToolbarActionExperiencesPlugi
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       checks: [new _experiences.ExperienceCheckTimeout({
         durationMs: TIMEOUT_DURATION
-      }), new _toolbarExperienceUtils.ExperienceCheckPopupMutation(popupSelector, type === 'inline' ? getInlinePopupTarget : getPopupsTarget, getEditorDom, type)]
+      }), new _toolbarExperienceUtils.ExperienceCheckPopupMutation({
+        nestedElementQuery: popupSelector,
+        getTarget: type === 'inline' ? getInlinePopupTarget : getPopupsTarget,
+        getEditorDom: getEditorDom,
+        type: type
+      })]
     });
   };
   var experienceButtonMappings = [{

package/dist/cjs/pm-plugins/experiences/toolbar-experience-utils.js

@@ -1,25 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isToolbarButtonClick = exports.handleEditorNodeInsertDomMutation = exports.getParentDOMAtSelection = exports.NODE_INSERT_MARKERS = exports.ExperienceCheckPopupMutation = 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 _browserApis = require("@atlaskit/browser-apis");
+Object.defineProperty(exports, "ExperienceCheckPopupMutation", {
+  enumerable: true,
+  get: function get() {
+    return _experiences.ExperienceCheckPopupMutation;
+  }
+});
+exports.isToolbarButtonClick = exports.handleEditorNodeInsertDomMutation = exports.getParentDOMAtSelection = exports.NODE_INSERT_MARKERS = void 0;
 var _experiences = require("@atlaskit/editor-common/experiences");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/**
- * Popup check type determines how popups are observed based on their DOM location:
- * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
- * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
- * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
- */
-
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } // eslint-disable-next-line @atlaskit/editor/no-re-export
 /**
  * DOM marker selectors for node types inserted via toolbar actions.
  * Matches outermost wrapper elements set synchronously by ReactNodeView
@@ -40,191 +34,7 @@ var isToolbarButtonClick = exports.isToolbarButtonClick = function isToolbarButt
   }
   return !button.disabled && button.getAttribute('aria-disabled') !== 'true';
 };
-var ExperienceCheckPopupMutation = exports.ExperienceCheckPopupMutation = /*#__PURE__*/function () {
-  function ExperienceCheckPopupMutation(nestedElementQuery, getTarget, getEditorDom) {
-    var type = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'editorRoot';
-    (0, _classCallCheck2.default)(this, ExperienceCheckPopupMutation);
-    (0, _defineProperty2.default)(this, "observers", []);
-    this.nestedElementQuery = nestedElementQuery;
-    this.getTarget = getTarget;
-    this.getEditorDom = getEditorDom;
-    this.type = type;
-  }
-
-  /**
-   * Returns the list of DOM elements to observe based on popup type.
-   */
-  return (0, _createClass2.default)(ExperienceCheckPopupMutation, [{
-    key: "getObserveTargets",
-    value: function getObserveTargets() {
-      switch (this.type) {
-        case 'inline':
-          return this.getInlineTargets();
-        case 'editorRoot':
-          return this.getEditorRootTargets();
-      }
-      // Should never reach here - all types handled above
-      return [];
-    }
-
-    /**
-     * For 'inline' type: observe only the button-group container.
-     * The target passed in should be the button-group (or button within it) from getInlinePopupTarget().
-     * Inline popups appear as direct children of button-group elements.
-     */
-  }, {
-    key: "getInlineTargets",
-    value: function getInlineTargets() {
-      var target = this.getTarget();
-      if (!target) {
-        return [];
-      }
-
-      // Walk up to find the button-group container
-      var buttonGroup = target.closest('[data-toolbar-component="button-group"]');
-
-      // Target is already the button-group or button from getInlinePopupTarget()
-      // Just observe this single element
-      return buttonGroup ? [buttonGroup, target] : [target];
-    }
-
-    /**
-     * For 'editorRoot' type: observe the actual editor root container.
-     * The editorDom is the ProseMirror element, but popups appear as direct children
-     * of the parent .akEditor container. So we observe the parent of editorDom.
-     * No portal observation needed.
-     */
-  }, {
-    key: "getEditorRootTargets",
-    value: function getEditorRootTargets() {
-      var targets = [];
-      var editorDom = this.getEditorDom();
-      if (editorDom) {
-        // Find the actual editor root (.akEditor) by walking up the DOM
-        var editorRoot = editorDom.closest('.akEditor') || editorDom.parentElement;
-        if (editorRoot instanceof HTMLElement) {
-          targets.push(editorRoot);
-
-          // Observe existing [data-editor-popup] wrappers
-          var wrappers = editorRoot.querySelectorAll('[data-editor-popup]');
-          var _iterator = _createForOfIteratorHelper(wrappers),
-            _step;
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var wrapper = _step.value;
-              targets.push(wrapper);
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
-          }
-        }
-      }
-      return targets;
-    }
-  }, {
-    key: "start",
-    value: function start(callback) {
-      var _this = this;
-      this.stop();
-      var target = this.getTarget();
-      if (!target) {
-        callback({
-          status: 'failure',
-          reason: _experiences.EXPERIENCE_FAILURE_REASON.DOM_MUTATION_TARGET_NOT_FOUND
-        });
-        return;
-      }
-      var doc = (0, _browserApis.getDocument)();
-      if (!doc) {
-        callback({
-          status: 'failure',
-          reason: _experiences.EXPERIENCE_FAILURE_REASON.DOM_MUTATION_TARGET_NOT_FOUND
-        });
-        return;
-      }
-      var query = this.nestedElementQuery;
-      var onMutation = function onMutation(mutations) {
-        var _iterator2 = _createForOfIteratorHelper(mutations),
-          _step2;
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var mutation = _step2.value;
-            if (mutation.type !== 'childList') {
-              continue;
-            }
-            var _iterator3 = _createForOfIteratorHelper(mutation.addedNodes),
-              _step3;
-            try {
-              for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-                var node = _step3.value;
-                if (!(node instanceof HTMLElement)) {
-                  continue;
-                }
-                var found = (0, _experiences.popupWithNestedElement)(node, query) || node.matches(query) || !!node.querySelector(query);
-                if (found) {
-                  _this.stop();
-                  callback({
-                    status: 'success'
-                  });
-                  return;
-                }
-              }
-            } catch (err) {
-              _iterator3.e(err);
-            } finally {
-              _iterator3.f();
-            }
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-      };
-      var observe = function observe(el) {
-        var observer = new MutationObserver(onMutation);
-        observer.observe(el, {
-          childList: true
-        });
-        _this.observers.push(observer);
-      };
 
-      // Get type-specific targets and observe them
-      var observeTargets = this.getObserveTargets();
-      var _iterator4 = _createForOfIteratorHelper(observeTargets),
-        _step4;
-      try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          var observeTarget = _step4.value;
-          observe(observeTarget);
-        }
-      } catch (err) {
-        _iterator4.e(err);
-      } finally {
-        _iterator4.f();
-      }
-    }
-  }, {
-    key: "stop",
-    value: function stop() {
-      var _iterator5 = _createForOfIteratorHelper(this.observers),
-        _step5;
-      try {
-        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-          var observer = _step5.value;
-          observer.disconnect();
-        }
-      } catch (err) {
-        _iterator5.e(err);
-      } finally {
-        _iterator5.f();
-      }
-      this.observers = [];
-    }
-  }]);
-}();
 /**
  * Returns the narrow parent DOM element at the current selection, suitable
  * for observing with `{ childList: true }` (no subtree).
@@ -299,19 +109,19 @@ var handleEditorNodeInsertDomMutation = exports.handleEditorNodeInsertDomMutatio
   var mutations = _ref.mutations;
   var hasAddedElement = false;
   var hasRemovedElement = false;
-  var _iterator6 = _createForOfIteratorHelper(mutations),
-    _step6;
+  var _iterator = _createForOfIteratorHelper(mutations),
+    _step;
   try {
-    for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-      var mutation = _step6.value;
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var mutation = _step.value;
       if (mutation.type !== 'childList') {
         continue;
       }
-      var _iterator7 = _createForOfIteratorHelper(mutation.addedNodes),
-        _step7;
+      var _iterator2 = _createForOfIteratorHelper(mutation.addedNodes),
+        _step2;
       try {
-        for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-          var node = _step7.value;
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var node = _step2.value;
           if (matchesNodeInsertMarker(node)) {
             return {
               status: 'success'
@@ -322,29 +132,29 @@ var handleEditorNodeInsertDomMutation = exports.handleEditorNodeInsertDomMutatio
           }
         }
       } catch (err) {
-        _iterator7.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator7.f();
+        _iterator2.f();
       }
-      var _iterator8 = _createForOfIteratorHelper(mutation.removedNodes),
-        _step8;
+      var _iterator3 = _createForOfIteratorHelper(mutation.removedNodes),
+        _step3;
       try {
-        for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-          var _node = _step8.value;
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _node = _step3.value;
           if (_node instanceof HTMLElement) {
             hasRemovedElement = true;
           }
         }
       } catch (err) {
-        _iterator8.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator8.f();
+        _iterator3.f();
       }
     }
   } catch (err) {
-    _iterator6.e(err);
+    _iterator.e(err);
   } finally {
-    _iterator6.f();
+    _iterator.f();
   }
   if (hasAddedElement && hasRemovedElement) {
     return {

package/dist/es2019/pm-plugins/experiences/toolbar-action-experiences.js

@@ -39,10 +39,11 @@ export const getToolbarActionExperiencesPlugin = ({
    * This allows inline popup checks to observe only the relevant button-group.
    */
   const getInlinePopupTarget = () => {
+    var _lastClickedToolbarBu;
     if (!lastClickedToolbarButton) {
       return undefined;
     }
-    return lastClickedToolbarButton;
+    return (_lastClickedToolbarBu = lastClickedToolbarButton.closest('[data-toolbar-component="button-group"]')) !== null && _lastClickedToolbarBu !== void 0 ? _lastClickedToolbarBu : lastClickedToolbarButton;
   };
   const narrowParentObserveConfig = () => {
     var _getParentDOMAtSelect;
@@ -79,7 +80,12 @@ export const getToolbarActionExperiencesPlugin = ({
     dispatchAnalyticsEvent,
     checks: [new ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
-    }), new ExperienceCheckPopupMutation(popupSelector, type === 'inline' ? getInlinePopupTarget : getPopupsTarget, getEditorDom, type)]
+    }), new ExperienceCheckPopupMutation({
+      nestedElementQuery: popupSelector,
+      getTarget: type === 'inline' ? getInlinePopupTarget : getPopupsTarget,
+      getEditorDom,
+      type
+    })]
   });
   const experienceButtonMappings = [{
     experience: createPopupExperience('insert', '[data-testid="popup-wrapper"]', 'inline'),

package/dist/es2019/pm-plugins/experiences/toolbar-experience-utils.js

@@ -1,13 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { getDocument } from '@atlaskit/browser-apis';
-import { EXPERIENCE_FAILURE_REASON, popupWithNestedElement } from '@atlaskit/editor-common/experiences';
-
-/**
- * Popup check type determines how popups are observed based on their DOM location:
- * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
- * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
- * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
- */
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { ExperienceCheckPopupMutation } from '@atlaskit/editor-common/experiences';
 
 /**
  * DOM marker selectors for node types inserted via toolbar actions.
@@ -29,132 +21,6 @@ export const isToolbarButtonClick = (target, testId) => {
   }
   return !button.disabled && button.getAttribute('aria-disabled') !== 'true';
 };
-export class ExperienceCheckPopupMutation {
-  constructor(nestedElementQuery, getTarget, getEditorDom, type = 'editorRoot') {
-    _defineProperty(this, "observers", []);
-    this.nestedElementQuery = nestedElementQuery;
-    this.getTarget = getTarget;
-    this.getEditorDom = getEditorDom;
-    this.type = type;
-  }
-
-  /**
-   * Returns the list of DOM elements to observe based on popup type.
-   */
-  getObserveTargets() {
-    switch (this.type) {
-      case 'inline':
-        return this.getInlineTargets();
-      case 'editorRoot':
-        return this.getEditorRootTargets();
-    }
-    // Should never reach here - all types handled above
-    return [];
-  }
-
-  /**
-   * For 'inline' type: observe only the button-group container.
-   * The target passed in should be the button-group (or button within it) from getInlinePopupTarget().
-   * Inline popups appear as direct children of button-group elements.
-   */
-  getInlineTargets() {
-    const target = this.getTarget();
-    if (!target) {
-      return [];
-    }
-
-    // Walk up to find the button-group container
-    const buttonGroup = target.closest('[data-toolbar-component="button-group"]');
-
-    // Target is already the button-group or button from getInlinePopupTarget()
-    // Just observe this single element
-    return buttonGroup ? [buttonGroup, target] : [target];
-  }
-
-  /**
-   * For 'editorRoot' type: observe the actual editor root container.
-   * The editorDom is the ProseMirror element, but popups appear as direct children
-   * of the parent .akEditor container. So we observe the parent of editorDom.
-   * No portal observation needed.
-   */
-  getEditorRootTargets() {
-    const targets = [];
-    const editorDom = this.getEditorDom();
-    if (editorDom) {
-      // Find the actual editor root (.akEditor) by walking up the DOM
-      const editorRoot = editorDom.closest('.akEditor') || editorDom.parentElement;
-      if (editorRoot instanceof HTMLElement) {
-        targets.push(editorRoot);
-
-        // Observe existing [data-editor-popup] wrappers
-        const wrappers = editorRoot.querySelectorAll('[data-editor-popup]');
-        for (const wrapper of wrappers) {
-          targets.push(wrapper);
-        }
-      }
-    }
-    return targets;
-  }
-  start(callback) {
-    this.stop();
-    const target = this.getTarget();
-    if (!target) {
-      callback({
-        status: 'failure',
-        reason: EXPERIENCE_FAILURE_REASON.DOM_MUTATION_TARGET_NOT_FOUND
-      });
-      return;
-    }
-    const doc = getDocument();
-    if (!doc) {
-      callback({
-        status: 'failure',
-        reason: EXPERIENCE_FAILURE_REASON.DOM_MUTATION_TARGET_NOT_FOUND
-      });
-      return;
-    }
-    const query = this.nestedElementQuery;
-    const onMutation = mutations => {
-      for (const mutation of mutations) {
-        if (mutation.type !== 'childList') {
-          continue;
-        }
-        for (const node of mutation.addedNodes) {
-          if (!(node instanceof HTMLElement)) {
-            continue;
-          }
-          const found = popupWithNestedElement(node, query) || node.matches(query) || !!node.querySelector(query);
-          if (found) {
-            this.stop();
-            callback({
-              status: 'success'
-            });
-            return;
-          }
-        }
-      }
-    };
-    const observe = el => {
-      const observer = new MutationObserver(onMutation);
-      observer.observe(el, {
-        childList: true
-      });
-      this.observers.push(observer);
-    };
-
-    // Get type-specific targets and observe them
-    const observeTargets = this.getObserveTargets();
-    for (const observeTarget of observeTargets) {
-      observe(observeTarget);
-    }
-  }
-  stop() {
-    for (const observer of this.observers) {
-      observer.disconnect();
-    }
-    this.observers = [];
-  }
-}
 
 /**
  * Returns the narrow parent DOM element at the current selection, suitable

package/dist/esm/pm-plugins/experiences/toolbar-action-experiences.js

@@ -38,10 +38,11 @@ export var getToolbarActionExperiencesPlugin = function getToolbarActionExperien
    * This allows inline popup checks to observe only the relevant button-group.
    */
   var getInlinePopupTarget = function getInlinePopupTarget() {
+    var _lastClickedToolbarBu;
     if (!lastClickedToolbarButton) {
       return undefined;
     }
-    return lastClickedToolbarButton;
+    return (_lastClickedToolbarBu = lastClickedToolbarButton.closest('[data-toolbar-component="button-group"]')) !== null && _lastClickedToolbarBu !== void 0 ? _lastClickedToolbarBu : lastClickedToolbarButton;
   };
   var narrowParentObserveConfig = function narrowParentObserveConfig() {
     var _getParentDOMAtSelect;
@@ -84,7 +85,12 @@ export var getToolbarActionExperiencesPlugin = function getToolbarActionExperien
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       checks: [new ExperienceCheckTimeout({
         durationMs: TIMEOUT_DURATION
-      }), new ExperienceCheckPopupMutation(popupSelector, type === 'inline' ? getInlinePopupTarget : getPopupsTarget, getEditorDom, type)]
+      }), new ExperienceCheckPopupMutation({
+        nestedElementQuery: popupSelector,
+        getTarget: type === 'inline' ? getInlinePopupTarget : getPopupsTarget,
+        getEditorDom: getEditorDom,
+        type: type
+      })]
     });
   };
   var experienceButtonMappings = [{

package/dist/esm/pm-plugins/experiences/toolbar-experience-utils.js

@@ -1,18 +1,8 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { getDocument } from '@atlaskit/browser-apis';
-import { EXPERIENCE_FAILURE_REASON, popupWithNestedElement } from '@atlaskit/editor-common/experiences';
-
-/**
- * Popup check type determines how popups are observed based on their DOM location:
- * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
- * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
- * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
- */
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { ExperienceCheckPopupMutation } from '@atlaskit/editor-common/experiences';
 
 /**
  * DOM marker selectors for node types inserted via toolbar actions.
@@ -34,191 +24,6 @@ export var isToolbarButtonClick = function isToolbarButtonClick(target, testId)
   }
   return !button.disabled && button.getAttribute('aria-disabled') !== 'true';
 };
-export var ExperienceCheckPopupMutation = /*#__PURE__*/function () {
-  function ExperienceCheckPopupMutation(nestedElementQuery, getTarget, getEditorDom) {
-    var type = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'editorRoot';
-    _classCallCheck(this, ExperienceCheckPopupMutation);
-    _defineProperty(this, "observers", []);
-    this.nestedElementQuery = nestedElementQuery;
-    this.getTarget = getTarget;
-    this.getEditorDom = getEditorDom;
-    this.type = type;
-  }
-
-  /**
-   * Returns the list of DOM elements to observe based on popup type.
-   */
-  return _createClass(ExperienceCheckPopupMutation, [{
-    key: "getObserveTargets",
-    value: function getObserveTargets() {
-      switch (this.type) {
-        case 'inline':
-          return this.getInlineTargets();
-        case 'editorRoot':
-          return this.getEditorRootTargets();
-      }
-      // Should never reach here - all types handled above
-      return [];
-    }
-
-    /**
-     * For 'inline' type: observe only the button-group container.
-     * The target passed in should be the button-group (or button within it) from getInlinePopupTarget().
-     * Inline popups appear as direct children of button-group elements.
-     */
-  }, {
-    key: "getInlineTargets",
-    value: function getInlineTargets() {
-      var target = this.getTarget();
-      if (!target) {
-        return [];
-      }
-
-      // Walk up to find the button-group container
-      var buttonGroup = target.closest('[data-toolbar-component="button-group"]');
-
-      // Target is already the button-group or button from getInlinePopupTarget()
-      // Just observe this single element
-      return buttonGroup ? [buttonGroup, target] : [target];
-    }
-
-    /**
-     * For 'editorRoot' type: observe the actual editor root container.
-     * The editorDom is the ProseMirror element, but popups appear as direct children
-     * of the parent .akEditor container. So we observe the parent of editorDom.
-     * No portal observation needed.
-     */
-  }, {
-    key: "getEditorRootTargets",
-    value: function getEditorRootTargets() {
-      var targets = [];
-      var editorDom = this.getEditorDom();
-      if (editorDom) {
-        // Find the actual editor root (.akEditor) by walking up the DOM
-        var editorRoot = editorDom.closest('.akEditor') || editorDom.parentElement;
-        if (editorRoot instanceof HTMLElement) {
-          targets.push(editorRoot);
-
-          // Observe existing [data-editor-popup] wrappers
-          var wrappers = editorRoot.querySelectorAll('[data-editor-popup]');
-          var _iterator = _createForOfIteratorHelper(wrappers),
-            _step;
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var wrapper = _step.value;
-              targets.push(wrapper);
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
-          }
-        }
-      }
-      return targets;
-    }
-  }, {
-    key: "start",
-    value: function start(callback) {
-      var _this = this;
-      this.stop();
-      var target = this.getTarget();
-      if (!target) {
-        callback({
-          status: 'failure',
-          reason: EXPERIENCE_FAILURE_REASON.DOM_MUTATION_TARGET_NOT_FOUND
-        });
-        return;
-      }
-      var doc = getDocument();
-      if (!doc) {
-        callback({
-          status: 'failure',
-          reason: EXPERIENCE_FAILURE_REASON.DOM_MUTATION_TARGET_NOT_FOUND
-        });
-        return;
-      }
-      var query = this.nestedElementQuery;
-      var onMutation = function onMutation(mutations) {
-        var _iterator2 = _createForOfIteratorHelper(mutations),
-          _step2;
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var mutation = _step2.value;
-            if (mutation.type !== 'childList') {
-              continue;
-            }
-            var _iterator3 = _createForOfIteratorHelper(mutation.addedNodes),
-              _step3;
-            try {
-              for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-                var node = _step3.value;
-                if (!(node instanceof HTMLElement)) {
-                  continue;
-                }
-                var found = popupWithNestedElement(node, query) || node.matches(query) || !!node.querySelector(query);
-                if (found) {
-                  _this.stop();
-                  callback({
-                    status: 'success'
-                  });
-                  return;
-                }
-              }
-            } catch (err) {
-              _iterator3.e(err);
-            } finally {
-              _iterator3.f();
-            }
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-      };
-      var observe = function observe(el) {
-        var observer = new MutationObserver(onMutation);
-        observer.observe(el, {
-          childList: true
-        });
-        _this.observers.push(observer);
-      };
-
-      // Get type-specific targets and observe them
-      var observeTargets = this.getObserveTargets();
-      var _iterator4 = _createForOfIteratorHelper(observeTargets),
-        _step4;
-      try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          var observeTarget = _step4.value;
-          observe(observeTarget);
-        }
-      } catch (err) {
-        _iterator4.e(err);
-      } finally {
-        _iterator4.f();
-      }
-    }
-  }, {
-    key: "stop",
-    value: function stop() {
-      var _iterator5 = _createForOfIteratorHelper(this.observers),
-        _step5;
-      try {
-        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-          var observer = _step5.value;
-          observer.disconnect();
-        }
-      } catch (err) {
-        _iterator5.e(err);
-      } finally {
-        _iterator5.f();
-      }
-      this.observers = [];
-    }
-  }]);
-}();
 
 /**
  * Returns the narrow parent DOM element at the current selection, suitable
@@ -294,19 +99,19 @@ export var handleEditorNodeInsertDomMutation = function handleEditorNodeInsertDo
   var mutations = _ref.mutations;
   var hasAddedElement = false;
   var hasRemovedElement = false;
-  var _iterator6 = _createForOfIteratorHelper(mutations),
-    _step6;
+  var _iterator = _createForOfIteratorHelper(mutations),
+    _step;
   try {
-    for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-      var mutation = _step6.value;
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var mutation = _step.value;
       if (mutation.type !== 'childList') {
         continue;
       }
-      var _iterator7 = _createForOfIteratorHelper(mutation.addedNodes),
-        _step7;
+      var _iterator2 = _createForOfIteratorHelper(mutation.addedNodes),
+        _step2;
       try {
-        for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-          var node = _step7.value;
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var node = _step2.value;
           if (matchesNodeInsertMarker(node)) {
             return {
               status: 'success'
@@ -317,29 +122,29 @@ export var handleEditorNodeInsertDomMutation = function handleEditorNodeInsertDo
           }
         }
       } catch (err) {
-        _iterator7.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator7.f();
+        _iterator2.f();
       }
-      var _iterator8 = _createForOfIteratorHelper(mutation.removedNodes),
-        _step8;
+      var _iterator3 = _createForOfIteratorHelper(mutation.removedNodes),
+        _step3;
       try {
-        for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-          var _node = _step8.value;
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _node = _step3.value;
           if (_node instanceof HTMLElement) {
             hasRemovedElement = true;
           }
         }
       } catch (err) {
-        _iterator8.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator8.f();
+        _iterator3.f();
       }
     }
   } catch (err) {
-    _iterator6.e(err);
+    _iterator.e(err);
   } finally {
-    _iterator6.f();
+    _iterator.f();
   }
   if (hasAddedElement && hasRemovedElement) {
     return {

package/dist/types/pm-plugins/experiences/toolbar-experience-utils.d.ts

@@ -1,12 +1,6 @@
-import type { ExperienceCheck, ExperienceCheckCallback, ExperienceCheckResult } from '@atlaskit/editor-common/experiences';
+import type { ExperienceCheckResult } from '@atlaskit/editor-common/experiences';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-/**
- * Popup check type determines how popups are observed based on their DOM location:
- * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
- * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
- * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
- */
-export type PopupCheckType = 'inline' | 'editorRoot' | 'editorContent';
+export { ExperienceCheckPopupMutation } from '@atlaskit/editor-common/experiences';
 /**
  * DOM marker selectors for node types inserted via toolbar actions.
  * Matches outermost wrapper elements set synchronously by ReactNodeView
@@ -20,33 +14,6 @@ export declare const NODE_INSERT_MARKERS: {
     readonly TASK_ITEM: ".taskItemView-content-wrap";
 };
 export declare const isToolbarButtonClick: (target: HTMLElement, testId: string) => boolean;
-export declare class ExperienceCheckPopupMutation implements ExperienceCheck {
-    private nestedElementQuery;
-    private getTarget;
-    private getEditorDom;
-    private type;
-    private observers;
-    constructor(nestedElementQuery: string, getTarget: () => HTMLElement | undefined | null, getEditorDom: () => HTMLElement | undefined | null, type?: PopupCheckType);
-    /**
-     * Returns the list of DOM elements to observe based on popup type.
-     */
-    private getObserveTargets;
-    /**
-     * For 'inline' type: observe only the button-group container.
-     * The target passed in should be the button-group (or button within it) from getInlinePopupTarget().
-     * Inline popups appear as direct children of button-group elements.
-     */
-    private getInlineTargets;
-    /**
-     * For 'editorRoot' type: observe the actual editor root container.
-     * The editorDom is the ProseMirror element, but popups appear as direct children
-     * of the parent .akEditor container. So we observe the parent of editorDom.
-     * No portal observation needed.
-     */
-    private getEditorRootTargets;
-    start(callback: ExperienceCheckCallback): void;
-    stop(): void;
-}
 /**
  * Returns the narrow parent DOM element at the current selection, suitable
  * for observing with `{ childList: true }` (no subtree).

package/dist/types-ts4.5/pm-plugins/experiences/toolbar-experience-utils.d.ts

@@ -1,12 +1,6 @@
-import type { ExperienceCheck, ExperienceCheckCallback, ExperienceCheckResult } from '@atlaskit/editor-common/experiences';
+import type { ExperienceCheckResult } from '@atlaskit/editor-common/experiences';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-/**
- * Popup check type determines how popups are observed based on their DOM location:
- * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
- * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
- * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
- */
-export type PopupCheckType = 'inline' | 'editorRoot' | 'editorContent';
+export { ExperienceCheckPopupMutation } from '@atlaskit/editor-common/experiences';
 /**
  * DOM marker selectors for node types inserted via toolbar actions.
  * Matches outermost wrapper elements set synchronously by ReactNodeView
@@ -20,33 +14,6 @@ export declare const NODE_INSERT_MARKERS: {
     readonly TASK_ITEM: ".taskItemView-content-wrap";
 };
 export declare const isToolbarButtonClick: (target: HTMLElement, testId: string) => boolean;
-export declare class ExperienceCheckPopupMutation implements ExperienceCheck {
-    private nestedElementQuery;
-    private getTarget;
-    private getEditorDom;
-    private type;
-    private observers;
-    constructor(nestedElementQuery: string, getTarget: () => HTMLElement | undefined | null, getEditorDom: () => HTMLElement | undefined | null, type?: PopupCheckType);
-    /**
-     * Returns the list of DOM elements to observe based on popup type.
-     */
-    private getObserveTargets;
-    /**
-     * For 'inline' type: observe only the button-group container.
-     * The target passed in should be the button-group (or button within it) from getInlinePopupTarget().
-     * Inline popups appear as direct children of button-group elements.
-     */
-    private getInlineTargets;
-    /**
-     * For 'editorRoot' type: observe the actual editor root container.
-     * The editorDom is the ProseMirror element, but popups appear as direct children
-     * of the parent .akEditor container. So we observe the parent of editorDom.
-     * No portal observation needed.
-     */
-    private getEditorRootTargets;
-    start(callback: ExperienceCheckCallback): void;
-    stop(): void;
-}
 /**
  * Returns the narrow parent DOM element at the current selection, suitable
  * for observing with `{ childList: true }` (no subtree).

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "8.7.3",
+	"version": "8.7.5",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,7 +44,7 @@
 		"@atlaskit/editor-plugin-layout": "^7.0.0",
 		"@atlaskit/editor-plugin-media": "^9.5.0",
 		"@atlaskit/editor-plugin-media-insert": "^18.0.0",
-		"@atlaskit/editor-plugin-mentions": "^9.2.0",
+		"@atlaskit/editor-plugin-mentions": "^9.3.0",
 		"@atlaskit/editor-plugin-metrics": "^8.0.0",
 		"@atlaskit/editor-plugin-panel": "^9.0.0",
 		"@atlaskit/editor-plugin-placeholder-text": "^8.0.0",
@@ -61,11 +61,11 @@
 		"@atlaskit/editor-toolbar": "^0.19.0",
 		"@atlaskit/editor-toolbar-model": "^0.4.0",
 		"@atlaskit/emoji": "^69.10.0",
-		"@atlaskit/icon": "^31.0.0",
-		"@atlaskit/icon-lab": "^5.16.0",
+		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon-lab": "^5.17.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^29.5.0",
+		"@atlaskit/tmp-editor-statsig": "^29.6.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -75,7 +75,7 @@
 		"react-virtualized": "^9.22.6"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.19.0",
+		"@atlaskit/editor-common": "^111.20.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"