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

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 0.7.7
+
+### Patch Changes
+
+- [#58763](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58763) [`0fdbd64522bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0fdbd64522bf) - update ADF schema
+
+## 0.7.6
+
+### Patch Changes
+
+- [#56790](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/56790) [`ff577a7969d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff577a7969d4) - ED-21266: Updated @atlaskit/adf-schema to 34.0.1
+
 ## 0.7.5
 
 ### 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; } } /** @jsx jsx */
+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; } }
 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 (0, _react2.jsx)("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         css: assitiveTextStyles
-      }, (0, _react2.jsx)("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         id: id + '__status--A',
         role: "status",
         "aria-atomic": "true",
         "aria-live": "polite"
-      }, "".concat(!silenced && debounced && bump ? assistiveText : '')), (0, _react2.jsx)("div", {
+      }, "".concat(!silenced && debounced && bump ? assistiveText : '')), /*#__PURE__*/_react.default.createElement("div", {
         id: id + '__status--B',
         role: "status",
         "aria-atomic": "true",

package/dist/cjs/ui/InputQuery.js

@@ -20,8 +20,6 @@ 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': {
@@ -368,7 +366,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 (0, _react2.jsx)(_react.Fragment, null, triggerQueryPrefix, (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, triggerQueryPrefix, /*#__PURE__*/_react.default.createElement("span", {
     css: querySpanStyles,
     contentEditable: true,
     ref: ref,
@@ -381,15 +379,15 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
     "aria-labelledby": assistiveHintID,
     suppressContentEditableWarning: true,
     "data-query-prefix": triggerQueryPrefix
-  }, query === null ? (0, _react2.jsx)("input", {
+  }, query === null ? /*#__PURE__*/_react.default.createElement("input", {
     ref: inputRef,
     type: "text"
-  }) : query), (0, _react2.jsx)("span", {
+  }) : query), /*#__PURE__*/_react.default.createElement("span", {
     id: assistiveHintID,
     style: {
       display: 'none'
     }
-  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(_messages.typeAheadListMessages.inputQueryAssistiveLabel)), (0, _react2.jsx)(_AssistiveText.AssistiveText, {
+  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(_messages.typeAheadListMessages.inputQueryAssistiveLabel)), /*#__PURE__*/_react.default.createElement(_AssistiveText.AssistiveText, {
     assistiveText: items.length === 0 ? intl.formatMessage(_messages.typeAheadListMessages.noSearchResultsLabel, {
       itemsLength: items.length
     }) : '',

package/dist/cjs/ui/TypeAheadList.js

@@ -22,7 +22,6 @@ 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;
@@ -30,7 +29,7 @@ var LIST_WIDTH = 320;
 var TypeaheadAssistiveTextPureComponent = /*#__PURE__*/_react.default.memo(function (_ref) {
   var numberOfResults = _ref.numberOfResults;
   var intl = (0, _reactIntlNext.useIntl)();
-  return (0, _react2.jsx)(_AssistiveText.AssistiveText, {
+  return /*#__PURE__*/_react.default.createElement(_AssistiveText.AssistiveText, {
     assistiveText: intl.formatMessage(_messages.typeAheadListMessages.searchResultsLabel, {
       itemsLength: numberOfResults
     })
@@ -229,21 +228,21 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
       style = _ref4.style,
       parent = _ref4.parent;
     var currentItem = items[index];
-    return (0, _react2.jsx)(_CellMeasurer.CellMeasurer, {
+    return /*#__PURE__*/_react.default.createElement(_CellMeasurer.CellMeasurer, {
       key: key,
       cache: cache,
       parent: parent,
       columnIndex: 0,
       rowIndex: index
-    }, (0, _react2.jsx)("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       style: style,
       "data-index": index
-    }, (0, _react2.jsx)("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "list-item-height-observed-".concat(index),
       onMouseMove: function onMouseMove(e) {
         return _onMouseMove(e, index);
       }
-    }, (0, _react2.jsx)(_TypeAheadListItem.TypeAheadListItem, {
+    }, /*#__PURE__*/_react.default.createElement(_TypeAheadListItem.TypeAheadListItem, {
       key: items[index].title,
       item: currentItem,
       itemsLength: items.length,
@@ -258,13 +257,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 (0, _react2.jsx)(_menu.MenuGroup, {
+  return /*#__PURE__*/_react.default.createElement(_menu.MenuGroup, {
     "aria-label": popupAriaLabel,
     "aria-relevant": "additions removals"
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     id: menuGroupId,
     ref: listContainerRef
-  }, (0, _react2.jsx)(_List.List, {
+  }, /*#__PURE__*/_react.default.createElement(_List.List, {
     rowRenderer: renderRow,
     ref: listRef,
     rowCount: items.length,
@@ -277,7 +276,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)")
-  }), (0, _react2.jsx)(TypeaheadAssistiveTextPureComponent, {
+  }), /*#__PURE__*/_react.default.createElement(TypeaheadAssistiveTextPureComponent, {
     numberOfResults: items.length.toString()
   })));
 });

package/dist/cjs/ui/TypeAheadListItem.js

@@ -19,7 +19,6 @@ 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;
@@ -53,7 +52,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 (0, _react2.jsx)(_quickInsert.IconFallback, null);
+  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconFallback, null);
 });
 var noop = function noop() {};
 var AssistiveText = function AssistiveText(_ref2) {
@@ -63,7 +62,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 (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     className: "assistive"
   }, "".concat(title, ". ").concat(descriptionText, " ").concat(shortcutText));
 };
@@ -83,9 +82,9 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
     title = item.title,
     customRenderItem = item.render;
   var elementIcon = (0, _react.useMemo)(function () {
-    return (0, _react2.jsx)("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       css: itemIcon
-    }, icon ? icon() : (0, _react2.jsx)(FallbackIcon, {
+    }, icon ? icon() : /*#__PURE__*/_react.default.createElement(FallbackIcon, {
       label: title
     }));
   }, [icon, title]);
@@ -113,7 +112,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
     }
     var Comp = customRenderItem;
     var listItemClasses = [customRenderItemDivStyle, isSelected && selectedStyle];
-    return (0, _react2.jsx)("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       "aria-selected": isSelected,
       role: "option",
       "aria-label": ariaLabel,
@@ -125,9 +124,9 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
       //CSS classes added for test cases purpose
       ,
       ref: customItemRef
-    }, (0, _react2.jsx)("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       "aria-hidden": true
-    }, (0, _react2.jsx)(Comp, {
+    }, /*#__PURE__*/_react.default.createElement(Comp, {
       onClick: insertSelectedItem,
       isSelected: false //The selection styles are handled in the parent div instead. Hence isSelected is made false always.
       ,
@@ -138,9 +137,9 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
     return customItem;
   }
   var listItemClasses = [selectionFrame, isSelected && selectedStyle];
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: listItemClasses
-  }, (0, _react2.jsx)(_menu.ButtonItem, {
+  }, /*#__PURE__*/_react.default.createElement(_menu.ButtonItem, {
     onClick: insertSelectedItem,
     iconBefore: elementIcon,
     isSelected: isSelected,
@@ -153,21 +152,21 @@ var TypeAheadListItem = exports.TypeAheadListItem = function TypeAheadListItem(_
     // @ts-ignore
     ,
     css: listItemClasses
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     "aria-hidden": true
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     css: itemText
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     css: itemBody
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "item-title"
-  }, item.title), (0, _react2.jsx)("div", {
+  }, item.title), /*#__PURE__*/_react.default.createElement("div", {
     css: itemAfter
-  }, item.keyshortcut && (0, _react2.jsx)("div", {
+  }, item.keyshortcut && /*#__PURE__*/_react.default.createElement("div", {
     css: _shortcut.shortcutStyle
-  }, item.keyshortcut))), (0, _react2.jsx)("div", {
+  }, item.keyshortcut))), /*#__PURE__*/_react.default.createElement("div", {
     className: "item-description"
-  }, item.description))), (0, _react2.jsx)(AssistiveText, {
+  }, item.description))), /*#__PURE__*/_react.default.createElement(AssistiveText, {
     title: item.title,
     description: item.description,
     shortcut: item.keyshortcut

package/dist/cjs/ui/TypeAheadPopup.js

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

package/dist/es2019/ui/AssistiveText.js

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

package/dist/es2019/ui/InputQuery.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React, { Fragment, useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { keyName as keyNameNormalized } from 'w3c-keyname';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
@@ -360,7 +359,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 jsx(Fragment, null, triggerQueryPrefix, jsx("span", {
+  return /*#__PURE__*/React.createElement(Fragment, null, triggerQueryPrefix, /*#__PURE__*/React.createElement("span", {
     css: querySpanStyles,
     contentEditable: true,
     ref: ref,
@@ -373,15 +372,15 @@ export const InputQuery = /*#__PURE__*/React.memo(({
     "aria-labelledby": assistiveHintID,
     suppressContentEditableWarning: true,
     "data-query-prefix": triggerQueryPrefix
-  }, query === null ? jsx("input", {
+  }, query === null ? /*#__PURE__*/React.createElement("input", {
     ref: inputRef,
     type: "text"
-  }) : query), jsx("span", {
+  }) : query), /*#__PURE__*/React.createElement("span", {
     id: assistiveHintID,
     style: {
       display: 'none'
     }
-  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(typeAheadListMessages.inputQueryAssistiveLabel)), jsx(AssistiveText, {
+  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(typeAheadListMessages.inputQueryAssistiveLabel)), /*#__PURE__*/React.createElement(AssistiveText, {
     assistiveText: items.length === 0 ? intl.formatMessage(typeAheadListMessages.noSearchResultsLabel, {
       itemsLength: items.length
     }) : '',

package/dist/es2019/ui/TypeAheadList.js

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

package/dist/es2019/ui/TypeAheadListItem.js

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

package/dist/es2019/ui/TypeAheadPopup.js

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

package/dist/esm/ui/AssistiveText.js

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

package/dist/esm/ui/InputQuery.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
 import React, { Fragment, useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { keyName as keyNameNormalized } from 'w3c-keyname';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
@@ -357,7 +356,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 jsx(Fragment, null, triggerQueryPrefix, jsx("span", {
+  return /*#__PURE__*/React.createElement(Fragment, null, triggerQueryPrefix, /*#__PURE__*/React.createElement("span", {
     css: querySpanStyles,
     contentEditable: true,
     ref: ref,
@@ -370,15 +369,15 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
     "aria-labelledby": assistiveHintID,
     suppressContentEditableWarning: true,
     "data-query-prefix": triggerQueryPrefix
-  }, query === null ? jsx("input", {
+  }, query === null ? /*#__PURE__*/React.createElement("input", {
     ref: inputRef,
     type: "text"
-  }) : query), jsx("span", {
+  }) : query), /*#__PURE__*/React.createElement("span", {
     id: assistiveHintID,
     style: {
       display: 'none'
     }
-  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(typeAheadListMessages.inputQueryAssistiveLabel)), jsx(AssistiveText, {
+  }, intl.formatMessage(getAriaLabel(triggerQueryPrefix, intl)), ",", intl.formatMessage(typeAheadListMessages.inputQueryAssistiveLabel)), /*#__PURE__*/React.createElement(AssistiveText, {
     assistiveText: items.length === 0 ? intl.formatMessage(typeAheadListMessages.noSearchResultsLabel, {
       itemsLength: items.length
     }) : '',

package/dist/esm/ui/TypeAheadList.js

@@ -1,10 +1,8 @@
 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, jsx } from '@emotion/react';
+import { css } 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';
@@ -21,7 +19,7 @@ var LIST_WIDTH = 320;
 var TypeaheadAssistiveTextPureComponent = /*#__PURE__*/React.memo(function (_ref) {
   var numberOfResults = _ref.numberOfResults;
   var intl = useIntl();
-  return jsx(AssistiveText, {
+  return /*#__PURE__*/React.createElement(AssistiveText, {
     assistiveText: intl.formatMessage(typeAheadListMessages.searchResultsLabel, {
       itemsLength: numberOfResults
     })
@@ -220,21 +218,21 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
       style = _ref4.style,
       parent = _ref4.parent;
     var currentItem = items[index];
-    return jsx(CellMeasurer, {
+    return /*#__PURE__*/React.createElement(CellMeasurer, {
       key: key,
       cache: cache,
       parent: parent,
       columnIndex: 0,
       rowIndex: index
-    }, jsx("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: style,
       "data-index": index
-    }, jsx("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       "data-testid": "list-item-height-observed-".concat(index),
       onMouseMove: function onMouseMove(e) {
         return _onMouseMove(e, index);
       }
-    }, jsx(TypeAheadListItem, {
+    }, /*#__PURE__*/React.createElement(TypeAheadListItem, {
       key: items[index].title,
       item: currentItem,
       itemsLength: items.length,
@@ -249,13 +247,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 jsx(MenuGroup, {
+  return /*#__PURE__*/React.createElement(MenuGroup, {
     "aria-label": popupAriaLabel,
     "aria-relevant": "additions removals"
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     id: menuGroupId,
     ref: listContainerRef
-  }, jsx(List, {
+  }, /*#__PURE__*/React.createElement(List, {
     rowRenderer: renderRow,
     ref: listRef,
     rowCount: items.length,
@@ -268,7 +266,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)")
-  }), jsx(TypeaheadAssistiveTextPureComponent, {
+  }), /*#__PURE__*/React.createElement(TypeaheadAssistiveTextPureComponent, {
     numberOfResults: items.length.toString()
   })));
 });

package/dist/esm/ui/TypeAheadListItem.js

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

package/dist/esm/ui/TypeAheadPopup.js

@@ -1,9 +1,8 @@
 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, jsx } from '@emotion/react';
+import { css } 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';
@@ -190,7 +189,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
       element === null || element === void 0 || element.removeEventListener('keydown', escape);
     };
   }, [ref, cancel]);
-  return jsx(Popup, {
+  return /*#__PURE__*/React.createElement(Popup, {
     zIndex: akEditorFloatingDialogZIndex,
     target: anchorElement,
     mountTo: popupsMountPoint,
@@ -199,15 +198,15 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     fitHeight: fitHeight,
     fitWidth: 340,
     offset: OFFSET
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: typeAheadContent,
     tabIndex: 0,
     className: TYPE_AHEAD_POPUP_CONTENT_CLASS,
     ref: ref
-  }, jsx(Highlight, {
+  }, /*#__PURE__*/React.createElement(Highlight, {
     state: editorView.state,
     triggerHandler: triggerHandler
-  }), jsx(TypeAheadList, {
+  }), /*#__PURE__*/React.createElement(TypeAheadList, {
     items: items,
     selectedIndex: selectedIndex,
     onItemClick: onItemInsert,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-type-ahead",
-  "version": "0.7.5",
+  "version": "0.7.7",
   "description": "Type-ahead plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -31,16 +31,16 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^34.0.0",
+    "@atlaskit/adf-schema": "^35.0.0",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/editor-common": "^76.22.0",
+    "@atlaskit/editor-common": "^76.24.0",
     "@atlaskit/editor-plugin-analytics": "^0.3.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/menu": "^2.1.0",
     "@atlaskit/prosemirror-input-rules": "^2.4.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",

package/tmp/api-report-tmp.d.ts

@@ -1,99 +0,0 @@
-## API Report File for "@atlaskit/editor-plugin-type-ahead"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { Command } from '@atlaskit/editor-common/types';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { TypeAheadHandler } from '@atlaskit/editor-common/types';
-import type { TypeAheadItem } from '@atlaskit/editor-common/types';
-import type { TypeAheadStats } from '@atlaskit/editor-common/types';
-
-// @public (undocumented)
-type CloseTypeAheadProps = {
-    insertCurrentQueryAsRawText: boolean;
-    attachCommand?: Command;
-};
-
-// @public (undocumented)
-type InsertTypeAheadItemProps = {
-    triggerHandler: TypeAheadHandler;
-    contentItem: TypeAheadItem;
-    query: string;
-    sourceListItem: TypeAheadItem[];
-    mode?: SelectItemMode;
-};
-
-// @public (undocumented)
-type OpenTypeAheadProps = {
-    triggerHandler: TypeAheadHandler;
-    inputMethod: TypeAheadInputMethod;
-    query?: string;
-};
-
-export { TypeAheadHandler }
-
-// @public (undocumented)
-export type TypeAheadInputMethod = INPUT_METHOD.INSERT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
-
-// @public
-export type TypeAheadPlugin = NextEditorPlugin<'typeAhead', {
-    pluginConfiguration: TypeAheadPluginOptions | undefined;
-    dependencies: [OptionalPlugin<AnalyticsPlugin>];
-    sharedState: {
-        query: string;
-        isOpen: boolean;
-        isAllowed: boolean;
-        currentHandler?: TypeAheadHandler;
-    };
-    actions: {
-        isOpen: (editorState: EditorState) => boolean;
-        isAllowed: (editorState: EditorState) => boolean;
-        insert: (props: InsertTypeAheadItemProps) => boolean;
-        findHandlerByTrigger: (trigger: string) => TypeAheadHandler | null;
-        open: (props: OpenTypeAheadProps) => boolean;
-        close: (props: CloseTypeAheadProps) => boolean;
-        openAtTransaction: (props: OpenTypeAheadProps) => (tr: Transaction) => boolean;
-    };
-}>;
-
-// @public
-export const typeAheadPlugin: TypeAheadPlugin;
-
-// @public (undocumented)
-export type TypeAheadPluginOptions = {
-    isMobile?: boolean;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
-};
-
-// @public (undocumented)
-export type TypeAheadPluginState = {
-    decorationSet: DecorationSet;
-    decorationElement: HTMLElement | null;
-    typeAheadHandlers: Array<TypeAheadHandler>;
-    query: string;
-    items: Array<TypeAheadItem>;
-    triggerHandler?: TypeAheadHandler;
-    selectedIndex: number;
-    stats: TypeAheadStatsSerializable | null;
-    inputMethod: TypeAheadInputMethod | null;
-};
-
-// @public (undocumented)
-interface TypeAheadStatsSerializable extends TypeAheadStats {
-    // (undocumented)
-    serialize: () => TypeAheadStats;
-}
-
-// (No @packageDocumentation comment for this package)
-
-```