@atlaskit/editor-core 189.4.15 → 189.4.18

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

@@ -31,7 +31,6 @@ var _document = require("../../utils/document");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _excluded = ["actions"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -99,7 +98,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
       if (!currentPluginContent) {
         return;
       }
-      return (0, _react2.jsx)(_Transition.default, {
+      return /*#__PURE__*/_react.default.createElement(_Transition.default, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: !!pluginContent,
         mountOnEnter: true,
@@ -114,7 +113,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
       if (!children) {
         return;
       }
-      return (0, _react2.jsx)(_Transition.default, {
+      return /*#__PURE__*/_react.default.createElement(_Transition.default, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
@@ -149,7 +148,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
       var width = _editorSharedStyles.akEditorContextPanelWidth;
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
-      return (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
+      return /*#__PURE__*/_react.default.createElement(_ui.ContextPanelConsumer, null, function (_ref) {
         var broadcastWidth = _ref.broadcastWidth,
           broadcastPosition = _ref.broadcastPosition,
           positionedOverEditor = _ref.positionedOverEditor;
@@ -157,7 +156,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
         var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width, editorView) : false;
         broadcastWidth(contextPanelWidth);
         (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
-        return (0, _react2.jsx)("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           css: [panel, !visible && panelHidden,
           /**
            * Only use absolute position for panel when screen size is wide enough
@@ -167,7 +166,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
           "data-testid": "context-panel-panel",
           "aria-labelledby": "context-panel-title",
           role: "dialog"
-        }, (0, _react2.jsx)("div", {
+        }, /*#__PURE__*/_react.default.createElement("div", {
           "data-testid": "context-panel-content",
           css: [content, !visible && panelHidden]
         }, _this2.showPluginContent() || _this2.showProvidedContent(userVisible)));
@@ -213,11 +212,11 @@ function ContextPanelWithActions(_ref2) {
   var _useContext = (0, _react.useContext)(_ui.WidthContext),
     width = _useContext.width;
   if (!eventDispatcher) {
-    return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(SwappableContentArea, (0, _extends2.default)({
       editorView: editorView
     }, props));
   }
-  return (0, _react2.jsx)(_WithPluginState.default, {
+  return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
     eventDispatcher: eventDispatcher,
     plugins: {
       contextPanel: contextPanelPluginKey,
@@ -231,7 +230,7 @@ function ContextPanelWithActions(_ref2) {
         containerWidth: width,
         contentBreakoutModes: editorView ? (0, _document.getChildBreakoutModes)(editorView.state.doc, editorView.state.schema) : []
       });
-      return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, props, {
+      return /*#__PURE__*/_react.default.createElement(SwappableContentArea, (0, _extends2.default)({}, props, {
         editorView: editorView,
         pluginContent: firstContent,
         editorWidth: editorWidth
@@ -240,9 +239,9 @@ function ContextPanelWithActions(_ref2) {
   });
 }
 function ContextPanel(props) {
-  return (0, _react2.jsx)(_WithEditorActions.default, {
+  return /*#__PURE__*/_react.default.createElement(_WithEditorActions.default, {
     render: function render(actions) {
-      return (0, _react2.jsx)(ContextPanelWithActions, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(ContextPanelWithActions, (0, _extends2.default)({
         actions: actions
       }, props));
     }

package/dist/cjs/ui/PluginSlot/index.js

@@ -20,7 +20,6 @@ var _utils = require("../../utils");
 var _ErrorBoundary = require("../ErrorBoundary");
 var _mountPluginHooks = require("./mount-plugin-hooks");
 var _templateObject;
-/** @jsx jsx */
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var pluginsComponentsWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
@@ -114,14 +113,14 @@ var PluginSlot = exports.default = /*#__PURE__*/function (_React$Component) {
       if (!items && !pluginHooks || !editorView) {
         return null;
       }
-      return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
+      return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
         component: _analytics.ACTION_SUBJECT.PLUGIN_SLOT,
         fallbackComponent: null
-      }, (0, _react2.jsx)(_mountPluginHooks.MountPluginHooks, {
+      }, /*#__PURE__*/_react.default.createElement(_mountPluginHooks.MountPluginHooks, {
         editorView: editorView,
         pluginHooks: pluginHooks,
         containerElement: containerElement
-      }), (0, _react2.jsx)("div", {
+      }), /*#__PURE__*/_react.default.createElement("div", {
         css: pluginsComponentsWrapper
       }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
         var props = {

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

@@ -15,7 +15,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _templateObject;
-/** @jsx jsx */
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var toolbarComponentsWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n\n  @media (max-width: ", "px) {\n    justify-content: space-between;\n  }\n"])), _editorSharedStyles.akEditorMobileMaxWidth);
@@ -52,7 +51,7 @@ var ToolbarInner = exports.ToolbarInner = /*#__PURE__*/function (_React$Componen
       if (!items || !items.length) {
         return null;
       }
-      return (0, _react2.jsx)("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         css: toolbarComponentsWrapper
       }, items.map(function (component, key) {
         var props = {

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

@@ -19,7 +19,6 @@ var _Toolbar = require("./Toolbar");
 var _types = require("./types");
 var _isFullPage = require("../../utils/is-full-page");
 var _templateObject;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var toolbar = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  position: relative;\n  @media (max-width: ", "px) {\n    grid-column: 1 / 2;\n    grid-row: 2;\n    width: calc(100% - 30px);\n    margin: 0 15px;\n  }\n"])), _editorSharedStyles.akEditorMobileMaxWidth);
@@ -39,13 +38,13 @@ var ToolbarWithSizeDetector = exports.ToolbarWithSizeDetector = function Toolbar
     var minWidth = "min-width: ".concat(props.hasMinWidth ? toolbarMinWidth : '254', "px");
     return [toolbar, minWidth];
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: toolbarStyle
-  }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
+  }, /*#__PURE__*/_react.default.createElement(_widthDetector.WidthObserver, {
     setWidth: setWidth
-  }), props.editorView && toolbarSize ? (0, _react2.jsx)(_Toolbar.Toolbar, (0, _extends2.default)({}, props, {
+  }), props.editorView && toolbarSize ? /*#__PURE__*/_react.default.createElement(_Toolbar.Toolbar, (0, _extends2.default)({}, props, {
     toolbarSize: toolbarSize
-  })) : (0, _react2.jsx)("div", {
+  })) : /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
   }));
 };

package/dist/cjs/ui/ToolbarFeedback/index.js

@@ -15,9 +15,8 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _react2 = require("react");
+var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _ui = require("@atlaskit/editor-common/ui");
@@ -36,7 +35,7 @@ var _context2 = require("../../presets/context");
 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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var PopupWithOutsideListeners = (0, _withOuterListeners.default)(_ui.Popup);
 var POPUP_HEIGHT = 388;
 var POPUP_WIDTH = 280;
@@ -158,20 +157,20 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
         popupsScrollableElement = _this$props.popupsScrollableElement;
-      var iconBefore = this.state.jiraIssueCollectorScriptLoading ? (0, _react.jsx)(_spinner.default, null) : undefined;
+      var iconBefore = this.state.jiraIssueCollectorScriptLoading ? /*#__PURE__*/React.createElement(_spinner.default, null) : undefined;
 
       // JIRA issue collector script is using jQuery internally
-      return this.hasJquery() ? (0, _react.jsx)("div", {
+      return this.hasJquery() ? /*#__PURE__*/React.createElement("div", {
         css: _styles.wrapper
-      }, (0, _react.jsx)(_ToolbarButton.default, {
+      }, /*#__PURE__*/React.createElement(_ToolbarButton.default, {
         ref: this.handleRef,
         iconBefore: iconBefore,
         onClick: this.collectFeedback,
         selected: false,
         spacing: "compact"
-      }, (0, _react.jsx)("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         css: _styles.buttonContent
-      }, "Feedback")), this.state.showOptOutOption && (0, _react.jsx)(PopupWithOutsideListeners, {
+      }, "Feedback")), this.state.showOptOutOption && /*#__PURE__*/React.createElement(PopupWithOutsideListeners, {
         target: this.state.target,
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
@@ -180,32 +179,32 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
         fitWidth: POPUP_WIDTH,
         handleClickOutside: this.toggleShowOptOutOption,
         handleEscapeKeydown: this.toggleShowOptOutOption
-      }, (0, _react.jsx)("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: _styles.confirmationPopup
-      }, (0, _react.jsx)("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: _styles.confirmationHeader
-      }, (0, _react.jsx)("img", {
+      }, /*#__PURE__*/React.createElement("img", {
         css: _styles.confirmationImg,
         src: EDITOR_IMAGE_URL
-      })), (0, _react.jsx)("div", {
+      })), /*#__PURE__*/React.createElement("div", {
         css: _styles.confirmationText
-      }, (0, _react.jsx)("div", null, "We are rolling out a new editing experience across Atlassian products. Help us improve by providing feedback."), (0, _react.jsx)("div", null, "You can opt-out for now by turning off the \"Atlassian Editor\" feature on the Labs page in Bitbucket settings."), (0, _react.jsx)(_buttonGroup.default, null, (0, _react.jsx)(_customThemeButton.default, {
+      }, /*#__PURE__*/React.createElement("div", null, "We are rolling out a new editing experience across Atlassian products. Help us improve by providing feedback."), /*#__PURE__*/React.createElement("div", null, "You can opt-out for now by turning off the \"Atlassian Editor\" feature on the Labs page in Bitbucket settings."), /*#__PURE__*/React.createElement(_buttonGroup.default, null, /*#__PURE__*/React.createElement(_customThemeButton.default, {
         appearance: "primary",
         onClick: this.openFeedbackPopup
-      }, "Give feedback"), (0, _react.jsx)(_customThemeButton.default, {
+      }, "Give feedback"), /*#__PURE__*/React.createElement(_customThemeButton.default, {
         appearance: "default",
         onClick: this.openLearnMorePage
       }, "Learn more")))))) : null;
     }
   }]);
   return ToolbarFeedbackInternal;
-}(_react2.PureComponent);
+}(_react.PureComponent);
 (0, _defineProperty2.default)(ToolbarFeedbackInternal, "contextTypes", {
   editorActions: _propTypes.default.object.isRequired
 });
 function ToolbarFeedback(props) {
   var api = (0, _context2.usePresetContext)();
-  return (0, _react.jsx)(ToolbarFeedbackInternal, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(ToolbarFeedbackInternal, (0, _extends2.default)({
     api: api
   }, props));
 }

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

@@ -17,7 +17,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @jsx jsx */
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var pulseBackground = (0, _react2.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  50% {\n    background-color: ", ";\n  }\n"])), "var(--ds-blanket-danger, ".concat(_colors.R100, ")"));
@@ -44,7 +43,7 @@ var WithFlash = exports.default = /*#__PURE__*/function (_React$Component) {
         animate = _this$props.animate,
         children = _this$props.children;
       this.toggle = animate && !this.toggle;
-      return (0, _react2.jsx)("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         css: animate ? flashWrapperAnimated : flashWrapper,
         className: this.toggle ? '-flash' : ''
       }, children);

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "189.4.15";
+var version = exports.version = "189.4.18";

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @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';
@@ -46,28 +45,28 @@ export const EditorInternal = /*#__PURE__*/memo(({
   // it will still be enabled as it currently is. Then we can
   // progressively opt out synthetic tenants.
   const isErrorTrackingExplicitlyDisabled = ((_props$performanceTra3 = props.performanceTracking) === null || _props$performanceTra3 === void 0 ? void 0 : (_props$performanceTra4 = _props$performanceTra3.errorTracking) === null || _props$performanceTra4 === void 0 ? void 0 : _props$performanceTra4.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: portalProviderAPI => jsx(Fragment, null, jsx(ReactEditorViewContextWrapper, {
+    render: portalProviderAPI => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactEditorViewContextWrapper, {
       editorProps: overriddenEditorProps,
       createAnalyticsEvent: createAnalyticsEvent,
       portalProviderAPI: portalProviderAPI,
@@ -86,9 +85,9 @@ export const EditorInternal = /*#__PURE__*/memo(({
         editorRef
       }) => {
         var _props$featureFlags, _props$featureFlags2;
-        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,
@@ -122,7 +121,7 @@ export const EditorInternal = /*#__PURE__*/memo(({
           hideAvatarGroup: props.hideAvatarGroup
         }));
       }
-    }), jsx(PortalRenderer, {
+    }), /*#__PURE__*/React.createElement(PortalRenderer, {
       portalProviderAPI: portalProviderAPI
     }))
   }))))));
@@ -145,7 +144,7 @@ function ReactEditorViewContextWrapper(props) {
     setInternalEditorAPI === null || setInternalEditorAPI === void 0 ? void 0 : setInternalEditorAPI(api);
     setExternalEditorAPI === null || setExternalEditorAPI === void 0 ? void 0 : setExternalEditorAPI(api);
   }, [setInternalEditorAPI, setExternalEditorAPI]);
-  return jsx(ReactEditorView, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(ReactEditorView, _extends({}, props, {
     setEditorApi: setEditorAPI
   }));
 }

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

@@ -1,6 +1,4 @@
-/** @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';
@@ -70,7 +68,7 @@ function Editor(passedProps) {
   };
   useMeasureEditorMountTime(props, getExperienceStore, createAnalyticsEvent);
   const providerFactory = useProviderFactory(props, editorActions.current, createAnalyticsEvent);
-  return jsx(EditorInternal, {
+  return /*#__PURE__*/React.createElement(EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,
@@ -264,7 +262,7 @@ function EditorButBetter(passedProps) {
       onSaveFromProps(view);
     }
   }, [onSaveFromProps]);
-  return jsx(EditorInternal, {
+  return /*#__PURE__*/React.createElement(EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,
@@ -288,17 +286,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: ({

package/dist/es2019/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/es2019/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/es2019/editor.js

@@ -1,8 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-/** @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';
@@ -12,7 +10,7 @@ const ComposableEditorWrapper = ({
   const preset = useUniversalPreset({
     props
   });
-  return jsx(ComposableEditor, _extends({
+  return /*#__PURE__*/React.createElement(ComposableEditor, _extends({
     preset: preset
   }, props));
 };
@@ -22,7 +20,7 @@ export default class Editor extends React.Component {
     editorDeprecationWarnings(props);
   }
   render() {
-    return jsx(ComposableEditorWrapper, {
+    return /*#__PURE__*/React.createElement(ComposableEditorWrapper, {
       props: this.props
     });
   }

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/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 { injectIntl } from 'react-intl-next';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ToolbarButton from '../../../../ui/ToolbarButton';
@@ -68,9 +66,9 @@ export class AlignmentToolbar extends React.Component {
       intl
     } = this.props;
     const 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,
@@ -97,7 +95,7 @@ export class AlignmentToolbar extends React.Component {
       fitWidth: 112,
       fitHeight: 80,
       closeOnTab: true,
-      trigger: jsx(ToolbarButton, {
+      trigger: /*#__PURE__*/React.createElement(ToolbarButton, {
         spacing: isReducedSpacing ? 'none' : 'default',
         disabled: disabled,
         selected: isOpen,
@@ -108,21 +106,21 @@ export class AlignmentToolbar extends 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: align => this.changeAlignment(align, false),
       selectedAlignment: pluginState.align
-    })), jsx("span", {
+    })), /*#__PURE__*/React.createElement("span", {
       css: separatorStyles
     }));
   }

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

@@ -1,6 +1,5 @@
-/** @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';
@@ -35,11 +34,11 @@ const 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/es2019/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 const beforePrimaryToolbarPluginWrapper = css`
   display: flex;
   margin-right: 8px;
@@ -7,7 +6,7 @@ const beforePrimaryToolbarPluginWrapper = css`
   justify-content: flex-end;
   align-items: center;
 `;
-export const BeforePrimaryToolbarWrapper = props => jsx("div", {
+export const BeforePrimaryToolbarWrapper = props => /*#__PURE__*/React.createElement("div", {
   css: beforePrimaryToolbarPluginWrapper,
   "data-testid": 'before-primary-toolbar-components-plugin'
 }, props.beforePrimaryToolbarComponents);

package/dist/es2019/plugins/breakout/ui/LayoutButton.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 { B300, N300, N20A } from '@atlaskit/theme/colors';
 import { injectIntl } from 'react-intl-next';
 import { findParentDomRefOfType, findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
@@ -87,7 +86,7 @@ class LayoutButton extends React.Component {
     if (closestEl && closestEl.firstChild) {
       element = closestEl.firstChild;
     }
-    return jsx(Popup, {
+    return /*#__PURE__*/React.createElement(Popup, {
       ariaLabel: title,
       target: element,
       offset: [5, 0],
@@ -99,15 +98,15 @@ class LayoutButton extends 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/es2019/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 const Avatars = /*#__PURE__*/React.memo(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/es2019/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 const ColoredAvatarItem = props => {
   const color = getAvatarColor(props.sessionId).color.solid;
   const avatar = props.name.substr(0, 1).toUpperCase();
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: badge(color),
     "data-testid": "editor-collab-badge"
   }, avatar);