@atlaskit/editor-core 189.4.15 → 189.4.18

package/dist/es2019/plugins/collab-edit/ui/invite-to-edit.js

@@ -1,10 +1,8 @@
-/** @jsx jsx */
 import React, { Fragment } from 'react';
-import { jsx } from '@emotion/react';
 import InviteTeamIcon from '@atlaskit/icon/glyph/editor/add';
 import ToolbarButton from '../../../ui/ToolbarButton';
 import { inviteTeamWrapper } from './styles';
-const ID = props => jsx(Fragment, null, props.children);
+const ID = props => /*#__PURE__*/React.createElement(Fragment, null, props.children);
 export const InviteToEditButton = props => {
   const {
     Component,
@@ -12,16 +10,16 @@ export const InviteToEditButton = props => {
     selected,
     title
   } = props;
-  const iconBefore = React.useMemo(() => jsx(InviteTeamIcon, {
+  const iconBefore = React.useMemo(() => /*#__PURE__*/React.createElement(InviteTeamIcon, {
     label: title
   }), [title]);
   if (!Component && !onClick) {
     return null;
   }
   const Wrapper = Component ? Component : ID;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: inviteTeamWrapper
-  }, jsx(Wrapper, null, jsx(ToolbarButton, {
+  }, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(ToolbarButton, {
     className: "invite-to-edit",
     onClick: onClick,
     selected: selected,

package/dist/es2019/plugins/extension/pm-plugins/unique-id.js

@@ -12,9 +12,10 @@ const createPlugin = () => new SafePlugin({
     const {
       extension,
       bodiedExtension,
-      inlineExtension
+      inlineExtension,
+      multiBodiedExtension
     } = newState.schema.nodes;
-    const extensionTypes = new Set([extension, bodiedExtension, inlineExtension]);
+    const extensionTypes = new Set([extension, bodiedExtension, inlineExtension, multiBodiedExtension]);
     const idsObserved = new Set();
     transactions.forEach(transaction => {
       if (!transaction.docChanged) {
@@ -42,7 +43,7 @@ const createPlugin = () => new SafePlugin({
              * If it's a bodiedExtension, we'll need to keep digging; since we
              * can have more extension nodes within the contents of that
              */
-            if (node.type === bodiedExtension) {
+            if ([multiBodiedExtension, bodiedExtension].includes(node.type)) {
               return true;
             }
             return false;

package/dist/es2019/plugins/extension/ui/Extension/Extension/index.js

@@ -1,8 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { overflowShadow } from '@atlaskit/editor-common/ui';
 import { calculateBreakoutStyles } from '@atlaskit/editor-common/utils';
 import { wrapperStyle, header, content, contentWrapper, widerLayoutClassName } from './styles';
@@ -74,26 +71,26 @@ function ExtensionWithPluginState(props) {
     ...newContentStyles,
     ...contentWrapper
   };
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: handleRef,
     "data-layout": node.attrs.layout,
     className: classNames,
     css: wrapperStyle,
     style: customContainerStyles
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `extension-overflow-wrapper ${hasBody ? 'with-body' : ''}`
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: overlay,
     className: "extension-overlay"
-  }), jsx("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     css: header,
     contentEditable: false,
     className: headerClassNames
-  }, !removeBorder && jsx(ExtensionLozenge, {
+  }, !removeBorder && /*#__PURE__*/React.createElement(ExtensionLozenge, {
     node: node
-  }), children), hasBody && jsx("div", {
+  }), children), hasBody && /*#__PURE__*/React.createElement("div", {
     css: newContentStyles
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: content,
     ref: handleContentDOMRef,
     className: "extension-content block"
@@ -107,7 +104,7 @@ const Extension = props => {
   const {
     pluginInjectionApi
   } = props;
-  return pluginInjectionApi === undefined ? jsx(ExtensionDeprecated, props) : jsx(ExtensionWithSharedState, props);
+  return pluginInjectionApi === undefined ? /*#__PURE__*/React.createElement(ExtensionDeprecated, props) : /*#__PURE__*/React.createElement(ExtensionWithSharedState, props);
 };
 const ExtensionWithSharedState = props => {
   const {
@@ -116,7 +113,7 @@ const ExtensionWithSharedState = props => {
   const {
     widthState
   } = useSharedPluginState(pluginInjectionApi, ['width']);
-  return jsx(ExtensionWithPluginState, _extends({
+  return /*#__PURE__*/React.createElement(ExtensionWithPluginState, _extends({
     widthState: widthState
   }, props));
 };
@@ -133,14 +130,14 @@ const widthPluginKey = {
   }
 };
 const ExtensionDeprecated = props => {
-  return jsx(WithPluginState, {
+  return /*#__PURE__*/React.createElement(WithPluginState, {
     editorView: props.view,
     plugins: {
       widthState: widthPluginKey
     },
     render: ({
       widthState
-    }) => jsx(ExtensionWithPluginState, _extends({
+    }) => /*#__PURE__*/React.createElement(ExtensionWithPluginState, _extends({
       widthState: widthState
     }, props))
   });

package/dist/es2019/plugins/extension/ui/Extension/InlineExtension/index.js

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { overlay } from '../styles';
 import ExtensionLozenge from '../Lozenge';
@@ -13,13 +11,13 @@ export default class InlineExtension extends Component {
     } = this.props;
     const hasChildren = !!children;
     const className = hasChildren ? 'with-overlay with-children' : 'with-overlay';
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: wrapperStyle,
       className: `extension-container inline ${className}`
-    }, jsx("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       css: overlay,
       className: "extension-overlay"
-    }), children ? children : jsx(ExtensionLozenge, {
+    }), children ? children : /*#__PURE__*/React.createElement(ExtensionLozenge, {
       node: node
     }));
   }

package/dist/es2019/plugins/extension/ui/Extension/Lozenge.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import EditorFileIcon from '@atlaskit/icon/glyph/editor/file';
 import { getExtensionLozengeData } from '@atlaskit/editor-common/utils';
@@ -35,7 +33,7 @@ export default class ExtensionLozenge extends Component {
       url,
       ...rest
     } = lozengeData;
-    return jsx("img", _extends({
+    return /*#__PURE__*/React.createElement("img", _extends({
       css: styledImage,
       src: url
     }, rest, {
@@ -53,18 +51,18 @@ export default class ExtensionLozenge extends Component {
     const params = parameters && parameters.macroParams;
     const title = parameters && parameters.extensionTitle || parameters && parameters.macroMetadata && parameters.macroMetadata.title || extensionKey;
     const isBlockExtension = name === 'extension';
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       "data-testid": "lozenge-fallback",
       css: placeholderFallback
     }, lozengeData && !isBlockExtension ? this.renderImage({
       height: ICON_SIZE,
       width: ICON_SIZE,
       ...lozengeData
-    }) : jsx(EditorFileIcon, {
+    }) : /*#__PURE__*/React.createElement(EditorFileIcon, {
       label: title
-    }), jsx("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "extension-title"
-    }, capitalizeFirstLetter(title)), params && !isBlockExtension && jsx("span", {
+    }, capitalizeFirstLetter(title)), params && !isBlockExtension && /*#__PURE__*/React.createElement("span", {
       css: placeholderFallbackParams
     }, Object.keys(params).map(key => key && ` | ${key} = ${params[key].value}`)));
   }

package/dist/es2019/plugins/extension/ui/Extension/MultiBodiedExtension/index.js

@@ -1,6 +1,4 @@
-/** @jsx jsx */
-
-import { jsx, css } from '@emotion/react';
+import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 import React, { useState } from 'react';
 const useMultiBodiedExtensionActions = ({
@@ -148,16 +146,16 @@ const MultiBodiedExtension = ({
       display: block;
     }
   `;
-  return jsx("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: "multiBodiedExtension--container",
     css: containerCSS,
     "data-testid": "multiBodiedExtension--container",
     "data-active-child-index": activeChildIndex
-  }, jsx("nav", {
+  }, /*#__PURE__*/React.createElement("nav", {
     className: "multiBodiedExtension-navigation",
     css: navigationCSS,
     "data-testid": "multiBodiedExtension-navigation"
-  }, extensionHandlerResult), jsx("article", {
+  }, extensionHandlerResult), /*#__PURE__*/React.createElement("article", {
     className: "multiBodiedExtension--frames",
     "data-testid": "multiBodiedExtension--frames",
     ref: articleRef

package/dist/es2019/plugins/extension/ui/SaveIndicator/SaveIndicator.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { Fragment, useCallback, useEffect, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { G300, N0 } from '@atlaskit/theme/colors';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import { FormattedMessage } from 'react-intl-next';
@@ -49,19 +48,19 @@ export const SaveIndicator = ({
       return () => clearTimeout(handleId);
     }
   }, [saving, duration]);
-  return jsx(Fragment, null, jsx("div", null, children({
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, children({
     onSaveStarted,
     onSaveEnded: noop
-  })), visible && saving && jsx("div", {
+  })), visible && saving && /*#__PURE__*/React.createElement("div", {
     css: saveIndicatorWrapper
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: saveIndicatorContent,
     "data-testid": "save-indicator-content"
-  }, jsx(CheckCircleIcon, {
+  }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
     label: "Saving",
     primaryColor: `var(--ds-icon-success, ${G300})`,
     size: "small"
-  }), jsx("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     css: saveIndicatorText
-  }, jsx(FormattedMessage, messages.saveIndicator)))));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.saveIndicator)))));
 };

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

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @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';
@@ -166,16 +164,16 @@ class Find extends 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
     });
 
@@ -235,9 +233,9 @@ class Find extends 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,
@@ -250,30 +248,30 @@ class Find extends 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/es2019/plugins/find-replace/ui/FindReplace.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import Find from './Find';
 import Replace from './Replace';
 import { ruleStyles, wrapperStyles } from './styles';
@@ -45,9 +43,9 @@ class FindReplace extends React.PureComponent {
       shouldMatchCase,
       onToggleMatchCase
     } = this.props;
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: wrapperStyles
-    }, jsx(Find, {
+    }, /*#__PURE__*/React.createElement(Find, {
       allowMatchCase: allowMatchCase,
       shouldMatchCase: shouldMatchCase,
       onToggleMatchCase: onToggleMatchCase,
@@ -61,10 +59,10 @@ class FindReplace extends 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/es2019/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../ui/ToolbarButton';
@@ -70,9 +69,9 @@ class FindReplaceToolbarButton extends React.PureComponent {
     const title = formatMessage(messages.findReplaceToolbarButton);
     const stackBelowOtherEditorFloatingPanels = akEditorFloatingPanelZIndex - 1;
     const 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,
@@ -90,15 +89,15 @@ class FindReplaceToolbarButton extends 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,
@@ -107,9 +106,9 @@ class FindReplaceToolbarButton extends 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/es2019/plugins/find-replace/ui/Replace.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @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';
@@ -123,9 +121,9 @@ class Replace extends React.PureComponent {
     const {
       canReplace
     } = this.props;
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: sectionWrapperStyles
-    }, jsx(Textfield, {
+    }, /*#__PURE__*/React.createElement(Textfield, {
       name: "replace",
       appearance: "none",
       placeholder: this.replaceWith,
@@ -136,12 +134,12 @@ class Replace extends 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/es2019/plugins/find-replace/ui/styles.js

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { css } from '@emotion/react';
 import { N60, N30A } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';

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

@@ -1,5 +1,4 @@
-/** @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';
@@ -55,14 +54,14 @@ export default function JIRAIssueNode(props) {
       }
     }
   } = props;
-  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/es2019/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';
@@ -55,39 +53,39 @@ export const ToolbarUndoRedo = ({
     canUndo,
     canRedo
   } = historyState !== null && historyState !== void 0 ? historyState : {};
-  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/es2019/ui/Addon/ClickAreaBlock/index.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { clickAreaClickHandler } from '../click-area-helper';
 const clickWrapper = css`
   flex-grow: 1;
@@ -19,7 +18,7 @@ export const ClickAreaBlock = ({
       clickAreaClickHandler(editorView, event);
     }
   }, [editorView, editorDisabled]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": "click-wrapper",
     css: clickWrapper,
     onMouseDown: handleMouseDown

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

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { createParagraphAtEnd } from '../../../commands';
 const clickArea = css`
   flex-grow: 1;
@@ -18,7 +17,7 @@ export const ClickAreaInline = ({
       event.stopPropagation();
     }
   }, [editorView]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": "click-wrapper",
     css: clickArea,
     onMouseDown: handleMouseDown

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

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { clickAreaClickHandler } from '../click-area-helper';
 
 /**
@@ -58,7 +57,7 @@ export default class ClickAreaMobile extends React.Component {
     });
   }
   render() {
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: clickWrapper({
         isExpanded: this.props.isExpanded,
         minHeight: this.props.minHeight

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

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { dropdown } from './styles';
 export default class DropdownWrapper extends React.Component {
   constructor(...args) {
@@ -27,7 +25,7 @@ export default class DropdownWrapper extends React.Component {
     const children = React.Children.map(this.props.children, child => /*#__PURE__*/React.cloneElement(child, {
       onClick: this.handleClick
     }));
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: dropdown
     }, children);
   }

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

@@ -1,11 +1,9 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { dropdownItem } from './styles';
-const DropdownItemWrapper = props => jsx("div", {
+const DropdownItemWrapper = props => /*#__PURE__*/React.createElement("div", {
   css: dropdownItem,
   onClick: () => props.onClick && props.onClick({
     actionOnClick: props.actionOnClick,
     renderOnClick: props.renderOnClick
   })
-}, jsx("span", null, props.icon), props.children);
+}, /*#__PURE__*/React.createElement("span", null, props.icon), props.children);
 export default DropdownItemWrapper;

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

@@ -1,5 +1,3 @@
-/** @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';
@@ -26,7 +24,7 @@ class Alignment extends PureComponent {
       className,
       intl
     } = this.props;
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: alignmentWrapper,
       className: className
     }, alignmentOptions.map(alignment => {
@@ -36,8 +34,8 @@ class Alignment extends PureComponent {
         shortcut
       } = alignment;
       const message = intl.formatMessage(title);
-      return jsx(AlignmentButton, {
-        content: jsx(IconMap, {
+      return /*#__PURE__*/React.createElement(AlignmentButton, {
+        content: /*#__PURE__*/React.createElement(IconMap, {
           alignment: value
         }),
         key: value,