@atlaskit/editor-common 115.5.1 → 115.6.0

package/dist/cjs/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js

@@ -4,67 +4,70 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.ensureSafeIndex = exports.default = exports.ACTIONS = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _ACTIONS = require("./ACTIONS");
-var _ensureSafeIndex = require("./ensureSafeIndex");
 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; }
 /**
-* a custom hook that handles keyboard navigation for Arrow keys based on a
-* given listSize, and a step (for up and down arrows).
-*
-* @param {number} listSize
-* @param {number} upDownStep
-*
-* Example usage:
-*    const list = ['Confluence','Jira','Atlaskit'];
-*    const {
-*      selectedItemIndex,
-*      focusedItemIndex,
-*      focusOnSearch,
-*      focusOnViewMore,
-*      setFocusedItemIndex,
-*      onKeyDown
-*    } = useSelectAndFocusOnArrowNavigation(list.length - 1, 1);
-*
-*    return (
-*      <div onKeyDown={onKeyDown}>
-*        <SearchBar onClick={() => setFocusedItemIndex(undefined)} focus={focusOnSearch} />
-*        {list.map((item, index) => (
-*           <ListItem
-*            title={item}
-*            style={{ ..., color: selected ? 'selectedStateColor' : defaultColor }}
-*            onClick={() => {
-*              setFocusedItemIndex(index);
-*            }
-*          />
-*        )}
-*      </div>
-*    );
-*
-*    const SearchBar = ({ focus }) => {
-*      const ref = useRefToFocusOrScroll(focus);
-*      return <input ref={ref} />
-*    }
-*
-*/
-
+ * a custom hook that handles keyboard navigation for Arrow keys based on a
+ * given listSize, and a step (for up and down arrows).
+ *
+ * @param {number} listSize
+ * @param {number} upDownStep
+ *
+ * Example usage:
+ *    const list = ['Confluence','Jira','Atlaskit'];
+ *    const {
+ *      selectedItemIndex,
+ *      focusedItemIndex,
+ *      focusOnSearch,
+ *      focusOnViewMore,
+ *      setFocusedItemIndex,
+ *      onKeyDown
+ *    } = useSelectAndFocusOnArrowNavigation(list.length - 1, 1);
+ *
+ *    return (
+ *      <div onKeyDown={onKeyDown}>
+ *        <SearchBar onClick={() => setFocusedItemIndex(undefined)} focus={focusOnSearch} />
+ *        {list.map((item, index) => (
+ *           <ListItem
+ *            title={item}
+ *            style={{ ..., color: selected ? 'selectedStateColor' : defaultColor }}
+ *            onClick={() => {
+ *              setFocusedItemIndex(index);
+ *            }
+ *          />
+ *        )}
+ *      </div>
+ *    );
+ *
+ *    const SearchBar = ({ focus }) => {
+ *      const ref = useRefToFocusOrScroll(focus);
+ *      return <input ref={ref} />
+ *    }
+ *
+ */
+var ACTIONS = exports.ACTIONS = /*#__PURE__*/function (ACTIONS) {
+  ACTIONS["FOCUS_SEARCH"] = "focusOnSearch";
+  ACTIONS["UPDATE_STATE"] = "updateState";
+  ACTIONS["MOVE"] = "move";
+  return ACTIONS;
+}({});
 var reducer = function reducer(state, action) {
   switch (action.type) {
-    case _ACTIONS.ACTIONS.UPDATE_STATE:
+    case ACTIONS.UPDATE_STATE:
       return _objectSpread(_objectSpread({}, state), action.payload);
-    case _ACTIONS.ACTIONS.FOCUS_SEARCH:
+    case ACTIONS.FOCUS_SEARCH:
       return _objectSpread(_objectSpread({}, state), {}, {
         focusedItemIndex: undefined,
         focusedCategoryIndex: undefined,
         focusOnSearch: true,
         focusOnViewMore: false
       });
-    case _ACTIONS.ACTIONS.MOVE:
+    case ACTIONS.MOVE:
       return moveReducer(state, action);
   }
 };
@@ -83,7 +86,7 @@ var moveReducer = function moveReducer(state, action) {
     } else {
       var _action$payload$step;
       var _newIndex = action.payload.positions ? action.payload.positions - ((_action$payload$step = action.payload.step) !== null && _action$payload$step !== void 0 ? _action$payload$step : 1) : 0;
-      var _safeIndex = (0, _ensureSafeIndex.ensureSafeIndex)(_newIndex, state.listSize);
+      var _safeIndex = ensureSafeIndex(_newIndex, state.listSize);
       var isLastItemFocused = _newIndex > listSize;
       var focusOnSearch = isLastItemFocused && !canFocusViewMore;
       var focusOnViewMore = isLastItemFocused && !!canFocusViewMore;
@@ -121,7 +124,7 @@ var moveReducer = function moveReducer(state, action) {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   action.payload.positions;
-  var safeIndex = (0, _ensureSafeIndex.ensureSafeIndex)(newIndex, state.listSize);
+  var safeIndex = ensureSafeIndex(newIndex, state.listSize);
   // down arrow key is pressed or right arrow key is pressed.
   if (state.focusedItemIndex !== undefined && action.payload.positions && action.payload.positions >= 1) {
     // when multi column element browser is open and we are in last
@@ -249,7 +252,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
     dispatch = _useReducer2[1];
   (0, _react.useEffect)(function () {
     dispatch({
-      type: _ACTIONS.ACTIONS.UPDATE_STATE,
+      type: ACTIONS.UPDATE_STATE,
       payload: {
         canFocusViewMore: canFocusViewMore
       }
@@ -274,7 +277,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
       focusOnSearch: isFocusSearch !== null && isFocusSearch !== void 0 ? isFocusSearch : defaultState.focusOnSearch
     });
     dispatch({
-      type: _ACTIONS.ACTIONS.UPDATE_STATE,
+      type: ACTIONS.UPDATE_STATE,
       payload: payload
     });
   }, [isFocusSearch, autoFocusSearch]);
@@ -289,7 +292,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
       focusedCategoryIndex: undefined
     });
     dispatch({
-      type: _ACTIONS.ACTIONS.UPDATE_STATE,
+      type: ACTIONS.UPDATE_STATE,
       payload: payload
     });
   }, [dispatch]);
@@ -301,13 +304,13 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
       focusedItemIndex: undefined
     };
     dispatch({
-      type: _ACTIONS.ACTIONS.UPDATE_STATE,
+      type: ACTIONS.UPDATE_STATE,
       payload: payload
     });
   }, [dispatch]);
   var setFocusOnSearch = (0, _react.useCallback)(function () {
     dispatch({
-      type: _ACTIONS.ACTIONS.FOCUS_SEARCH,
+      type: ACTIONS.FOCUS_SEARCH,
       payload: {}
     });
   }, [dispatch]);
@@ -322,7 +325,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
       requestAnimationFrame(function () {
         isMoving.current = false;
         dispatch({
-          type: _ACTIONS.ACTIONS.MOVE,
+          type: ACTIONS.MOVE,
           payload: {
             positions: positions,
             step: actualStep
@@ -344,7 +347,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
         if (e.key === 'Tab') {
           e.preventDefault();
           dispatch({
-            type: _ACTIONS.ACTIONS.UPDATE_STATE,
+            type: ACTIONS.UPDATE_STATE,
             payload: {
               focusOnSearch: focusOnEmptyStateButton,
               // cycle focus between search and button
@@ -405,5 +408,13 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
     setFocusedCategoryIndex: setFocusedCategoryIndex
   };
 }
-var _default = exports.default = useSelectAndFocusOnArrowNavigation; // eslint-disable-next-line @atlaskit/editor/no-re-export
-// eslint-disable-next-line @atlaskit/editor/no-re-export
+var ensureSafeIndex = exports.ensureSafeIndex = function ensureSafeIndex(index, listSize) {
+  if (index < 0) {
+    return 0;
+  }
+  if (index > listSize) {
+    return listSize;
+  }
+  return index;
+};
+var _default = exports.default = useSelectAndFocusOnArrowNavigation;

package/dist/cjs/experiences/ExperienceCheckPopupMutation.js

@@ -11,7 +11,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _browserApis = require("@atlaskit/browser-apis");
 var _consts = require("./consts");
-var _popupWithNestedElement = require("./popupWithNestedElement");
+var _experienceUtils = require("./experience-utils");
 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; }
@@ -152,7 +152,7 @@ var ExperienceCheckPopupMutation = exports.ExperienceCheckPopupMutation = /*#__P
           var type = _ref.type,
             addedNodes = _ref.addedNodes;
           return type === 'childList' && (0, _toConsumableArray2.default)(addedNodes).some(function (node) {
-            return node instanceof HTMLElement && ((0, _popupWithNestedElement.popupWithNestedElement)(node, query) || node.matches(query) || node.querySelector(query) !== null);
+            return node instanceof HTMLElement && ((0, _experienceUtils.popupWithNestedElement)(node, query) || node.matches(query) || node.querySelector(query) !== null);
           });
         });
         if (found) {

package/dist/cjs/experiences/experience-state.js

@@ -3,8 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.canTransition = void 0;
-var _EXPERIENCE_STATE_TRANSITIONS = require("./EXPERIENCE_STATE_TRANSITIONS");
+exports.canTransition = exports.EXPERIENCE_STATE_TRANSITIONS = void 0;
+/**
+ * State transition map defining valid state transitions.
+ */
+var EXPERIENCE_STATE_TRANSITIONS = exports.EXPERIENCE_STATE_TRANSITIONS = {
+  pending: ['started'],
+  started: ['aborted', 'failed', 'succeeded'],
+  aborted: ['started'],
+  failed: ['started'],
+  succeeded: ['started']
+};
+
 /**
  * Validates whether a state transition is allowed.
  *
@@ -14,5 +24,5 @@ var _EXPERIENCE_STATE_TRANSITIONS = require("./EXPERIENCE_STATE_TRANSITIONS");
  */
 var canTransition = exports.canTransition = function canTransition(fromState, toState) {
   var _EXPERIENCE_STATE_TRA, _EXPERIENCE_STATE_TRA2;
-  return (_EXPERIENCE_STATE_TRA = (_EXPERIENCE_STATE_TRA2 = _EXPERIENCE_STATE_TRANSITIONS.EXPERIENCE_STATE_TRANSITIONS[fromState]) === null || _EXPERIENCE_STATE_TRA2 === void 0 ? void 0 : _EXPERIENCE_STATE_TRA2.includes(toState)) !== null && _EXPERIENCE_STATE_TRA !== void 0 ? _EXPERIENCE_STATE_TRA : false;
+  return (_EXPERIENCE_STATE_TRA = (_EXPERIENCE_STATE_TRA2 = EXPERIENCE_STATE_TRANSITIONS[fromState]) === null || _EXPERIENCE_STATE_TRA2 === void 0 ? void 0 : _EXPERIENCE_STATE_TRA2.includes(toState)) !== null && _EXPERIENCE_STATE_TRA !== void 0 ? _EXPERIENCE_STATE_TRA : false;
 };

package/dist/cjs/experiences/experience-utils.js

@@ -3,38 +3,112 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "containsPopupWithNestedElement", {
-  enumerable: true,
-  get: function get() {
-    return _containsPopupWithNestedElement.containsPopupWithNestedElement;
+exports.popupWithNestedElement = exports.getSelectionAncestorDOM = exports.getPopupContainerFromEditorView = exports.getNodeQuery = exports.containsPopupWithNestedElement = void 0;
+/**
+ * Finds the direct child of the ProseMirror root element that contains the current selection.
+ *
+ * Starting from the DOM node at the selection position, this function walks up the DOM tree
+ * until it reaches the ProseMirror root, then returns the last element before the root
+ * (i.e., the second top-level ancestor).
+ *
+ * This is useful for attaching MutationObservers to the narrowest subtree that contains
+ * the selection, while still capturing all relevant mutations within that branch.
+ *
+ * @param editorView - The ProseMirror EditorView instance
+ * @returns The direct child of PM root containing the selection, or null if not found
+ */
+var getSelectionAncestorDOM = exports.getSelectionAncestorDOM = function getSelectionAncestorDOM(editorView) {
+  if (!editorView) {
+    return null;
   }
-});
-Object.defineProperty(exports, "getNodeQuery", {
-  enumerable: true,
-  get: function get() {
-    return _getNodeQuery.getNodeQuery;
+  var pmDom = editorView.dom;
+  var selection = editorView.state.selection;
+
+  // nodeDOM can return null when editor loses focus (e.g. toolbar click) or for certain positions.
+  // Fall back to domAtPos which resolves the DOM node at the given position.
+  var currentNode = editorView.nodeDOM(selection.from);
+  if (!currentNode) {
+    try {
+      var _editorView$domAtPos = editorView.domAtPos(selection.from),
+        node = _editorView$domAtPos.node;
+      currentNode = node instanceof HTMLElement ? node : node.parentElement;
+    } catch (_unused) {
+      return null;
+    }
   }
-});
-Object.defineProperty(exports, "getPopupContainerFromEditorView", {
-  enumerable: true,
-  get: function get() {
-    return _getPopupContainerFromEditorView.getPopupContainerFromEditorView;
+  var lastValidAncestor = currentNode;
+  while (currentNode instanceof HTMLElement && currentNode !== pmDom) {
+    lastValidAncestor = currentNode;
+    currentNode = currentNode.parentElement;
   }
-});
-Object.defineProperty(exports, "getSelectionAncestorDOM", {
-  enumerable: true,
-  get: function get() {
-    return _getSelectionAncestorDOM.getSelectionAncestorDOM;
+  return lastValidAncestor instanceof HTMLElement ? lastValidAncestor : null;
+};
+
+/**
+ * Checks if a given node contains a popup with a nested element identified by a specific test ID.
+ *
+ * @param node - The node to check.
+ * @param nestedElementQuery - The query to look for the nested element.
+ * @returns True if the node contains the popup, false otherwise.
+ */
+var containsPopupWithNestedElement = exports.containsPopupWithNestedElement = function containsPopupWithNestedElement(node, nestedElementQuery) {
+  if (!(node instanceof HTMLElement)) {
+    return false;
   }
-});
-Object.defineProperty(exports, "popupWithNestedElement", {
-  enumerable: true,
-  get: function get() {
-    return _popupWithNestedElement.popupWithNestedElement;
+
+  // Check if node itself has the popup attribute and contains the element matching the nestedElementQuery
+  if (node.matches('[data-editor-popup="true"]')) {
+    return !!node.querySelector(nestedElementQuery);
   }
-});
-var _getSelectionAncestorDOM = require("./getSelectionAncestorDOM");
-var _containsPopupWithNestedElement = require("./containsPopupWithNestedElement");
-var _popupWithNestedElement = require("./popupWithNestedElement");
-var _getPopupContainerFromEditorView = require("./getPopupContainerFromEditorView");
-var _getNodeQuery = require("./getNodeQuery");
+
+  // Check if any direct child with popup attribute contains the element matching the nestedElementQuery
+  return !!node.querySelector(":scope > [data-editor-popup=\"true\"] ".concat(nestedElementQuery));
+};
+
+/**
+ * Returns the popup with a nested element identified by a specific test ID if it exists.
+ *
+ * @param node - The node to check.
+ * @param nestedElementQuery - The query to look for the nested element.
+ * @returns Element if the node contains the popup, undefined otherwise.
+ */
+var popupWithNestedElement = exports.popupWithNestedElement = function popupWithNestedElement(node, nestedElementQuery) {
+  if (!(node instanceof HTMLElement)) {
+    return undefined;
+  }
+
+  // Check if node itself has the popup attribute and contains the element matching the nestedElementQuery
+  if (node.matches('[data-editor-popup="true"]')) {
+    return node.querySelector(nestedElementQuery);
+  }
+
+  // Check if any direct child with popup attribute contains the element matching the nestedElementQuery
+  return node.querySelector(":scope > [data-editor-popup=\"true\"] ".concat(nestedElementQuery));
+};
+
+/**
+ * Searches for the popup container element relative to the provided editor view element.
+ *
+ * @param editorViewEl - The editor view HTMLElement.
+ * @returns The popup container HTMLElement if found, otherwise undefined.
+ */
+var getPopupContainerFromEditorView = exports.getPopupContainerFromEditorView = function getPopupContainerFromEditorView(editorViewEl) {
+  var editorContentArea = editorViewEl === null || editorViewEl === void 0 ? void 0 : editorViewEl.closest('.ak-editor-content-area');
+  var pluginsComponentsWrapper = editorContentArea === null || editorContentArea === void 0 ? void 0 : editorContentArea.querySelector(':scope > [data-testid="plugins-components-wrapper"]');
+  return pluginsComponentsWrapper || undefined;
+};
+
+/**
+ * Checks if a node matches or contains the node given by the provided query css selector
+ *
+ * @param query - CSS selector string
+ * @returns true if node matches or contains query or false otherwise
+ */
+var getNodeQuery = exports.getNodeQuery = function getNodeQuery(query) {
+  return function (node) {
+    if (!node || !(node instanceof Element)) {
+      return false;
+    }
+    return node.matches(query) || node.querySelector(query) !== null;
+  };
+};

package/dist/cjs/experiences/index.js

@@ -54,31 +54,31 @@ Object.defineProperty(exports, "ExperienceCheckTimeout", {
 Object.defineProperty(exports, "containsPopupWithNestedElement", {
   enumerable: true,
   get: function get() {
-    return _containsPopupWithNestedElement.containsPopupWithNestedElement;
+    return _experienceUtils.containsPopupWithNestedElement;
   }
 });
 Object.defineProperty(exports, "getNodeQuery", {
   enumerable: true,
   get: function get() {
-    return _getNodeQuery.getNodeQuery;
+    return _experienceUtils.getNodeQuery;
   }
 });
 Object.defineProperty(exports, "getPopupContainerFromEditorView", {
   enumerable: true,
   get: function get() {
-    return _getPopupContainerFromEditorView.getPopupContainerFromEditorView;
+    return _experienceUtils.getPopupContainerFromEditorView;
   }
 });
 Object.defineProperty(exports, "getSelectionAncestorDOM", {
   enumerable: true,
   get: function get() {
-    return _getSelectionAncestorDOM.getSelectionAncestorDOM;
+    return _experienceUtils.getSelectionAncestorDOM;
   }
 });
 Object.defineProperty(exports, "popupWithNestedElement", {
   enumerable: true,
   get: function get() {
-    return _popupWithNestedElement.popupWithNestedElement;
+    return _experienceUtils.popupWithNestedElement;
   }
 });
 var _Experience = require("./Experience");
@@ -87,8 +87,4 @@ var _ExperienceCheckComposite = require("./ExperienceCheckComposite");
 var _ExperienceCheckDomMutation = require("./ExperienceCheckDomMutation");
 var _ExperienceCheckPopupMutation = require("./ExperienceCheckPopupMutation");
 var _ExperienceCheckTimeout = require("./ExperienceCheckTimeout");
-var _containsPopupWithNestedElement = require("./containsPopupWithNestedElement");
-var _getNodeQuery = require("./getNodeQuery");
-var _getPopupContainerFromEditorView = require("./getPopupContainerFromEditorView");
-var _getSelectionAncestorDOM = require("./getSelectionAncestorDOM");
-var _popupWithNestedElement = require("./popupWithNestedElement");
+var _experienceUtils = require("./experience-utils");

package/dist/cjs/extensibility/ExtensionSSRReactContextsProvider.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.ExtensionSSRReactContextsProvider = ExtensionSSRReactContextsProvider;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _isSsr = require("../core-utils/is-ssr");
+var _isSsrStreaming = require("../core-utils/is-ssr-streaming");
 function ExtensionSSRReactContextsProvider(_ref) {
   var children = _ref.children,
     intl = _ref.intl;
-  if (!(0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) || !(0, _isSsr.isSSR)()) {
+  if (!(0, _isSsr.isSSR)() || !(0, _isSsrStreaming.isSSRStreaming)()) {
     return children;
   }
   if (!intl) {

package/dist/cjs/extensibility/MultiBodiedExtension/action-api.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMultiBodiedExtensionActions = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -121,6 +122,48 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
         }
         return true;
       },
+      reorderChildren: function reorderChildren(fromIndex, toIndex) {
+        var pos = getPos();
+        if (typeof pos !== 'number' || typeof fromIndex !== 'number' || typeof toIndex !== 'number') {
+          throw new Error('Position or index not valid');
+        }
+        if (fromIndex === toIndex) {
+          return true;
+        }
+        var state = editorView.state,
+          dispatch = editorView.dispatch;
+
+        // Use current node from state (not stale closure)
+        var currentNode = state.doc.nodeAt(pos);
+        if (!currentNode) {
+          throw new Error('Could not find extension node');
+        }
+        var $pos = state.doc.resolve(pos);
+        var $startNodePos = state.doc.resolve($pos.start($pos.depth + 1));
+
+        // Collect all current frame nodes
+        var frames = [];
+        currentNode.content.forEach(function (child) {
+          frames.push(child);
+        });
+        if (fromIndex >= frames.length || toIndex >= frames.length) {
+          throw new Error('Index out of bounds');
+        }
+
+        // Reorder the frames array in memory
+        var _frames$splice = frames.splice(fromIndex, 1),
+          _frames$splice2 = (0, _slicedToArray2.default)(_frames$splice, 1),
+          removed = _frames$splice2[0];
+        frames.splice(toIndex, 0, removed);
+
+        // Atomically replace the entire MBE content with reordered frames
+        var tr = state.tr;
+        var containerStart = $startNodePos.pos;
+        var containerEnd = containerStart + currentNode.content.size;
+        tr.replaceWith(containerStart, containerEnd, frames);
+        dispatch(tr);
+        return true;
+      },
       updateParameters: function updateParameters(parameters) {
         var state = editorView.state,
           dispatch = editorView.dispatch;

package/dist/cjs/extensions/default-extension-provider.js

@@ -10,7 +10,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 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 _getAutoConvertPatternsFromModule = require("./getAutoConvertPatternsFromModule");
+var _moduleHelpers = require("./module-helpers");
 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; }
@@ -159,7 +159,7 @@ var DefaultExtensionProvider = exports.default = /*#__PURE__*/function () {
               }
               return _context4.abrupt("return", this.autoConvertHandlers);
             case 1:
-              _t2 = _getAutoConvertPatternsFromModule.getAutoConvertPatternsFromModule;
+              _t2 = _moduleHelpers.getAutoConvertPatternsFromModule;
               _context4.next = 2;
               return this.manifestsPromise;
             case 2:

package/dist/cjs/extensions/extension-handlers.js

@@ -4,28 +4,21 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "getExtensionManifest", {
-  enumerable: true,
-  get: function get() {
-    return _getExtensionManifest.getExtensionManifest;
-  }
-});
+exports.getExtensionManifest = getExtensionManifest;
 exports.getExtensionModuleNode = getExtensionModuleNode;
 exports.getExtensionModuleNodeMaybePreloaded = getExtensionModuleNodeMaybePreloaded;
 exports.getExtensionModuleNodePrivateProps = getExtensionModuleNodePrivateProps;
 exports.getNodeRenderer = getNodeRenderer;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _manifestHelpers = require("./manifest-helpers");
 var _messages = require("./messages");
-var _resolveImportSync = require("./resolveImportSync");
 var _UnknownMacroPlaceholder = require("./UnknownMacroPlaceholder");
-var _getExtensionManifest = require("./getExtensionManifest");
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -41,6 +34,14 @@ manifest, extKey, nodeKey, extensionType, extensionKey) {
   }
   return node;
 }
+function getExtensionManifest(extensionProvider, extensionType, extensionKey
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Generic extension types; any required for provider compatibility
+) {
+  var _getExtensionKeyAndNo = (0, _manifestHelpers.getExtensionKeyAndNodeKey)(extensionKey, extensionType),
+    _getExtensionKeyAndNo2 = (0, _slicedToArray2.default)(_getExtensionKeyAndNo, 1),
+    extKey = _getExtensionKeyAndNo2[0];
+  return extensionProvider.getExtension(extensionType, extKey);
+}
 function getExtensionModuleNode(_x, _x2, _x3) {
   return _getExtensionModuleNode.apply(this, arguments);
 }
@@ -48,11 +49,11 @@ function _getExtensionModuleNode() {
   _getExtensionModuleNode = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(extensionProvider, extensionType, extensionKey
   // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Generic extension types; any required for provider compatibility
   ) {
-    var _getExtensionKeyAndNo3, _getExtensionKeyAndNo4, extKey, nodeKey, manifest;
+    var _getExtensionKeyAndNo5, _getExtensionKeyAndNo6, extKey, nodeKey, manifest;
     return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _getExtensionKeyAndNo3 = (0, _manifestHelpers.getExtensionKeyAndNodeKey)(extensionKey, extensionType), _getExtensionKeyAndNo4 = (0, _slicedToArray2.default)(_getExtensionKeyAndNo3, 2), extKey = _getExtensionKeyAndNo4[0], nodeKey = _getExtensionKeyAndNo4[1];
+          _getExtensionKeyAndNo5 = (0, _manifestHelpers.getExtensionKeyAndNodeKey)(extensionKey, extensionType), _getExtensionKeyAndNo6 = (0, _slicedToArray2.default)(_getExtensionKeyAndNo5, 2), extKey = _getExtensionKeyAndNo6[0], nodeKey = _getExtensionKeyAndNo6[1];
           _context.next = 1;
           return extensionProvider.getExtension(extensionType, extKey);
         case 1:
@@ -70,10 +71,10 @@ function getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType,
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 ) {
   var _extensionProvider$ge;
-  var _getExtensionKeyAndNo = (0, _manifestHelpers.getExtensionKeyAndNodeKey)(extensionKey, extensionType),
-    _getExtensionKeyAndNo2 = (0, _slicedToArray2.default)(_getExtensionKeyAndNo, 2),
-    extKey = _getExtensionKeyAndNo2[0],
-    nodeKey = _getExtensionKeyAndNo2[1];
+  var _getExtensionKeyAndNo3 = (0, _manifestHelpers.getExtensionKeyAndNodeKey)(extensionKey, extensionType),
+    _getExtensionKeyAndNo4 = (0, _slicedToArray2.default)(_getExtensionKeyAndNo3, 2),
+    extKey = _getExtensionKeyAndNo4[0],
+    nodeKey = _getExtensionKeyAndNo4[1];
   var manifest = extensionProvider === null || extensionProvider === void 0 || (_extensionProvider$ge = extensionProvider.getPreloadedExtension) === null || _extensionProvider$ge === void 0 ? void 0 : _extensionProvider$ge.call(extensionProvider, extensionType, extKey);
   if (manifest) {
     return getNodeFromManifest(manifest, extKey, nodeKey, extensionType, extensionKey);
@@ -151,7 +152,7 @@ function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
         // However the out-of-box won't handle this. Confluence uses a custom implementation
         return preloaded ?
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (0, _resolveImportSync.resolveImportSync)(preloaded) : (0, _manifestHelpers.resolveImport)(maybePromise.render());
+        (0, _manifestHelpers.resolveImportSync)(preloaded) : (0, _manifestHelpers.resolveImport)(maybePromise.render());
       }
     },
     // react-loadable passes all props from <NodeRenderer> to the loading component at runtime,
@@ -160,5 +161,4 @@ function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
     // react-loadable will pass through but doesn't know about in its type definitions.
     loading: ExtensionLoading
   });
-}
-// eslint-disable-next-line @atlaskit/editor/no-re-export
+}