@atlaskit/editor-plugin-floating-toolbar 0.7.12 → 0.7.13

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 0.7.13
+
+### 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.12
 
 ### Patch Changes

package/dist/cjs/ui/Dropdown.js

@@ -21,7 +21,6 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _DropdownMenu = _interopRequireWildcard(require("./DropdownMenu"));
 var _templateObject, _templateObject2;
-/** @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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -35,11 +34,11 @@ var dropdownExpandContainer = (0, _react2.css)(_templateObject || (_templateObje
 var iconGroup = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
 var CompositeIcon = function CompositeIcon(_ref) {
   var icon = _ref.icon;
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: iconGroup
-  }, icon, (0, _react2.jsx)("span", {
+  }, icon, /*#__PURE__*/_react.default.createElement("span", {
     css: dropdownExpandContainer
-  }, (0, _react2.jsx)(_chevronDown.default, {
+  }, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
     label: "Expand dropdown menu"
   })));
 };
@@ -64,7 +63,7 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
         showSelected = _this$props.showSelected,
         dispatchCommand = _this$props.dispatchCommand,
         editorView = _this$props.editorView;
-      return (0, _react2.jsx)(_DropdownMenu.default, {
+      return /*#__PURE__*/_react.default.createElement(_DropdownMenu.default, {
         hide: _this.hide,
         dispatchCommand: dispatchCommand,
         items: options,
@@ -135,10 +134,10 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
         alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar;
       var trigger;
       if (icon) {
-        var TriggerIcon = hideExpandIcon ? icon : (0, _react2.jsx)(CompositeIcon, {
+        var TriggerIcon = hideExpandIcon ? icon : /*#__PURE__*/_react.default.createElement(CompositeIcon, {
           icon: icon
         });
-        trigger = (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        trigger = /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
           testId: buttonTestId,
           title: title,
           icon: TriggerIcon,
@@ -149,11 +148,11 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
           tooltipContent: tooltip
         });
       } else {
-        trigger = (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        trigger = /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
           testId: buttonTestId,
-          iconAfter: (0, _react2.jsx)("span", {
+          iconAfter: /*#__PURE__*/_react.default.createElement("span", {
             css: dropdownExpandContainer
-          }, (0, _react2.jsx)(_chevronDown.default, {
+          }, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
             label: "Expand dropdown menu"
           })),
           onClick: this.toggleOpen,
@@ -173,7 +172,7 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
       var fitTolerance = 10;
       var fitWidth = Array.isArray(options) ? dropdownWidth || _DropdownMenu.menuItemDimensions.width : options.width;
       var fitHeight = Array.isArray(options) ? options.length * _DropdownMenu.menuItemDimensions.height + _DropdownMenu.itemSpacing * 2 : options.height;
-      return (0, _react2.jsx)(_uiMenu.DropdownContainer, {
+      return /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownContainer, {
         mountTo: mountPoint,
         boundariesElement: boundariesElement,
         scrollableElement: scrollableElement,

package/dist/cjs/ui/DropdownMenu.js

@@ -21,9 +21,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = _interopRequireDefault(require("./messages"));
-var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+var _templateObject, _templateObject2, _templateObject3; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 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; } }
@@ -135,7 +133,7 @@ var DropdownMenuItem = function DropdownMenuItem(_ref) {
       labelRefCurrent === null || labelRefCurrent === void 0 || labelRefCurrent.removeEventListener('mousedown', handleTitleWrapperMouseEvent);
     };
   });
-  var itemContent = (0, _react2.jsx)(DropdownButtonItem, {
+  var itemContent = /*#__PURE__*/React.createElement(DropdownButtonItem, {
     iconBefore: iconBefore,
     iconAfter: item.elemAfter,
     onClick: handleItemClick,
@@ -148,12 +146,12 @@ var DropdownMenuItem = function DropdownMenuItem(_ref) {
     onMouseOut: handleItemMouseOut,
     onFocus: handleItemOnFocus,
     onBlur: handleItemOnBlur
-  }, (0, _react2.jsx)("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: labelRef,
     css: label
   }, item.title));
   if (tooltipContent) {
-    return (0, _react2.jsx)(_tooltip.default, {
+    return /*#__PURE__*/React.createElement(_tooltip.default, {
       content: tooltipContent
     }, itemContent);
   }
@@ -178,12 +176,12 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         items = _this$props.items,
         intl = _this$props.intl,
         editorView = _this$props.editorView;
-      return (0, _react2.jsx)("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: menuContainer
       }, items.filter(function (item) {
         return !item.hidden;
       }).map(function (item, idx) {
-        return (0, _react2.jsx)(DropdownMenuItem, {
+        return /*#__PURE__*/React.createElement(DropdownMenuItem, {
           key: idx,
           item: item,
           hide: hide,
@@ -200,13 +198,13 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         showSelected = _this$props$showSelec === void 0 ? true : _this$props$showSelec;
       var selected = item.selected;
       if (showSelected && selected) {
-        return (0, _react2.jsx)(_done.default, {
+        return /*#__PURE__*/React.createElement(_done.default, {
           primaryColor: "var(--ds-icon-selected, ".concat(_colors.B400, ")"),
           size: "small",
           label: intl.formatMessage(_messages.default.confirmModalOK)
         });
       }
-      return (0, _react2.jsx)("span", {
+      return /*#__PURE__*/React.createElement("span", {
         css: spacer
       });
     }

package/dist/cjs/ui/EmojiPickerButton.js

@@ -17,7 +17,6 @@ var _emoji = require("@atlaskit/emoji");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _EditorEmojiAddIcon = _interopRequireDefault(require("./EditorEmojiAddIcon"));
 var _templateObject;
-/** @jsx jsx */
 // helps adjusts position of popup
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var emojiPickerButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
@@ -66,7 +65,7 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
     if (!providers.emojiProvider) {
       return null;
     }
-    return (0, _react2.jsx)(EmojiPickerWithListener, {
+    return /*#__PURE__*/_react.default.createElement(EmojiPickerWithListener, {
       emojiProvider: providers.emojiProvider,
       onSelection: updateEmoji,
       onPickerRef: function onPickerRef() {},
@@ -78,7 +77,7 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
     if (!buttonRef.current || !isPopupOpen) {
       return;
     }
-    return (0, _react2.jsx)(_ui.Popup, {
+    return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
       target: buttonRef.current,
       mountTo: props.setDisableParentScroll ? props.mountPoint : buttonRef.current.parentElement,
       fitHeight: 350,
@@ -90,19 +89,19 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
       ,
       zIndex: props.setDisableParentScroll ? 600 : undefined,
       focusTrap: true
-    }, (0, _react2.jsx)(_providerFactory.WithProviders, {
+    }, /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
       providers: ['emojiProvider'],
       providerFactory: props.providerFactory,
       renderNode: renderPicker
     }));
   };
   var title = props.title || '';
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: emojiPickerButtonWrapper
-  }, (0, _react2.jsx)(_tooltip.default, {
+  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: title,
     position: "top"
-  }, (0, _react2.jsx)(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
     appearance: 'subtle',
     key: props.idx,
     style: {
@@ -116,6 +115,6 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
     ref: buttonRef,
     isSelected: props.isSelected,
     "aria-label": title,
-    iconBefore: (0, _react2.jsx)(_EditorEmojiAddIcon.default, null)
+    iconBefore: /*#__PURE__*/_react.default.createElement(_EditorEmojiAddIcon.default, null)
   })), renderPopup());
 };

package/dist/cjs/ui/Input.js

@@ -14,12 +14,11 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 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; }
 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; } }
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var TextField = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(TextField, _Component);
@@ -63,9 +62,9 @@ var TextField = exports.default = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var placeholder = this.props.placeholder;
-      return (0, _react2.jsx)("form", {
+      return /*#__PURE__*/_react.default.createElement("form", {
         onSubmit: this.handleSubmit
-      }, (0, _react2.jsx)("input", {
+      }, /*#__PURE__*/_react.default.createElement("input", {
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         css: _ui.panelTextInput,
         value: this.state.text,

package/dist/cjs/ui/ScrollButtons.js

@@ -17,7 +17,6 @@ var _chevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/ch
 var _colors = require("@atlaskit/theme/colors");
 var _messages = _interopRequireDefault(require("./messages"));
 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; }
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
@@ -132,20 +131,20 @@ var ScrollButtons = exports.ScrollButtons = function ScrollButtons(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [node.type]);
-  return needScroll ? (0, _react2.jsx)("div", {
+  return needScroll ? /*#__PURE__*/_react.default.createElement("div", {
     ref: buttonsContainerRef,
     css: toolbarScrollButtons,
     className: "scroll-buttons"
-  }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
     title: intl.formatMessage(_messages.default.floatingToolbarScrollLeft),
-    icon: (0, _react2.jsx)(LeftIcon, {
+    icon: /*#__PURE__*/_react.default.createElement(LeftIcon, {
       label: intl.formatMessage(_messages.default.floatingToolbarScrollLeft)
     }),
     onClick: scrollLeft,
     disabled: !canScrollLeft || disabled
-  }), (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+  }), /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
     title: intl.formatMessage(_messages.default.floatingToolbarScrollRight),
-    icon: (0, _react2.jsx)(RightIcon, {
+    icon: /*#__PURE__*/_react.default.createElement(RightIcon, {
       label: intl.formatMessage(_messages.default.floatingToolbarScrollRight)
     }),
     onClick: scrollRight,

package/dist/cjs/ui/Toolbar.js

@@ -38,9 +38,7 @@ var _messages = _interopRequireDefault(require("./messages"));
 var _ScrollButtons = require("./ScrollButtons");
 var _Select = _interopRequireDefault(require("./Select"));
 var _Separator = _interopRequireDefault(require("./Separator"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-/** @jsx jsx */
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 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; }
@@ -63,7 +61,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
     featureFlags = _ref.featureFlags,
     api = _ref.api;
   var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
-  return (0, _react2.jsx)(_buttonGroup.default, null, items.filter(function (item) {
+  return /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, items.filter(function (item) {
     return !item.hidden;
   }).map(function (item, idx) {
     var _api$contextPanel, _api$extension;
@@ -80,12 +78,12 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
             }
           }
         };
-        return (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        return /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
           className: item.className,
           key: idx,
           title: item.title,
           href: item.href,
-          icon: item.icon ? (0, _react2.jsx)(ButtonIcon, {
+          icon: item.icon ? /*#__PURE__*/_react.default.createElement(ButtonIcon, {
             label: item.title
           }) : undefined,
           appearance: item.appearance,
@@ -112,7 +110,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           tabIndex: item.tabIndex
         }, item.showTitle && item.title);
       case 'input':
-        return (0, _react2.jsx)(_Input.default, {
+        return /*#__PURE__*/_react.default.createElement(_Input.default, {
           key: idx,
           mountPoint: popupsMountPoint,
           boundariesElement: popupsBoundariesElement,
@@ -131,10 +129,10 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
         }
       case 'dropdown':
         var DropdownIcon = item.icon;
-        return (0, _react2.jsx)(_Dropdown.default, {
+        return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
           key: idx,
           title: item.title,
-          icon: DropdownIcon && (0, _react2.jsx)(DropdownIcon, {
+          icon: DropdownIcon && /*#__PURE__*/_react.default.createElement(DropdownIcon, {
             label: item.title
           }),
           dispatchCommand: dispatchCommand,
@@ -157,7 +155,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
       case 'select':
         if (item.selectType === 'list') {
           var ariaLabel = item.title || item.placeholder;
-          return (0, _react2.jsx)(_Select.default, {
+          return /*#__PURE__*/_react.default.createElement(_Select.default, {
             key: idx,
             dispatchCommand: dispatchCommand,
             options: item.options,
@@ -177,7 +175,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           });
         }
         if (item.selectType === 'color') {
-          return (0, _react2.jsx)(_uiMenu.ColorPickerButton, {
+          return /*#__PURE__*/_react.default.createElement(_uiMenu.ColorPickerButton, {
             skipFocusButtonAfterPick: true,
             key: idx,
             title: item.title,
@@ -203,7 +201,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           });
         }
         if (item.selectType === 'emoji') {
-          return (0, _react2.jsx)(_EmojiPickerButton.EmojiPickerButton, {
+          return /*#__PURE__*/_react.default.createElement(_EmojiPickerButton.EmojiPickerButton, {
             key: idx,
             editorView: editorView,
             title: item.title,
@@ -226,7 +224,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
         if (!extendFloatingToolbar) {
           return null;
         }
-        return (0, _react2.jsx)(_ExtensionsPlaceholder.ExtensionsPlaceholder, {
+        return /*#__PURE__*/_react.default.createElement(_ExtensionsPlaceholder.ExtensionsPlaceholder, {
           key: idx,
           node: node,
           editorView: editorView,
@@ -236,7 +234,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           extensionApi: api === null || api === void 0 || (_api$extension = api.extension) === null || _api$extension === void 0 ? void 0 : _api$extension.actions.api()
         });
       case 'separator':
-        return (0, _react2.jsx)(_Separator.default, {
+        return /*#__PURE__*/_react.default.createElement(_Separator.default, {
           key: idx
         });
     }
@@ -389,14 +387,14 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         //Alt + F10 to reach first element in this floating toolbar
         return event.altKey && (event.key === 'F10' || event.keyCode === 121);
       };
-      return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarArrowKeyNavigationProvider, {
         editorView: this.props.editorView,
         handleEscape: this.handleEscape,
         disableArrowKeyNavigation: !this.shouldHandleArrowKeys(),
         childComponentSelector: "[data-testid='editor-floating-toolbar']",
         isShortcutToFocusToolbar: isShortcutToFocusToolbar,
         intl: intl
-      }, (0, _react2.jsx)("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         ref: this.toolbarContainerRef,
         css: function css(theme) {
           return [toolbarContainer({
@@ -407,26 +405,26 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         role: "toolbar",
         "data-testid": "editor-floating-toolbar",
         className: className
-      }, (0, _react2.jsx)(_ui.Announcer, {
+      }, /*#__PURE__*/_react.default.createElement(_ui.Announcer, {
         text: intl.formatMessage(_messages.default.floatingToolbarAnnouncer),
         delay: 250
-      }), (0, _react2.jsx)("div", {
+      }), /*#__PURE__*/_react.default.createElement("div", {
         "data-testid": "floating-toolbar-items",
         ref: this.scrollContainerRef
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         ,
         css: toolbarOverflow(scrollable, this.state.scrollDisabled, firstElementIsSelect)
-      }, (0, _react2.jsx)(ToolbarItems, (0, _extends2.default)({}, this.props, {
+      }, /*#__PURE__*/_react.default.createElement(ToolbarItems, (0, _extends2.default)({}, this.props, {
         setDisableScroll: this.setDisableScroll.bind(this),
         mountRef: this.mountRef,
         mounted: this.state.mounted,
         featureFlags: this.props.featureFlags
-      }))), scrollable && (0, _react2.jsx)(_ScrollButtons.ScrollButtons, {
+      }))), scrollable && /*#__PURE__*/_react.default.createElement(_ScrollButtons.ScrollButtons, {
         intl: intl,
         scrollContainerRef: this.scrollContainerRef,
         node: node,
         disabled: this.state.scrollDisabled
-      })), (0, _react2.jsx)("div", {
+      })), /*#__PURE__*/_react.default.createElement("div", {
         ref: this.mountRef
       })));
     }

package/dist/es2019/ui/Dropdown.js

@@ -1,8 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
-
 import React, { Component } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
@@ -19,11 +17,11 @@ const iconGroup = css`
 `;
 const CompositeIcon = ({
   icon
-}) => jsx("div", {
+}) => /*#__PURE__*/React.createElement("div", {
   css: iconGroup
-}, icon, jsx("span", {
+}, icon, /*#__PURE__*/React.createElement("span", {
   css: dropdownExpandContainer
-}, jsx(ExpandIcon, {
+}, /*#__PURE__*/React.createElement(ExpandIcon, {
   label: "Expand dropdown menu"
 })));
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -41,7 +39,7 @@ export default class Dropdown extends Component {
         dispatchCommand,
         editorView
       } = this.props;
-      return jsx(DropdownMenu, {
+      return /*#__PURE__*/React.createElement(DropdownMenu, {
         hide: this.hide,
         dispatchCommand: dispatchCommand,
         items: options,
@@ -113,10 +111,10 @@ export default class Dropdown extends Component {
     } = this.props;
     let trigger;
     if (icon) {
-      const TriggerIcon = hideExpandIcon ? icon : jsx(CompositeIcon, {
+      const TriggerIcon = hideExpandIcon ? icon : /*#__PURE__*/React.createElement(CompositeIcon, {
         icon: icon
       });
-      trigger = jsx(Button, {
+      trigger = /*#__PURE__*/React.createElement(Button, {
         testId: buttonTestId,
         title: title,
         icon: TriggerIcon,
@@ -127,11 +125,11 @@ export default class Dropdown extends Component {
         tooltipContent: tooltip
       });
     } else {
-      trigger = jsx(Button, {
+      trigger = /*#__PURE__*/React.createElement(Button, {
         testId: buttonTestId,
-        iconAfter: jsx("span", {
+        iconAfter: /*#__PURE__*/React.createElement("span", {
           css: dropdownExpandContainer
-        }, jsx(ExpandIcon, {
+        }, /*#__PURE__*/React.createElement(ExpandIcon, {
           label: "Expand dropdown menu"
         })),
         onClick: this.toggleOpen,
@@ -151,7 +149,7 @@ export default class Dropdown extends Component {
     const fitTolerance = 10;
     const fitWidth = Array.isArray(options) ? dropdownWidth || menuItemDimensions.width : options.width;
     const fitHeight = Array.isArray(options) ? options.length * menuItemDimensions.height + itemSpacing * 2 : options.height;
-    return jsx(UiDropdown, {
+    return /*#__PURE__*/React.createElement(UiDropdown, {
       mountTo: mountPoint,
       boundariesElement: boundariesElement,
       scrollableElement: scrollableElement,

package/dist/es2019/ui/DropdownMenu.js

@@ -1,7 +1,6 @@
-/** @jsx jsx */
 import { createRef, useCallback, useEffect, useState } from 'react';
 import { Component } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
 import { injectIntl } from 'react-intl-next';
@@ -137,7 +136,7 @@ const DropdownMenuItem = ({
       labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.removeEventListener('mousedown', handleTitleWrapperMouseEvent);
     };
   });
-  const itemContent = jsx(DropdownButtonItem, {
+  const itemContent = /*#__PURE__*/React.createElement(DropdownButtonItem, {
     iconBefore: iconBefore,
     iconAfter: item.elemAfter,
     onClick: handleItemClick,
@@ -150,12 +149,12 @@ const DropdownMenuItem = ({
     onMouseOut: handleItemMouseOut,
     onFocus: handleItemOnFocus,
     onBlur: handleItemOnBlur
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: labelRef,
     css: label
   }, item.title));
   if (tooltipContent) {
-    return jsx(Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       content: tooltipContent
     }, itemContent);
   }
@@ -172,9 +171,9 @@ class Dropdown extends Component {
       intl,
       editorView
     } = this.props;
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: menuContainer
-    }, items.filter(item => !item.hidden).map((item, idx) => jsx(DropdownMenuItem, {
+    }, items.filter(item => !item.hidden).map((item, idx) => /*#__PURE__*/React.createElement(DropdownMenuItem, {
       key: idx,
       item: item,
       hide: hide,
@@ -191,13 +190,13 @@ class Dropdown extends Component {
       selected
     } = item;
     if (showSelected && selected) {
-      return jsx(EditorDoneIcon, {
+      return /*#__PURE__*/React.createElement(EditorDoneIcon, {
         primaryColor: `var(--ds-icon-selected, ${B400})`,
         size: "small",
         label: intl.formatMessage(messages.confirmModalOK)
       });
     }
-    return jsx("span", {
+    return /*#__PURE__*/React.createElement("span", {
       css: spacer
     });
   }

package/dist/es2019/ui/EmojiPickerButton.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Button from '@atlaskit/button';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { Popup } from '@atlaskit/editor-common/ui';
@@ -54,7 +53,7 @@ export const EmojiPickerButton = props => {
     if (!providers.emojiProvider) {
       return null;
     }
-    return jsx(EmojiPickerWithListener, {
+    return /*#__PURE__*/React.createElement(EmojiPickerWithListener, {
       emojiProvider: providers.emojiProvider,
       onSelection: updateEmoji,
       onPickerRef: () => {},
@@ -66,7 +65,7 @@ export const EmojiPickerButton = props => {
     if (!buttonRef.current || !isPopupOpen) {
       return;
     }
-    return jsx(Popup, {
+    return /*#__PURE__*/React.createElement(Popup, {
       target: buttonRef.current,
       mountTo: props.setDisableParentScroll ? props.mountPoint : buttonRef.current.parentElement,
       fitHeight: 350,
@@ -78,19 +77,19 @@ export const EmojiPickerButton = props => {
       ,
       zIndex: props.setDisableParentScroll ? 600 : undefined,
       focusTrap: true
-    }, jsx(WithProviders, {
+    }, /*#__PURE__*/React.createElement(WithProviders, {
       providers: ['emojiProvider'],
       providerFactory: props.providerFactory,
       renderNode: renderPicker
     }));
   };
   const title = props.title || '';
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: emojiPickerButtonWrapper
-  }, jsx(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     content: title,
     position: "top"
-  }, jsx(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     appearance: 'subtle',
     key: props.idx,
     style: {
@@ -104,6 +103,6 @@ export const EmojiPickerButton = props => {
     ref: buttonRef,
     isSelected: props.isSelected,
     "aria-label": title,
-    iconBefore: jsx(EditorEmojiAddIcon, null)
+    iconBefore: /*#__PURE__*/React.createElement(EditorEmojiAddIcon, null)
   })), renderPopup());
 };

package/dist/es2019/ui/Input.js

@@ -1,8 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React from 'react';
 import { Component } from 'react';
-import { jsx } from '@emotion/react';
 import { panelTextInput } from '@atlaskit/editor-common/ui';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export default class TextField extends Component {
@@ -40,9 +38,9 @@ export default class TextField extends Component {
     const {
       placeholder
     } = this.props;
-    return jsx("form", {
+    return /*#__PURE__*/React.createElement("form", {
       onSubmit: this.handleSubmit
-    }, jsx("input", {
+    }, /*#__PURE__*/React.createElement("input", {
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       css: panelTextInput,
       value: this.state.text,

package/dist/es2019/ui/ScrollButtons.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React, { useEffect, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
@@ -119,20 +118,20 @@ export const ScrollButtons = ({
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [node.type]);
-  return needScroll ? jsx("div", {
+  return needScroll ? /*#__PURE__*/React.createElement("div", {
     ref: buttonsContainerRef,
     css: toolbarScrollButtons,
     className: "scroll-buttons"
-  }, jsx(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollLeft),
-    icon: jsx(LeftIcon, {
+    icon: /*#__PURE__*/React.createElement(LeftIcon, {
       label: intl.formatMessage(messages.floatingToolbarScrollLeft)
     }),
     onClick: scrollLeft,
     disabled: !canScrollLeft || disabled
-  }), jsx(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollRight),
-    icon: jsx(RightIcon, {
+    icon: /*#__PURE__*/React.createElement(RightIcon, {
       label: intl.formatMessage(messages.floatingToolbarScrollRight)
     }),
     onClick: scrollRight,

package/dist/es2019/ui/Toolbar.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React, { Component } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import ButtonGroup from '@atlaskit/button/button-group';
 import { areSameItems } from '@atlaskit/editor-common/floating-toolbar';
@@ -45,7 +44,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
   api
 }) => {
   const emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
-  return jsx(ButtonGroup, null, items.filter(item => !item.hidden).map((item, idx) => {
+  return /*#__PURE__*/React.createElement(ButtonGroup, null, items.filter(item => !item.hidden).map((item, idx) => {
     var _api$contextPanel, _api$extension;
     switch (item.type) {
       case 'button':
@@ -60,12 +59,12 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
             }
           }
         };
-        return jsx(Button, {
+        return /*#__PURE__*/React.createElement(Button, {
           className: item.className,
           key: idx,
           title: item.title,
           href: item.href,
-          icon: item.icon ? jsx(ButtonIcon, {
+          icon: item.icon ? /*#__PURE__*/React.createElement(ButtonIcon, {
             label: item.title
           }) : undefined,
           appearance: item.appearance,
@@ -84,7 +83,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           tabIndex: item.tabIndex
         }, item.showTitle && item.title);
       case 'input':
-        return jsx(Input, {
+        return /*#__PURE__*/React.createElement(Input, {
           key: idx,
           mountPoint: popupsMountPoint,
           boundariesElement: popupsBoundariesElement,
@@ -99,10 +98,10 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
         }
       case 'dropdown':
         const DropdownIcon = item.icon;
-        return jsx(Dropdown, {
+        return /*#__PURE__*/React.createElement(Dropdown, {
           key: idx,
           title: item.title,
-          icon: DropdownIcon && jsx(DropdownIcon, {
+          icon: DropdownIcon && /*#__PURE__*/React.createElement(DropdownIcon, {
             label: item.title
           }),
           dispatchCommand: dispatchCommand,
@@ -125,7 +124,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
       case 'select':
         if (item.selectType === 'list') {
           const ariaLabel = item.title || item.placeholder;
-          return jsx(Select, {
+          return /*#__PURE__*/React.createElement(Select, {
             key: idx,
             dispatchCommand: dispatchCommand,
             options: item.options,
@@ -143,7 +142,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           });
         }
         if (item.selectType === 'color') {
-          return jsx(ColorPickerButton, {
+          return /*#__PURE__*/React.createElement(ColorPickerButton, {
             skipFocusButtonAfterPick: true,
             key: idx,
             title: item.title,
@@ -169,7 +168,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           });
         }
         if (item.selectType === 'emoji') {
-          return jsx(EmojiPickerButton, {
+          return /*#__PURE__*/React.createElement(EmojiPickerButton, {
             key: idx,
             editorView: editorView,
             title: item.title,
@@ -191,7 +190,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
         if (!extendFloatingToolbar) {
           return null;
         }
-        return jsx(ExtensionsPlaceholder, {
+        return /*#__PURE__*/React.createElement(ExtensionsPlaceholder, {
           key: idx,
           node: node,
           editorView: editorView,
@@ -201,7 +200,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           extensionApi: api === null || api === void 0 ? void 0 : (_api$extension = api.extension) === null || _api$extension === void 0 ? void 0 : _api$extension.actions.api()
         });
       case 'separator':
-        return jsx(Separator, {
+        return /*#__PURE__*/React.createElement(Separator, {
           key: idx
         });
     }
@@ -386,14 +385,14 @@ class Toolbar extends Component {
       //Alt + F10 to reach first element in this floating toolbar
       return event.altKey && (event.key === 'F10' || event.keyCode === 121);
     };
-    return jsx(React.Fragment, null, jsx(ToolbarArrowKeyNavigationProvider, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
       editorView: this.props.editorView,
       handleEscape: this.handleEscape,
       disableArrowKeyNavigation: !this.shouldHandleArrowKeys(),
       childComponentSelector: "[data-testid='editor-floating-toolbar']",
       isShortcutToFocusToolbar: isShortcutToFocusToolbar,
       intl: intl
-    }, jsx("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       ref: this.toolbarContainerRef,
       css: theme => [toolbarContainer({
         theme
@@ -402,26 +401,26 @@ class Toolbar extends Component {
       role: "toolbar",
       "data-testid": "editor-floating-toolbar",
       className: className
-    }, jsx(Announcer, {
+    }, /*#__PURE__*/React.createElement(Announcer, {
       text: intl.formatMessage(messages.floatingToolbarAnnouncer),
       delay: 250
-    }), jsx("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       "data-testid": "floating-toolbar-items",
       ref: this.scrollContainerRef
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
       ,
       css: toolbarOverflow(scrollable, this.state.scrollDisabled, firstElementIsSelect)
-    }, jsx(ToolbarItems, _extends({}, this.props, {
+    }, /*#__PURE__*/React.createElement(ToolbarItems, _extends({}, this.props, {
       setDisableScroll: this.setDisableScroll.bind(this),
       mountRef: this.mountRef,
       mounted: this.state.mounted,
       featureFlags: this.props.featureFlags
-    }))), scrollable && jsx(ScrollButtons, {
+    }))), scrollable && /*#__PURE__*/React.createElement(ScrollButtons, {
       intl: intl,
       scrollContainerRef: this.scrollContainerRef,
       node: node,
       disabled: this.state.scrollDisabled
-    })), jsx("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       ref: this.mountRef
     })));
   }

package/dist/esm/ui/Dropdown.js

@@ -11,10 +11,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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, { Component } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
@@ -27,11 +25,11 @@ var dropdownExpandContainer = css(_templateObject || (_templateObject = _taggedT
 var iconGroup = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
 var CompositeIcon = function CompositeIcon(_ref) {
   var icon = _ref.icon;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: iconGroup
-  }, icon, jsx("span", {
+  }, icon, /*#__PURE__*/React.createElement("span", {
     css: dropdownExpandContainer
-  }, jsx(ExpandIcon, {
+  }, /*#__PURE__*/React.createElement(ExpandIcon, {
     label: "Expand dropdown menu"
   })));
 };
@@ -56,7 +54,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         showSelected = _this$props.showSelected,
         dispatchCommand = _this$props.dispatchCommand,
         editorView = _this$props.editorView;
-      return jsx(DropdownMenu, {
+      return /*#__PURE__*/React.createElement(DropdownMenu, {
         hide: _this.hide,
         dispatchCommand: dispatchCommand,
         items: options,
@@ -127,10 +125,10 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar;
       var trigger;
       if (icon) {
-        var TriggerIcon = hideExpandIcon ? icon : jsx(CompositeIcon, {
+        var TriggerIcon = hideExpandIcon ? icon : /*#__PURE__*/React.createElement(CompositeIcon, {
           icon: icon
         });
-        trigger = jsx(Button, {
+        trigger = /*#__PURE__*/React.createElement(Button, {
           testId: buttonTestId,
           title: title,
           icon: TriggerIcon,
@@ -141,11 +139,11 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           tooltipContent: tooltip
         });
       } else {
-        trigger = jsx(Button, {
+        trigger = /*#__PURE__*/React.createElement(Button, {
           testId: buttonTestId,
-          iconAfter: jsx("span", {
+          iconAfter: /*#__PURE__*/React.createElement("span", {
             css: dropdownExpandContainer
-          }, jsx(ExpandIcon, {
+          }, /*#__PURE__*/React.createElement(ExpandIcon, {
             label: "Expand dropdown menu"
           })),
           onClick: this.toggleOpen,
@@ -165,7 +163,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       var fitTolerance = 10;
       var fitWidth = Array.isArray(options) ? dropdownWidth || menuItemDimensions.width : options.width;
       var fitHeight = Array.isArray(options) ? options.length * menuItemDimensions.height + itemSpacing * 2 : options.height;
-      return jsx(UiDropdown, {
+      return /*#__PURE__*/React.createElement(UiDropdown, {
         mountTo: mountPoint,
         boundariesElement: boundariesElement,
         scrollableElement: scrollableElement,

package/dist/esm/ui/DropdownMenu.js

@@ -8,10 +8,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 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 { createRef, useCallback, useEffect, useState } from 'react';
 import { Component } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
 import { injectIntl } from 'react-intl-next';
@@ -130,7 +129,7 @@ var DropdownMenuItem = function DropdownMenuItem(_ref) {
       labelRefCurrent === null || labelRefCurrent === void 0 || labelRefCurrent.removeEventListener('mousedown', handleTitleWrapperMouseEvent);
     };
   });
-  var itemContent = jsx(DropdownButtonItem, {
+  var itemContent = /*#__PURE__*/React.createElement(DropdownButtonItem, {
     iconBefore: iconBefore,
     iconAfter: item.elemAfter,
     onClick: handleItemClick,
@@ -143,12 +142,12 @@ var DropdownMenuItem = function DropdownMenuItem(_ref) {
     onMouseOut: handleItemMouseOut,
     onFocus: handleItemOnFocus,
     onBlur: handleItemOnBlur
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: labelRef,
     css: label
   }, item.title));
   if (tooltipContent) {
-    return jsx(Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       content: tooltipContent
     }, itemContent);
   }
@@ -173,12 +172,12 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         items = _this$props.items,
         intl = _this$props.intl,
         editorView = _this$props.editorView;
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: menuContainer
       }, items.filter(function (item) {
         return !item.hidden;
       }).map(function (item, idx) {
-        return jsx(DropdownMenuItem, {
+        return /*#__PURE__*/React.createElement(DropdownMenuItem, {
           key: idx,
           item: item,
           hide: hide,
@@ -195,13 +194,13 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         showSelected = _this$props$showSelec === void 0 ? true : _this$props$showSelec;
       var selected = item.selected;
       if (showSelected && selected) {
-        return jsx(EditorDoneIcon, {
+        return /*#__PURE__*/React.createElement(EditorDoneIcon, {
           primaryColor: "var(--ds-icon-selected, ".concat(B400, ")"),
           size: "small",
           label: intl.formatMessage(messages.confirmModalOK)
         });
       }
-      return jsx("span", {
+      return /*#__PURE__*/React.createElement("span", {
         css: spacer
       });
     }

package/dist/esm/ui/EmojiPickerButton.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 from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Button from '@atlaskit/button';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { Popup } from '@atlaskit/editor-common/ui';
@@ -60,7 +59,7 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
     if (!providers.emojiProvider) {
       return null;
     }
-    return jsx(EmojiPickerWithListener, {
+    return /*#__PURE__*/React.createElement(EmojiPickerWithListener, {
       emojiProvider: providers.emojiProvider,
       onSelection: updateEmoji,
       onPickerRef: function onPickerRef() {},
@@ -72,7 +71,7 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
     if (!buttonRef.current || !isPopupOpen) {
       return;
     }
-    return jsx(Popup, {
+    return /*#__PURE__*/React.createElement(Popup, {
       target: buttonRef.current,
       mountTo: props.setDisableParentScroll ? props.mountPoint : buttonRef.current.parentElement,
       fitHeight: 350,
@@ -84,19 +83,19 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
       ,
       zIndex: props.setDisableParentScroll ? 600 : undefined,
       focusTrap: true
-    }, jsx(WithProviders, {
+    }, /*#__PURE__*/React.createElement(WithProviders, {
       providers: ['emojiProvider'],
       providerFactory: props.providerFactory,
       renderNode: renderPicker
     }));
   };
   var title = props.title || '';
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: emojiPickerButtonWrapper
-  }, jsx(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     content: title,
     position: "top"
-  }, jsx(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     appearance: 'subtle',
     key: props.idx,
     style: {
@@ -110,6 +109,6 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
     ref: buttonRef,
     isSelected: props.isSelected,
     "aria-label": title,
-    iconBefore: jsx(EditorEmojiAddIcon, null)
+    iconBefore: /*#__PURE__*/React.createElement(EditorEmojiAddIcon, null)
   })), renderPopup());
 };

package/dist/esm/ui/Input.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 { Component } from 'react';
-import { jsx } from '@emotion/react';
 import { panelTextInput } from '@atlaskit/editor-common/ui';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var TextField = /*#__PURE__*/function (_Component) {
@@ -55,9 +53,9 @@ var TextField = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var placeholder = this.props.placeholder;
-      return jsx("form", {
+      return /*#__PURE__*/React.createElement("form", {
         onSubmit: this.handleSubmit
-      }, jsx("input", {
+      }, /*#__PURE__*/React.createElement("input", {
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         css: panelTextInput,
         value: this.state.text,

package/dist/esm/ui/ScrollButtons.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, { useEffect, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
@@ -123,20 +122,20 @@ export var ScrollButtons = function ScrollButtons(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [node.type]);
-  return needScroll ? jsx("div", {
+  return needScroll ? /*#__PURE__*/React.createElement("div", {
     ref: buttonsContainerRef,
     css: toolbarScrollButtons,
     className: "scroll-buttons"
-  }, jsx(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollLeft),
-    icon: jsx(LeftIcon, {
+    icon: /*#__PURE__*/React.createElement(LeftIcon, {
       label: intl.formatMessage(messages.floatingToolbarScrollLeft)
     }),
     onClick: scrollLeft,
     disabled: !canScrollLeft || disabled
-  }), jsx(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollRight),
-    icon: jsx(RightIcon, {
+    icon: /*#__PURE__*/React.createElement(RightIcon, {
       label: intl.formatMessage(messages.floatingToolbarScrollRight)
     }),
     onClick: scrollRight,

package/dist/esm/ui/Toolbar.js

@@ -10,9 +10,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 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, { Component } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import ButtonGroup from '@atlaskit/button/button-group';
 import { areSameItems } from '@atlaskit/editor-common/floating-toolbar';
@@ -54,7 +53,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
     featureFlags = _ref.featureFlags,
     api = _ref.api;
   var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
-  return jsx(ButtonGroup, null, items.filter(function (item) {
+  return /*#__PURE__*/React.createElement(ButtonGroup, null, items.filter(function (item) {
     return !item.hidden;
   }).map(function (item, idx) {
     var _api$contextPanel, _api$extension;
@@ -71,12 +70,12 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
             }
           }
         };
-        return jsx(Button, {
+        return /*#__PURE__*/React.createElement(Button, {
           className: item.className,
           key: idx,
           title: item.title,
           href: item.href,
-          icon: item.icon ? jsx(ButtonIcon, {
+          icon: item.icon ? /*#__PURE__*/React.createElement(ButtonIcon, {
             label: item.title
           }) : undefined,
           appearance: item.appearance,
@@ -103,7 +102,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           tabIndex: item.tabIndex
         }, item.showTitle && item.title);
       case 'input':
-        return jsx(Input, {
+        return /*#__PURE__*/React.createElement(Input, {
           key: idx,
           mountPoint: popupsMountPoint,
           boundariesElement: popupsBoundariesElement,
@@ -122,10 +121,10 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
         }
       case 'dropdown':
         var DropdownIcon = item.icon;
-        return jsx(Dropdown, {
+        return /*#__PURE__*/React.createElement(Dropdown, {
           key: idx,
           title: item.title,
-          icon: DropdownIcon && jsx(DropdownIcon, {
+          icon: DropdownIcon && /*#__PURE__*/React.createElement(DropdownIcon, {
             label: item.title
           }),
           dispatchCommand: dispatchCommand,
@@ -148,7 +147,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
       case 'select':
         if (item.selectType === 'list') {
           var ariaLabel = item.title || item.placeholder;
-          return jsx(Select, {
+          return /*#__PURE__*/React.createElement(Select, {
             key: idx,
             dispatchCommand: dispatchCommand,
             options: item.options,
@@ -168,7 +167,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           });
         }
         if (item.selectType === 'color') {
-          return jsx(ColorPickerButton, {
+          return /*#__PURE__*/React.createElement(ColorPickerButton, {
             skipFocusButtonAfterPick: true,
             key: idx,
             title: item.title,
@@ -194,7 +193,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           });
         }
         if (item.selectType === 'emoji') {
-          return jsx(EmojiPickerButton, {
+          return /*#__PURE__*/React.createElement(EmojiPickerButton, {
             key: idx,
             editorView: editorView,
             title: item.title,
@@ -217,7 +216,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
         if (!extendFloatingToolbar) {
           return null;
         }
-        return jsx(ExtensionsPlaceholder, {
+        return /*#__PURE__*/React.createElement(ExtensionsPlaceholder, {
           key: idx,
           node: node,
           editorView: editorView,
@@ -227,7 +226,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           extensionApi: api === null || api === void 0 || (_api$extension = api.extension) === null || _api$extension === void 0 ? void 0 : _api$extension.actions.api()
         });
       case 'separator':
-        return jsx(Separator, {
+        return /*#__PURE__*/React.createElement(Separator, {
           key: idx
         });
     }
@@ -380,14 +379,14 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         //Alt + F10 to reach first element in this floating toolbar
         return event.altKey && (event.key === 'F10' || event.keyCode === 121);
       };
-      return jsx(React.Fragment, null, jsx(ToolbarArrowKeyNavigationProvider, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
         editorView: this.props.editorView,
         handleEscape: this.handleEscape,
         disableArrowKeyNavigation: !this.shouldHandleArrowKeys(),
         childComponentSelector: "[data-testid='editor-floating-toolbar']",
         isShortcutToFocusToolbar: isShortcutToFocusToolbar,
         intl: intl
-      }, jsx("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         ref: this.toolbarContainerRef,
         css: function css(theme) {
           return [toolbarContainer({
@@ -398,26 +397,26 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         role: "toolbar",
         "data-testid": "editor-floating-toolbar",
         className: className
-      }, jsx(Announcer, {
+      }, /*#__PURE__*/React.createElement(Announcer, {
         text: intl.formatMessage(messages.floatingToolbarAnnouncer),
         delay: 250
-      }), jsx("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         "data-testid": "floating-toolbar-items",
         ref: this.scrollContainerRef
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         ,
         css: toolbarOverflow(scrollable, this.state.scrollDisabled, firstElementIsSelect)
-      }, jsx(ToolbarItems, _extends({}, this.props, {
+      }, /*#__PURE__*/React.createElement(ToolbarItems, _extends({}, this.props, {
         setDisableScroll: this.setDisableScroll.bind(this),
         mountRef: this.mountRef,
         mounted: this.state.mounted,
         featureFlags: this.props.featureFlags
-      }))), scrollable && jsx(ScrollButtons, {
+      }))), scrollable && /*#__PURE__*/React.createElement(ScrollButtons, {
         intl: intl,
         scrollContainerRef: this.scrollContainerRef,
         node: node,
         disabled: this.state.scrollDisabled
-      })), jsx("div", {
+      })), /*#__PURE__*/React.createElement("div", {
         ref: this.mountRef
       })));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-floating-toolbar",
-  "version": "0.7.12",
+  "version": "0.7.13",
   "description": "Floating toolbar plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -23,11 +23,11 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^34.0.1",
+    "@atlaskit/adf-schema": "^35.0.0",
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/button": "^16.17.0",
     "@atlaskit/checkbox": "^13.0.0",
-    "@atlaskit/editor-common": "^76.23.0",
+    "@atlaskit/editor-common": "^76.24.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-context-panel": "^0.2.0",
     "@atlaskit/editor-plugin-copy-button": "^1.0.0",
@@ -40,7 +40,7 @@
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/menu": "^2.1.0",
-    "@atlaskit/modal-dialog": "^12.9.0",
+    "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/select": "^17.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.29.0",