@atlaskit/editor-common 115.6.0 → 115.7.1

package/dist/cjs/card/utils.js

@@ -1,40 +1,23 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addLinkMetadata = addLinkMetadata;
+Object.defineProperty(exports, "addLinkMetadata", {
+  enumerable: true,
+  get: function get() {
+    return _addLinkMetadata.addLinkMetadata;
+  }
+});
 exports.commandWithMetadata = void 0;
-exports.getLinkMetadataFromTransaction = getLinkMetadataFromTransaction;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _steps = require("@atlaskit/adf-schema/steps");
-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; }
-/**
- * Records metadata about the user action and input method relating to a transaction
- * as a custom LinkStepMetadata prosemirror step so that it is preserved in
- * the history for undo/redo.
- */
-function addLinkMetadata(initialSelection, tr, metadata) {
-  var storedMarks = tr.storedMarks;
-  var pos = tr.mapping.map(initialSelection.$from.pos);
-  tr.step(new _steps.LinkMetaStep(pos, metadata));
-
-  // When you add a new step all the storedMarks are removed it
-  if (storedMarks) {
-    tr.setStoredMarks(storedMarks);
+Object.defineProperty(exports, "getLinkMetadataFromTransaction", {
+  enumerable: true,
+  get: function get() {
+    return _getLinkMetadataFromTransaction.getLinkMetadataFromTransaction;
   }
-  return tr;
-}
-function getLinkMetadataFromTransaction(tr) {
-  return tr.steps.reduce(function (metadata, step) {
-    if (!(step instanceof _steps.LinkMetaStep)) {
-      return metadata;
-    }
-    return _objectSpread(_objectSpread({}, metadata), step.getMetadata());
-  }, {});
-}
+});
+var _addLinkMetadata = require("./addLinkMetadata");
+var _getLinkMetadataFromTransaction = require("./getLinkMetadataFromTransaction");
 /**
  * Adds metadata to the transaction created from a command
  * The metadata describes the user intent and input method
@@ -46,8 +29,11 @@ var commandWithMetadata = exports.commandWithMetadata = function commandWithMeta
       return command(state, dispatch, view);
     }
     return command(state, function (tr) {
-      addLinkMetadata(state.selection, tr, metadata);
+      (0, _addLinkMetadata.addLinkMetadata)(state.selection, tr, metadata);
       dispatch(tr);
     }, view);
   };
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/element-browser/components/ElementList/ElementList.js

@@ -30,6 +30,7 @@ var _useContainerWidth2 = _interopRequireDefault(require("../../hooks/use-contai
 var _useFocus = _interopRequireDefault(require("../../hooks/use-focus"));
 var _types = require("../../types");
 var _EmptyState = _interopRequireDefault(require("./EmptyState"));
+var _getColumnCount = require("./getColumnCount");
 var _utils = require("./utils");
 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); }
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
@@ -94,7 +95,7 @@ function ElementList(_ref) {
      * Initially the containerWidths are reported 0 twice.
      **/
     if (fullMode && containerWidth > 0) {
-      setColumnCount((0, _utils.getColumnCount)(containerWidth));
+      setColumnCount((0, _getColumnCount.getColumnCount)(containerWidth));
       var updatedScrollbarWidth = (0, _utils.getScrollbarWidth)();
       if (updatedScrollbarWidth > 0) {
         // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)

package/dist/cjs/element-browser/components/ElementList/getColumnCount.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getColumnCount = getColumnCount;
+var _constants = require("../../constants");
+function getColumnCount(clientWidth) {
+  var small = _constants.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.small,
+    medium = _constants.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.medium,
+    large = _constants.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.large;
+  switch (true) {
+    case clientWidth < small:
+      return 1;
+    case clientWidth >= small && clientWidth < medium:
+      return Math.floor(clientWidth / 200);
+    case clientWidth >= large:
+      return Math.floor(clientWidth / 248);
+    default:
+      return Math.floor(clientWidth / 220);
+  }
+}

package/dist/cjs/element-browser/components/ElementList/utils.js

@@ -4,27 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateVirtualizedContainerDatum = generateVirtualizedContainerDatum;
-exports.getColumnCount = getColumnCount;
 exports.getScrollbarWidth = getScrollbarWidth;
 var _constants = require("../../constants");
-function getColumnCount(clientWidth) {
-  var small = _constants.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.small,
-    medium = _constants.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.medium,
-    large = _constants.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.large;
-  switch (true) {
-    case clientWidth < small:
-      return 1;
-    case clientWidth >= small && clientWidth < medium:
-      return Math.floor(clientWidth / 200);
-    case clientWidth >= large:
-      return Math.floor(clientWidth / 248);
-    default:
-      return Math.floor(clientWidth / 220);
-  }
-}
+var _getColumnCount = require("./getColumnCount");
 function generateVirtualizedContainerDatum(containerWidth, options) {
   var scrollbarWidth = options.scrollbarWidth;
-  var columnCount = getColumnCount(containerWidth);
+  var columnCount = (0, _getColumnCount.getColumnCount)(containerWidth);
   var availableWidth = containerWidth - (scrollbarWidth + _constants.ELEMENT_LIST_PADDING);
   return {
     availableWidth: availableWidth,
@@ -51,4 +36,5 @@ function getScrollbarWidth() {
   } else {
     return CALCULATED_SCROLLBAR_WIDTH;
   }
-}
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/element-browser/hooks/ACTIONS.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ACTIONS = void 0;
+var ACTIONS = exports.ACTIONS = /*#__PURE__*/function (ACTIONS) {
+  ACTIONS["FOCUS_SEARCH"] = "focusOnSearch";
+  ACTIONS["UPDATE_STATE"] = "updateState";
+  ACTIONS["MOVE"] = "move";
+  return ACTIONS;
+}({});

package/dist/cjs/element-browser/hooks/ensureSafeIndex.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ensureSafeIndex = void 0;
+var ensureSafeIndex = exports.ensureSafeIndex = function ensureSafeIndex(index, listSize) {
+  if (index < 0) {
+    return 0;
+  }
+  if (index > listSize) {
+    return listSize;
+  }
+  return index;
+};

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

@@ -4,70 +4,67 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ensureSafeIndex = exports.default = exports.ACTIONS = void 0;
+exports.default = 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} />
- *    }
- *
- */
-var ACTIONS = exports.ACTIONS = /*#__PURE__*/function (ACTIONS) {
-  ACTIONS["FOCUS_SEARCH"] = "focusOnSearch";
-  ACTIONS["UPDATE_STATE"] = "updateState";
-  ACTIONS["MOVE"] = "move";
-  return ACTIONS;
-}({});
+* 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 reducer = function reducer(state, action) {
   switch (action.type) {
-    case ACTIONS.UPDATE_STATE:
+    case _ACTIONS.ACTIONS.UPDATE_STATE:
       return _objectSpread(_objectSpread({}, state), action.payload);
-    case ACTIONS.FOCUS_SEARCH:
+    case _ACTIONS.ACTIONS.FOCUS_SEARCH:
       return _objectSpread(_objectSpread({}, state), {}, {
         focusedItemIndex: undefined,
         focusedCategoryIndex: undefined,
         focusOnSearch: true,
         focusOnViewMore: false
       });
-    case ACTIONS.MOVE:
+    case _ACTIONS.ACTIONS.MOVE:
       return moveReducer(state, action);
   }
 };
@@ -86,7 +83,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 = ensureSafeIndex(_newIndex, state.listSize);
+      var _safeIndex = (0, _ensureSafeIndex.ensureSafeIndex)(_newIndex, state.listSize);
       var isLastItemFocused = _newIndex > listSize;
       var focusOnSearch = isLastItemFocused && !canFocusViewMore;
       var focusOnViewMore = isLastItemFocused && !!canFocusViewMore;
@@ -124,7 +121,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 = ensureSafeIndex(newIndex, state.listSize);
+  var safeIndex = (0, _ensureSafeIndex.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
@@ -252,7 +249,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
     dispatch = _useReducer2[1];
   (0, _react.useEffect)(function () {
     dispatch({
-      type: ACTIONS.UPDATE_STATE,
+      type: _ACTIONS.ACTIONS.UPDATE_STATE,
       payload: {
         canFocusViewMore: canFocusViewMore
       }
@@ -277,7 +274,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
       focusOnSearch: isFocusSearch !== null && isFocusSearch !== void 0 ? isFocusSearch : defaultState.focusOnSearch
     });
     dispatch({
-      type: ACTIONS.UPDATE_STATE,
+      type: _ACTIONS.ACTIONS.UPDATE_STATE,
       payload: payload
     });
   }, [isFocusSearch, autoFocusSearch]);
@@ -292,7 +289,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
       focusedCategoryIndex: undefined
     });
     dispatch({
-      type: ACTIONS.UPDATE_STATE,
+      type: _ACTIONS.ACTIONS.UPDATE_STATE,
       payload: payload
     });
   }, [dispatch]);
@@ -304,13 +301,13 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
       focusedItemIndex: undefined
     };
     dispatch({
-      type: ACTIONS.UPDATE_STATE,
+      type: _ACTIONS.ACTIONS.UPDATE_STATE,
       payload: payload
     });
   }, [dispatch]);
   var setFocusOnSearch = (0, _react.useCallback)(function () {
     dispatch({
-      type: ACTIONS.FOCUS_SEARCH,
+      type: _ACTIONS.ACTIONS.FOCUS_SEARCH,
       payload: {}
     });
   }, [dispatch]);
@@ -325,7 +322,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
       requestAnimationFrame(function () {
         isMoving.current = false;
         dispatch({
-          type: ACTIONS.MOVE,
+          type: _ACTIONS.ACTIONS.MOVE,
           payload: {
             positions: positions,
             step: actualStep
@@ -347,7 +344,7 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
         if (e.key === 'Tab') {
           e.preventDefault();
           dispatch({
-            type: ACTIONS.UPDATE_STATE,
+            type: _ACTIONS.ACTIONS.UPDATE_STATE,
             payload: {
               focusOnSearch: focusOnEmptyStateButton,
               // cycle focus between search and button
@@ -408,13 +405,5 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
     setFocusedCategoryIndex: setFocusedCategoryIndex
   };
 }
-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;
+var _default = exports.default = useSelectAndFocusOnArrowNavigation; // eslint-disable-next-line @atlaskit/editor/no-re-export
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/experiences/EXPERIENCE_STATE_TRANSITIONS.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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']
+};

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 _experienceUtils = require("./experience-utils");
+var _popupWithNestedElement = require("./popupWithNestedElement");
 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, _experienceUtils.popupWithNestedElement)(node, query) || node.matches(query) || node.querySelector(query) !== null);
+            return node instanceof HTMLElement && ((0, _popupWithNestedElement.popupWithNestedElement)(node, query) || node.matches(query) || node.querySelector(query) !== null);
           });
         });
         if (found) {

package/dist/cjs/experiences/containsPopupWithNestedElement.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.containsPopupWithNestedElement = void 0;
+/**
+ * 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;
+  }
+
+  // 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));
+};

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

@@ -3,18 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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']
-};
-
+exports.canTransition = void 0;
+var _EXPERIENCE_STATE_TRANSITIONS = require("./EXPERIENCE_STATE_TRANSITIONS");
 /**
  * Validates whether a state transition is allowed.
  *
@@ -24,5 +14,5 @@ var EXPERIENCE_STATE_TRANSITIONS = exports.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[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.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,112 +3,38 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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, "containsPopupWithNestedElement", {
+  enumerable: true,
+  get: function get() {
+    return _containsPopupWithNestedElement.containsPopupWithNestedElement;
   }
-  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;
-    }
-  }
-  var lastValidAncestor = currentNode;
-  while (currentNode instanceof HTMLElement && currentNode !== pmDom) {
-    lastValidAncestor = currentNode;
-    currentNode = currentNode.parentElement;
-  }
-  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, "getNodeQuery", {
+  enumerable: true,
+  get: function get() {
+    return _getNodeQuery.getNodeQuery;
   }
-
-  // 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);
+});
+Object.defineProperty(exports, "getPopupContainerFromEditorView", {
+  enumerable: true,
+  get: function get() {
+    return _getPopupContainerFromEditorView.getPopupContainerFromEditorView;
   }
-
-  // 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;
+});
+Object.defineProperty(exports, "getSelectionAncestorDOM", {
+  enumerable: true,
+  get: function get() {
+    return _getSelectionAncestorDOM.getSelectionAncestorDOM;
   }
-
-  // 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);
+});
+Object.defineProperty(exports, "popupWithNestedElement", {
+  enumerable: true,
+  get: function get() {
+    return _popupWithNestedElement.popupWithNestedElement;
   }
-
-  // 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;
-  };
-};
+});
+var _getSelectionAncestorDOM = require("./getSelectionAncestorDOM");
+var _containsPopupWithNestedElement = require("./containsPopupWithNestedElement");
+var _popupWithNestedElement = require("./popupWithNestedElement");
+var _getPopupContainerFromEditorView = require("./getPopupContainerFromEditorView");
+var _getNodeQuery = require("./getNodeQuery");

package/dist/cjs/experiences/getNodeQuery.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNodeQuery = void 0;
+/**
+ * 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;
+  };
+};