@atlaskit/editor-plugin-type-ahead 0.7.7 → 0.7.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 0.7.8
+
+### Patch Changes
+
+- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
+
 ## 0.7.7
 
 ### Patch Changes

package/dist/cjs/ui/AssistiveText.js

@@ -16,7 +16,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+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; } } /** @jsx jsx */
 var statusDebounceMillis = 1400;
 var assitiveTextStyles = (0, _react2.css)({
   border: 0,
@@ -93,14 +93,14 @@ var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
         debounced = _this$state.debounced,
         silenced = _this$state.silenced;
       this.debounceStatusUpdate();
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: assitiveTextStyles
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _react2.jsx)("div", {
         id: id + '__status--A',
         role: "status",
         "aria-atomic": "true",
         "aria-live": "polite"
-      }, "".concat(!silenced && debounced && bump ? assistiveText : '')), /*#__PURE__*/_react.default.createElement("div", {
+      }, "".concat(!silenced && debounced && bump ? assistiveText : '')), (0, _react2.jsx)("div", {
         id: id + '__status--B',
         role: "status",
         "aria-atomic": "true",

package/dist/cjs/ui/InputQuery.js

@@ -20,6 +20,8 @@ var _utils2 = require("../utils");
 var _AssistiveText = require("./AssistiveText");
 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; }
+/** @jsx jsx */
+
 var querySpanStyles = (0, _react2.css)({
   outline: 'none',
   '& input': {
@@ -366,7 +368,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
     jsx-a11y/interactive-supports-focus
     Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
    */
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, triggerQueryPrefix, /*#__PURE__*/_react.default.createElement("span", {
+  return (0, _react2.jsx)(_react.Fragment, null, triggerQueryPrefix, (0, _react2.jsx)("span", {
     css: querySpanStyles,
     contentEditable: true,
     ref: ref,
@@ -379,15 +381,15 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
     "aria-labelledby": assistiveHintID,
     suppressContentEditableWarning: true,
     "data-query-prefix": triggerQueryPrefix
-  }, query === null ? /*#__PURE__*/_react.default.createElement("input", {
+  }, query === null ? (0, _react2.jsx)("input", {
     ref: inputRef,
     type: "text"
-  }) : query), /*#__PURE__*/_react.default.createElement("span", {
+  }) : query), (0, _react2.jsx)("span", {
     id: assistiveHintID,
     style: {
       display: 'none'
     }
-  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(_messages.typeAheadListMessages.inputQueryAssistiveLabel)), /*#__PURE__*/_react.default.createElement(_AssistiveText.AssistiveText, {
+  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(_messages.typeAheadListMessages.inputQueryAssistiveLabel)), (0, _react2.jsx)(_AssistiveText.AssistiveText, {
     assistiveText: items.length === 0 ? intl.formatMessage(_messages.typeAheadListMessages.noSearchResultsLabel, {
       itemsLength: items.length
     }) : '',

package/dist/cjs/ui/TypeAheadList.js

@@ -22,6 +22,7 @@ var _utils = require("../utils");
 var _AssistiveText = require("./AssistiveText");
 var _TypeAheadListItem = require("./TypeAheadListItem");
 var _templateObject;
+/** @jsx jsx */
 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 LIST_ITEM_ESTIMATED_HEIGHT = _TypeAheadListItem.ICON_HEIGHT + _TypeAheadListItem.ITEM_PADDING * 2;
@@ -29,7 +30,7 @@ var LIST_WIDTH = 320;
 var TypeaheadAssistiveTextPureComponent = /*#__PURE__*/_react.default.memo(function (_ref) {
   var numberOfResults = _ref.numberOfResults;
   var intl = (0, _reactIntlNext.useIntl)();
-  return /*#__PURE__*/_react.default.createElement(_AssistiveText.AssistiveText, {
+  return (0, _react2.jsx)(_AssistiveText.AssistiveText, {
     assistiveText: intl.formatMessage(_messages.typeAheadListMessages.searchResultsLabel, {
       itemsLength: numberOfResults
     })
@@ -228,21 +229,21 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
       style = _ref4.style,
       parent = _ref4.parent;
     var currentItem = items[index];
-    return /*#__PURE__*/_react.default.createElement(_CellMeasurer.CellMeasurer, {
+    return (0, _react2.jsx)(_CellMeasurer.CellMeasurer, {
       key: key,
       cache: cache,
       parent: parent,
       columnIndex: 0,
       rowIndex: index
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, (0, _react2.jsx)("div", {
       style: style,
       "data-index": index
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, (0, _react2.jsx)("div", {
       "data-testid": "list-item-height-observed-".concat(index),
       onMouseMove: function onMouseMove(e) {
         return _onMouseMove(e, index);
       }
-    }, /*#__PURE__*/_react.default.createElement(_TypeAheadListItem.TypeAheadListItem, {
+    }, (0, _react2.jsx)(_TypeAheadListItem.TypeAheadListItem, {
       key: items[index].title,
       item: currentItem,
       itemsLength: items.length,
@@ -257,13 +258,13 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
     return null;
   }
   var menuGroupId = ((_decorationElement$qu2 = decorationElement.querySelector("[role='combobox']")) === null || _decorationElement$qu2 === void 0 ? void 0 : _decorationElement$qu2.getAttribute('aria-controls')) || _constants.TYPE_AHEAD_DECORATION_ELEMENT_ID;
-  return /*#__PURE__*/_react.default.createElement(_menu.MenuGroup, {
+  return (0, _react2.jsx)(_menu.MenuGroup, {
     "aria-label": popupAriaLabel,
     "aria-relevant": "additions removals"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     id: menuGroupId,
     ref: listContainerRef
-  }, /*#__PURE__*/_react.default.createElement(_List.List, {
+  }, (0, _react2.jsx)(_List.List, {
     rowRenderer: renderRow,
     ref: listRef,
     rowCount: items.length,
@@ -276,7 +277,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
     containerRole: "presentation",
     role: "listbox",
     css: (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n              button {\n                padding: ", "\n                  ", " 11px;\n                span:last-child span:last-child {\n                  white-space: normal;\n                }\n              }\n            "])), "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)")
-  }), /*#__PURE__*/_react.default.createElement(TypeaheadAssistiveTextPureComponent, {
+  }), (0, _react2.jsx)(TypeaheadAssistiveTextPureComponent, {
     numberOfResults: items.length.toString()
   })));
 });

package/dist/cjs/ui/TypeAheadListItem.js

@@ -19,6 +19,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _messages = require("../messages");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+/** @jsx jsx */
 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 ICON_HEIGHT = exports.ICON_HEIGHT = 40;
@@ -52,7 +53,7 @@ var selectionFrame = {
 var selectedStyle = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"), "var(--ds-border-focused, ".concat(_colors.B400, ")"));
 var FallbackIcon = /*#__PURE__*/_react.default.memo(function (_ref) {
   var label = _ref.label;
-  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconFallback, null);
+  return (0, _react2.jsx)(_quickInsert.IconFallback, null);
 });
 var noop = function noop() {};
 var AssistiveText = function AssistiveText(_ref2) {
@@ -62,7 +63,7 @@ var AssistiveText = function AssistiveText(_ref2) {
   var intl = (0, _reactIntlNext.useIntl)();
   var descriptionText = description ? " ".concat(intl.formatMessage(_messages.typeAheadListMessages.descriptionLabel), " ").concat(description, ".") : '';
   var shortcutText = shortcut ? " ".concat(intl.formatMessage(_messages.typeAheadListMessages.shortcutLabel), " ").concat(shortcut, ".") : '';
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return (0, _react2.jsx)("span", {
     className: "assistive"
   }, "".concat(title, ". ").concat(descriptionText, " ").concat(shortcutText));
 };
@@ -82,9 +83,9 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
     title = item.title,
     customRenderItem = item.render;
   var elementIcon = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return (0, _react2.jsx)("div", {
       css: itemIcon
-    }, icon ? icon() : /*#__PURE__*/_react.default.createElement(FallbackIcon, {
+    }, icon ? icon() : (0, _react2.jsx)(FallbackIcon, {
       label: title
     }));
   }, [icon, title]);
@@ -112,7 +113,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
     }
     var Comp = customRenderItem;
     var listItemClasses = [customRenderItemDivStyle, isSelected && selectedStyle];
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return (0, _react2.jsx)("div", {
       "aria-selected": isSelected,
       role: "option",
       "aria-label": ariaLabel,
@@ -124,9 +125,9 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
       //CSS classes added for test cases purpose
       ,
       ref: customItemRef
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, (0, _react2.jsx)("div", {
       "aria-hidden": true
-    }, /*#__PURE__*/_react.default.createElement(Comp, {
+    }, (0, _react2.jsx)(Comp, {
       onClick: insertSelectedItem,
       isSelected: false //The selection styles are handled in the parent div instead. Hence isSelected is made false always.
       ,
@@ -137,9 +138,9 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
     return customItem;
   }
   var listItemClasses = [selectionFrame, isSelected && selectedStyle];
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return (0, _react2.jsx)("span", {
     css: listItemClasses
-  }, /*#__PURE__*/_react.default.createElement(_menu.ButtonItem, {
+  }, (0, _react2.jsx)(_menu.ButtonItem, {
     onClick: insertSelectedItem,
     iconBefore: elementIcon,
     isSelected: isSelected,
@@ -152,21 +153,21 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
     // @ts-ignore
     ,
     css: listItemClasses
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     "aria-hidden": true
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     css: itemText
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     css: itemBody
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     className: "item-title"
-  }, item.title), /*#__PURE__*/_react.default.createElement("div", {
+  }, item.title), (0, _react2.jsx)("div", {
     css: itemAfter
-  }, item.keyshortcut && /*#__PURE__*/_react.default.createElement("div", {
+  }, item.keyshortcut && (0, _react2.jsx)("div", {
     css: _shortcut.shortcutStyle
-  }, item.keyshortcut))), /*#__PURE__*/_react.default.createElement("div", {
+  }, item.keyshortcut))), (0, _react2.jsx)("div", {
     className: "item-description"
-  }, item.description))), /*#__PURE__*/_react.default.createElement(AssistiveText, {
+  }, item.description))), (0, _react2.jsx)(AssistiveText, {
     title: item.title,
     description: item.description,
     shortcut: item.keyshortcut

package/dist/cjs/ui/TypeAheadPopup.js

@@ -20,6 +20,7 @@ var _constants2 = require("../constants");
 var _TypeAheadList = require("./TypeAheadList");
 var _TypeAheadListItem = require("./TypeAheadListItem");
 var _templateObject;
+/** @jsx jsx */
 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;
@@ -199,7 +200,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
       element === null || element === void 0 || element.removeEventListener('keydown', escape);
     };
   }, [ref, cancel]);
-  return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+  return (0, _react2.jsx)(_ui.Popup, {
     zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
     target: anchorElement,
     mountTo: popupsMountPoint,
@@ -208,15 +209,15 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     fitHeight: fitHeight,
     fitWidth: 340,
     offset: OFFSET
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     css: typeAheadContent,
     tabIndex: 0,
     className: _constants2.TYPE_AHEAD_POPUP_CONTENT_CLASS,
     ref: ref
-  }, /*#__PURE__*/_react.default.createElement(Highlight, {
+  }, (0, _react2.jsx)(Highlight, {
     state: editorView.state,
     triggerHandler: triggerHandler
-  }), /*#__PURE__*/_react.default.createElement(_TypeAheadList.TypeAheadList, {
+  }), (0, _react2.jsx)(_TypeAheadList.TypeAheadList, {
     items: items,
     selectedIndex: selectedIndex,
     onItemClick: onItemInsert,

package/dist/es2019/ui/AssistiveText.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/** @jsx jsx */
+
 import React from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 const statusDebounceMillis = 1400;
 const assitiveTextStyles = css({
@@ -61,14 +63,14 @@ class AssistveTextComponent extends React.Component {
       silenced
     } = this.state;
     this.debounceStatusUpdate();
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       css: assitiveTextStyles
-    }, /*#__PURE__*/React.createElement("div", {
+    }, jsx("div", {
       id: id + '__status--A',
       role: "status",
       "aria-atomic": "true",
       "aria-live": "polite"
-    }, `${!silenced && debounced && bump ? assistiveText : ''}`), /*#__PURE__*/React.createElement("div", {
+    }, `${!silenced && debounced && bump ? assistiveText : ''}`), jsx("div", {
       id: id + '__status--B',
       role: "status",
       "aria-atomic": "true",

package/dist/es2019/ui/InputQuery.js

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import React, { Fragment, useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { keyName as keyNameNormalized } from 'w3c-keyname';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
@@ -359,7 +360,7 @@ export const InputQuery = /*#__PURE__*/React.memo(({
     jsx-a11y/interactive-supports-focus
     Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
    */
-  return /*#__PURE__*/React.createElement(Fragment, null, triggerQueryPrefix, /*#__PURE__*/React.createElement("span", {
+  return jsx(Fragment, null, triggerQueryPrefix, jsx("span", {
     css: querySpanStyles,
     contentEditable: true,
     ref: ref,
@@ -372,15 +373,15 @@ export const InputQuery = /*#__PURE__*/React.memo(({
     "aria-labelledby": assistiveHintID,
     suppressContentEditableWarning: true,
     "data-query-prefix": triggerQueryPrefix
-  }, query === null ? /*#__PURE__*/React.createElement("input", {
+  }, query === null ? jsx("input", {
     ref: inputRef,
     type: "text"
-  }) : query), /*#__PURE__*/React.createElement("span", {
+  }) : query), jsx("span", {
     id: assistiveHintID,
     style: {
       display: 'none'
     }
-  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(typeAheadListMessages.inputQueryAssistiveLabel)), /*#__PURE__*/React.createElement(AssistiveText, {
+  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(typeAheadListMessages.inputQueryAssistiveLabel)), jsx(AssistiveText, {
     assistiveText: items.length === 0 ? intl.formatMessage(typeAheadListMessages.noSearchResultsLabel, {
       itemsLength: items.length
     }) : '',

package/dist/es2019/ui/TypeAheadList.js

@@ -1,5 +1,7 @@
+/** @jsx jsx */
+
 import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl, useIntl } from 'react-intl-next';
 import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import { List } from 'react-virtualized/dist/commonjs/List';
@@ -17,7 +19,7 @@ const TypeaheadAssistiveTextPureComponent = /*#__PURE__*/React.memo(({
   numberOfResults
 }) => {
   const intl = useIntl();
-  return /*#__PURE__*/React.createElement(AssistiveText, {
+  return jsx(AssistiveText, {
     assistiveText: intl.formatMessage(typeAheadListMessages.searchResultsLabel, {
       itemsLength: numberOfResults
     })
@@ -209,19 +211,19 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
     parent
   }) => {
     const currentItem = items[index];
-    return /*#__PURE__*/React.createElement(CellMeasurer, {
+    return jsx(CellMeasurer, {
       key: key,
       cache: cache,
       parent: parent,
       columnIndex: 0,
       rowIndex: index
-    }, /*#__PURE__*/React.createElement("div", {
+    }, jsx("div", {
       style: style,
       "data-index": index
-    }, /*#__PURE__*/React.createElement("div", {
+    }, jsx("div", {
       "data-testid": `list-item-height-observed-${index}`,
       onMouseMove: e => onMouseMove(e, index)
-    }, /*#__PURE__*/React.createElement(TypeAheadListItem, {
+    }, jsx(TypeAheadListItem, {
       key: items[index].title,
       item: currentItem,
       itemsLength: items.length,
@@ -236,13 +238,13 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
     return null;
   }
   const menuGroupId = ((_decorationElement$qu2 = decorationElement.querySelector(`[role='combobox']`)) === null || _decorationElement$qu2 === void 0 ? void 0 : _decorationElement$qu2.getAttribute('aria-controls')) || TYPE_AHEAD_DECORATION_ELEMENT_ID;
-  return /*#__PURE__*/React.createElement(MenuGroup, {
+  return jsx(MenuGroup, {
     "aria-label": popupAriaLabel,
     "aria-relevant": "additions removals"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     id: menuGroupId,
     ref: listContainerRef
-  }, /*#__PURE__*/React.createElement(List, {
+  }, jsx(List, {
     rowRenderer: renderRow,
     ref: listRef,
     rowCount: items.length,
@@ -263,7 +265,7 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
                 }
               }
             `
-  }), /*#__PURE__*/React.createElement(TypeaheadAssistiveTextPureComponent, {
+  }), jsx(TypeaheadAssistiveTextPureComponent, {
     numberOfResults: items.length.toString()
   })));
 });

package/dist/es2019/ui/TypeAheadListItem.js

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import React, { useCallback, useLayoutEffect, useMemo } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { IconFallback } from '@atlaskit/editor-common/quick-insert';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
@@ -85,7 +86,7 @@ const selectedStyle = css`
 const FallbackIcon = /*#__PURE__*/React.memo(({
   label
 }) => {
-  return /*#__PURE__*/React.createElement(IconFallback, null);
+  return jsx(IconFallback, null);
 });
 const noop = () => {};
 const AssistiveText = ({
@@ -96,7 +97,7 @@ const AssistiveText = ({
   const intl = useIntl();
   const descriptionText = description ? ` ${intl.formatMessage(typeAheadListMessages.descriptionLabel)} ${description}.` : '';
   const shortcutText = shortcut ? ` ${intl.formatMessage(typeAheadListMessages.shortcutLabel)} ${shortcut}.` : '';
-  return /*#__PURE__*/React.createElement("span", {
+  return jsx("span", {
     className: "assistive"
   }, `${title}. ${descriptionText} ${shortcutText}`);
 };
@@ -119,9 +120,9 @@ export const TypeAheadListItem = ({
     render: customRenderItem
   } = item;
   const elementIcon = useMemo(() => {
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       css: itemIcon
-    }, icon ? icon() : /*#__PURE__*/React.createElement(FallbackIcon, {
+    }, icon ? icon() : jsx(FallbackIcon, {
       label: title
     }));
   }, [icon, title]);
@@ -149,7 +150,7 @@ export const TypeAheadListItem = ({
     }
     const Comp = customRenderItem;
     const listItemClasses = [customRenderItemDivStyle, isSelected && selectedStyle];
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       "aria-selected": isSelected,
       role: "option",
       "aria-label": ariaLabel,
@@ -161,9 +162,9 @@ export const TypeAheadListItem = ({
       //CSS classes added for test cases purpose
       ,
       ref: customItemRef
-    }, /*#__PURE__*/React.createElement("div", {
+    }, jsx("div", {
       "aria-hidden": true
-    }, /*#__PURE__*/React.createElement(Comp, {
+    }, jsx(Comp, {
       onClick: insertSelectedItem,
       isSelected: false //The selection styles are handled in the parent div instead. Hence isSelected is made false always.
       ,
@@ -174,9 +175,9 @@ export const TypeAheadListItem = ({
     return customItem;
   }
   const listItemClasses = [selectionFrame, isSelected && selectedStyle];
-  return /*#__PURE__*/React.createElement("span", {
+  return jsx("span", {
     css: listItemClasses
-  }, /*#__PURE__*/React.createElement(ButtonItem, {
+  }, jsx(ButtonItem, {
     onClick: insertSelectedItem,
     iconBefore: elementIcon,
     isSelected: isSelected,
@@ -189,21 +190,21 @@ export const TypeAheadListItem = ({
     // @ts-ignore
     ,
     css: listItemClasses
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     "aria-hidden": true
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: itemText
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: itemBody
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     className: "item-title"
-  }, item.title), /*#__PURE__*/React.createElement("div", {
+  }, item.title), jsx("div", {
     css: itemAfter
-  }, item.keyshortcut && /*#__PURE__*/React.createElement("div", {
+  }, item.keyshortcut && jsx("div", {
     css: shortcutStyle
-  }, item.keyshortcut))), /*#__PURE__*/React.createElement("div", {
+  }, item.keyshortcut))), jsx("div", {
     className: "item-description"
-  }, item.description))), /*#__PURE__*/React.createElement(AssistiveText, {
+  }, item.description))), jsx(AssistiveText, {
     title: item.title,
     description: item.description,
     shortcut: item.keyshortcut

package/dist/es2019/ui/TypeAheadPopup.js

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
@@ -202,7 +203,7 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
       element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', escape);
     };
   }, [ref, cancel]);
-  return /*#__PURE__*/React.createElement(Popup, {
+  return jsx(Popup, {
     zIndex: akEditorFloatingDialogZIndex,
     target: anchorElement,
     mountTo: popupsMountPoint,
@@ -211,15 +212,15 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     fitHeight: fitHeight,
     fitWidth: 340,
     offset: OFFSET
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: typeAheadContent,
     tabIndex: 0,
     className: TYPE_AHEAD_POPUP_CONTENT_CLASS,
     ref: ref
-  }, /*#__PURE__*/React.createElement(Highlight, {
+  }, jsx(Highlight, {
     state: editorView.state,
     triggerHandler: triggerHandler
-  }), /*#__PURE__*/React.createElement(TypeAheadList, {
+  }), jsx(TypeAheadList, {
     items: items,
     selectedIndex: selectedIndex,
     onItemClick: onItemInsert,

package/dist/esm/ui/AssistiveText.js

@@ -7,8 +7,10 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; } }
+/** @jsx jsx */
+
 import React from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 var statusDebounceMillis = 1400;
 var assitiveTextStyles = css({
@@ -86,14 +88,14 @@ var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
         debounced = _this$state.debounced,
         silenced = _this$state.silenced;
       this.debounceStatusUpdate();
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         css: assitiveTextStyles
-      }, /*#__PURE__*/React.createElement("div", {
+      }, jsx("div", {
         id: id + '__status--A',
         role: "status",
         "aria-atomic": "true",
         "aria-live": "polite"
-      }, "".concat(!silenced && debounced && bump ? assistiveText : '')), /*#__PURE__*/React.createElement("div", {
+      }, "".concat(!silenced && debounced && bump ? assistiveText : '')), jsx("div", {
         id: id + '__status--B',
         role: "status",
         "aria-atomic": "true",

package/dist/esm/ui/InputQuery.js

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/** @jsx jsx */
 import React, { Fragment, useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { keyName as keyNameNormalized } from 'w3c-keyname';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
@@ -356,7 +357,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
     jsx-a11y/interactive-supports-focus
     Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
    */
-  return /*#__PURE__*/React.createElement(Fragment, null, triggerQueryPrefix, /*#__PURE__*/React.createElement("span", {
+  return jsx(Fragment, null, triggerQueryPrefix, jsx("span", {
     css: querySpanStyles,
     contentEditable: true,
     ref: ref,
@@ -369,15 +370,15 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
     "aria-labelledby": assistiveHintID,
     suppressContentEditableWarning: true,
     "data-query-prefix": triggerQueryPrefix
-  }, query === null ? /*#__PURE__*/React.createElement("input", {
+  }, query === null ? jsx("input", {
     ref: inputRef,
     type: "text"
-  }) : query), /*#__PURE__*/React.createElement("span", {
+  }) : query), jsx("span", {
     id: assistiveHintID,
     style: {
       display: 'none'
     }
-  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(typeAheadListMessages.inputQueryAssistiveLabel)), /*#__PURE__*/React.createElement(AssistiveText, {
+  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(typeAheadListMessages.inputQueryAssistiveLabel)), jsx(AssistiveText, {
     assistiveText: items.length === 0 ? intl.formatMessage(typeAheadListMessages.noSearchResultsLabel, {
       itemsLength: items.length
     }) : '',

package/dist/esm/ui/TypeAheadList.js

@@ -1,8 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject;
+/** @jsx jsx */
+
 import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl, useIntl } from 'react-intl-next';
 import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import { List } from 'react-virtualized/dist/commonjs/List';
@@ -19,7 +21,7 @@ var LIST_WIDTH = 320;
 var TypeaheadAssistiveTextPureComponent = /*#__PURE__*/React.memo(function (_ref) {
   var numberOfResults = _ref.numberOfResults;
   var intl = useIntl();
-  return /*#__PURE__*/React.createElement(AssistiveText, {
+  return jsx(AssistiveText, {
     assistiveText: intl.formatMessage(typeAheadListMessages.searchResultsLabel, {
       itemsLength: numberOfResults
     })
@@ -218,21 +220,21 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
       style = _ref4.style,
       parent = _ref4.parent;
     var currentItem = items[index];
-    return /*#__PURE__*/React.createElement(CellMeasurer, {
+    return jsx(CellMeasurer, {
       key: key,
       cache: cache,
       parent: parent,
       columnIndex: 0,
       rowIndex: index
-    }, /*#__PURE__*/React.createElement("div", {
+    }, jsx("div", {
       style: style,
       "data-index": index
-    }, /*#__PURE__*/React.createElement("div", {
+    }, jsx("div", {
       "data-testid": "list-item-height-observed-".concat(index),
       onMouseMove: function onMouseMove(e) {
         return _onMouseMove(e, index);
       }
-    }, /*#__PURE__*/React.createElement(TypeAheadListItem, {
+    }, jsx(TypeAheadListItem, {
       key: items[index].title,
       item: currentItem,
       itemsLength: items.length,
@@ -247,13 +249,13 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
     return null;
   }
   var menuGroupId = ((_decorationElement$qu2 = decorationElement.querySelector("[role='combobox']")) === null || _decorationElement$qu2 === void 0 ? void 0 : _decorationElement$qu2.getAttribute('aria-controls')) || TYPE_AHEAD_DECORATION_ELEMENT_ID;
-  return /*#__PURE__*/React.createElement(MenuGroup, {
+  return jsx(MenuGroup, {
     "aria-label": popupAriaLabel,
     "aria-relevant": "additions removals"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     id: menuGroupId,
     ref: listContainerRef
-  }, /*#__PURE__*/React.createElement(List, {
+  }, jsx(List, {
     rowRenderer: renderRow,
     ref: listRef,
     rowCount: items.length,
@@ -266,7 +268,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
     containerRole: "presentation",
     role: "listbox",
     css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n              button {\n                padding: ", "\n                  ", " 11px;\n                span:last-child span:last-child {\n                  white-space: normal;\n                }\n              }\n            "])), "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)")
-  }), /*#__PURE__*/React.createElement(TypeaheadAssistiveTextPureComponent, {
+  }), jsx(TypeaheadAssistiveTextPureComponent, {
     numberOfResults: items.length.toString()
   })));
 });

package/dist/esm/ui/TypeAheadListItem.js

@@ -1,7 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+/** @jsx jsx */
 import React, { useCallback, useLayoutEffect, useMemo } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { IconFallback } from '@atlaskit/editor-common/quick-insert';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
@@ -42,7 +43,7 @@ var selectionFrame = {
 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 /*#__PURE__*/React.createElement(IconFallback, null);
+  return jsx(IconFallback, null);
 });
 var noop = function noop() {};
 var AssistiveText = function AssistiveText(_ref2) {
@@ -52,7 +53,7 @@ var AssistiveText = function AssistiveText(_ref2) {
   var intl = useIntl();
   var descriptionText = description ? " ".concat(intl.formatMessage(typeAheadListMessages.descriptionLabel), " ").concat(description, ".") : '';
   var shortcutText = shortcut ? " ".concat(intl.formatMessage(typeAheadListMessages.shortcutLabel), " ").concat(shortcut, ".") : '';
-  return /*#__PURE__*/React.createElement("span", {
+  return jsx("span", {
     className: "assistive"
   }, "".concat(title, ". ").concat(descriptionText, " ").concat(shortcutText));
 };
@@ -72,9 +73,9 @@ export var TypeAheadListItem = function TypeAheadListItem(_ref3) {
     title = item.title,
     customRenderItem = item.render;
   var elementIcon = useMemo(function () {
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       css: itemIcon
-    }, icon ? icon() : /*#__PURE__*/React.createElement(FallbackIcon, {
+    }, icon ? icon() : jsx(FallbackIcon, {
       label: title
     }));
   }, [icon, title]);
@@ -102,7 +103,7 @@ export var TypeAheadListItem = function TypeAheadListItem(_ref3) {
     }
     var Comp = customRenderItem;
     var listItemClasses = [customRenderItemDivStyle, isSelected && selectedStyle];
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       "aria-selected": isSelected,
       role: "option",
       "aria-label": ariaLabel,
@@ -114,9 +115,9 @@ export var TypeAheadListItem = function TypeAheadListItem(_ref3) {
       //CSS classes added for test cases purpose
       ,
       ref: customItemRef
-    }, /*#__PURE__*/React.createElement("div", {
+    }, jsx("div", {
       "aria-hidden": true
-    }, /*#__PURE__*/React.createElement(Comp, {
+    }, jsx(Comp, {
       onClick: insertSelectedItem,
       isSelected: false //The selection styles are handled in the parent div instead. Hence isSelected is made false always.
       ,
@@ -127,9 +128,9 @@ export var TypeAheadListItem = function TypeAheadListItem(_ref3) {
     return customItem;
   }
   var listItemClasses = [selectionFrame, isSelected && selectedStyle];
-  return /*#__PURE__*/React.createElement("span", {
+  return jsx("span", {
     css: listItemClasses
-  }, /*#__PURE__*/React.createElement(ButtonItem, {
+  }, jsx(ButtonItem, {
     onClick: insertSelectedItem,
     iconBefore: elementIcon,
     isSelected: isSelected,
@@ -142,21 +143,21 @@ export var TypeAheadListItem = function TypeAheadListItem(_ref3) {
     // @ts-ignore
     ,
     css: listItemClasses
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     "aria-hidden": true
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: itemText
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: itemBody
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     className: "item-title"
-  }, item.title), /*#__PURE__*/React.createElement("div", {
+  }, item.title), jsx("div", {
     css: itemAfter
-  }, item.keyshortcut && /*#__PURE__*/React.createElement("div", {
+  }, item.keyshortcut && jsx("div", {
     css: shortcutStyle
-  }, item.keyshortcut))), /*#__PURE__*/React.createElement("div", {
+  }, item.keyshortcut))), jsx("div", {
     className: "item-description"
-  }, item.description))), /*#__PURE__*/React.createElement(AssistiveText, {
+  }, item.description))), jsx(AssistiveText, {
     title: item.title,
     description: item.description,
     shortcut: item.keyshortcut

package/dist/esm/ui/TypeAheadPopup.js

@@ -1,8 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
+/** @jsx jsx */
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
@@ -189,7 +190,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
       element === null || element === void 0 || element.removeEventListener('keydown', escape);
     };
   }, [ref, cancel]);
-  return /*#__PURE__*/React.createElement(Popup, {
+  return jsx(Popup, {
     zIndex: akEditorFloatingDialogZIndex,
     target: anchorElement,
     mountTo: popupsMountPoint,
@@ -198,15 +199,15 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     fitHeight: fitHeight,
     fitWidth: 340,
     offset: OFFSET
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: typeAheadContent,
     tabIndex: 0,
     className: TYPE_AHEAD_POPUP_CONTENT_CLASS,
     ref: ref
-  }, /*#__PURE__*/React.createElement(Highlight, {
+  }, jsx(Highlight, {
     state: editorView.state,
     triggerHandler: triggerHandler
-  }), /*#__PURE__*/React.createElement(TypeAheadList, {
+  }), jsx(TypeAheadList, {
     items: items,
     selectedIndex: selectedIndex,
     onItemClick: onItemInsert,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-type-ahead",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "Type-ahead plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.0.0",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/editor-common": "^76.24.0",
+    "@atlaskit/editor-common": "^76.25.0",
     "@atlaskit/editor-plugin-analytics": "^0.3.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",