@atlaskit/editor-core 189.4.17 → 189.4.18

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

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx, keyframes } from '@emotion/react';
+import { css, keyframes } from '@emotion/react';
 import { R100 } from '@atlaskit/theme/colors';
 const pulseBackground = keyframes`
   50% {
@@ -46,7 +45,7 @@ export default class WithFlash extends React.Component {
       children
     } = this.props;
     this.toggle = animate && !this.toggle;
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: animate ? flashWrapperAnimated : flashWrapper,
       className: this.toggle ? '-flash' : ''
     }, children);

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "189.4.17";
+export const version = "189.4.18";

package/dist/esm/composable-editor/editor-internal.js

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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; }
-/** @jsx jsx */
 import { memo, Fragment, useCallback } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { PortalProviderWithThemeProviders, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
 import { BaseTheme, WidthProvider } from '@atlaskit/editor-common/ui';
@@ -47,29 +46,29 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
   // it will still be enabled as it currently is. Then we can
   // progressively opt out synthetic tenants.
   var isErrorTrackingExplicitlyDisabled = ((_props$performanceTra2 = props.performanceTracking) === null || _props$performanceTra2 === void 0 || (_props$performanceTra2 = _props$performanceTra2.errorTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.enabled) === false;
-  return jsx(Fragment, null, renderTrackingEnabled && jsx(RenderTracking, {
+  return /*#__PURE__*/React.createElement(Fragment, null, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,
     actionSubject: ACTION_SUBJECT.EDITOR,
     handleAnalyticsEvent: handleAnalyticsEvent,
     propsToIgnore: ['defaultValue'],
     useShallow: useShallow
-  }), jsx(ErrorBoundary, {
+  }), /*#__PURE__*/React.createElement(ErrorBoundary, {
     errorTracking: !isErrorTrackingExplicitlyDisabled,
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, jsx(WidthProvider, {
+  }, /*#__PURE__*/React.createElement(WidthProvider, {
     css: css({
       height: '100%'
     })
-  }, jsx(EditorContext, {
+  }, /*#__PURE__*/React.createElement(EditorContext, {
     editorActions: editorActions
-  }, jsx(ContextAdapter, null, jsx(PortalProviderWithThemeProviders, {
+  }, /*#__PURE__*/React.createElement(ContextAdapter, null, /*#__PURE__*/React.createElement(PortalProviderWithThemeProviders, {
     onAnalyticsEvent: handleAnalyticsEvent,
     useAnalyticsContext: props.UNSAFE_useAnalyticsContext,
     render: function render(portalProviderAPI) {
-      return jsx(Fragment, null, jsx(ReactEditorViewContextWrapper, {
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactEditorViewContextWrapper, {
         editorProps: overriddenEditorProps,
         createAnalyticsEvent: createAnalyticsEvent,
         portalProviderAPI: portalProviderAPI,
@@ -87,9 +86,9 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
             config = _ref2.config,
             dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
             editorRef = _ref2.editorRef;
-          return jsx(BaseTheme, {
+          return /*#__PURE__*/React.createElement(BaseTheme, {
             baseFontSize: getBaseFontSize(props.appearance)
-          }, jsx(Component, {
+          }, /*#__PURE__*/React.createElement(Component, {
             innerRef: editorRef,
             appearance: props.appearance,
             disabled: props.disabled,
@@ -123,7 +122,7 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
             hideAvatarGroup: props.hideAvatarGroup
           }));
         }
-      }), jsx(PortalRenderer, {
+      }), /*#__PURE__*/React.createElement(PortalRenderer, {
         portalProviderAPI: portalProviderAPI
       }));
     }
@@ -145,7 +144,7 @@ function ReactEditorViewContextWrapper(props) {
     setInternalEditorAPI === null || setInternalEditorAPI === void 0 || setInternalEditorAPI(api);
     setExternalEditorAPI === null || setExternalEditorAPI === void 0 || setExternalEditorAPI(api);
   }, [setInternalEditorAPI, setExternalEditorAPI]);
-  return jsx(ReactEditorView, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(ReactEditorView, _extends({}, props, {
     setEditorApi: setEditorAPI
   }));
 }

package/dist/esm/composable-editor/editor.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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; }
-/** @jsx jsx */
 import { useRef, useCallback, useMemo } from 'react';
-import { jsx } from '@emotion/react';
 import uuid from 'uuid/v4';
 import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import { ACTION, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
@@ -77,7 +75,7 @@ function Editor(passedProps) {
   };
   useMeasureEditorMountTime(props, getExperienceStore, createAnalyticsEvent);
   var providerFactory = useProviderFactory(props, editorActions.current, createAnalyticsEvent);
-  return jsx(EditorInternal, {
+  return /*#__PURE__*/React.createElement(EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,
@@ -266,7 +264,7 @@ function EditorButBetter(passedProps) {
       onSaveFromProps(view);
     }
   }, [onSaveFromProps]);
-  return jsx(EditorInternal, {
+  return /*#__PURE__*/React.createElement(EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,
@@ -290,17 +288,17 @@ export function ComposableEditor(props) {
     };
   }, [props.appearance]);
   if (getBooleanFF('platform.editor.less-editor-props-rerendering')) {
-    return jsx(FabricEditorAnalyticsContext
+    return /*#__PURE__*/React.createElement(FabricEditorAnalyticsContext
     // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
     , {
       data: data
-    }, jsx(EditorButBetter, props));
+    }, /*#__PURE__*/React.createElement(EditorButBetter, props));
   }
-  return jsx(FabricEditorAnalyticsContext
+  return /*#__PURE__*/React.createElement(FabricEditorAnalyticsContext
   // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
   , {
     data: data
-  }, jsx(Editor, props));
+  }, /*#__PURE__*/React.createElement(Editor, props));
 }
 ComposableEditor.propTypes = {
   minHeight: function minHeight(_ref) {

package/dist/esm/composable-editor/hooks/useEditorMeasuresConstructor.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-
 import { useConstructor } from '@atlaskit/editor-common/hooks';
 import { measureTTI, startMeasure } from '@atlaskit/editor-common/utils';
 import measurements from '../../utils/performance/measure-enum';

package/dist/esm/composable-editor/hooks/useMeasureEditorMountTime.js

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { useEffect } from 'react';
 import { ACTION } from '@atlaskit/editor-common/analytics';
 import { clearMeasure, stopMeasure } from '@atlaskit/editor-common/utils';

package/dist/esm/editor.js

@@ -7,9 +7,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 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 editorDeprecationWarnings from './utils/editorDeprecationWarnings';
 import { ComposableEditor } from './composable-editor';
 import useUniversalPreset from './presets/useUniversalPreset';
@@ -18,7 +16,7 @@ var ComposableEditorWrapper = function ComposableEditorWrapper(_ref) {
   var preset = useUniversalPreset({
     props: props
   });
-  return jsx(ComposableEditor, _extends({
+  return /*#__PURE__*/React.createElement(ComposableEditor, _extends({
     preset: preset
   }, props));
 };
@@ -35,7 +33,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   _createClass(Editor, [{
     key: "render",
     value: function render() {
-      return jsx(ComposableEditorWrapper, {
+      return /*#__PURE__*/React.createElement(ComposableEditorWrapper, {
         props: this.props
       });
     }

package/dist/esm/plugins/alignment/ui/ToolbarAlignment/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 { injectIntl } from 'react-intl-next';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ToolbarButton from '../../../../ui/ToolbarButton';
@@ -84,9 +82,9 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         disabled = _this$props.disabled,
         intl = _this$props.intl;
       var title = intl.formatMessage(messages.alignment);
-      return jsx("span", {
+      return /*#__PURE__*/React.createElement("span", {
         css: wrapper
-      }, jsx(Dropdown, {
+      }, /*#__PURE__*/React.createElement(Dropdown, {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement,
@@ -112,7 +110,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         fitWidth: 112,
         fitHeight: 80,
         closeOnTab: true,
-        trigger: jsx(ToolbarButton, {
+        trigger: /*#__PURE__*/React.createElement(ToolbarButton, {
           spacing: isReducedSpacing ? 'none' : 'default',
           disabled: disabled,
           selected: isOpen,
@@ -123,23 +121,23 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
           "aria-haspopup": true,
           onClick: this.toggleOpen,
           onKeyDown: this.toggleOpenByKeyboard,
-          iconBefore: jsx("div", {
+          iconBefore: /*#__PURE__*/React.createElement("div", {
             css: triggerWrapper
-          }, jsx(IconMap, {
+          }, /*#__PURE__*/React.createElement(IconMap, {
             alignment: pluginState.align
-          }), jsx("span", {
+          }), /*#__PURE__*/React.createElement("span", {
             css: expandIconWrapper
-          }, jsx(ExpandIcon, {
+          }, /*#__PURE__*/React.createElement(ExpandIcon, {
             label: ""
           }))),
           ref: this.toolbarItemRef
         })
-      }, jsx(Alignment, {
+      }, /*#__PURE__*/React.createElement(Alignment, {
         onClick: function onClick(align) {
           return _this2.changeAlignment(align, false);
         },
         selectedAlignment: pluginState.align
-      })), jsx("span", {
+      })), /*#__PURE__*/React.createElement("span", {
         css: separatorStyles
       }));
     }

package/dist/esm/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import AvatarsWithPluginState from '../../collab-edit/ui/avatars-with-plugin-state';
 import { useIntl } from 'react-intl-next';
 import { avatarGroupMessages } from '../messages';
@@ -24,11 +23,11 @@ var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
       eventType: EVENT_TYPE.UI
     });
   }, [dispatchAnalyticsEvent]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "aria-label": intl.formatMessage(avatarGroupMessages.editors),
     "data-testid": 'avatar-group-in-plugin',
     css: props.takeFullWidth ? toolbarButtonWrapperFullWidth : toolbarButtonWrapper
-  }, jsx(AvatarsWithPluginState, {
+  }, /*#__PURE__*/React.createElement(AvatarsWithPluginState, {
     editorView: props.editorView,
     eventDispatcher: props.eventDispatcher,
     inviteToEditComponent: props.collabEdit && props.collabEdit.inviteToEditComponent,

package/dist/esm/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js

@@ -1,10 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 var beforePrimaryToolbarPluginWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-right: 8px;\n  flex-grow: 1;\n  justify-content: flex-end;\n  align-items: center;\n"])));
 export var BeforePrimaryToolbarWrapper = function BeforePrimaryToolbarWrapper(props) {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: beforePrimaryToolbarPluginWrapper,
     "data-testid": 'before-primary-toolbar-components-plugin'
   }, props.beforePrimaryToolbarComponents);

package/dist/esm/plugins/breakout/ui/LayoutButton.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 { B300, N300, N20A } from '@atlaskit/theme/colors';
 import { injectIntl } from 'react-intl-next';
 import { findParentDomRefOfType, findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
@@ -94,7 +93,7 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
       if (closestEl && closestEl.firstChild) {
         element = closestEl.firstChild;
       }
-      return jsx(Popup, {
+      return /*#__PURE__*/React.createElement(Popup, {
         ariaLabel: title,
         target: element,
         offset: [5, 0],
@@ -106,15 +105,15 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
         stick: true,
         forcePlacement: true,
         zIndex: belowOtherPopupsZIndex
-      }, jsx("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: toolbarButtonWrapper
-      }, jsx(ToolbarButton, {
+      }, /*#__PURE__*/React.createElement(ToolbarButton, {
         title: title,
         testId: titleMessage.id,
         onClick: this.handleClick(nextBreakoutMode),
-        iconBefore: breakoutMode === 'full-width' ? jsx(CollapseIcon, {
+        iconBefore: breakoutMode === 'full-width' ? /*#__PURE__*/React.createElement(CollapseIcon, {
           label: title
-        }) : jsx(ExpandIcon, {
+        }) : /*#__PURE__*/React.createElement(ExpandIcon, {
           label: title
         })
       })));

package/dist/esm/plugins/collab-edit/ui/avatars.js

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import AvatarGroup from '@atlaskit/avatar-group';
 import { avatarContainer } from './styles';
 import toAvatar from './to-avatar';
@@ -16,9 +14,9 @@ export var Avatars = /*#__PURE__*/React.memo(function (props) {
   if (!avatars.length) {
     return null;
   }
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: avatarContainer
-  }, jsx(AvatarGroup, {
+  }, /*#__PURE__*/React.createElement(AvatarGroup, {
     appearance: "stack",
     size: "medium",
     data: avatars,

package/dist/esm/plugins/collab-edit/ui/colored-avatar-item.js

@@ -1,11 +1,9 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { getAvatarColor } from '../utils';
 import { badge } from './styles';
 export var ColoredAvatarItem = function ColoredAvatarItem(props) {
   var color = getAvatarColor(props.sessionId).color.solid;
   var avatar = props.name.substr(0, 1).toUpperCase();
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: badge(color),
     "data-testid": "editor-collab-badge"
   }, avatar);

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

@@ -1,11 +1,9 @@
-/** @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';
 var ID = function ID(props) {
-  return jsx(Fragment, null, props.children);
+  return /*#__PURE__*/React.createElement(Fragment, null, props.children);
 };
 export var InviteToEditButton = function InviteToEditButton(props) {
   var Component = props.Component,
@@ -13,7 +11,7 @@ export var InviteToEditButton = function InviteToEditButton(props) {
     selected = props.selected,
     title = props.title;
   var iconBefore = React.useMemo(function () {
-    return jsx(InviteTeamIcon, {
+    return /*#__PURE__*/React.createElement(InviteTeamIcon, {
       label: title
     });
   }, [title]);
@@ -21,9 +19,9 @@ export var InviteToEditButton = function InviteToEditButton(props) {
     return null;
   }
   var 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/esm/plugins/extension/ui/Extension/Extension/index.js

@@ -4,10 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["type"];
 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; }
 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; }
-/** @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';
@@ -69,26 +66,26 @@ function ExtensionWithPluginState(props) {
     customContainerStyles = breakoutStyles;
   }
   newContentStyles = _objectSpread(_objectSpread({}, 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 ".concat(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"
@@ -100,13 +97,13 @@ var Extension = function Extension(props) {
   // which cannot access the `pluginInjectionApi`. When we move
   // Confluence to using presets we can remove this workaround.
   var pluginInjectionApi = props.pluginInjectionApi;
-  return pluginInjectionApi === undefined ? jsx(ExtensionDeprecated, props) : jsx(ExtensionWithSharedState, props);
+  return pluginInjectionApi === undefined ? /*#__PURE__*/React.createElement(ExtensionDeprecated, props) : /*#__PURE__*/React.createElement(ExtensionWithSharedState, props);
 };
 var ExtensionWithSharedState = function ExtensionWithSharedState(props) {
   var pluginInjectionApi = props.pluginInjectionApi;
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width']),
     widthState = _useSharedPluginState.widthState;
-  return jsx(ExtensionWithPluginState, _extends({
+  return /*#__PURE__*/React.createElement(ExtensionWithPluginState, _extends({
     widthState: widthState
   }, props));
 };
@@ -123,14 +120,14 @@ var widthPluginKey = {
   }
 };
 var ExtensionDeprecated = function ExtensionDeprecated(props) {
-  return jsx(WithPluginState, {
+  return /*#__PURE__*/React.createElement(WithPluginState, {
     editorView: props.view,
     plugins: {
       widthState: widthPluginKey
     },
     render: function render(_ref) {
       var widthState = _ref.widthState;
-      return jsx(ExtensionWithPluginState, _extends({
+      return /*#__PURE__*/React.createElement(ExtensionWithPluginState, _extends({
         widthState: widthState
       }, props));
     }

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

@@ -5,9 +5,7 @@ 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 React from 'react';
-import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { overlay } from '../styles';
 import ExtensionLozenge from '../Lozenge';
@@ -27,13 +25,13 @@ var InlineExtension = /*#__PURE__*/function (_Component) {
         children = _this$props.children;
       var hasChildren = !!children;
       var className = hasChildren ? 'with-overlay with-children' : 'with-overlay';
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: wrapperStyle,
         className: "extension-container inline ".concat(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/esm/plugins/extension/ui/Extension/Lozenge.js

@@ -11,8 +11,6 @@ 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 { jsx } from '@emotion/react';
 import { Component } from 'react';
 import EditorFileIcon from '@atlaskit/icon/glyph/editor/file';
 import { getExtensionLozengeData } from '@atlaskit/editor-common/utils';
@@ -51,7 +49,7 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
       var extensionKey = this.props.node.attrs.extensionKey;
       var url = lozengeData.url,
         rest = _objectWithoutProperties(lozengeData, _excluded);
-      return jsx("img", _extends({
+      return /*#__PURE__*/React.createElement("img", _extends({
         css: styledImage,
         src: url
       }, rest, {
@@ -68,17 +66,17 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
       var params = parameters && parameters.macroParams;
       var title = parameters && parameters.extensionTitle || parameters && parameters.macroMetadata && parameters.macroMetadata.title || extensionKey;
       var isBlockExtension = name === 'extension';
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         "data-testid": "lozenge-fallback",
         css: placeholderFallback
       }, lozengeData && !isBlockExtension ? this.renderImage(_objectSpread({
         height: ICON_SIZE,
         width: ICON_SIZE
-      }, lozengeData)) : jsx(EditorFileIcon, {
+      }, lozengeData)) : /*#__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(function (key) {
         return key && " | ".concat(key, " = ").concat(params[key].value);

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

@@ -4,9 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _templateObject, _templateObject2;
 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; }
 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; }
-/** @jsx jsx */
-
-import { jsx, css } from '@emotion/react';
+import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 import React, { useState } from 'react';
 var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
@@ -130,16 +128,16 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
     return handleContentDOMRef(node);
   }, [handleContentDOMRef]);
   var containerCSS = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border: 1px solid ", ";\n    padding: ", ";\n    .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n      display: none;\n    }\n\n    .multiBodiedExtension-content-dom-wrapper\n      > [data-extension-frame='true']:nth-of-type(", ") {\n      display: block;\n    }\n  "])), "var(--ds-border, ".concat(N30, ")"), "var(--ds-space-050, 4px)", activeChildIndex + 1);
-  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/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.js

@@ -1,9 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-/** @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';
@@ -38,19 +37,19 @@ export var SaveIndicator = function SaveIndicator(_ref) {
       };
     }
   }, [saving, duration]);
-  return jsx(Fragment, null, jsx("div", null, children({
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, children({
     onSaveStarted: 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, ".concat(G300, ")"),
     size: "small"
-  }), jsx("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     css: saveIndicatorText
-  }, jsx(FormattedMessage, messages.saveIndicator)))));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.saveIndicator)))));
 };