@atlaskit/editor-core 188.8.0 → 188.9.2

package/dist/esm/plugins/type-ahead/ui/TypeAheadListItem.js

@@ -1,169 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-/** @jsx jsx */
-import React, { useCallback, useMemo, useLayoutEffect } from 'react';
-import { css, jsx } from '@emotion/react';
-import { DN600, N200, N800, N30, B400 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { ButtonItem } from '@atlaskit/menu';
-import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { IconFallback } from '@atlaskit/editor-common/quick-insert';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { useIntl } from 'react-intl-next';
-import { typeAheadListMessages } from '../messages';
-export var ICON_HEIGHT = 40;
-export var ICON_WIDTH = 40;
-export var ITEM_PADDING = 12;
-export var itemIcon = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  overflow: hidden;\n  border: 1px solid ", "; /* N60 at 50% */\n  border-radius: ", "px;\n  box-sizing: border-box;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  div {\n    width: ", "px;\n    height: ", "px;\n  }\n"])), ICON_WIDTH, ICON_HEIGHT, "var(--ds-border, rgba(223, 225, 229, 0.5))", borderRadius(), ICON_WIDTH, ICON_HEIGHT);
-var itemBody = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n"])));
-var itemText = function itemText(theme) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  white-space: initial;\n  color: ", ";\n  .item-title {\n    line-height: 1.4;\n  }\n  .item-description {\n    font-size: ", ";\n    color: ", ";\n    margin-top: 3px;\n  }\n"])), themed({
-    light: "var(--ds-text, ".concat(N800, ")"),
-    dark: "var(--ds-text, ".concat(DN600, ")")
-  })(theme), relativeFontSizeToBase16(12), "var(--ds-text-subtlest, ".concat(N200, ")"));
-};
-var itemAfter = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
-var customRenderItemDivStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  &:focus {\n    box-shadow: inset 2px 0px 0px ", ";\n    background-color: ", ";\n    outline: none;\n  }\n"])), "var(--ds-border-focused, ".concat(B400, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"));
-
-/**
- * This CSS emulates the desired behaviour with :focus-visible for firefox.
- * Firefox unfortunately does not register keyboard focus if user mouseDown and drag a typeahead item
- * resulting in focus-visible style not drawn.
- */
-var selectionFrame = {
-  '& > button:focus': {
-    boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-focused, ".concat(B400, ")"), ";"),
-    backgroundColor: "".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")),
-    outline: 'none',
-    '&:active': {
-      boxShadow: 'none'
-    }
-  },
-  '& > button:hover': {
-    backgroundColor: 'inherit',
-    outline: 'none'
-  }
-};
-var selectedStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"), "var(--ds-border-focused, ".concat(B400, ")"));
-var FallbackIcon = /*#__PURE__*/React.memo(function (_ref) {
-  var label = _ref.label;
-  return jsx(IconFallback, null);
-});
-var noop = function noop() {};
-var AssistiveText = function AssistiveText(_ref2) {
-  var title = _ref2.title,
-    description = _ref2.description,
-    shortcut = _ref2.shortcut;
-  var intl = useIntl();
-  var descriptionText = description ? " ".concat(intl.formatMessage(typeAheadListMessages.descriptionLabel), " ").concat(description, ".") : '';
-  var shortcutText = shortcut ? " ".concat(intl.formatMessage(typeAheadListMessages.shortcutLabel), " ").concat(shortcut, ".") : '';
-  return jsx("span", {
-    className: "assistive"
-  }, "".concat(title, ". ").concat(descriptionText, " ").concat(shortcutText));
-};
-export var TypeAheadListItem = function TypeAheadListItem(_ref3) {
-  var item = _ref3.item,
-    itemsLength = _ref3.itemsLength,
-    selectedIndex = _ref3.selectedIndex,
-    onItemClick = _ref3.onItemClick,
-    itemIndex = _ref3.itemIndex,
-    ariaLabel = _ref3.ariaLabel;
-  /**
-   * To select and highlight the first Item when no item is selected
-   * However selectedIndex remains -1, So that user does not skip the first item when down arrow key is used from typeahead query(inputQuery.tsx)
-   */
-  var isSelected = itemIndex === selectedIndex || selectedIndex === -1 && itemIndex === 0;
-  var icon = item.icon,
-    title = item.title,
-    customRenderItem = item.render;
-  var elementIcon = useMemo(function () {
-    return jsx("div", {
-      css: itemIcon
-    }, icon ? icon() : jsx(FallbackIcon, {
-      label: title
-    }));
-  }, [icon, title]);
-  var insertSelectedItem = useCallback(function () {
-    onItemClick(SelectItemMode.SELECTED, itemIndex);
-  }, [onItemClick, itemIndex]);
-  var customItemRef = /*#__PURE__*/React.createRef();
-  var buttonItemRef = /*#__PURE__*/React.createRef();
-  var shouldUpdateFocus = selectedIndex === itemIndex;
-  useLayoutEffect(function () {
-    if (shouldUpdateFocus) {
-      var _customItemRef$curren;
-      customItemRef === null || customItemRef === void 0 || (_customItemRef$curren = customItemRef.current) === null || _customItemRef$curren === void 0 || _customItemRef$curren.focus();
-    }
-  }, [customItemRef, shouldUpdateFocus]);
-  useLayoutEffect(function () {
-    if (shouldUpdateFocus) {
-      var _buttonItemRef$curren;
-      buttonItemRef === null || buttonItemRef === void 0 || (_buttonItemRef$curren = buttonItemRef.current) === null || _buttonItemRef$curren === void 0 || _buttonItemRef$curren.focus();
-    }
-  }, [buttonItemRef, shouldUpdateFocus]);
-  var customItem = useMemo(function () {
-    if (!customRenderItem) {
-      return null;
-    }
-    var Comp = customRenderItem;
-    var listItemClasses = [customRenderItemDivStyle, isSelected && selectedStyle];
-    return jsx("div", {
-      "aria-selected": isSelected,
-      role: "option",
-      "aria-label": ariaLabel,
-      "aria-setsize": itemsLength,
-      "aria-posinset": itemIndex,
-      tabIndex: 0,
-      css: listItemClasses,
-      className: "ak-typeahead-item ".concat(isSelected ? 'typeahead-selected-item' : '')
-      //CSS classes added for test cases purpose
-      ,
-      ref: customItemRef
-    }, jsx("div", {
-      "aria-hidden": true
-    }, jsx(Comp, {
-      onClick: insertSelectedItem,
-      isSelected: false //The selection styles are handled in the parent div instead. Hence isSelected is made false always.
-      ,
-      onHover: noop
-    })));
-  }, [customRenderItem, isSelected, ariaLabel, itemsLength, customItemRef, insertSelectedItem, itemIndex]);
-  if (customItem) {
-    return customItem;
-  }
-  var listItemClasses = [selectionFrame, isSelected && selectedStyle];
-  return jsx("span", {
-    css: listItemClasses
-  }, jsx(ButtonItem, {
-    onClick: insertSelectedItem,
-    iconBefore: elementIcon,
-    isSelected: isSelected,
-    "aria-selected": isSelected,
-    "aria-label": title,
-    "aria-setsize": itemsLength,
-    "aria-posinset": itemIndex,
-    role: "option",
-    ref: buttonItemRef,
-    css: listItemClasses
-  }, jsx("div", {
-    "aria-hidden": true
-  }, jsx("div", {
-    css: itemText
-  }, jsx("div", {
-    css: itemBody
-  }, jsx("div", {
-    className: "item-title"
-  }, item.title), jsx("div", {
-    css: itemAfter
-  }, item.keyshortcut && jsx("div", {
-    css: shortcutStyle
-  }, item.keyshortcut))), jsx("div", {
-    className: "item-description"
-  }, item.description))), jsx(AssistiveText, {
-    title: item.title,
-    description: item.description,
-    shortcut: item.keyshortcut
-  })));
-};

package/dist/esm/plugins/type-ahead/ui/TypeAheadPopup.js

@@ -1,220 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-/** @jsx jsx */
-import React, { useCallback, useEffect, useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { css, jsx } from '@emotion/react';
-import rafSchedule from 'raf-schd';
-import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
-import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { N0, N60A, N50A } from '@atlaskit/theme/colors';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../constants';
-import { TypeAheadList } from './TypeAheadList';
-import { ITEM_PADDING } from './TypeAheadListItem';
-var DEFAULT_TYPEAHEAD_MENU_HEIGHT = 380;
-var typeAheadContent = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  padding: ", " 0;\n  width: 320px;\n  max-height: 380px; /* ~5.5 visibile items */\n  overflow-y: auto;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n  position: relative;\n"])), "var(--ds-surface-overlay, ".concat(N0, ")"), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 0 1px ".concat(N60A, ", 0 4px 8px -2px ").concat(N50A), ")"), "var(--ds-space-050, 4px)");
-var Highlight = function Highlight(_ref) {
-  var state = _ref.state,
-    triggerHandler = _ref.triggerHandler;
-  if (!(triggerHandler !== null && triggerHandler !== void 0 && triggerHandler.getHighlight)) {
-    return null;
-  }
-  return triggerHandler.getHighlight(state);
-};
-var OFFSET = [0, 8];
-export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
-  var editorView = props.editorView,
-    triggerHandler = props.triggerHandler,
-    anchorElement = props.anchorElement,
-    popupsMountPoint = props.popupsMountPoint,
-    popupsBoundariesElement = props.popupsBoundariesElement,
-    popupsScrollableElement = props.popupsScrollableElement,
-    items = props.items,
-    selectedIndex = props.selectedIndex,
-    onItemInsert = props.onItemInsert,
-    fireAnalyticsCallback = props.fireAnalyticsCallback,
-    isEmptyQuery = props.isEmptyQuery,
-    cancel = props.cancel;
-  var ref = useRef(null);
-  var startTime = useMemo(function () {
-    return performance.now();
-  },
-  // In case those props changes
-  // we need to recreate the startTime
-  [items, isEmptyQuery, fireAnalyticsCallback, triggerHandler] // eslint-disable-line react-hooks/exhaustive-deps
-  );
-
-  useEffect(function () {
-    if (!fireAnalyticsCallback) {
-      return;
-    }
-    var stopTime = performance.now();
-    var time = stopTime - startTime;
-    fireAnalyticsCallback({
-      payload: {
-        action: ACTION.RENDERED,
-        actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          time: time,
-          items: items.length,
-          initial: isEmptyQuery
-        }
-      }
-    });
-  }, [startTime, items, fireAnalyticsCallback, isEmptyQuery,
-  // In case the current triggerHandler changes
-  // e.g: Inserting a mention using the quick insert
-  // we need to send the event again
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  triggerHandler]);
-  useEffect(function () {
-    if (!fireAnalyticsCallback) {
-      return;
-    }
-    fireAnalyticsCallback({
-      payload: {
-        action: ACTION.VIEWED,
-        actionSubject: ACTION_SUBJECT.TYPEAHEAD_ITEM,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          index: selectedIndex,
-          items: items.length
-        }
-      }
-    });
-  }, [items, fireAnalyticsCallback, selectedIndex,
-  // In case the current triggerHandler changes
-  // e.g: Inserting a mention using the quick insert
-  // we need to send the event again
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  triggerHandler]);
-  var _useState = useState(DEFAULT_TYPEAHEAD_MENU_HEIGHT),
-    _useState2 = _slicedToArray(_useState, 2),
-    fitHeight = _useState2[0],
-    setFitHeight = _useState2[1];
-  var getFitHeight = useCallback(function () {
-    if (!anchorElement || !popupsMountPoint) {
-      return;
-    }
-    var target = anchorElement;
-    var _target$getBoundingCl = target.getBoundingClientRect(),
-      targetTop = _target$getBoundingCl.top,
-      targetHeight = _target$getBoundingCl.height;
-    var boundariesElement = document.body;
-    var _boundariesElement$ge = boundariesElement.getBoundingClientRect(),
-      boundariesHeight = _boundariesElement$ge.height,
-      boundariesTop = _boundariesElement$ge.top;
-
-    // Calculating the space above and space below our decoration
-    var spaceAbove = targetTop - (boundariesTop - boundariesElement.scrollTop);
-    var spaceBelow = boundariesTop + boundariesHeight - (targetTop + targetHeight);
-
-    // Keep default height if more than enough space
-    if (spaceBelow >= DEFAULT_TYPEAHEAD_MENU_HEIGHT) {
-      return setFitHeight(DEFAULT_TYPEAHEAD_MENU_HEIGHT);
-    }
-
-    // Determines whether typeahead will fit above or below decoration
-    // and return the space available.
-    var newFitHeight = spaceBelow >= spaceAbove ? spaceBelow : spaceAbove;
-
-    // Each typeahead item has some padding
-    // We want to leave some space at the top so first item
-    // is not partially cropped
-    var fitHeightWithSpace = newFitHeight - ITEM_PADDING * 2;
-
-    // Ensure typeahead height is max its default height
-    var minFitHeight = Math.min(DEFAULT_TYPEAHEAD_MENU_HEIGHT, fitHeightWithSpace);
-    return setFitHeight(minFitHeight);
-  }, [anchorElement, popupsMountPoint]);
-  var getFitHeightDebounced = rafSchedule(getFitHeight);
-  useLayoutEffect(function () {
-    var scrollableElement = popupsScrollableElement || findOverflowScrollParent(anchorElement);
-    getFitHeight();
-    window.addEventListener('resize', getFitHeightDebounced);
-    if (scrollableElement) {
-      scrollableElement.addEventListener('scroll', getFitHeightDebounced);
-    }
-    return function () {
-      window.removeEventListener('resize', getFitHeightDebounced);
-      if (scrollableElement) {
-        scrollableElement.removeEventListener('scroll', getFitHeightDebounced);
-      }
-    };
-  }, [anchorElement, popupsScrollableElement, getFitHeightDebounced, getFitHeight]);
-  useLayoutEffect(function () {
-    var focusOut = function focusOut(event) {
-      var _window$getSelection;
-      var relatedTarget = event.relatedTarget;
-
-      // Given the user is changing the focus
-      // When the target is inside the TypeAhead Popup
-      // Then the popup should stay open
-      if (relatedTarget instanceof HTMLElement && relatedTarget.closest && (relatedTarget.closest(".".concat(TYPE_AHEAD_POPUP_CONTENT_CLASS)) || relatedTarget.closest("[data-type-ahead=\"".concat(TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, "\"]")))) {
-        return;
-      }
-      if (!(((_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.type) === 'Range')) {
-        return;
-      }
-      cancel({
-        addPrefixTrigger: true,
-        setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
-        forceFocusOnEditor: false
-      });
-    };
-    var element = ref.current;
-    element === null || element === void 0 || element.addEventListener('focusout', focusOut);
-    return function () {
-      element === null || element === void 0 || element.removeEventListener('focusout', focusOut);
-    };
-  }, [ref, cancel]);
-
-  // ED-17443 When you press escape on typeahead panel, it should remove focus and close the panel
-  // This is the expected keyboard behaviour advised by the Accessibility team
-  useLayoutEffect(function () {
-    var escape = function escape(event) {
-      if (event.key === 'Escape') {
-        cancel({
-          addPrefixTrigger: true,
-          setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
-          forceFocusOnEditor: true
-        });
-      }
-    };
-    var element = ref.current;
-    element === null || element === void 0 || element.addEventListener('keydown', escape);
-    return function () {
-      element === null || element === void 0 || element.removeEventListener('keydown', escape);
-    };
-  }, [ref, cancel]);
-  return jsx(Popup, {
-    zIndex: akEditorFloatingDialogZIndex,
-    target: anchorElement,
-    mountTo: popupsMountPoint,
-    boundariesElement: popupsBoundariesElement,
-    scrollableElement: popupsScrollableElement,
-    fitHeight: fitHeight,
-    fitWidth: 340,
-    offset: OFFSET
-  }, jsx("div", {
-    css: typeAheadContent,
-    tabIndex: 0,
-    className: TYPE_AHEAD_POPUP_CONTENT_CLASS,
-    ref: ref
-  }, jsx(Highlight, {
-    state: editorView.state,
-    triggerHandler: triggerHandler
-  }), jsx(TypeAheadList, {
-    items: items,
-    selectedIndex: selectedIndex,
-    onItemClick: onItemInsert,
-    fitHeight: fitHeight,
-    editorView: editorView,
-    decorationElement: anchorElement,
-    triggerHandler: triggerHandler
-  })));
-});
-TypeAheadPopup.displayName = 'TypeAheadPopup';

package/dist/esm/plugins/type-ahead/ui/WrapperTypeAhead.js

@@ -1,117 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useMemo, useEffect, useLayoutEffect, useCallback, useRef, useState } from 'react';
-import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { moveSelectedIndex, getPluginState } from '../utils';
-import { updateQuery } from '../commands/update-query';
-import { InputQuery } from './InputQuery';
-import { useLoadItems } from './hooks/use-load-items';
-import { useItemInsert } from './hooks/use-item-insert';
-import { useOnForceSelect } from './hooks/use-on-force-select';
-export var WrapperTypeAhead = /*#__PURE__*/React.memo(function (_ref) {
-  var triggerHandler = _ref.triggerHandler,
-    editorView = _ref.editorView,
-    anchorElement = _ref.anchorElement,
-    shouldFocusCursorInsideQuery = _ref.shouldFocusCursorInsideQuery,
-    popupsMountPoint = _ref.popupsMountPoint,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsScrollableElement = _ref.popupsScrollableElement,
-    createAnalyticsEvent = _ref.createAnalyticsEvent,
-    inputMethod = _ref.inputMethod,
-    getDecorationPosition = _ref.getDecorationPosition,
-    reopenQuery = _ref.reopenQuery,
-    onUndoRedo = _ref.onUndoRedo;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    closed = _useState2[0],
-    setClosed = _useState2[1];
-  var _useState3 = useState(reopenQuery || ''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    query = _useState4[0],
-    setQuery = _useState4[1];
-  var queryRef = useRef(query);
-  var editorViewRef = useRef(editorView);
-  var items = useLoadItems(triggerHandler, editorView, query);
-  useLayoutEffect(function () {
-    queryRef.current = query;
-  }, [query]);
-  var _useItemInsert = useItemInsert(triggerHandler, editorView, items),
-    _useItemInsert2 = _slicedToArray(_useItemInsert, 2),
-    onItemInsert = _useItemInsert2[0],
-    onTextInsert = _useItemInsert2[1];
-  var selectNextItem = useMemo(function () {
-    return moveSelectedIndex({
-      editorView: editorView,
-      direction: 'next'
-    });
-  }, [editorView]);
-  var selectPreviousItem = useMemo(function () {
-    return moveSelectedIndex({
-      editorView: editorView,
-      direction: 'previous'
-    });
-  }, [editorView]);
-  var cancel = useCallback(function (_ref2) {
-    var setSelectionAt = _ref2.setSelectionAt,
-      addPrefixTrigger = _ref2.addPrefixTrigger,
-      text = _ref2.text,
-      forceFocusOnEditor = _ref2.forceFocusOnEditor;
-    setClosed(true);
-    var fullquery = addPrefixTrigger ? "".concat(triggerHandler.trigger).concat(text) : text;
-    onTextInsert({
-      forceFocusOnEditor: forceFocusOnEditor,
-      setSelectionAt: setSelectionAt,
-      text: fullquery
-    });
-  }, [triggerHandler, onTextInsert]);
-  var insertSelectedItem = useCallback(function () {
-    var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : SelectItemMode.SELECTED;
-    var view = editorViewRef.current;
-    var _ref3 = getPluginState(view.state),
-      selectedIndex = _ref3.selectedIndex;
-    setClosed(true);
-    queueMicrotask(function () {
-      onItemInsert({
-        mode: mode,
-        index: selectedIndex,
-        query: queryRef.current
-      });
-    });
-  }, [onItemInsert]);
-  var showTypeAheadPopupList = useCallback(function () {}, []);
-  var closePopup = useCallback(function () {
-    setClosed(true);
-  }, []);
-  useEffect(function () {
-    var view = editorViewRef.current;
-    var pluginState = getPluginState(view.state);
-    if (query.length === 0 || query === (pluginState === null || pluginState === void 0 ? void 0 : pluginState.query) || !(pluginState !== null && pluginState !== void 0 && pluginState.triggerHandler)) {
-      return;
-    }
-    updateQuery(query)(view.state, view.dispatch);
-  }, [query, reopenQuery]);
-  useOnForceSelect({
-    triggerHandler: triggerHandler,
-    items: items,
-    query: query,
-    editorView: editorView,
-    closePopup: closePopup
-  });
-  if (closed) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(InputQuery, {
-    triggerQueryPrefix: triggerHandler.trigger,
-    onQueryChange: setQuery,
-    onItemSelect: insertSelectedItem,
-    selectNextItem: selectNextItem,
-    selectPreviousItem: selectPreviousItem,
-    onQueryFocus: showTypeAheadPopupList,
-    cancel: cancel,
-    forceFocus: shouldFocusCursorInsideQuery,
-    onUndoRedo: onUndoRedo,
-    reopenQuery: reopenQuery,
-    editorView: editorView,
-    items: items
-  });
-});
-WrapperTypeAhead.displayName = 'WrapperTypeAhead';

package/dist/esm/plugins/type-ahead/ui/hooks/use-item-insert.js

@@ -1,103 +0,0 @@
-import { useLayoutEffect, useCallback, useRef } from 'react';
-import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { closeTypeAhead } from '../../transforms/close-type-ahead';
-import { setSelectionBeforeQuery } from '../../transforms/set-selection-before-query';
-import { insertTypeAheadItem } from '../../commands/insert-type-ahead-item';
-import { CloseSelectionOptions } from '../../constants';
-var insertRawQuery = function insertRawQuery(_ref) {
-  var view = _ref.view,
-    setSelectionAt = _ref.setSelectionAt,
-    text = _ref.text,
-    forceFocusOnEditor = _ref.forceFocusOnEditor;
-  var _view$state = view.state,
-    tr = _view$state.tr,
-    schema = _view$state.schema;
-  closeTypeAhead(tr);
-  if (text.length > 0) {
-    tr.replaceSelectionWith(schema.text(text));
-    if (setSelectionAt === CloseSelectionOptions.BEFORE_TEXT_INSERTED) {
-      setSelectionBeforeQuery(text)(tr);
-    }
-  }
-  view.dispatch(tr);
-  if (forceFocusOnEditor) {
-    view.focus();
-  }
-};
-export var useItemInsert = function useItemInsert(triggerHandler, editorView, items) {
-  var editorViewRef = useRef(editorView);
-  var itemsRef = useRef(items);
-  var onTextInsert = useCallback(function (_ref2) {
-    var setSelectionAt = _ref2.setSelectionAt,
-      text = _ref2.text,
-      forceFocusOnEditor = _ref2.forceFocusOnEditor;
-    if (!triggerHandler) {
-      return;
-    }
-    var view = editorViewRef.current;
-    insertRawQuery({
-      view: view,
-      setSelectionAt: setSelectionAt,
-      text: text,
-      forceFocusOnEditor: forceFocusOnEditor
-    });
-  }, [triggerHandler]);
-  var onItemInsert = useCallback(function (_ref3) {
-    var mode = _ref3.mode,
-      index = _ref3.index,
-      query = _ref3.query;
-    var sourceListItem = itemsRef.current;
-    if (sourceListItem.length === 0 || !triggerHandler) {
-      var text = "".concat(triggerHandler.trigger).concat(query);
-      onTextInsert({
-        forceFocusOnEditor: true,
-        setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
-        text: text
-      });
-      return;
-    }
-    var itemToInsert = sourceListItem[index];
-    if (!itemToInsert) {
-      return;
-    }
-    var view = editorViewRef.current;
-    insertTypeAheadItem(view)({
-      item: itemToInsert,
-      handler: triggerHandler,
-      mode: mode,
-      query: query,
-      sourceListItem: sourceListItem
-    });
-  }, [triggerHandler, onTextInsert]);
-  var onItemMatch = useCallback(function (_ref4) {
-    var mode = _ref4.mode,
-      query = _ref4.query;
-    var _items = itemsRef.current;
-    if (_items && _items.length > 1) {
-      return false;
-    }
-    if (_items.length === 1) {
-      queueMicrotask(function () {
-        onItemInsert({
-          mode: mode,
-          query: query,
-          index: 0
-        });
-      });
-    } else {
-      var text = "".concat(triggerHandler.trigger).concat(query);
-      queueMicrotask(function () {
-        onTextInsert({
-          forceFocusOnEditor: true,
-          setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
-          text: mode === SelectItemMode.SPACE ? text.concat(' ') : text
-        });
-      });
-    }
-    return true;
-  }, [onItemInsert, triggerHandler, onTextInsert]);
-  useLayoutEffect(function () {
-    itemsRef.current = items;
-  }, [items]);
-  return [onItemInsert, onTextInsert, onItemMatch];
-};

package/dist/esm/plugins/type-ahead/ui/hooks/use-load-items.js

@@ -1,43 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useRef, useState, useEffect } from 'react';
-import { updateListItem } from '../../commands/update-list-items';
-var EMPTY_LIST_ITEM = [];
-export var useLoadItems = function useLoadItems(triggerHandler, editorView, query) {
-  var _useState = useState(EMPTY_LIST_ITEM),
-    _useState2 = _slicedToArray(_useState, 2),
-    items = _useState2[0],
-    setItems = _useState2[1];
-  var componentIsMounted = useRef(true);
-  var editorViewRef = useRef(editorView);
-  useEffect(function () {
-    var getItems = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.getItems;
-    if (!getItems) {
-      setItems(EMPTY_LIST_ITEM);
-      return;
-    }
-    var options = {
-      query: query || '',
-      editorState: editorView.state
-    };
-    var view = editorViewRef.current;
-    getItems(options).then(function (result) {
-      var list = result.length > 0 ? result : EMPTY_LIST_ITEM;
-      if (componentIsMounted.current) {
-        setItems(list);
-      }
-      queueMicrotask(function () {
-        updateListItem(list)(view.state, view.dispatch);
-      });
-    });
-
-    // ignore because EditorView is mutable but we don't want to
-    // call loadItems when it changes, only when the query changes
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [triggerHandler, query]);
-  useEffect(function () {
-    return function () {
-      componentIsMounted.current = false;
-    };
-  }, []);
-  return items;
-};

package/dist/esm/plugins/type-ahead/ui/hooks/use-on-force-select.js

@@ -1,35 +0,0 @@
-import { useLayoutEffect, useRef } from 'react';
-import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { insertTypeAheadItem } from '../../commands/insert-type-ahead-item';
-export var useOnForceSelect = function useOnForceSelect(_ref) {
-  var triggerHandler = _ref.triggerHandler,
-    items = _ref.items,
-    query = _ref.query,
-    editorView = _ref.editorView,
-    closePopup = _ref.closePopup;
-  var editorViewRef = useRef(editorView);
-  useLayoutEffect(function () {
-    if (!query || typeof triggerHandler.forceSelect !== 'function') {
-      return;
-    }
-    var item = triggerHandler.forceSelect({
-      items: items,
-      query: query,
-      editorState: editorViewRef.current.state
-    });
-    if (!item) {
-      return;
-    }
-    var view = editorViewRef.current;
-    closePopup();
-    queueMicrotask(function () {
-      insertTypeAheadItem(view)({
-        item: item,
-        mode: SelectItemMode.SPACE,
-        query: query,
-        handler: triggerHandler,
-        sourceListItem: items
-      });
-    });
-  }, [triggerHandler, closePopup, query, items]);
-};