@atlaskit/editor-core 178.1.1 → 178.1.2

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

@@ -1,87 +1,64 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TypeAheadPopup = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _analytics = require("@atlaskit/editor-common/analytics");
-
 var _constants2 = require("../constants");
-
 var _TypeAheadList = require("./TypeAheadList");
-
 var _TypeAheadListItem = require("./TypeAheadListItem");
-
 var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var DEFAULT_TYPEAHEAD_MENU_HEIGHT = 380;
 var typeAheadContent = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\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"])), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 0 1px ".concat(_colors.N60A, ", 0 4px 8px -2px ").concat(_colors.N50A), ")"), (0, _constants.gridSize)() / 2);
-
 var Highlight = function Highlight(_ref) {
   var state = _ref.state,
-      triggerHandler = _ref.triggerHandler;
-
+    triggerHandler = _ref.triggerHandler;
   if (!(triggerHandler !== null && triggerHandler !== void 0 && triggerHandler.getHighlight)) {
     return null;
   }
-
   return triggerHandler.getHighlight(state);
 };
-
 var OFFSET = [0, 8];
-
 var TypeAheadPopup = /*#__PURE__*/_react.default.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;
+    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 = (0, _react.useRef)(null);
   var startTime = (0, _react.useMemo)(function () {
     return performance.now();
-  }, // In case those props changes
+  },
+  // In case those props changes
   // we need to recreate the startTime
   [items, isEmptyQuery, fireAnalyticsCallback, triggerHandler] // eslint-disable-line react-hooks/exhaustive-deps
   );
+
   (0, _react.useEffect)(function () {
     if (!fireAnalyticsCallback) {
       return;
     }
-
     var stopTime = performance.now();
     var time = stopTime - startTime;
     fireAnalyticsCallback({
@@ -96,7 +73,8 @@ var TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
         }
       }
     });
-  }, [startTime, items, fireAnalyticsCallback, isEmptyQuery, // In case the current triggerHandler changes
+  }, [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
@@ -105,7 +83,6 @@ var TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
     if (!fireAnalyticsCallback) {
       return;
     }
-
     fireAnalyticsCallback({
       payload: {
         action: _analytics.ACTION.VIEWED,
@@ -117,50 +94,48 @@ var TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
         }
       }
     });
-  }, [items, fireAnalyticsCallback, selectedIndex, // In case the current triggerHandler changes
+  }, [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 = (0, _react.useState)(DEFAULT_TYPEAHEAD_MENU_HEIGHT),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      fitHeight = _useState2[0],
-      setFitHeight = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    fitHeight = _useState2[0],
+    setFitHeight = _useState2[1];
   var getFitHeight = (0, _react.useCallback)(function () {
     if (!anchorElement || !popupsMountPoint) {
       return;
     }
-
     var target = anchorElement;
-
     var _target$getBoundingCl = target.getBoundingClientRect(),
-        targetTop = _target$getBoundingCl.top,
-        targetHeight = _target$getBoundingCl.height;
-
+      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
-
+      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
+    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.
+    }
 
+    // Determines whether typeahead will fit above or below decoration
+    // and return the space available.
+    var newFitHeight = spaceBelow >= spaceAbove ? spaceBelow : spaceAbove;
 
-    var newFitHeight = spaceBelow >= spaceAbove ? spaceBelow : spaceAbove; // Each typeahead item has some padding
+    // 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 - _TypeAheadListItem.ITEM_PADDING * 2;
 
-    var fitHeightWithSpace = newFitHeight - _TypeAheadListItem.ITEM_PADDING * 2; // Ensure typeahead height is max its default height
-
+    // Ensure typeahead height is max its default height
     var minFitHeight = Math.min(DEFAULT_TYPEAHEAD_MENU_HEIGHT, fitHeightWithSpace);
     return setFitHeight(minFitHeight);
   }, [anchorElement, popupsMountPoint]);
@@ -169,14 +144,11 @@ var TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
     var scrollableElement = popupsScrollableElement || (0, _ui.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);
       }
@@ -185,26 +157,23 @@ var TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
   (0, _react.useLayoutEffect)(function () {
     var focusOut = function focusOut(event) {
       var _window$getSelection;
+      var relatedTarget = event.relatedTarget;
 
-      var relatedTarget = event.relatedTarget; // Given the user is changing the focus
+      // 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(_constants2.TYPE_AHEAD_POPUP_CONTENT_CLASS)) || relatedTarget.closest("[data-type-ahead=\"".concat(_constants2.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: _constants2.CloseSelectionOptions.AFTER_TEXT_INSERTED,
         forceFocusOnEditor: false
       });
     };
-
     var element = ref.current;
     element === null || element === void 0 ? void 0 : element.addEventListener('focusout', focusOut);
     return function () {
@@ -238,6 +207,5 @@ var TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
     triggerHandler: triggerHandler
   })));
 });
-
 exports.TypeAheadPopup = TypeAheadPopup;
 TypeAheadPopup.displayName = 'TypeAheadPopup';

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

@@ -1,72 +1,53 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WrapperTypeAhead = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-
 var _utils = require("../utils");
-
 var _updateQuery = require("../commands/update-query");
-
 var _InputQuery = require("./InputQuery");
-
 var _useLoadItems = require("./hooks/use-load-items");
-
 var _useItemInsert3 = require("./hooks/use-item-insert");
-
 var _useOnForceSelect = require("./hooks/use-on-force-select");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var WrapperTypeAhead = /*#__PURE__*/_react.default.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;
-
+    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 = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      closed = _useState2[0],
-      setClosed = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    closed = _useState2[0],
+    setClosed = _useState2[1];
   var _useState3 = (0, _react.useState)(reopenQuery || ''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      query = _useState4[0],
-      setQuery = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    query = _useState4[0],
+    setQuery = _useState4[1];
   var queryRef = (0, _react.useRef)(query);
   var editorViewRef = (0, _react.useRef)(editorView);
   var items = (0, _useLoadItems.useLoadItems)(triggerHandler, editorView, query);
   (0, _react.useLayoutEffect)(function () {
     queryRef.current = query;
   }, [query]);
-
   var _useItemInsert = (0, _useItemInsert3.useItemInsert)(triggerHandler, editorView, items),
-      _useItemInsert2 = (0, _slicedToArray2.default)(_useItemInsert, 2),
-      onItemInsert = _useItemInsert2[0],
-      onTextInsert = _useItemInsert2[1];
-
+    _useItemInsert2 = (0, _slicedToArray2.default)(_useItemInsert, 2),
+    onItemInsert = _useItemInsert2[0],
+    onTextInsert = _useItemInsert2[1];
   var selectNextItem = (0, _react.useMemo)(function () {
     return (0, _utils.moveSelectedIndex)({
       editorView: editorView,
@@ -81,9 +62,9 @@ var WrapperTypeAhead = /*#__PURE__*/_react.default.memo(function (_ref) {
   }, [editorView]);
   var cancel = (0, _react.useCallback)(function (_ref2) {
     var setSelectionAt = _ref2.setSelectionAt,
-        addPrefixTrigger = _ref2.addPrefixTrigger,
-        text = _ref2.text,
-        forceFocusOnEditor = _ref2.forceFocusOnEditor;
+      addPrefixTrigger = _ref2.addPrefixTrigger,
+      text = _ref2.text,
+      forceFocusOnEditor = _ref2.forceFocusOnEditor;
     setClosed(true);
     var fullquery = addPrefixTrigger ? "".concat(triggerHandler.trigger).concat(text) : text;
     onTextInsert({
@@ -95,10 +76,8 @@ var WrapperTypeAhead = /*#__PURE__*/_react.default.memo(function (_ref) {
   var insertSelectedItem = (0, _react.useCallback)(function () {
     var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _typeAhead.SelectItemMode.SELECTED;
     var view = editorViewRef.current;
-
     var _getPluginState = (0, _utils.getPluginState)(view.state),
-        selectedIndex = _getPluginState.selectedIndex;
-
+      selectedIndex = _getPluginState.selectedIndex;
     setClosed(true);
     queueMicrotask(function () {
       onItemInsert({
@@ -115,11 +94,9 @@ var WrapperTypeAhead = /*#__PURE__*/_react.default.memo(function (_ref) {
   (0, _react.useEffect)(function () {
     var view = editorViewRef.current;
     var pluginState = (0, _utils.getPluginState)(view.state);
-
     if (query.length === 0 || query === pluginState.query || !pluginState.triggerHandler) {
       return;
     }
-
     (0, _updateQuery.updateQuery)(query)(view.state, view.dispatch);
   }, [query, reopenQuery]);
   (0, _useOnForceSelect.useOnForceSelect)({
@@ -129,11 +106,9 @@ var WrapperTypeAhead = /*#__PURE__*/_react.default.memo(function (_ref) {
     editorView: editorView,
     closePopup: closePopup
   });
-
   if (closed) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_InputQuery.InputQuery, {
     triggerQueryPrefix: triggerHandler.trigger,
     onQueryChange: setQuery,
@@ -149,6 +124,5 @@ var WrapperTypeAhead = /*#__PURE__*/_react.default.memo(function (_ref) {
     items: items
   });
 });
-
 exports.WrapperTypeAhead = WrapperTypeAhead;
 WrapperTypeAhead.displayName = 'WrapperTypeAhead';

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

@@ -4,56 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useItemInsert = void 0;
-
 var _react = require("react");
-
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-
 var _closeTypeAhead = require("../../transforms/close-type-ahead");
-
 var _setSelectionBeforeQuery = require("../../transforms/set-selection-before-query");
-
 var _insertTypeAheadItem = require("../../commands/insert-type-ahead-item");
-
 var _constants = require("../../constants");
-
 var insertRawQuery = function insertRawQuery(_ref) {
   var view = _ref.view,
-      setSelectionAt = _ref.setSelectionAt,
-      text = _ref.text,
-      forceFocusOnEditor = _ref.forceFocusOnEditor;
+    setSelectionAt = _ref.setSelectionAt,
+    text = _ref.text,
+    forceFocusOnEditor = _ref.forceFocusOnEditor;
   var _view$state = view.state,
-      tr = _view$state.tr,
-      schema = _view$state.schema;
+    tr = _view$state.tr,
+    schema = _view$state.schema;
   (0, _closeTypeAhead.closeTypeAhead)(tr);
-
   if (text.length > 0) {
     tr.replaceSelectionWith(schema.text(text));
-
     if (setSelectionAt === _constants.CloseSelectionOptions.BEFORE_TEXT_INSERTED) {
       (0, _setSelectionBeforeQuery.setSelectionBeforeQuery)(text)(tr);
     }
   }
-
   view.dispatch(tr);
-
   if (forceFocusOnEditor) {
     view.focus();
   }
 };
-
 var useItemInsert = function useItemInsert(triggerHandler, editorView, items) {
   var editorViewRef = (0, _react.useRef)(editorView);
   var itemsRef = (0, _react.useRef)(items);
   var onTextInsert = (0, _react.useCallback)(function (_ref2) {
     var setSelectionAt = _ref2.setSelectionAt,
-        text = _ref2.text,
-        forceFocusOnEditor = _ref2.forceFocusOnEditor;
-
+      text = _ref2.text,
+      forceFocusOnEditor = _ref2.forceFocusOnEditor;
     if (!triggerHandler) {
       return;
     }
-
     var view = editorViewRef.current;
     insertRawQuery({
       view: view,
@@ -64,10 +50,9 @@ var useItemInsert = function useItemInsert(triggerHandler, editorView, items) {
   }, [triggerHandler]);
   var onItemInsert = (0, _react.useCallback)(function (_ref3) {
     var mode = _ref3.mode,
-        index = _ref3.index,
-        query = _ref3.query;
+      index = _ref3.index,
+      query = _ref3.query;
     var sourceListItem = itemsRef.current;
-
     if (sourceListItem.length === 0 || !triggerHandler) {
       var text = "".concat(triggerHandler.trigger).concat(query);
       onTextInsert({
@@ -77,13 +62,10 @@ var useItemInsert = function useItemInsert(triggerHandler, editorView, items) {
       });
       return;
     }
-
     var itemToInsert = sourceListItem[index];
-
     if (!itemToInsert) {
       return;
     }
-
     var view = editorViewRef.current;
     (0, _insertTypeAheadItem.insertTypeAheadItem)(view)({
       item: itemToInsert,
@@ -95,13 +77,11 @@ var useItemInsert = function useItemInsert(triggerHandler, editorView, items) {
   }, [triggerHandler, onTextInsert]);
   var onItemMatch = (0, _react.useCallback)(function (_ref4) {
     var mode = _ref4.mode,
-        query = _ref4.query;
+      query = _ref4.query;
     var _items = itemsRef.current;
-
     if (_items && _items.length > 1) {
       return false;
     }
-
     if (_items.length === 1) {
       queueMicrotask(function () {
         onItemInsert({
@@ -120,7 +100,6 @@ var useItemInsert = function useItemInsert(triggerHandler, editorView, items) {
         });
       });
     }
-
     return true;
   }, [onItemInsert, triggerHandler, onTextInsert]);
   (0, _react.useLayoutEffect)(function () {
@@ -128,5 +107,4 @@ var useItemInsert = function useItemInsert(triggerHandler, editorView, items) {
   }, [items]);
   return [onItemInsert, onTextInsert, onItemMatch];
 };
-
 exports.useItemInsert = useItemInsert;

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

@@ -1,36 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useLoadItems = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _updateListItems = require("../../commands/update-list-items");
-
 var EMPTY_LIST_ITEM = [];
-
 var useLoadItems = function useLoadItems(triggerHandler, editorView, query) {
   var _useState = (0, _react.useState)(EMPTY_LIST_ITEM),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      items = _useState2[0],
-      setItems = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
   var componentIsMounted = (0, _react.useRef)(true);
   var editorViewRef = (0, _react.useRef)(editorView);
   (0, _react.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
@@ -38,15 +29,15 @@ var useLoadItems = function useLoadItems(triggerHandler, editorView, query) {
     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 () {
         (0, _updateListItems.updateListItem)(list)(view.state, view.dispatch);
       });
-    }); // ignore because EditorView is mutable but we don't want to
+    });
+
+    // 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]);
@@ -57,5 +48,4 @@ var useLoadItems = function useLoadItems(triggerHandler, editorView, query) {
   }, []);
   return items;
 };
-
 exports.useLoadItems = useLoadItems;

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

@@ -4,35 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useOnForceSelect = void 0;
-
 var _react = require("react");
-
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-
 var _insertTypeAheadItem = require("../../commands/insert-type-ahead-item");
-
 var useOnForceSelect = function useOnForceSelect(_ref) {
   var triggerHandler = _ref.triggerHandler,
-      items = _ref.items,
-      query = _ref.query,
-      editorView = _ref.editorView,
-      closePopup = _ref.closePopup;
+    items = _ref.items,
+    query = _ref.query,
+    editorView = _ref.editorView,
+    closePopup = _ref.closePopup;
   var editorViewRef = (0, _react.useRef)(editorView);
   (0, _react.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 () {
@@ -46,5 +39,4 @@ var useOnForceSelect = function useOnForceSelect(_ref) {
     });
   }, [triggerHandler, closePopup, query, items]);
 };
-
 exports.useOnForceSelect = useOnForceSelect;