@atlaskit/editor-core 189.4.15 → 189.4.18

package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { jsx, css } from '@emotion/react';
+import { css } from '@emotion/react';
 import { Fragment } from 'react';
 import { Field } from '@atlaskit/form';
 import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
@@ -340,7 +339,7 @@ const ColorPicker = props => {
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-  return jsx(ColorPickerButton, {
+  return /*#__PURE__*/React.createElement(ColorPickerButton, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
@@ -366,7 +365,7 @@ const ColorPickerField = ({
     defaultValue,
     isRequired
   } = field;
-  return jsx(Field, {
+  return /*#__PURE__*/React.createElement(Field, {
     name: name,
     isRequired: isRequired,
     defaultValue: defaultValue,
@@ -374,21 +373,21 @@ const ColorPickerField = ({
   }, ({
     fieldProps,
     error
-  }) => jsx(Fragment, null, jsx("div", {
+  }) => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     css: colorPickerWrapper
-  }, jsx("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     css: colorPickerLabel
-  }, label, isRequired && jsx("span", {
+  }, label, isRequired && /*#__PURE__*/React.createElement("span", {
     css: requiredIndicator,
     "aria-hidden": "true"
-  }, "*")), jsx(ColorPicker, {
+  }, "*")), /*#__PURE__*/React.createElement(ColorPicker, {
     name: name,
     title: label,
     currentColor: fieldProps.value,
     onChange: fieldProps.onChange,
     onFieldChange: onFieldChange,
     featureFlags: featureFlags
-  })), error && jsx(FieldMessages, {
+  })), error && /*#__PURE__*/React.createElement(FieldMessages, {
     error: error,
     description: ""
   })));

package/dist/es2019/ui/ConfigPanel/Fields/DateRange.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import { Fragment, useState, useEffect, useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { Field } from '@atlaskit/form';
 import { RadioGroup } from '@atlaskit/radio';
@@ -33,10 +32,10 @@ const DateField = ({
   onFieldChange,
   intl,
   isRequired
-}) => jsx("div", {
+}) => /*#__PURE__*/React.createElement("div", {
   css: horizontalFieldWrapper,
   key: fieldName
-}, jsx(Field, {
+}, /*#__PURE__*/React.createElement(Field, {
   name: `${scope}.${fieldName}`,
   label: intl.formatMessage(messages[fieldName]),
   defaultValue: getFromDefaultValue(parentField, fieldName),
@@ -49,13 +48,13 @@ const DateField = ({
 }, ({
   fieldProps,
   error
-}) => jsx(Fragment, null, jsx(DatePicker, _extends({}, fieldProps, {
+}) => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DatePicker, _extends({}, fieldProps, {
   onChange: date => {
     fieldProps.onChange(date);
     onFieldChange(parentField.name, true);
   },
   locale: intl.locale
-})), jsx(FieldMessages, {
+})), /*#__PURE__*/React.createElement(FieldMessages, {
   error: error
 }))));
 const DateRange = function ({
@@ -79,16 +78,16 @@ const DateRange = function ({
     // get the most up to date value after the form has been rendered
     onFieldChange(name, true);
   }, [currentValue, onFieldChange, name]);
-  const element = jsx(Fragment, null, jsx("div", {
+  const element = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     css: hidden
-  }, jsx(Field, {
+  }, /*#__PURE__*/React.createElement(Field, {
     name: `${name}.type`,
     defaultValue: 'date-range'
   }, ({
     fieldProps
-  }) => jsx(TextField, _extends({}, fieldProps, {
+  }) => /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
     type: "hidden"
-  })))), jsx(Field, {
+  })))), /*#__PURE__*/React.createElement(Field, {
     name: `${name}.value`,
     label: field.label,
     defaultValue: currentValue,
@@ -97,40 +96,40 @@ const DateRange = function ({
   }, ({
     fieldProps,
     error
-  }) => jsx(Fragment, null, jsx(RadioGroup, _extends({}, fieldProps, {
+  }) => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(RadioGroup, _extends({}, fieldProps, {
     options: items,
     onChange: event => {
       fieldProps.onChange(event.target.value);
       setCurrentValue(event.target.value);
     }
-  })), jsx(FieldMessages, {
+  })), /*#__PURE__*/React.createElement(FieldMessages, {
     error: error
-  }))), currentValue !== 'custom' ? jsx("div", {
+  }))), currentValue !== 'custom' ? /*#__PURE__*/React.createElement("div", {
     css: hidden
-  }, jsx(Field, {
+  }, /*#__PURE__*/React.createElement(Field, {
     name: `${name}.from`,
     defaultValue: currentValue
   }, ({
     fieldProps
-  }) => jsx(TextField, _extends({}, fieldProps, {
+  }) => /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
     type: "hidden"
-  })))) : jsx("div", {
+  })))) : /*#__PURE__*/React.createElement("div", {
     css: horizontalFields
-  }, jsx(DateField, {
+  }, /*#__PURE__*/React.createElement(DateField, {
     scope: name,
     parentField: field,
     fieldName: "from",
     onFieldChange: onFieldChange,
     intl: intl,
     isRequired: field.isRequired
-  }), jsx(DateField, {
+  }), /*#__PURE__*/React.createElement(DateField, {
     scope: name,
     parentField: field,
     fieldName: "to",
     onFieldChange: onFieldChange,
     intl: intl,
     isRequired: field.isRequired
-  })), jsx(FieldMessages, {
+  })), /*#__PURE__*/React.createElement(FieldMessages, {
     description: field.description
   }));
   return element;

package/dist/es2019/ui/ConfigPanel/Fields/Expand.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React, { useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { N40 } from '@atlaskit/theme/colors';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
@@ -42,26 +41,26 @@ function Expand({
   intl
 }) {
   const [expanded, setExpanded] = useState(isExpanded);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": "expand-config-field",
     css: expandContainer
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: expandControl
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: labelContainer
-  }, field.label), jsx("div", {
+  }, field.label), /*#__PURE__*/React.createElement("div", {
     css: chevronContainer
-  }, jsx(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     onClick: () => {
       setExpanded(!expanded);
     },
     testId: "form-expand-toggle",
-    iconBefore: expanded ? jsx(ChevronDownIcon, {
+    iconBefore: expanded ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
       label: intl.formatMessage(messages.collapse)
-    }) : jsx(ChevronRightIcon, {
+    }) : /*#__PURE__*/React.createElement(ChevronRightIcon, {
       label: intl.formatMessage(messages.expand)
     })
-  }))), jsx("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     "data-testid": "expand-content-container",
     css: expandContentContainer(!expanded)
   }, children));

package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React, { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import SectionMessage from '@atlaskit/section-message';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -144,7 +143,7 @@ class FieldsetField extends React.Component {
       if (selectOptions.length === 0) {
         return null;
       }
-      return jsx(React.Fragment, null, isAdding ? jsx(Select, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, isAdding ? /*#__PURE__*/React.createElement(Select, {
         testId: "field-picker",
         defaultMenuIsOpen: true,
         autoFocus: true,
@@ -155,10 +154,10 @@ class FieldsetField extends React.Component {
             this.onSelectItem(option);
           }
         }
-      }) : jsx(Button, {
+      }) : /*#__PURE__*/React.createElement(Button, {
         testId: "add-more",
         appearance: "subtle",
-        iconBefore: jsx(AddCircleIcon, {
+        iconBefore: /*#__PURE__*/React.createElement(AddCircleIcon, {
           size: "small",
           label: intl.formatMessage(messages.addField)
         }),
@@ -194,9 +193,9 @@ class FieldsetField extends React.Component {
       visibleFields
     } = this.state;
     const children = this.renderActions();
-    return jsx(Fragment, null, error && jsx(FieldsetError, {
+    return /*#__PURE__*/React.createElement(Fragment, null, error && /*#__PURE__*/React.createElement(FieldsetError, {
       message: error
-    }), jsx("div", null, options.showTitle && jsx("h5", null, label), jsx(FormComponent, {
+    }), /*#__PURE__*/React.createElement("div", null, options.showTitle && /*#__PURE__*/React.createElement("h5", null, label), /*#__PURE__*/React.createElement(FormComponent, {
       fields: selectedFields,
       parentName: name,
       extensionManifest: extensionManifest,
@@ -205,7 +204,7 @@ class FieldsetField extends React.Component {
       onClickRemove: this.onClickRemove,
       onFieldChange: onFieldChange,
       firstVisibleFieldName: firstVisibleFieldName
-    }), children && jsx("div", {
+    }), children && /*#__PURE__*/React.createElement("div", {
       css: actionsWrapper,
       "data-testId": "fieldset-actions"
     }, children)));
@@ -214,11 +213,11 @@ class FieldsetField extends React.Component {
 function FieldsetError({
   message
 }) {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: sectionMessageWrapper
-  }, jsx(SectionMessage, {
+  }, /*#__PURE__*/React.createElement(SectionMessage, {
     appearance: "error"
-  }, jsx("p", null, message)));
+  }, /*#__PURE__*/React.createElement("p", null, message)));
 }
 const sectionMessageWrapper = css`
   margin-bottom: 24px;

package/dist/es2019/ui/ConfigPanel/Fields/SelectItem.js

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Avatar from '@atlaskit/avatar';
 const itemWrapper = css`
   display: flex;
@@ -31,17 +30,17 @@ export const formatOptionLabel = ({
 }, {
   context
 }) => {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: itemWrapper
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     css: [iconWrapper, context === 'menu' && iconWrapperMenu]
-  }, typeof icon === 'string' ? jsx(Avatar, {
+  }, typeof icon === 'string' ? /*#__PURE__*/React.createElement(Avatar, {
     src: icon,
     size: getIconSize(context, description),
     appearance: "square"
-  }) : icon), jsx("div", {
+  }) : icon), /*#__PURE__*/React.createElement("div", {
     style: {
       paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
     }
-  }, jsx("p", null, label, description && context !== 'value' && jsx("small", null, description))));
+  }, /*#__PURE__*/React.createElement("p", null, label, description && context !== 'value' && /*#__PURE__*/React.createElement("small", null, description))));
 };

package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React, { useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 const tabWrapper = css`
@@ -34,20 +33,20 @@ const TabGroupImpl = props => {
   const onChange = React.useCallback(index => {
     setActiveTab(index);
   }, [setActiveTab]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: tabWrapper
-  }, jsx(Tabs, {
+  }, /*#__PURE__*/React.createElement(Tabs, {
     id: `configPanelTabs-${field.name}`,
     onChange: onChange,
     selected: activeTab
-  }, jsx(TabList, null, fields.map(({
+  }, /*#__PURE__*/React.createElement(TabList, null, fields.map(({
     name,
     label
-  }) => jsx(Tab, {
+  }) => /*#__PURE__*/React.createElement(Tab, {
     key: `tab-${name}`
-  }, label))), fields.map(field => jsx(TabPanel, {
+  }, label))), fields.map(field => /*#__PURE__*/React.createElement(TabPanel, {
     key: `panel-${field.name}`
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: panelWrapper
   }, renderPanel(field))))));
 };

package/dist/es2019/ui/ConfigPanel/Header.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Loadable from 'react-loadable';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -82,35 +81,35 @@ const Header = ({
     loader: icon,
     loading: () => null
   });
-  return jsx(Fragment, null, jsx("div", {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     css: item
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: itemIcon
-  }, jsx(ResolvedIcon, {
+  }, /*#__PURE__*/React.createElement(ResolvedIcon, {
     label: title
-  })), jsx("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     css: itemBody
-  }, summary ? jsx("div", {
+  }, summary ? /*#__PURE__*/React.createElement("div", {
     css: itemText
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "item-title",
     id: "context-panel-title"
-  }, title), jsx("div", {
+  }, title), /*#__PURE__*/React.createElement("div", {
     className: "item-summary"
-  }, summary)) : jsx("div", {
+  }, summary)) : /*#__PURE__*/React.createElement("div", {
     css: centeredItemTitle,
     id: "context-panel-title"
-  }, title)), jsx("div", {
+  }, title)), /*#__PURE__*/React.createElement("div", {
     css: closeButtonWrapper
-  }, jsx(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
-    iconBefore: jsx(CrossIcon, {
+    iconBefore: /*#__PURE__*/React.createElement(CrossIcon, {
       label: intl.formatMessage(messages.close)
     }),
     onClick: onClose
-  }))), (description || documentationUrl) && jsx("p", {
+  }))), (description || documentationUrl) && /*#__PURE__*/React.createElement("p", {
     css: descriptionStyle
-  }, description && jsx(Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && jsx("a", {
+  }, description && /*#__PURE__*/React.createElement(Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && /*#__PURE__*/React.createElement("a", {
     target: "_blank",
     rel: "noopener noreferrer",
     href: documentationUrl

package/dist/es2019/ui/ConfigPanel/LoadingState.js

@@ -1,15 +1,14 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
 const spinnerWrapper = css`
   display: flex;
   justify-content: center;
   margin-top: ${"var(--ds-space-800, 64px)"};
 `;
-const LoadingState = () => jsx("div", {
+const LoadingState = () => /*#__PURE__*/React.createElement("div", {
   css: spinnerWrapper,
   "data-testid": "ConfigPanelLoading"
-}, jsx(Spinner, {
+}, /*#__PURE__*/React.createElement(Spinner, {
   size: "small"
 }));
 export default LoadingState;

package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import Tooltip from '@atlaskit/tooltip';
@@ -36,17 +35,17 @@ const RemovableField = ({
   var _children$props$field;
   const onClickCallback = React.useCallback(() => onClickRemove && onClickRemove(name), [name, onClickRemove]);
   const hasMarginBottom = ((_children$props$field = children.props.field) === null || _children$props$field === void 0 ? void 0 : _children$props$field.type) !== 'expand';
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [removableFieldWrapper, hasMarginBottom && wrapperWithMarginBottom],
     className: className
-  }, children, canRemoveField && jsx("div", {
+  }, children, canRemoveField && /*#__PURE__*/React.createElement("div", {
     css: removeButtonWrapper,
     "data-testid": `remove-field-${name}`,
     onClick: onClickCallback
-  }, jsx(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     content: intl.formatMessage(messages.removeField),
     position: "left"
-  }, jsx(CrossCircleIcon, {
+  }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
     size: "small",
     label: intl.formatMessage(messages.removeField)
   }))));

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

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React, { useMemo } from 'react';
-import { jsx, css, useTheme } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles, gridStyles, smartCardStyles, embedCardStyles, codeBlockInListSafariFix, unsupportedStyles } from '@atlaskit/editor-common/styles';
 import { akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackgroundWithOpacity, akEditorSelectedNodeClassName, blockNodesVerticalMargin, editorFontSize, getSelectionStyles, SelectionStyle, akEditorLineHeight, akEditorSelectedBorderColor } from '@atlaskit/editor-shared-styles';
 import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
@@ -270,7 +269,7 @@ export const createEditorContentStyle = styles => {
       theme,
       featureFlags
     }), [theme, featureFlags]);
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: className,
       ref: ref,
       css: [memoizedStyle, styles]

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

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React, { useContext } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Transition from 'react-transition-group/Transition';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
@@ -92,7 +91,7 @@ export class SwappableContentArea extends React.PureComponent {
       if (!currentPluginContent) {
         return;
       }
-      return jsx(Transition, {
+      return /*#__PURE__*/React.createElement(Transition, {
         timeout: this.state.mounted ? ANIM_SPEED_MS : 0,
         in: !!pluginContent,
         mountOnEnter: true,
@@ -107,7 +106,7 @@ export class SwappableContentArea extends React.PureComponent {
       if (!children) {
         return;
       }
-      return jsx(Transition, {
+      return /*#__PURE__*/React.createElement(Transition, {
         timeout: this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
@@ -144,7 +143,7 @@ export class SwappableContentArea extends React.PureComponent {
     const width = akEditorContextPanelWidth;
     const userVisible = !!this.props.visible;
     const visible = userVisible || !!this.state.currentPluginContent;
-    return jsx(ContextPanelConsumer, null, ({
+    return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, ({
       broadcastWidth,
       broadcastPosition,
       positionedOverEditor
@@ -153,7 +152,7 @@ export class SwappableContentArea extends React.PureComponent {
       const newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width, editorView) : false;
       broadcastWidth(contextPanelWidth);
       (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: [panel, !visible && panelHidden,
         /**
          * Only use absolute position for panel when screen size is wide enough
@@ -163,7 +162,7 @@ export class SwappableContentArea extends React.PureComponent {
         "data-testid": "context-panel-panel",
         "aria-labelledby": "context-panel-title",
         role: "dialog"
-      }, jsx("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         "data-testid": "context-panel-content",
         css: [content, !visible && panelHidden]
       }, this.showPluginContent() || this.showProvidedContent(userVisible)));
@@ -201,11 +200,11 @@ function ContextPanelWithActions({
     width
   } = useContext(WidthContext);
   if (!eventDispatcher) {
-    return jsx(SwappableContentArea, _extends({
+    return /*#__PURE__*/React.createElement(SwappableContentArea, _extends({
       editorView: editorView
     }, props));
   }
-  return jsx(WithPluginState, {
+  return /*#__PURE__*/React.createElement(WithPluginState, {
     eventDispatcher: eventDispatcher,
     plugins: {
       contextPanel: contextPanelPluginKey,
@@ -221,7 +220,7 @@ function ContextPanelWithActions({
         containerWidth: width,
         contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
       };
-      return jsx(SwappableContentArea, _extends({}, props, {
+      return /*#__PURE__*/React.createElement(SwappableContentArea, _extends({}, props, {
         editorView: editorView,
         pluginContent: firstContent,
         editorWidth: editorWidth
@@ -230,8 +229,8 @@ function ContextPanelWithActions({
   });
 }
 export default function ContextPanel(props) {
-  return jsx(WithEditorActions, {
-    render: actions => jsx(ContextPanelWithActions, _extends({
+  return /*#__PURE__*/React.createElement(WithEditorActions, {
+    render: actions => /*#__PURE__*/React.createElement(ContextPanelWithActions, _extends({
       actions: actions
     }, props))
   });

package/dist/es2019/ui/PluginSlot/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 { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { whichTransitionEvent } from '../../utils';
 import { ErrorBoundary } from '../ErrorBoundary';
@@ -83,14 +82,14 @@ export default class PluginSlot extends React.Component {
     if (!items && !pluginHooks || !editorView) {
       return null;
     }
-    return jsx(ErrorBoundary, {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
       component: ACTION_SUBJECT.PLUGIN_SLOT,
       fallbackComponent: null
-    }, jsx(MountPluginHooks, {
+    }, /*#__PURE__*/React.createElement(MountPluginHooks, {
       editorView: editorView,
       pluginHooks: pluginHooks,
       containerElement: containerElement
-    }), jsx("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       css: pluginsComponentsWrapper
     }, items === null || items === void 0 ? void 0 : items.map((component, key) => {
       const props = {

package/dist/es2019/ui/Toolbar/ToolbarInner.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 const toolbarComponentsWrapper = css`
   display: flex;
@@ -33,7 +32,7 @@ export class ToolbarInner extends React.Component {
     if (!items || !items.length) {
       return null;
     }
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: toolbarComponentsWrapper
     }, items.map((component, key) => {
       const props = {

package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React, { useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { WidthObserver } from '@atlaskit/width-detector';
 import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import { useElementWidth } from './hooks';
@@ -32,13 +31,13 @@ export const ToolbarWithSizeDetector = props => {
     const minWidth = `min-width: ${props.hasMinWidth ? toolbarMinWidth : '254'}px`;
     return [toolbar, minWidth];
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: toolbarStyle
-  }, jsx(WidthObserver, {
+  }, /*#__PURE__*/React.createElement(WidthObserver, {
     setWidth: setWidth
-  }), props.editorView && toolbarSize ? jsx(Toolbar, _extends({}, props, {
+  }), props.editorView && toolbarSize ? /*#__PURE__*/React.createElement(Toolbar, _extends({}, props, {
     toolbarSize: toolbarSize
-  })) : jsx("div", {
+  })) : /*#__PURE__*/React.createElement("div", {
     ref: ref
   }));
 };