@atlaskit/editor-common 115.3.0 → 115.5.0

package/dist/esm/card/getLinkMetadataFromTransaction.js

@@ -0,0 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+import { LinkMetaStep } from '@atlaskit/adf-schema/steps';
+export function getLinkMetadataFromTransaction(tr) {
+  return tr.steps.reduce(function (metadata, step) {
+    if (!(step instanceof LinkMetaStep)) {
+      return metadata;
+    }
+    return _objectSpread(_objectSpread({}, metadata), step.getMetadata());
+  }, {});
+}

package/dist/esm/card/index.js

@@ -1,10 +1,13 @@
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata } from './utils';
+export { addLinkMetadata } from './addLinkMetadata';
+export { getLinkMetadataFromTransaction } from './getLinkMetadataFromTransaction';
+export { commandWithMetadata } from './utils';
 export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToMessages, buildLayoutDropdown } from './MediaAndEmbedsToolbar';
 export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
-export { appearancePropsMap, getButtonGroupOption } from './link-toolbar-button-group-options';
+export { appearancePropsMap } from './appearancePropsMap';
+export { getButtonGroupOption } from './link-toolbar-button-group-options';
 export { getDropdownOption } from './link-toolbar-dropdown-options';
 export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 export { IconCard } from './ui/assets/card';

package/dist/esm/card/link-toolbar-button-group-options.js

@@ -1,26 +1,4 @@
-import MinusIcon from '@atlaskit/icon/core/minus';
-import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
-import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
-import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
-import { cardMessages as messages } from '../messages';
-export var appearancePropsMap = {
-  url: {
-    title: messages.urlTitle,
-    icon: MinusIcon
-  },
-  inline: {
-    title: messages.inlineTitle,
-    icon: SmartLinkInlineIcon
-  },
-  block: {
-    title: messages.blockTitle,
-    icon: SmartLinkCardIcon
-  },
-  embed: {
-    title: messages.embedTitle,
-    icon: SmartLinkEmbedIcon
-  }
-};
+import { appearancePropsMap } from './appearancePropsMap';
 export var getButtonGroupOption = function getButtonGroupOption(intl, areAnyNewToolbarFlagsEnabled, dispatchCommand, _ref) {
   var disabled = _ref.disabled,
     _onClick = _ref.onClick,
@@ -43,4 +21,6 @@ export var getButtonGroupOption = function getButtonGroupOption(intl, areAnyNewT
     selected: selected,
     areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
   };
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { appearancePropsMap } from './appearancePropsMap';

package/dist/esm/card/link-toolbar-dropdown-options.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { appearancePropsMap } from './link-toolbar-button-group-options';
+import { appearancePropsMap } from './appearancePropsMap';
 export var getDropdownOption = function getDropdownOption(intl, dispatchCommand, _ref) {
   var disabled = _ref.disabled,
     _onClick = _ref.onClick,

package/dist/esm/card/utils.js

@@ -1,31 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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; }
-import { LinkMetaStep } from '@atlaskit/adf-schema/steps';
-/**
- * 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.
- */
-export function addLinkMetadata(initialSelection, tr, metadata) {
-  var storedMarks = tr.storedMarks;
-  var pos = tr.mapping.map(initialSelection.$from.pos);
-  tr.step(new LinkMetaStep(pos, metadata));
-
-  // When you add a new step all the storedMarks are removed it
-  if (storedMarks) {
-    tr.setStoredMarks(storedMarks);
-  }
-  return tr;
-}
-export function getLinkMetadataFromTransaction(tr) {
-  return tr.steps.reduce(function (metadata, step) {
-    if (!(step instanceof LinkMetaStep)) {
-      return metadata;
-    }
-    return _objectSpread(_objectSpread({}, metadata), step.getMetadata());
-  }, {});
-}
+import { addLinkMetadata } from './addLinkMetadata';
 /**
  * Adds metadata to the transaction created from a command
  * The metadata describes the user intent and input method
@@ -41,4 +14,8 @@ export var commandWithMetadata = function commandWithMetadata(command, metadata)
       dispatch(tr);
     }, view);
   };
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { addLinkMetadata } from './addLinkMetadata';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getLinkMetadataFromTransaction } from './getLinkMetadataFromTransaction';

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

@@ -28,7 +28,8 @@ import useContainerWidth from '../../hooks/use-container-width';
 import useFocus from '../../hooks/use-focus';
 import { Modes } from '../../types';
 import EmptyState from './EmptyState';
-import { getColumnCount, getScrollbarWidth } from './utils';
+import { getColumnCount } from './getColumnCount';
+import { getScrollbarWidth } from './utils';
 export var ICON_HEIGHT = 40;
 export var ICON_WIDTH = 40;
 

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

@@ -0,0 +1,16 @@
+import { FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS } from '../../constants';
+export function getColumnCount(clientWidth) {
+  var small = FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.small,
+    medium = FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.medium,
+    large = 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/esm/element-browser/components/ElementList/utils.js

@@ -1,19 +1,5 @@
-import { ELEMENT_LIST_PADDING, FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS, SCROLLBAR_WIDTH } from '../../constants';
-export function getColumnCount(clientWidth) {
-  var small = FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.small,
-    medium = FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS.medium,
-    large = 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);
-  }
-}
+import { ELEMENT_LIST_PADDING, SCROLLBAR_WIDTH } from '../../constants';
+import { getColumnCount } from './getColumnCount';
 export function generateVirtualizedContainerDatum(containerWidth, options) {
   var scrollbarWidth = options.scrollbarWidth;
   var columnCount = getColumnCount(containerWidth);
@@ -43,4 +29,5 @@ export function getScrollbarWidth() {
   } else {
     return CALCULATED_SCROLLBAR_WIDTH;
   }
-}
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export

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

@@ -0,0 +1,6 @@
+export var ACTIONS = /*#__PURE__*/function (ACTIONS) {
+  ACTIONS["FOCUS_SEARCH"] = "focusOnSearch";
+  ACTIONS["UPDATE_STATE"] = "updateState";
+  ACTIONS["MOVE"] = "move";
+  return ACTIONS;
+}({});

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

@@ -0,0 +1,9 @@
+export var ensureSafeIndex = function ensureSafeIndex(index, listSize) {
+  if (index < 0) {
+    return 0;
+  }
+  if (index > listSize) {
+    return listSize;
+  }
+  return index;
+};

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

@@ -4,52 +4,47 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { useCallback, useEffect, useReducer, useRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-/**
- * 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} />
- *    }
- *
- */
+import { ACTIONS } from './ACTIONS';
+import { ensureSafeIndex } from './ensureSafeIndex'; /**
+                                                     * 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} />
+                                                     *    }
+                                                     *
+                                                     */
 
-export var 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.UPDATE_STATE:
@@ -402,13 +397,6 @@ function useSelectAndFocusOnArrowNavigation(listSize, step, canFocusViewMore, it
     setFocusedCategoryIndex: setFocusedCategoryIndex
   };
 }
-export var ensureSafeIndex = function ensureSafeIndex(index, listSize) {
-  if (index < 0) {
-    return 0;
-  }
-  if (index > listSize) {
-    return listSize;
-  }
-  return index;
-};
-export default useSelectAndFocusOnArrowNavigation;
+export default useSelectAndFocusOnArrowNavigation;
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/esm/experiences/EXPERIENCE_STATE_TRANSITIONS.js

@@ -0,0 +1,10 @@
+/**
+ * State transition map defining valid state transitions.
+ */
+export var EXPERIENCE_STATE_TRANSITIONS = {
+  pending: ['started'],
+  started: ['aborted', 'failed', 'succeeded'],
+  aborted: ['started'],
+  failed: ['started'],
+  succeeded: ['started']
+};

package/dist/esm/experiences/ExperienceCheckPopupMutation.js

@@ -7,7 +7,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 } from './consts';
-import { popupWithNestedElement } from './experience-utils';
+import { popupWithNestedElement } from './popupWithNestedElement';
 var PORTAL_CONTAINER_SELECTOR = 'body > .atlaskit-portal-container';
 
 /**

package/dist/esm/experiences/containsPopupWithNestedElement.js

@@ -0,0 +1,20 @@
+/**
+ * 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.
+ */
+export var 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/esm/experiences/experience-state.js

@@ -1,14 +1,4 @@
-/**
- * State transition map defining valid state transitions.
- */
-export var EXPERIENCE_STATE_TRANSITIONS = {
-  pending: ['started'],
-  started: ['aborted', 'failed', 'succeeded'],
-  aborted: ['started'],
-  failed: ['started'],
-  succeeded: ['started']
-};
-
+import { EXPERIENCE_STATE_TRANSITIONS } from './EXPERIENCE_STATE_TRANSITIONS';
 /**
  * Validates whether a state transition is allowed.
  *

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

@@ -1,108 +1,10 @@
-/**
- * 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
- */
-export var getSelectionAncestorDOM = function getSelectionAncestorDOM(editorView) {
-  if (!editorView) {
-    return null;
-  }
-  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.
- */
-export var 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));
-};
-
-/**
- * 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.
- */
-export var 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.
- */
-export var 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
- */
-export var getNodeQuery = function getNodeQuery(query) {
-  return function (node) {
-    if (!node || !(node instanceof Element)) {
-      return false;
-    }
-    return node.matches(query) || node.querySelector(query) !== null;
-  };
-};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getSelectionAncestorDOM } from './getSelectionAncestorDOM';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { containsPopupWithNestedElement } from './containsPopupWithNestedElement';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { popupWithNestedElement } from './popupWithNestedElement';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getPopupContainerFromEditorView } from './getPopupContainerFromEditorView';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getNodeQuery } from './getNodeQuery';

package/dist/esm/experiences/getNodeQuery.js

@@ -0,0 +1,14 @@
+/**
+ * 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
+ */
+export var getNodeQuery = function getNodeQuery(query) {
+  return function (node) {
+    if (!node || !(node instanceof Element)) {
+      return false;
+    }
+    return node.matches(query) || node.querySelector(query) !== null;
+  };
+};

package/dist/esm/experiences/getPopupContainerFromEditorView.js

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ */
+export var 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;
+};

package/dist/esm/experiences/getSelectionAncestorDOM.js

@@ -0,0 +1,39 @@
+/**
+ * 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
+ */
+export var getSelectionAncestorDOM = function getSelectionAncestorDOM(editorView) {
+  if (!editorView) {
+    return null;
+  }
+  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;
+};

package/dist/esm/experiences/index.js

@@ -7,4 +7,8 @@ export { ExperienceCheckComposite } from './ExperienceCheckComposite';
 export { ExperienceCheckDomMutation } from './ExperienceCheckDomMutation';
 export { ExperienceCheckPopupMutation } from './ExperienceCheckPopupMutation';
 export { ExperienceCheckTimeout } from './ExperienceCheckTimeout';
-export { containsPopupWithNestedElement, popupWithNestedElement, getPopupContainerFromEditorView, getNodeQuery, getSelectionAncestorDOM } from './experience-utils';
+export { containsPopupWithNestedElement } from './containsPopupWithNestedElement';
+export { getNodeQuery } from './getNodeQuery';
+export { getPopupContainerFromEditorView } from './getPopupContainerFromEditorView';
+export { getSelectionAncestorDOM } from './getSelectionAncestorDOM';
+export { popupWithNestedElement } from './popupWithNestedElement';

package/dist/esm/experiences/popupWithNestedElement.js

@@ -0,0 +1,20 @@
+/**
+ * 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.
+ */
+export var 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));
+};

package/dist/esm/extensions/buildExtensionKeyAndNodeKey.js

@@ -0,0 +1,6 @@
+export var buildExtensionKeyAndNodeKey = function buildExtensionKeyAndNodeKey(extensionKey, nodeKey) {
+  if (!nodeKey || nodeKey === 'default') {
+    return extensionKey;
+  }
+  return "".concat(extensionKey, ":").concat(nodeKey);
+};

package/dist/esm/extensions/buildMenuItem.js

@@ -0,0 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+import { fg } from '@atlaskit/platform-feature-flags';
+import { buildAction } from './manifest-helpers';
+export function buildMenuItem(manifest, extensionModule) {
+  var title = extensionModule.title || manifest.title;
+  var key = "".concat(manifest.key, ":").concat(extensionModule.key);
+  var node = buildAction(extensionModule.action, manifest);
+  if (!node) {
+    throw new Error("Couldn't find any action for ".concat(title, " (").concat(key, ")"));
+  }
+  return _objectSpread(_objectSpread(_objectSpread({
+    key: key,
+    title: title,
+    extensionType: manifest.type,
+    extensionKey: manifest.key,
+    keywords: extensionModule.keywords || manifest.keywords || [],
+    featured: extensionModule.featured || false,
+    categories: extensionModule.categories || manifest.categories || [],
+    description: extensionModule.description || manifest.description,
+    summary: manifest.summary,
+    documentationUrl: manifest.documentationUrl
+  }, (fg('cc_fd_wb_create_priority_in_slash_menu_enabled') || fg('rovo_chat_enable_skills_ui_m1')) && {
+    priority: extensionModule.priority
+  }), extensionModule.lozenge != null && {
+    lozenge: extensionModule.lozenge
+  }), {}, {
+    icon: extensionModule.icon || manifest.icons['48'],
+    node: node
+  });
+}