@atlaskit/editor-core 180.0.0 → 181.0.0

package/dist/esm/plugins/status/utils.js

@@ -1,4 +1,4 @@
-import { NodeSelection, Selection } from 'prosemirror-state';
+import { NodeSelection } from 'prosemirror-state';
 export var mayGetStatusAtSelection = function mayGetStatusAtSelection(selection) {
   if (selection && selection instanceof NodeSelection) {
     var nodeSelection = selection;
@@ -8,21 +8,9 @@ export var mayGetStatusAtSelection = function mayGetStatusAtSelection(selection)
   }
   return null;
 };
-export var mayGetStatusAtPos = function mayGetStatusAtPos(pos, doc) {
-  if (pos) {
-    var node = doc.nodeAt(pos);
-    if (node && node.type.name === 'status') {
-      return node.attrs;
-    }
-  }
-  return null;
-};
 export var isEmptyStatus = function isEmptyStatus(node) {
   return node && (node.text && node.text.trim().length === 0 || node.text === '');
 };
-export var setSelectionNearPos = function setSelectionNearPos(tr, pos) {
-  return tr.setSelection(Selection.near(tr.doc.resolve(tr.mapping.map(pos))));
-};
 export var setNodeSelectionNearPos = function setNodeSelectionNearPos(tr, pos) {
   return tr.setSelection(NodeSelection.create(tr.doc, tr.mapping.map(pos)));
 };

package/dist/esm/plugins/text-color/pm-plugins/main.js

@@ -9,7 +9,7 @@ import { DEFAULT_BORDER_COLOR } from '../../../ui/ColorPalette/Palettes/common';
 import { DEFAULT_COLOR, getActiveColor } from '../utils/color';
 import { getDisabledState } from '../utils/disabled';
 export { DEFAULT_COLOR } from '../utils/color';
-export function createInitialPluginState(editorState, pluginConfig) {
+function createInitialPluginState(editorState, pluginConfig) {
   var defaultColor = (pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.defaultColor) || DEFAULT_COLOR;
   var palette = [{
     value: defaultColor.color,

package/dist/esm/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -13,9 +13,12 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { defineMessages, injectIntl } from 'react-intl-next';
+import { getSelectedRowAndColumnFromPalette } from '@atlaskit/editor-common/ui-color';
+import { ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
+import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import ColorPalette from '../../../../ui/ColorPalette';
+import ColorPalette, { textPaletteTooltipMessages } from '../../../../ui/ColorPalette';
 import Dropdown from '../../../../ui/Dropdown';
 import { expandIconWrapperStyle, wrapperStyle, separatorStyles, triggerWrapperStyles } from '../../../../ui/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
@@ -44,7 +47,8 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "state", {
-      isOpen: false
+      isOpen: false,
+      isOpenedByKeyboard: false
     });
     _defineProperty(_assertThisInitialized(_this), "toolbarItemRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "changeColor", function (color) {
@@ -58,6 +62,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
       });
     });
     _defineProperty(_assertThisInitialized(_this), "changeTextColor", function (color, disabled) {
+      var _this$toolbarItemRef, _this$toolbarItemRef$;
       if (!disabled) {
         var _this$props$editorVie;
         var palette = _this.props.pluginState.palette;
@@ -77,6 +82,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         //To set the focus on the textcolor button when the menu is closed by 'Esc' only to meet aria guidelines
         (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
       }
+      (_this$toolbarItemRef = _this.toolbarItemRef) === null || _this$toolbarItemRef === void 0 ? void 0 : (_this$toolbarItemRef$ = _this$toolbarItemRef.current) === null || _this$toolbarItemRef$ === void 0 ? void 0 : _this$toolbarItemRef$.focus();
       return false;
     });
     _defineProperty(_assertThisInitialized(_this), "toggleOpen", function () {
@@ -85,6 +91,15 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         logCloseEvent: true
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.setState({
+          isOpenedByKeyboard: true
+        });
+        _this.toggleOpen();
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "handleOpenChange", function (_ref) {
       var isOpen = _ref.isOpen,
         logCloseEvent = _ref.logCloseEvent,
@@ -92,14 +107,19 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         isOpen: isOpen
       });
+      if (!isOpen) {
+        _this.setState({
+          isOpenedByKeyboard: false
+        });
+      }
       if (logCloseEvent) {
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsPalette(isOpen ? ACTION.OPENED : ACTION.CLOSED, {
           noSelect: isOpen === false
         }));
       }
       if (!isOpen && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.key) === 'Escape') {
-        var _this$toolbarItemRef, _this$toolbarItemRef$;
-        (_this$toolbarItemRef = _this.toolbarItemRef) === null || _this$toolbarItemRef === void 0 ? void 0 : (_this$toolbarItemRef$ = _this$toolbarItemRef.current) === null || _this$toolbarItemRef$ === void 0 ? void 0 : _this$toolbarItemRef$.focus();
+        var _this$toolbarItemRef2, _this$toolbarItemRef3;
+        (_this$toolbarItemRef2 = _this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 ? void 0 : (_this$toolbarItemRef3 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef3 === void 0 ? void 0 : _this$toolbarItemRef3.focus();
       }
     });
     _defineProperty(_assertThisInitialized(_this), "hide", function (e) {
@@ -112,15 +132,15 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           isOpen: false
         });
         if (e instanceof KeyboardEvent && e.key === 'Escape') {
-          var _this$toolbarItemRef2, _this$toolbarItemRef3;
-          (_this$toolbarItemRef2 = _this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 ? void 0 : (_this$toolbarItemRef3 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef3 === void 0 ? void 0 : _this$toolbarItemRef3.focus();
+          var _this$toolbarItemRef4, _this$toolbarItemRef5;
+          (_this$toolbarItemRef4 = _this.toolbarItemRef) === null || _this$toolbarItemRef4 === void 0 ? void 0 : (_this$toolbarItemRef5 = _this$toolbarItemRef4.current) === null || _this$toolbarItemRef5 === void 0 ? void 0 : _this$toolbarItemRef5.focus();
         }
       }
     });
     _defineProperty(_assertThisInitialized(_this), "hideonEsc", function (e) {
-      var _this$toolbarItemRef4, _this$toolbarItemRef5;
+      var _this$toolbarItemRef6, _this$toolbarItemRef7;
       _this.hide(e);
-      (_this$toolbarItemRef4 = _this.toolbarItemRef) === null || _this$toolbarItemRef4 === void 0 ? void 0 : (_this$toolbarItemRef5 = _this$toolbarItemRef4.current) === null || _this$toolbarItemRef5 === void 0 ? void 0 : _this$toolbarItemRef5.focus();
+      (_this$toolbarItemRef6 = _this.toolbarItemRef) === null || _this$toolbarItemRef6 === void 0 ? void 0 : (_this$toolbarItemRef7 = _this$toolbarItemRef6.current) === null || _this$toolbarItemRef7 === void 0 ? void 0 : _this$toolbarItemRef7.focus();
     });
     return _this;
   }
@@ -128,7 +148,9 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var isOpen = this.state.isOpen;
+      var _this$state = this.state,
+        isOpen = _this$state.isOpen,
+        isOpenedByKeyboard = _this$state.isOpenedByKeyboard;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
@@ -150,6 +172,9 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         fitWidth = 242;
       }
       var selectedColor = pluginState.color !== pluginState.defaultColor && pluginState.color;
+      var _getSelectedRowAndCol = getSelectedRowAndColumnFromPalette(palette, pluginState.color),
+        selectedRowIndex = _getSelectedRowAndCol.selectedRowIndex,
+        selectedColumnIndex = _getSelectedRowAndCol.selectedColumnIndex;
       return jsx("span", {
         css: wrapperStyle
       }, jsx(Dropdown, {
@@ -163,6 +188,13 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         fitWidth: fitWidth,
         onOpenChange: this.onOpenChange,
         closeOnTab: true,
+        arrowKeyNavigationProviderOptions: {
+          type: ArrowKeyNavigationType.COLOR,
+          selectedRowIndex: selectedRowIndex,
+          selectedColumnIndex: selectedColumnIndex,
+          isOpenedByKeyboard: isOpenedByKeyboard,
+          isPopupPositioned: true
+        },
         trigger: jsx(ToolbarButton, {
           buttonId: TOOLBAR_BUTTON.TEXT_COLOR,
           spacing: isReducedSpacing ? 'none' : 'default',
@@ -173,6 +205,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           "aria-haspopup": true,
           title: labelTextColor,
           onClick: this.toggleOpen,
+          onKeyDown: this.onKeyDown,
           ref: this.toolbarItemRef,
           iconBefore: jsx("div", {
             css: triggerWrapperStyles
@@ -189,13 +222,16 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
       }, jsx("div", {
         "data-testid": "text-color-palette"
       }, jsx(ColorPalette, {
-        palette: palette,
         onClick: function onClick(color) {
           return _this2.changeTextColor(color, pluginState.disabled);
         },
         selectedColor: pluginState.color,
-        textPalette: true,
-        useSomewhatSemanticTextColorNames: useSomewhatSemanticTextColorNames
+        paletteOptions: {
+          palette: palette,
+          hexToPaletteColor: hexToEditorTextPaletteColor,
+          paletteColorTooltipMessages: textPaletteTooltipMessages,
+          showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
+        }
       }))), jsx("span", {
         css: separatorStyles
       }));

package/dist/esm/plugins/text-formatting/pm-plugins/smart-input-rule.js

@@ -17,10 +17,15 @@ function replaceTextUsingCaptureGroup(text) {
     var _match = _slicedToArray(match, 4),
       prefix = _match[1],
       suffix = _match[3];
-    var replacement = (prefix || '') + text + (suffix || '');
+    var replacement = text + (suffix || '');
     var tr = state.tr,
       $to = state.selection.$to;
-    tr.replaceWith(start, end, state.schema.text(replacement, $to.marks()));
+    var startPos = start + (prefix || '').length;
+    var safePos = Math.min(
+    // I know it is almost impossible to have a negative value at this point.
+    // But, this is JS #trustnoone
+    Math.max(startPos, 0), end);
+    tr.replaceWith(safePos, end, state.schema.text(replacement, $to.marks()));
     tr.setSelection(Selection.near(tr.doc.resolve(tr.selection.to)));
     return tr;
   };
@@ -70,6 +75,7 @@ function createSingleQuotesRules() {
   // apostrophe
   createReplacementRule('’', /(\w+)(')(\w+)$/)];
 }
+
 /**
  * Get replacement rules related to product
  */

package/dist/esm/plugins/text-formatting/ui/Toolbar/dropdown-menu.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import DropdownMenu from '../../../../ui/DropdownMenu';
 import { useMenuState } from './hooks/menu-state';
@@ -18,6 +18,10 @@ export var FormattingTextDropdownMenu = /*#__PURE__*/React.memo(function (_ref)
     isMenuOpen = _useMenuState2[0],
     toggleMenu = _useMenuState2[1],
     closeMenu = _useMenuState2[2];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpenedByKeyboard = _useState2[0],
+    setIsOpenedByKeyboard = _useState2[1];
   var group = useMemo(function () {
     return [{
       items: items
@@ -43,13 +47,29 @@ export var FormattingTextDropdownMenu = /*#__PURE__*/React.memo(function (_ref)
     zIndex: akEditorMenuZIndex,
     fitHeight: 188,
     fitWidth: 136,
-    shouldUseDefaultRole: true
+    shouldUseDefaultRole: true,
+    shouldFocusFirstItem: function shouldFocusFirstItem() {
+      if (isOpenedByKeyboard) {
+        setIsOpenedByKeyboard(false);
+      }
+      return isOpenedByKeyboard;
+    }
   }, /*#__PURE__*/React.createElement(MoreButton, {
     isSelected: isMenuOpen || hasFormattingActive,
     label: moreButtonLabel,
     isReducedSpacing: isReducedSpacing,
     isDisabled: false,
-    onClick: toggleMenu,
+    onClick: function onClick() {
+      toggleMenu();
+      setIsOpenedByKeyboard(false);
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        toggleMenu();
+        setIsOpenedByKeyboard(true);
+      }
+    },
     "aria-expanded": isMenuOpen
   }));
 });

package/dist/esm/plugins/text-formatting/ui/Toolbar/index.js

@@ -19,9 +19,11 @@ import { SingleToolbarButtons } from './single-toolbar-buttons';
 import { MoreButton } from './more-button';
 import { FormattingTextDropdownMenu } from './dropdown-menu';
 import { toolbarMessages } from './toolbar-messages';
-import { usePreviousObjectState, compareItemsArrays, isArrayContainsContent } from '../../utils';
+import { compareItemsArrays, isArrayContainsContent } from '../../utils';
 import Announcer from '../../../../utils/announcer/announcer';
+import { usePreviousState } from '@atlaskit/editor-common/hooks';
 var ToolbarFormatting = function ToolbarFormatting(_ref) {
+  var _usePreviousState;
   var shouldUseResponsiveToolbar = _ref.shouldUseResponsiveToolbar,
     popupsMountPoint = _ref.popupsMountPoint,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
@@ -68,7 +70,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
   var activeItems = [].concat(_toConsumableArray(dropdownItems), _toConsumableArray(singleItems)).filter(function (item) {
     return item.isActive;
   });
-  var prevActiveItems = usePreviousObjectState(activeItems);
+  var prevActiveItems = (_usePreviousState = usePreviousState(activeItems)) !== null && _usePreviousState !== void 0 ? _usePreviousState : [];
   var fromSuperscriptToSubscript = isArrayContainsContent(activeItems, 'Subscript') && isArrayContainsContent(prevActiveItems, 'Superscript');
   var fromSubscriptToSuperscript = isArrayContainsContent(activeItems, 'Superscript') && isArrayContainsContent(prevActiveItems, 'Subscript');
   var comparedItems;

package/dist/esm/plugins/text-formatting/ui/Toolbar/more-button.js

@@ -10,11 +10,13 @@ export var MoreButton = /*#__PURE__*/React.memo(function (_ref) {
     isReducedSpacing = _ref.isReducedSpacing,
     isSelected = _ref.isSelected,
     isDisabled = _ref.isDisabled,
-    onClick = _ref.onClick;
+    onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown;
   return jsx(ToolbarButton, {
     disabled: isDisabled,
     selected: isSelected,
     onClick: onClick,
+    onKeyDown: onKeyDown,
     spacing: isReducedSpacing ? 'none' : 'default',
     title: label,
     iconBefore: jsx("div", {

package/dist/esm/plugins/text-formatting/utils.js

@@ -1,27 +1,5 @@
-import { useRef, useEffect } from 'react';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { FORMATTING_MARK_TYPES, FORMATTING_NODE_TYPES } from './commands/clear-formatting';
-export var nodeLen = function nodeLen(node) {
-  return node.nodeType === 3 && node.nodeValue ? node.nodeValue.length : node.childNodes.length;
-};
-export var isIgnorable = function isIgnorable(dom) {
-  return dom.pmViewDesc && dom.pmViewDesc.size === 0;
-};
-export var isBlockNode = function isBlockNode(dom) {
-  var desc = dom.pmViewDesc;
-  return desc && desc.node && desc.node.isBlock;
-};
-export var domIndex = function domIndex(node) {
-  if (node) {
-    for (var index = 0;; index++) {
-      node = node.previousSibling;
-      if (!node) {
-        return index;
-      }
-    }
-  }
-  return;
-};
 export var hasCode = function hasCode(state, pos) {
   var code = state.schema.marks.code;
   var node = pos >= 0 && state.doc.nodeAt(pos);
@@ -112,13 +90,6 @@ var marksArePresent = function marksArePresent(state) {
 export var checkFormattingIsPresent = function checkFormattingIsPresent(state) {
   return marksArePresent(state) || blockStylingIsPresent(state);
 };
-export var usePreviousObjectState = function usePreviousObjectState(value) {
-  var ref = useRef([]);
-  useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
-};
 export var compareItemsArrays = function compareItemsArrays(items, prevItems) {
   return items && items.filter(function (item) {
     return !prevItems.includes(item);

package/dist/esm/plugins/toolbar-lists-indentation/ui/ToolbarDropdown.js

@@ -26,6 +26,10 @@ export function ToolbarDropdown(props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isDropdownOpen = _React$useState2[0],
     setIsDropdownOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isOpenedByKeyboard = _React$useState4[0],
+    setOpenedByKeyboard = _React$useState4[1];
   var labelLists = formatMessage(listMessages.lists);
   var onOpenChange = function onOpenChange(attrs) {
     setIsDropdownOpen(attrs.isDropdownOpen);
@@ -35,6 +39,13 @@ export function ToolbarDropdown(props) {
       isDropdownOpen: !isDropdownOpen
     });
   };
+  var handleOnKeyDown = function handleOnKeyDown(event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      setIsDropdownOpen(!isDropdownOpen);
+      setOpenedByKeyboard(true);
+    }
+  };
   var items = useItems(props);
   var handleOnItemActivated = function handleOnItemActivated(_ref) {
     var item = _ref.item,
@@ -58,7 +69,13 @@ export function ToolbarDropdown(props) {
     onOpenChange: onOpenChange,
     fitHeight: 188,
     fitWidth: 175,
-    shouldUseDefaultRole: true
+    shouldUseDefaultRole: true,
+    shouldFocusFirstItem: function shouldFocusFirstItem() {
+      if (isOpenedByKeyboard) {
+        setOpenedByKeyboard(false);
+      }
+      return isOpenedByKeyboard;
+    }
   }, jsx(ToolbarButton, {
     spacing: isReducedSpacing ? 'none' : 'default',
     selected: bulletListActive || orderedListActive,
@@ -67,6 +84,7 @@ export function ToolbarDropdown(props) {
     "aria-label": labelLists,
     disabled: disabled,
     onClick: handleTriggerClick,
+    onKeyDown: handleOnKeyDown,
     title: labelLists,
     iconBefore: jsx("span", {
       css: wrapperStyle

package/dist/esm/plugins/type-ahead/constants.js

@@ -2,11 +2,6 @@ export var TYPE_AHEAD_DECORATION_KEY = 'typeahead_decoration_key';
 export var TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = 'typeaheadDecoration';
 export var TYPE_AHEAD_POPUP_CONTENT_CLASS = 'fabric-editor-typeahead';
 export var TYPE_AHEAD_DECORATION_ELEMENT_ID = 'typeahaed_decoration_element_id';
-export var NavigationDirection;
-(function (NavigationDirection) {
-  NavigationDirection[NavigationDirection["LEFT"] = -1] = "LEFT";
-  NavigationDirection[NavigationDirection["RIGHT"] = 1] = "RIGHT";
-})(NavigationDirection || (NavigationDirection = {}));
 export var CloseSelectionOptions;
 (function (CloseSelectionOptions) {
   CloseSelectionOptions["BEFORE_TEXT_INSERTED"] = "BEFORE_TEXT_INSERTED";

package/dist/esm/plugins/type-ahead/index.js

@@ -20,7 +20,7 @@ import { getPluginState } from './utils';
 import { useItemInsert } from './ui/hooks/use-item-insert';
 import { updateSelectedIndex } from './commands/update-selected-index';
 import { StatsModifier } from './stats-modifier';
-import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, fireAnalyticsEvent } from '../analytics';
+import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
   var _popupMountRef$curren, _popupMountRef$curren2, _popupMountRef$curren3;
   var editorView = _ref.editorView,

package/dist/esm/plugins/type-ahead/pm-plugins/decorations.js

@@ -138,35 +138,4 @@ export var factoryDecorations = function factoryDecorations(_ref) {
     createDecorations: createDecorations,
     removeDecorations: removeDecorations
   };
-};
-export var isSelectionInsideTypeAhead = function isSelectionInsideTypeAhead(_ref4) {
-  var decorationSet = _ref4.decorationSet,
-    selection = _ref4.selection;
-  if (!decorationSet || decorationSet === DecorationSet.empty) {
-    return false;
-  }
-  var typeAheadDecorations = decorationSet.find(undefined, undefined, function (spec) {
-    return spec.isTypeAheadDecoration;
-  });
-  if (!typeAheadDecorations || typeAheadDecorations.length === 0) {
-    return false;
-  }
-  return typeAheadDecorations.some(function (dec) {
-    return dec.from === selection.from && dec.to === selection.to;
-  });
-};
-export var findDecorationElement = function findDecorationElement(_ref5) {
-  var selection = _ref5.selection,
-    decorationSet = _ref5.decorationSet;
-  if (!decorationSet || decorationSet === DecorationSet.empty || !(selection instanceof TextSelection) || !selection.$cursor) {
-    return null;
-  }
-  var pos = selection.$cursor.pos;
-  var decoration = decorationSet.find(pos, pos, function (spec) {
-    return spec === null || spec === void 0 ? void 0 : spec.isTypeAheadDecoration;
-  });
-  if (!decoration || decoration.length !== 1) {
-    return null;
-  }
-  return document.querySelector("#".concat(decoration[0].spec.key));
 };