@atlaskit/editor-core 189.4.17 → 189.4.18

package/dist/esm/plugins/find-replace/ui/Find.js

@@ -7,9 +7,7 @@ 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 { jsx } from '@emotion/react';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import debounce from 'lodash/debounce';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
@@ -174,16 +172,16 @@ var Find = /*#__PURE__*/function (_React$Component) {
     _this.findNext = formatMessage(messages.findNext);
     _this.findPrevious = formatMessage(messages.findPrevious);
     _this.matchCase = formatMessage(messages.matchCase);
-    _this.matchCaseIcon = jsx(MatchCaseIcon, {
+    _this.matchCaseIcon = /*#__PURE__*/React.createElement(MatchCaseIcon, {
       label: _this.matchCase
     });
-    _this.findNextIcon = jsx(ChevronDownIcon, {
+    _this.findNextIcon = /*#__PURE__*/React.createElement(ChevronDownIcon, {
       label: _this.findNext
     });
-    _this.findPrevIcon = jsx(ChevronUpIcon, {
+    _this.findPrevIcon = /*#__PURE__*/React.createElement(ChevronUpIcon, {
       label: _this.findPrevious
     });
-    _this.closeIcon = jsx(EditorCloseIcon, {
+    _this.closeIcon = /*#__PURE__*/React.createElement(EditorCloseIcon, {
       label: _this.closeFindReplaceDialog
     });
 
@@ -251,9 +249,9 @@ var Find = /*#__PURE__*/function (_React$Component) {
         selectedMatchPosition: count.index + 1,
         totalResultsCount: count.total
       });
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: sectionWrapperStyles
-      }, jsx(Textfield, {
+      }, /*#__PURE__*/React.createElement(Textfield, {
         name: "find",
         appearance: "none",
         placeholder: this.find,
@@ -266,30 +264,30 @@ var Find = /*#__PURE__*/function (_React$Component) {
         onBlur: this.props.onFindBlur,
         onCompositionStart: this.handleCompositionStart,
         onCompositionEnd: this.handleCompositionEnd
-      }), jsx("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         css: countWrapperStyles,
         "aria-live": "polite"
-      }, findText && jsx("span", {
+      }, findText && /*#__PURE__*/React.createElement("span", {
         "data-testid": "textfield-count",
         css: countStyles
-      }, count.total === 0 ? this.noResultsFound : resultsCount)), allowMatchCase && jsx(FindReplaceTooltipButton, {
+      }, count.total === 0 ? this.noResultsFound : resultsCount)), allowMatchCase && /*#__PURE__*/React.createElement(FindReplaceTooltipButton, {
         title: this.matchCase,
         icon: this.matchCaseIcon,
         onClick: this.handleMatchCaseClick,
         isPressed: shouldMatchCase
-      }), jsx(FindReplaceTooltipButton, {
+      }), /*#__PURE__*/React.createElement(FindReplaceTooltipButton, {
         title: this.findNext,
         icon: this.findNextIcon,
         keymapDescription: 'Enter',
         onClick: this.handleFindNextClick,
         disabled: count.total <= 1
-      }), jsx(FindReplaceTooltipButton, {
+      }), /*#__PURE__*/React.createElement(FindReplaceTooltipButton, {
         title: this.findPrevious,
         icon: this.findPrevIcon,
         keymapDescription: 'Shift Enter',
         onClick: this.handleFindPrevClick,
         disabled: count.total <= 1
-      }), jsx(FindReplaceTooltipButton, {
+      }), /*#__PURE__*/React.createElement(FindReplaceTooltipButton, {
         title: this.closeFindReplaceDialog,
         icon: this.closeIcon,
         keymapDescription: 'Escape',

package/dist/esm/plugins/find-replace/ui/FindReplace.js

@@ -7,9 +7,7 @@ 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 { jsx } from '@emotion/react';
 import Find from './Find';
 import Replace from './Replace';
 import { ruleStyles, wrapperStyles } from './styles';
@@ -62,9 +60,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         allowMatchCase = _this$props.allowMatchCase,
         shouldMatchCase = _this$props.shouldMatchCase,
         onToggleMatchCase = _this$props.onToggleMatchCase;
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: wrapperStyles
-      }, jsx(Find, {
+      }, /*#__PURE__*/React.createElement(Find, {
         allowMatchCase: allowMatchCase,
         shouldMatchCase: shouldMatchCase,
         onToggleMatchCase: onToggleMatchCase,
@@ -78,10 +76,10 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         onFindTextfieldRefSet: this.setFindTextfieldRef,
         onCancel: onCancel,
         onArrowDown: this.setFocusToReplace
-      }), jsx("hr", {
+      }), /*#__PURE__*/React.createElement("hr", {
         css: ruleStyles,
         id: "replace-hr-element"
-      }), jsx(Replace, {
+      }), /*#__PURE__*/React.createElement(Replace, {
         canReplace: count.total > 0,
         replaceText: replaceText,
         onReplace: onReplace,

package/dist/esm/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -10,9 +10,8 @@ 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 React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../ui/ToolbarButton';
@@ -72,9 +71,9 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
       var title = formatMessage(messages.findReplaceToolbarButton);
       var stackBelowOtherEditorFloatingPanels = akEditorFloatingPanelZIndex - 1;
       var keymap = findKeymapByDescription('Find');
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWith]
-      }, jsx(Dropdown, {
+      }, /*#__PURE__*/React.createElement(Dropdown, {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement,
@@ -92,15 +91,15 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           type: ArrowKeyNavigationType.MENU,
           disableArrowKeyNavigation: true
         },
-        trigger: jsx(ToolbarButton, {
+        trigger: /*#__PURE__*/React.createElement(ToolbarButton, {
           buttonId: TOOLBAR_BUTTON.FIND_REPLACE,
           spacing: isReducedSpacing ? 'none' : 'default',
           selected: isActive,
-          title: jsx(ToolTipContent, {
+          title: /*#__PURE__*/React.createElement(ToolTipContent, {
             description: title,
             keymap: keymap
           }),
-          iconBefore: jsx(EditorSearchIcon, {
+          iconBefore: /*#__PURE__*/React.createElement(EditorSearchIcon, {
             label: title
           }),
           onClick: this.toggleOpen,
@@ -109,9 +108,9 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           "aria-label": keymap ? tooltip(keymap, title) : title,
           "aria-keyshortcuts": getAriaKeyshortcuts(keymap)
         })
-      }, jsx("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: wrapper
-      }, jsx(FindReplace, _extends({
+      }, /*#__PURE__*/React.createElement(FindReplace, _extends({
         findText: findText,
         replaceText: replaceText,
         count: {

package/dist/esm/plugins/find-replace/ui/Replace.js

@@ -7,9 +7,7 @@ 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 { jsx } from '@emotion/react';
 import Button from '@atlaskit/button/standard-button';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import Textfield from '@atlaskit/textfield';
@@ -137,9 +135,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       var replaceText = this.state.replaceText;
       var canReplace = this.props.canReplace;
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: sectionWrapperStyles
-      }, jsx(Textfield, {
+      }, /*#__PURE__*/React.createElement(Textfield, {
         name: "replace",
         appearance: "none",
         placeholder: this.replaceWith,
@@ -150,12 +148,12 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         onKeyDown: this.handleReplaceKeyDown,
         onCompositionStart: this.handleCompositionStart,
         onCompositionEnd: this.handleCompositionEnd
-      }), jsx(Button, {
+      }), /*#__PURE__*/React.createElement(Button, {
         css: replaceSectionButtonStyles,
         testId: this.replace,
         onClick: this.handleReplaceClick,
         isDisabled: !canReplace
-      }, this.replace), jsx(Button, {
+      }, this.replace), /*#__PURE__*/React.createElement(Button, {
         css: replaceSectionButtonStyles,
         testId: this.replaceAll,
         onClick: this.handleReplaceAllClick,

package/dist/esm/plugins/find-replace/ui/styles.js

@@ -1,6 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
 import { css } from '@emotion/react';
 import { N60, N30A } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';

package/dist/esm/plugins/jira-issue/nodeviews/jira-issue.js

@@ -1,7 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { JiraIcon } from '@atlaskit/logo/jira-icon';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N30, N50 } from '@atlaskit/theme/colors';
@@ -11,14 +10,14 @@ var jiraChildNode = css(_templateObject2 || (_templateObject2 = _taggedTemplateL
 var svgChildNode = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n\n  & > div {\n    height: 24px;\n    width: 24px;\n  }\n"])));
 export default function JIRAIssueNode(props) {
   var issueKey = props.node.attrs.issueKey;
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: wrapperNode,
     "data-testid": "jira-issue-node"
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     css: svgChildNode
-  }, jsx(JiraIcon, {
+  }, /*#__PURE__*/React.createElement(JiraIcon, {
     size: "small"
-  })), jsx("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     css: jiraChildNode
   }, issueKey));
 }

package/dist/esm/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import UndoIcon from '@atlaskit/icon/glyph/undo';
 import RedoIcon from '@atlaskit/icon/glyph/redo';
@@ -54,39 +52,39 @@ export var ToolbarUndoRedo = function ToolbarUndoRedo(_ref) {
   var _ref2 = historyState !== null && historyState !== void 0 ? historyState : {},
     canUndo = _ref2.canUndo,
     canRedo = _ref2.canRedo;
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: buttonGroupStyle
-  }, jsx(ToolbarButton, {
+  }, /*#__PURE__*/React.createElement(ToolbarButton, {
     buttonId: TOOLBAR_BUTTON.UNDO,
     spacing: isReducedSpacing ? 'none' : 'default',
     onClick: handleUndo,
     disabled: !canUndo || disabled,
     "aria-label": tooltip(undoKeymap, labelUndo),
     "aria-keyshortcuts": getAriaKeyshortcuts(undoKeymap),
-    title: jsx(ToolTipContent, {
+    title: /*#__PURE__*/React.createElement(ToolTipContent, {
       description: labelUndo,
       keymap: undoKeymap
     }),
-    iconBefore: jsx(UndoIcon, {
+    iconBefore: /*#__PURE__*/React.createElement(UndoIcon, {
       label: ""
     }),
     testId: "ak-editor-toolbar-button-undo"
-  }), jsx(ToolbarButton, {
+  }), /*#__PURE__*/React.createElement(ToolbarButton, {
     spacing: isReducedSpacing ? 'none' : 'default',
     buttonId: TOOLBAR_BUTTON.REDO,
     onClick: handleRedo,
     disabled: !canRedo || disabled,
-    title: jsx(ToolTipContent, {
+    title: /*#__PURE__*/React.createElement(ToolTipContent, {
       description: labelRedo,
       keymap: redoKeymap
     }),
-    iconBefore: jsx(RedoIcon, {
+    iconBefore: /*#__PURE__*/React.createElement(RedoIcon, {
       label: ""
     }),
     testId: "ak-editor-toolbar-button-redo",
     "aria-label": tooltip(redoKeymap, labelRedo),
     "aria-keyshortcuts": getAriaKeyshortcuts(redoKeymap)
-  }), jsx("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     css: separatorStyles
   }));
 };

package/dist/esm/ui/Addon/ClickAreaBlock/index.js

@@ -1,8 +1,7 @@
 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 { clickAreaClickHandler } from '../click-area-helper';
 var clickWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  height: 100%;\n"])));
 export var ClickAreaBlock = function ClickAreaBlock(_ref) {
@@ -17,7 +16,7 @@ export var ClickAreaBlock = function ClickAreaBlock(_ref) {
       clickAreaClickHandler(editorView, event);
     }
   }, [editorView, editorDisabled]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": "click-wrapper",
     css: clickWrapper,
     onMouseDown: handleMouseDown

package/dist/esm/ui/Addon/ClickAreaInline/index.js

@@ -1,8 +1,7 @@
 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 { createParagraphAtEnd } from '../../../commands';
 var clickArea = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));
 export var ClickAreaInline = function ClickAreaInline(_ref) {
@@ -17,7 +16,7 @@ export var ClickAreaInline = function ClickAreaInline(_ref) {
       event.stopPropagation();
     }
   }, [editorView]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": "click-wrapper",
     css: clickArea,
     onMouseDown: handleMouseDown

package/dist/esm/ui/Addon/ClickAreaMobile/index.js

@@ -9,9 +9,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { clickAreaClickHandler } from '../click-area-helper';
 
 /**
@@ -75,7 +74,7 @@ var ClickAreaMobile = /*#__PURE__*/function (_React$Component) {
   _createClass(ClickAreaMobile, [{
     key: "render",
     value: function render() {
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: clickWrapper({
           isExpanded: this.props.isExpanded,
           minHeight: this.props.minHeight

package/dist/esm/ui/Addon/Dropdown/index.js

@@ -7,9 +7,7 @@ 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 { jsx } from '@emotion/react';
 import { dropdown } from './styles';
 var DropdownWrapper = /*#__PURE__*/function (_React$Component) {
   _inherits(DropdownWrapper, _React$Component);
@@ -44,7 +42,7 @@ var DropdownWrapper = /*#__PURE__*/function (_React$Component) {
           onClick: _this2.handleClick
         });
       });
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: dropdown
       }, children);
     }

package/dist/esm/ui/Addon/DropdownItem/index.js

@@ -1,8 +1,6 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { dropdownItem } from './styles';
 var DropdownItemWrapper = function DropdownItemWrapper(props) {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: dropdownItem,
     onClick: function onClick() {
       return props.onClick && props.onClick({
@@ -10,6 +8,6 @@ var DropdownItemWrapper = function DropdownItemWrapper(props) {
         renderOnClick: props.renderOnClick
       });
     }
-  }, jsx("span", null, props.icon), props.children);
+  }, /*#__PURE__*/React.createElement("span", null, props.icon), props.children);
 };
 export default DropdownItemWrapper;

package/dist/esm/ui/Alignment/index.js

@@ -5,8 +5,6 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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 { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { IconMap } from '../../plugins/alignment/ui/ToolbarAlignment/icon-map';
@@ -40,7 +38,7 @@ var Alignment = /*#__PURE__*/function (_PureComponent) {
         selectedAlignment = _this$props.selectedAlignment,
         className = _this$props.className,
         intl = _this$props.intl;
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: alignmentWrapper,
         className: className
       }, alignmentOptions.map(function (alignment) {
@@ -48,8 +46,8 @@ var Alignment = /*#__PURE__*/function (_PureComponent) {
           title = alignment.title,
           shortcut = alignment.shortcut;
         var message = intl.formatMessage(title);
-        return jsx(AlignmentButton, {
-          content: jsx(IconMap, {
+        return /*#__PURE__*/React.createElement(AlignmentButton, {
+          content: /*#__PURE__*/React.createElement(IconMap, {
             alignment: value
           }),
           key: value,

package/dist/esm/ui/Appearance/Chromeless.js

@@ -9,9 +9,8 @@ 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 React, { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import PluginSlot from '../PluginSlot';
 import { createEditorContentStyle } from '../ContentStyles';
 import { scrollbarStyles } from '../styles';
@@ -54,18 +53,18 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         pluginHooks = _this$props.pluginHooks,
         featureFlags = _this$props.featureFlags;
       var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
-      return jsx(WithFlash, {
+      return /*#__PURE__*/React.createElement(WithFlash, {
         animate: maxContentSizeReached
-      }, jsx("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: [chromelessEditor, maxHeight && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                max-height: ", "px;\n              "])), maxHeight), css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              min-height: ", "px;\n            "])), minHeight)],
         "data-testid": "chromeless-editor",
         ref: function ref(_ref2) {
           return _this.containerElement = _ref2;
         }
-      }, jsx(ContentArea, {
+      }, /*#__PURE__*/React.createElement(ContentArea, {
         className: "ak-editor-content-area",
         featureFlags: featureFlags
-      }, customContentComponents, jsx(PluginSlot, {
+      }, customContentComponents, /*#__PURE__*/React.createElement(PluginSlot, {
         editorView: editorView,
         editorActions: editorActions,
         eventDispatcher: eventDispatcher,
@@ -87,7 +86,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   _createClass(Editor, [{
     key: "render",
     value: function render() {
-      return jsx(RenderWithPluginState, {
+      return /*#__PURE__*/React.createElement(RenderWithPluginState, {
         renderChrome: this.renderChrome
       });
     }
@@ -101,7 +100,7 @@ function RenderWithPluginState(_ref3) {
   var api = usePresetContext();
   var _useSharedPluginState = useSharedPluginState(api, ['maxContentSize']),
     maxContentSizeState = _useSharedPluginState.maxContentSizeState;
-  return jsx(Fragment, null, renderChrome({
+  return /*#__PURE__*/React.createElement(Fragment, null, renderChrome({
     maxContentSize: maxContentSizeState
   }));
 }

package/dist/esm/ui/Appearance/Comment/Comment.js

@@ -9,9 +9,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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, { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/custom-theme-button';
 import { borderRadius } from '@atlaskit/theme/constants';
@@ -100,15 +99,15 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         event.preventDefault();
         event.stopPropagation();
       };
-      return jsx(WithFlash, {
+      return /*#__PURE__*/React.createElement(WithFlash, {
         animate: maxContentSizeReached
-      }, jsx("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: [commentEditorStyle, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n              min-height: ", "px;\n            "])), minHeight)],
         className: "akEditor",
         ref: _this.wrapperElementRef
-      }, jsx(MainToolbar, {
+      }, /*#__PURE__*/React.createElement(MainToolbar, {
         useStickyToolbar: useStickyToolbar
-      }, jsx(ToolbarArrowKeyNavigationProvider, {
+      }, /*#__PURE__*/React.createElement(ToolbarArrowKeyNavigationProvider, {
         editorView: editorView,
         childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
         isShortcutToFocusToolbar: isShortcutToFocusToolbar,
@@ -116,7 +115,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         editorAppearance: _this.appearance,
         useStickyToolbar: useStickyToolbar,
         intl: intl
-      }, jsx(Toolbar, {
+      }, /*#__PURE__*/React.createElement(Toolbar, {
         editorView: editorView,
         editorActions: editorActions,
         eventDispatcher: eventDispatcher,
@@ -129,14 +128,14 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         disabled: !!disabled,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         containerElement: _this.containerElement
-      }), jsx("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         css: mainToolbarCustomComponentsSlotStyle
-      }, customPrimaryToolbarComponents))), jsx(ClickAreaBlock, {
+      }, customPrimaryToolbarComponents))), /*#__PURE__*/React.createElement(ClickAreaBlock, {
         editorView: editorView,
         editorDisabled: disabled
-      }, jsx(WidthConsumer, null, function (_ref2) {
+      }, /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref2) {
         var width = _ref2.width;
-        return jsx(ContentArea, {
+        return /*#__PURE__*/React.createElement(ContentArea, {
           ref: function ref(_ref3) {
             return _this.containerElement = _ref3;
           },
@@ -145,7 +144,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
             'less-margin': width < akEditorMobileBreakoutPoint
           }),
           featureFlags: featureFlags
-        }, customContentComponents, jsx(PluginSlot, {
+        }, customContentComponents, /*#__PURE__*/React.createElement(PluginSlot, {
           editorView: editorView,
           editorActions: editorActions,
           eventDispatcher: eventDispatcher,
@@ -161,19 +160,19 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           wrapperElement: _this.wrapperElementRef.current,
           pluginHooks: pluginHooks
         }), editorDOMElement);
-      }))), showSecondaryToolbar && jsx("div", {
+      }))), showSecondaryToolbar && /*#__PURE__*/React.createElement("div", {
         css: secondaryToolbarStyle,
         "data-testid": "ak-editor-secondary-toolbar"
-      }, jsx(ButtonGroup, null, !!onSave && jsx(Button, {
+      }, /*#__PURE__*/React.createElement(ButtonGroup, null, !!onSave && /*#__PURE__*/React.createElement(Button, {
         appearance: "primary",
         onClick: _this.handleSave,
         testId: "comment-save-button",
         isDisabled: disabled || mediaState && !mediaState.allUploadsFinished
-      }, intl.formatMessage(messages.saveButton)), !!onCancel && jsx(Button, {
+      }, intl.formatMessage(messages.saveButton)), !!onCancel && /*#__PURE__*/React.createElement(Button, {
         appearance: "subtle",
         onClick: _this.handleCancel,
         isDisabled: disabled
-      }, intl.formatMessage(messages.cancelButton))), jsx("span", {
+      }, intl.formatMessage(messages.cancelButton))), /*#__PURE__*/React.createElement("span", {
         style: {
           flexGrow: 1
         }
@@ -187,7 +186,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   _createClass(Editor, [{
     key: "render",
     value: function render() {
-      return jsx(RenderWithPluginState, {
+      return /*#__PURE__*/React.createElement(RenderWithPluginState, {
         renderChrome: this.renderChrome
       });
     }
@@ -201,7 +200,7 @@ function RenderWithPluginState(_ref4) {
   var _useSharedPluginState = useSharedPluginState(api, ['media', 'maxContentSize']),
     mediaState = _useSharedPluginState.mediaState,
     maxContentSizeState = _useSharedPluginState.maxContentSizeState;
-  return jsx(Fragment, null, renderChrome({
+  return /*#__PURE__*/React.createElement(Fragment, null, renderChrome({
     maxContentSize: maxContentSizeState,
     mediaState: mediaState !== null && mediaState !== void 0 ? mediaState : undefined
   }));

package/dist/esm/ui/Appearance/Comment/Toolbar.js

@@ -2,10 +2,8 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @jsx jsx */
-
 import React, { useEffect, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorToolbarKeylineHeight, akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 export var TableControlsPadding = 20;
@@ -28,14 +26,14 @@ var StickyToolbar = function StickyToolbar(props) {
       setTop(props.offsetTop || 0);
     }
   }, [props.externalToolbarRef, props.offsetTop]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [mainToolbarWrapperStyle, stickyToolbarWrapperStyle, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          top: ", "px;\n        "])), top)],
     "data-testid": "ak-editor-main-toolbar",
     className: 'show-keyline'
   }, props.children);
 };
 var FixedToolbar = function FixedToolbar(props) {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mainToolbarWrapperStyle,
     "data-testid": "ak-editor-main-toolbar"
   }, props.children);
@@ -72,8 +70,8 @@ export var MainToolbar = function MainToolbar(_ref) {
   var useStickyToolbar = _ref.useStickyToolbar,
     children = _ref.children;
   if (useStickyToolbar) {
-    return jsx(StickyToolbar, getStickyParameters(useStickyToolbar), children);
+    return /*#__PURE__*/React.createElement(StickyToolbar, getStickyParameters(useStickyToolbar), children);
   }
-  return jsx(FixedToolbar, null, children);
+  return /*#__PURE__*/React.createElement(FixedToolbar, null, children);
 };
 export var mainToolbarCustomComponentsSlotStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  flex-grow: 1;\n  padding-right: ", ";\n  > div {\n    display: flex;\n    flex-shrink: 0;\n  }\n"])), "var(--ds-space-250, 20px)");