@atlaskit/editor-core 148.0.0 → 149.0.3

package/dist/esm/plugins/type-ahead/commands/insert-query.js

@@ -1,26 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { TextSelection } from 'prosemirror-state';
-import { safeInsert } from 'prosemirror-utils';
-export function insertTypeAheadQuery(trigger) {
-  var replaceLastChar = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return function (state, dispatch) {
-    if (!dispatch) {
-      return false;
-    }
-
-    if (replaceLastChar) {
-      var tr = state.tr,
-          selection = state.selection;
-      var marks = selection.$from.marks();
-      dispatch(tr.setSelection(TextSelection.create(tr.doc, selection.$from.pos - 1, selection.$from.pos)).replaceSelectionWith(state.doc.type.schema.text(trigger, [state.schema.marks.typeAheadQuery.create({
-        trigger: trigger
-      })].concat(_toConsumableArray(marks))), false));
-      return true;
-    }
-
-    dispatch(safeInsert(state.schema.text(trigger, [state.schema.marks.typeAheadQuery.create({
-      trigger: trigger
-    })]))(state.tr));
-    return true;
-  };
-}

package/dist/esm/plugins/type-ahead/commands/items-list-updated.js

@@ -1,14 +0,0 @@
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey } from '../pm-plugins/plugin-key';
-export var itemsListUpdated = function itemsListUpdated(items) {
-  return function (state, dispatch) {
-    if (dispatch) {
-      dispatch(state.tr.setMeta(pluginKey, {
-        action: ACTIONS.ITEMS_LIST_UPDATED,
-        items: items
-      }));
-    }
-
-    return true;
-  };
-};

package/dist/esm/plugins/type-ahead/commands/select-item.js

@@ -1,132 +0,0 @@
-import { Fragment } from 'prosemirror-model';
-import { insertSelectedItem } from '../../../utils/insert';
-import { ACTIONS } from '../pm-plugins/actions';
-import { pluginKey } from '../pm-plugins/plugin-key';
-import { findTypeAheadQuery } from '../utils/find-query-mark';
-import { isInviteItem } from '../../mentions/utils';
-import { dismissCommand } from './dismiss';
-export var selectCurrentItem = function selectCurrentItem() {
-  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'selected';
-  return function (state, dispatch) {
-    var _pluginKey$getState = pluginKey.getState(state),
-        active = _pluginKey$getState.active,
-        currentIndex = _pluginKey$getState.currentIndex,
-        items = _pluginKey$getState.items,
-        typeAheadHandler = _pluginKey$getState.typeAheadHandler;
-
-    if (!active || !typeAheadHandler) {
-      return false;
-    }
-
-    if (!typeAheadHandler.selectItem || !items[currentIndex]) {
-      return withTypeAheadQueryMarkPosition(state, function (start, end) {
-        return insertFallbackCommand(start, end)(state, dispatch);
-      });
-    }
-
-    return selectItem(typeAheadHandler, items[currentIndex], mode)(state, dispatch);
-  };
-};
-export var selectSingleItemOrDismiss = function selectSingleItemOrDismiss() {
-  var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'selected';
-  return function (state, dispatch) {
-    var _pluginKey$getState2 = pluginKey.getState(state),
-        active = _pluginKey$getState2.active,
-        items = _pluginKey$getState2.items,
-        typeAheadHandler = _pluginKey$getState2.typeAheadHandler;
-
-    if (!active || !typeAheadHandler || !typeAheadHandler.selectItem) {
-      return false;
-    }
-
-    if (items.length === 1) {
-      return selectItem(typeAheadHandler, items[0], mode)(state, dispatch);
-    }
-
-    if (!items || items.length === 0) {
-      dismissCommand()(state, dispatch);
-      return false;
-    }
-
-    return false;
-  };
-};
-export var selectByIndex = function selectByIndex(index) {
-  return function (state, dispatch) {
-    var _pluginKey$getState3 = pluginKey.getState(state),
-        active = _pluginKey$getState3.active,
-        items = _pluginKey$getState3.items,
-        typeAheadHandler = _pluginKey$getState3.typeAheadHandler;
-
-    if (!active || !typeAheadHandler || !typeAheadHandler.selectItem || !items[index]) {
-      return false;
-    }
-
-    return selectItem(typeAheadHandler, items[index])(state, dispatch);
-  };
-};
-export var selectItem = function selectItem(handler, item) {
-  var mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'selected';
-  return function (state, dispatch) {
-    return withTypeAheadQueryMarkPosition(state, function (start, end) {
-      var insert = function insert(maybeNode) {
-        var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var tr = state.tr;
-        tr = tr.setMeta(pluginKey, {
-          action: ACTIONS.SELECT_CURRENT
-        }).replaceWith(start, end, Fragment.empty);
-        return insertSelectedItem(maybeNode, opts)(state, tr, start);
-      };
-
-      var tr = handler.selectItem(state, item, insert, {
-        mode: mode
-      }); // if this is the invite teammates item, delete the trigger and query
-
-      if (isInviteItem(item.mention)) {
-        // allow the user the select the invite item by left click or enter, but not by space bar
-        if (mode !== 'space') {
-          if (dispatch) {
-            dispatch(state.tr.delete(start, end));
-            return true;
-          }
-        }
-
-        return false;
-      }
-
-      if (tr === false) {
-        return insertFallbackCommand(start, end)(state, dispatch);
-      }
-
-      if (dispatch) {
-        dispatch(tr);
-      }
-
-      return true;
-    });
-  };
-};
-export var insertFallbackCommand = function insertFallbackCommand(start, end) {
-  return function (state, dispatch) {
-    var _pluginKey$getState4 = pluginKey.getState(state),
-        query = _pluginKey$getState4.query,
-        trigger = _pluginKey$getState4.trigger;
-
-    var node = state.schema.text(trigger + query);
-
-    if (dispatch) {
-      dispatch(state.tr.replaceWith(start, end, node));
-    }
-
-    return true;
-  };
-};
-export var withTypeAheadQueryMarkPosition = function withTypeAheadQueryMarkPosition(state, cb) {
-  var queryMark = findTypeAheadQuery(state);
-
-  if (!queryMark || queryMark.start === -1) {
-    return false;
-  }
-
-  return cb(queryMark.start, queryMark.end);
-};

package/dist/esm/plugins/type-ahead/commands/set-current-index.js

@@ -1,15 +0,0 @@
-import { ACTIONS, pluginKey } from '../pm-plugins/main';
-export var setCurrentIndex = function setCurrentIndex(currentIndex) {
-  return function (state, dispatch) {
-    if (dispatch) {
-      dispatch(state.tr.setMeta(pluginKey, {
-        action: ACTIONS.SET_CURRENT_INDEX,
-        params: {
-          currentIndex: currentIndex
-        }
-      }));
-    }
-
-    return true;
-  };
-};

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

@@ -1,94 +0,0 @@
-import { keymap } from 'prosemirror-keymap';
-import * as keymaps from '../../../keymaps';
-import { dismissCommand } from '../commands/dismiss';
-import { selectCurrentItem, selectSingleItemOrDismiss } from '../commands/select-item';
-import { ACTIONS, pluginKey } from './main';
-export function keymapPlugin() {
-  var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.enter.common, function (state, dispatch) {
-    var pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    return selectCurrentItem('enter')(state, dispatch);
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveUp.common, function (state, dispatch) {
-    var pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    if (dispatch) {
-      dispatch(state.tr.setMeta(pluginKey, {
-        action: ACTIONS.SELECT_PREV
-      }));
-    }
-
-    return true;
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveDown.common, function (state, dispatch) {
-    var pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    if (dispatch) {
-      dispatch(state.tr.setMeta(pluginKey, {
-        action: ACTIONS.SELECT_NEXT
-      }));
-    }
-
-    return true;
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, function (state, dispatch) {
-    var pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    return selectCurrentItem('shift-enter')(state, dispatch);
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.tab.common, function (state, dispatch) {
-    var pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-
-    return selectCurrentItem('tab')(state, dispatch);
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.escape.common, function (state, dispatch) {
-    var pluginState = pluginKey.getState(state);
-
-    if (!pluginState || !pluginState.active) {
-      return false;
-    }
-    /**
-     * Jira uses escape to toggle the collapsed editor
-     * stop the event propagation when the picker is open
-     */
-
-
-    if (window.event) {
-      window.event.stopPropagation();
-    }
-
-    return dismissCommand()(state, dispatch);
-  }, list);
-  keymaps.bindKeymapWithCommand(keymaps.space.common, function (state, dispatch) {
-    var pluginState = pluginKey.getState(state);
-
-    if (pluginState && pluginState.active) {
-      return selectSingleItemOrDismiss('space')(state, dispatch);
-    }
-
-    return false;
-  }, list);
-  return keymap(list);
-}
-export default keymapPlugin;

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

@@ -1,202 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import React from 'react';
-import styled from 'styled-components';
-import { Popup } from '@atlaskit/editor-common';
-import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
-import { borderRadius, gridSize } from '@atlaskit/theme/constants';
-import { N0, N60A, N50A } from '@atlaskit/theme/colors';
-import { divide } from '@atlaskit/theme/math';
-import { selectByIndex } from '../commands/select-item';
-import { setCurrentIndex } from '../commands/set-current-index';
-import { TypeAheadItemsList } from './TypeAheadItemsList';
-import { fireAnalyticsEvent, ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics';
-import { editorAnalyticsChannel } from '../../analytics/consts';
-export var TypeAheadContent = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: 0 0 1px ", ", 0 4px 8px -2px ", ";\n  padding: ", "px 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"])), N0, borderRadius(), N60A, N50A, divide(gridSize, 2));
-export var TypeAhead = /*#__PURE__*/function (_React$Component) {
-  _inherits(TypeAhead, _React$Component);
-
-  var _super = _createSuper(TypeAhead);
-
-  function TypeAhead() {
-    var _this;
-
-    _classCallCheck(this, TypeAhead);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "composing", false);
-
-    _defineProperty(_assertThisInitialized(_this), "shouldFireRendered", false);
-
-    _defineProperty(_assertThisInitialized(_this), "handleKeyPress", function () {
-      // When user starts typing, they are not using their mouse
-      // Marks as composing, to prevent false positive mouse events
-      _this.composing = true;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleMouseMove", function () {
-      // User is actively moving mouse, hence can enable mouse events again
-      _this.composing = false;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "fireRendered", function () {
-      if (_this.shouldFireRendered) {
-        var _this$props$items;
-
-        var payload = {
-          action: ACTION.RENDERED,
-          actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-          eventType: EVENT_TYPE.OPERATIONAL,
-          attributes: {
-            time: _this.renderStart ? performance.now() - _this.renderStart : undefined,
-            items: (_this$props$items = _this.props.items) === null || _this$props$items === void 0 ? void 0 : _this$props$items.length,
-            initial: _this.props.query === ''
-          }
-        };
-        fireAnalyticsEvent(_this.props.createAnalyticsEvent)({
-          channel: editorAnalyticsChannel,
-          payload: payload
-        });
-        _this.renderStart = undefined;
-        _this.shouldFireRendered = false;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "fireItemViewed", function () {
-      if (_this.props.currentIndex !== _this.sentIndex) {
-        var _this$props$items2;
-
-        var itemPayload = {
-          action: ACTION.VIEWED,
-          actionSubject: ACTION_SUBJECT.TYPEAHEAD_ITEM,
-          eventType: EVENT_TYPE.OPERATIONAL,
-          attributes: {
-            index: _this.props.currentIndex,
-            items: (_this$props$items2 = _this.props.items) === null || _this$props$items2 === void 0 ? void 0 : _this$props$items2.length
-          }
-        };
-        fireAnalyticsEvent(_this.props.createAnalyticsEvent)({
-          channel: editorAnalyticsChannel,
-          payload: itemPayload
-        });
-        _this.sentIndex = _this.props.currentIndex;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "componentDidMount", function () {
-      window.addEventListener('keypress', _this.handleKeyPress);
-      window.addEventListener('mousemove', _this.handleMouseMove);
-
-      _this.fireRendered();
-
-      _this.fireItemViewed();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
-      window.removeEventListener('keypress', _this.handleKeyPress);
-      window.removeEventListener('mousemove', _this.handleMouseMove);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function () {
-      _this.fireRendered();
-
-      _this.fireItemViewed();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "insertByIndex", function (index) {
-      selectByIndex(index)(_this.props.editorView.state, _this.props.editorView.dispatch);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "setCurrentIndex", function (index) {
-      if (_this.composing) {
-        // User is typing, mouse events are false positives
-        return;
-      }
-
-      if (index !== _this.props.currentIndex) {
-        setCurrentIndex(index)(_this.props.editorView.state, _this.props.editorView.dispatch);
-      }
-    });
-
-    return _this;
-  }
-
-  _createClass(TypeAhead, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      var _this$props$items$map, _this$props$items3, _nextProps$items$map$, _nextProps$items;
-
-      var prev = (_this$props$items$map = (_this$props$items3 = this.props.items) === null || _this$props$items3 === void 0 ? void 0 : _this$props$items3.map(function (_ref) {
-        var title = _ref.title;
-        return title;
-      }).join('-')) !== null && _this$props$items$map !== void 0 ? _this$props$items$map : '';
-      var next = (_nextProps$items$map$ = (_nextProps$items = nextProps.items) === null || _nextProps$items === void 0 ? void 0 : _nextProps$items.map(function (_ref2) {
-        var title = _ref2.title;
-        return title;
-      }).join('-')) !== null && _nextProps$items$map$ !== void 0 ? _nextProps$items$map$ : '';
-
-      if (prev !== next) {
-        this.renderStart = performance.now();
-        this.shouldFireRendered = true;
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          active = _this$props.active,
-          items = _this$props.items,
-          isLoading = _this$props.isLoading,
-          anchorElement = _this$props.anchorElement,
-          currentIndex = _this$props.currentIndex,
-          popupsMountPoint = _this$props.popupsMountPoint,
-          popupsBoundariesElement = _this$props.popupsBoundariesElement,
-          popupsScrollableElement = _this$props.popupsScrollableElement,
-          highlight = _this$props.highlight;
-
-      if (!active || !anchorElement || !items || !items.length) {
-        return null;
-      }
-
-      return /*#__PURE__*/React.createElement(Popup, {
-        zIndex: akEditorFloatingDialogZIndex,
-        target: anchorElement,
-        mountTo: popupsMountPoint,
-        boundariesElement: popupsBoundariesElement,
-        scrollableElement: popupsScrollableElement,
-        fitHeight: 300,
-        fitWidth: 340,
-        offset: [0, 8]
-      }, /*#__PURE__*/React.createElement(TypeAheadContent, {
-        className: "fabric-editor-typeahead"
-      }, highlight, Array.isArray(items) ? /*#__PURE__*/React.createElement(TypeAheadItemsList, {
-        insertByIndex: this.insertByIndex,
-        setCurrentIndex: this.setCurrentIndex,
-        items: items,
-        currentIndex: currentIndex
-      }) : !items && isLoading ? 'loading...' : 'no items'));
-    }
-  }]);
-
-  return TypeAhead;
-}(React.Component);
-
-_defineProperty(TypeAhead, "displayName", 'TypeAhead');

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

@@ -1,204 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import React from 'react';
-import styled, { ThemeProvider } from 'styled-components';
-import Item, { ItemGroup, itemThemeNamespace } from '@atlaskit/item';
-import { themed } from '@atlaskit/theme/components';
-import { borderRadius } from '@atlaskit/theme/constants';
-import * as colors from '@atlaskit/theme/colors';
-import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { Shortcut } from '../../../ui/styles';
-import IconFallback from '../../quick-insert/assets/fallback';
-var hidden = {
-  overflow: 'hidden'
-};
-
-var itemTheme = _defineProperty({}, itemThemeNamespace, {
-  padding: {
-    default: {
-      bottom: 12,
-      left: 12,
-      right: 12,
-      top: 12
-    }
-  },
-  beforeItemSpacing: {
-    default: function _default() {
-      return 12;
-    }
-  },
-  borderRadius: function borderRadius() {
-    return 0;
-  },
-  hover: {
-    // background: colors.transparent, transparent is not a thing
-    text: colors.text,
-    secondaryText: colors.N200
-  },
-  selected: {
-    background: themed({
-      light: colors.N20,
-      dark: colors.DN70
-    }),
-    text: themed({
-      light: colors.N800,
-      dark: colors.DN600
-    }),
-    secondaryText: themed({
-      light: colors.N200,
-      dark: colors.DN300
-    })
-  }
-});
-
-export var ItemIcon = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 40px;\n  height: 40px;\n  overflow: hidden;\n  border: 1px solid rgba(223, 225, 229, 0.5); /* 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: 40px;\n    height: 40px;\n  }\n"])), borderRadius());
-var ItemBody = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  line-height: 1.4;\n"])));
-var ItemText = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  white-space: initial;\n  .item-description {\n    font-size: ", ";\n    color: ", ";\n    margin-top: 4px;\n  }\n"])), relativeFontSizeToBase16(11.67), colors.N200);
-var ItemAfter = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
-
-var fallbackIcon = function fallbackIcon() {
-  return /*#__PURE__*/React.createElement(IconFallback, null);
-};
-
-export function scrollIntoViewIfNeeded(element) {
-  var offsetTop = element.offsetTop,
-      offsetHeight = element.offsetHeight,
-      offsetParent = element.offsetParent;
-  var _ref = offsetParent,
-      offsetParentHeight = _ref.offsetHeight,
-      scrollTop = _ref.scrollTop;
-  var direction = offsetTop + offsetHeight > offsetParentHeight + scrollTop ? 1 : scrollTop > offsetTop ? -1 : 0;
-
-  if (direction !== 0 && offsetParent) {
-    offsetParent.scrollTop = direction === 1 ? offsetTop + offsetHeight - offsetParentHeight : offsetTop;
-  }
-}
-export function TypeAheadItemsList(_ref2) {
-  var items = _ref2.items,
-      currentIndex = _ref2.currentIndex,
-      insertByIndex = _ref2.insertByIndex,
-      setCurrentIndex = _ref2.setCurrentIndex;
-
-  if (!Array.isArray(items)) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: itemTheme
-  }, /*#__PURE__*/React.createElement(ItemGroup, null, items.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(TypeAheadItemComponent, {
-      key: item.key || item.title,
-      item: item,
-      index: index,
-      currentIndex: currentIndex,
-      insertByIndex: insertByIndex,
-      setCurrentIndex: setCurrentIndex
-    });
-  })));
-}
-export var TypeAheadItemComponent = /*#__PURE__*/function (_React$Component) {
-  _inherits(TypeAheadItemComponent, _React$Component);
-
-  var _super = _createSuper(TypeAheadItemComponent);
-
-  function TypeAheadItemComponent() {
-    var _this;
-
-    _classCallCheck(this, TypeAheadItemComponent);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      ref: null
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "insertByIndex", function () {
-      _this.props.insertByIndex(_this.props.index);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "setCurrentIndex", function () {
-      if (!_this.isSelected(_this.props)) {
-        _this.props.setCurrentIndex(_this.props.index);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleRef", function (rawRef) {
-      var hasRef = function hasRef(ref) {
-        return ref && ref.ref;
-      };
-
-      var ref = hasRef(rawRef) ? rawRef.ref : rawRef;
-
-      _this.setState({
-        ref: ref
-      });
-    });
-
-    return _this;
-  }
-
-  _createClass(TypeAheadItemComponent, [{
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      return this.isSelected(this.props) !== this.isSelected(nextProps);
-    }
-  }, {
-    key: "isSelected",
-    value: function isSelected(props) {
-      return props.index === props.currentIndex;
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      var ref = this.state.ref;
-
-      if (this.props.index === this.props.currentIndex && ref) {
-        scrollIntoViewIfNeeded(ref);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var item = this.props.item;
-      return item.render ? /*#__PURE__*/React.createElement("div", {
-        onMouseMove: this.setCurrentIndex,
-        ref: this.handleRef,
-        style: hidden
-      }, /*#__PURE__*/React.createElement(item.render, {
-        onClick: this.insertByIndex,
-        onHover: this.setCurrentIndex,
-        isSelected: this.isSelected(this.props)
-      })) : /*#__PURE__*/React.createElement(Item, {
-        onClick: this.insertByIndex,
-        onMouseMove: this.setCurrentIndex,
-        elemBefore: /*#__PURE__*/React.createElement(ItemIcon, null, item.icon ? item.icon() : fallbackIcon()),
-        isSelected: this.isSelected(this.props),
-        "aria-describedby": item.title,
-        ref: this.handleRef
-      }, /*#__PURE__*/React.createElement(ItemBody, null, /*#__PURE__*/React.createElement(ItemText, null, /*#__PURE__*/React.createElement("div", {
-        className: "item-title"
-      }, item.title), item.description && /*#__PURE__*/React.createElement("div", {
-        className: "item-description"
-      }, item.description)), /*#__PURE__*/React.createElement(ItemAfter, null, item.keyshortcut && /*#__PURE__*/React.createElement(Shortcut, null, item.keyshortcut))));
-    }
-  }]);
-
-  return TypeAheadItemComponent;
-}(React.Component);