@atlaskit/editor-core 189.5.1 → 189.5.3

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

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import Tooltip from '@atlaskit/tooltip';
@@ -35,17 +36,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 /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: [removableFieldWrapper, hasMarginBottom && wrapperWithMarginBottom],
     className: className
-  }, children, canRemoveField && /*#__PURE__*/React.createElement("div", {
+  }, children, canRemoveField && jsx("div", {
     css: removeButtonWrapper,
     "data-testid": `remove-field-${name}`,
     onClick: onClickCallback
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, jsx(Tooltip, {
     content: intl.formatMessage(messages.removeField),
     position: "left"
-  }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
+  }, jsx(CrossCircleIcon, {
     size: "small",
     label: intl.formatMessage(messages.removeField)
   }))));

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

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import React, { useMemo } from 'react';
-import { css, useTheme } from '@emotion/react';
+import { jsx, 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';
@@ -269,7 +270,7 @@ export const createEditorContentStyle = styles => {
       theme,
       featureFlags
     }), [theme, featureFlags]);
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       className: className,
       ref: ref,
       css: [memoizedStyle, styles]

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

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

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

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/** @jsx jsx */
 import React from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { whichTransitionEvent } from '../../utils';
 import { ErrorBoundary } from '../ErrorBoundary';
@@ -82,14 +83,14 @@ export default class PluginSlot extends React.Component {
     if (!items && !pluginHooks || !editorView) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    return jsx(ErrorBoundary, {
       component: ACTION_SUBJECT.PLUGIN_SLOT,
       fallbackComponent: null
-    }, /*#__PURE__*/React.createElement(MountPluginHooks, {
+    }, jsx(MountPluginHooks, {
       editorView: editorView,
       pluginHooks: pluginHooks,
       containerElement: containerElement
-    }), /*#__PURE__*/React.createElement("div", {
+    }), jsx("div", {
       css: pluginsComponentsWrapper
     }, items === null || items === void 0 ? void 0 : items.map((component, key) => {
       const props = {

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

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

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

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

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

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import ReactDOM from 'react-dom';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
@@ -116,20 +118,20 @@ class ToolbarFeedbackInternal extends PureComponent {
       popupsBoundariesElement,
       popupsScrollableElement
     } = this.props;
-    const iconBefore = this.state.jiraIssueCollectorScriptLoading ? /*#__PURE__*/React.createElement(Spinner, null) : undefined;
+    const iconBefore = this.state.jiraIssueCollectorScriptLoading ? jsx(Spinner, null) : undefined;
 
     // JIRA issue collector script is using jQuery internally
-    return this.hasJquery() ? /*#__PURE__*/React.createElement("div", {
+    return this.hasJquery() ? jsx("div", {
       css: wrapper
-    }, /*#__PURE__*/React.createElement(ToolbarButton, {
+    }, jsx(ToolbarButton, {
       ref: this.handleRef,
       iconBefore: iconBefore,
       onClick: this.collectFeedback,
       selected: false,
       spacing: "compact"
-    }, /*#__PURE__*/React.createElement("span", {
+    }, jsx("span", {
       css: buttonContent
-    }, "Feedback")), this.state.showOptOutOption && /*#__PURE__*/React.createElement(PopupWithOutsideListeners, {
+    }, "Feedback")), this.state.showOptOutOption && jsx(PopupWithOutsideListeners, {
       target: this.state.target,
       mountTo: popupsMountPoint,
       boundariesElement: popupsBoundariesElement,
@@ -138,19 +140,19 @@ class ToolbarFeedbackInternal extends PureComponent {
       fitWidth: POPUP_WIDTH,
       handleClickOutside: this.toggleShowOptOutOption,
       handleEscapeKeydown: this.toggleShowOptOutOption
-    }, /*#__PURE__*/React.createElement("div", {
+    }, jsx("div", {
       css: confirmationPopup
-    }, /*#__PURE__*/React.createElement("div", {
+    }, jsx("div", {
       css: confirmationHeader
-    }, /*#__PURE__*/React.createElement("img", {
+    }, jsx("img", {
       css: confirmationImg,
       src: EDITOR_IMAGE_URL
-    })), /*#__PURE__*/React.createElement("div", {
+    })), jsx("div", {
       css: confirmationText
-    }, /*#__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, null, /*#__PURE__*/React.createElement(Button, {
+    }, jsx("div", null, "We are rolling out a new editing experience across Atlassian products. Help us improve by providing feedback."), jsx("div", null, "You can opt-out for now by turning off the \"Atlassian Editor\" feature on the Labs page in Bitbucket settings."), jsx(ButtonGroup, null, jsx(Button, {
       appearance: "primary",
       onClick: this.openFeedbackPopup
-    }, "Give feedback"), /*#__PURE__*/React.createElement(Button, {
+    }, "Give feedback"), jsx(Button, {
       appearance: "default",
       onClick: this.openLearnMorePage
     }, "Learn more")))))) : null;
@@ -161,7 +163,7 @@ _defineProperty(ToolbarFeedbackInternal, "contextTypes", {
 });
 export default function ToolbarFeedback(props) {
   const api = usePresetContext();
-  return /*#__PURE__*/React.createElement(ToolbarFeedbackInternal, _extends({
+  return jsx(ToolbarFeedbackInternal, _extends({
     api: api
   }, props));
 }

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

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/** @jsx jsx */
 import React from 'react';
-import { css, keyframes } from '@emotion/react';
+import { css, jsx, keyframes } from '@emotion/react';
 import { R100 } from '@atlaskit/theme/colors';
 const pulseBackground = keyframes`
   50% {
@@ -45,7 +46,7 @@ export default class WithFlash extends React.Component {
       children
     } = this.props;
     this.toggle = animate && !this.toggle;
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("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.5.1";
+export const version = "189.5.3";

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

@@ -2,8 +2,9 @@ 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 } from '@emotion/react';
+import { css, jsx } 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,29 +47,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 /*#__PURE__*/React.createElement(Fragment, null, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
+  return jsx(Fragment, null, renderTrackingEnabled && jsx(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,
     actionSubject: ACTION_SUBJECT.EDITOR,
     handleAnalyticsEvent: handleAnalyticsEvent,
     propsToIgnore: ['defaultValue'],
     useShallow: useShallow
-  }), /*#__PURE__*/React.createElement(ErrorBoundary, {
+  }), jsx(ErrorBoundary, {
     errorTracking: !isErrorTrackingExplicitlyDisabled,
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, /*#__PURE__*/React.createElement(WidthProvider, {
+  }, jsx(WidthProvider, {
     css: css({
       height: '100%'
     })
-  }, /*#__PURE__*/React.createElement(EditorContext, {
+  }, jsx(EditorContext, {
     editorActions: editorActions
-  }, /*#__PURE__*/React.createElement(ContextAdapter, null, /*#__PURE__*/React.createElement(PortalProviderWithThemeProviders, {
+  }, jsx(ContextAdapter, null, jsx(PortalProviderWithThemeProviders, {
     onAnalyticsEvent: handleAnalyticsEvent,
     useAnalyticsContext: props.UNSAFE_useAnalyticsContext,
     render: function render(portalProviderAPI) {
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactEditorViewContextWrapper, {
+      return jsx(Fragment, null, jsx(ReactEditorViewContextWrapper, {
         editorProps: overriddenEditorProps,
         createAnalyticsEvent: createAnalyticsEvent,
         portalProviderAPI: portalProviderAPI,
@@ -86,9 +87,9 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
             config = _ref2.config,
             dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
             editorRef = _ref2.editorRef;
-          return /*#__PURE__*/React.createElement(BaseTheme, {
+          return jsx(BaseTheme, {
             baseFontSize: getBaseFontSize(props.appearance)
-          }, /*#__PURE__*/React.createElement(Component, {
+          }, jsx(Component, {
             innerRef: editorRef,
             appearance: props.appearance,
             disabled: props.disabled,
@@ -122,7 +123,7 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
             hideAvatarGroup: props.hideAvatarGroup
           }));
         }
-      }), /*#__PURE__*/React.createElement(PortalRenderer, {
+      }), jsx(PortalRenderer, {
         portalProviderAPI: portalProviderAPI
       }));
     }
@@ -144,7 +145,7 @@ function ReactEditorViewContextWrapper(props) {
     setInternalEditorAPI === null || setInternalEditorAPI === void 0 || setInternalEditorAPI(api);
     setExternalEditorAPI === null || setExternalEditorAPI === void 0 || setExternalEditorAPI(api);
   }, [setInternalEditorAPI, setExternalEditorAPI]);
-  return /*#__PURE__*/React.createElement(ReactEditorView, _extends({}, props, {
+  return jsx(ReactEditorView, _extends({}, props, {
     setEditorApi: setEditorAPI
   }));
 }

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

@@ -1,7 +1,9 @@
 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';
@@ -75,7 +77,7 @@ function Editor(passedProps) {
   };
   useMeasureEditorMountTime(props, getExperienceStore, createAnalyticsEvent);
   var providerFactory = useProviderFactory(props, editorActions.current, createAnalyticsEvent);
-  return /*#__PURE__*/React.createElement(EditorInternal, {
+  return jsx(EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,
@@ -264,7 +266,7 @@ function EditorButBetter(passedProps) {
       onSaveFromProps(view);
     }
   }, [onSaveFromProps]);
-  return /*#__PURE__*/React.createElement(EditorInternal, {
+  return jsx(EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,
@@ -288,17 +290,17 @@ export function ComposableEditor(props) {
     };
   }, [props.appearance]);
   if (getBooleanFF('platform.editor.less-editor-props-rerendering')) {
-    return /*#__PURE__*/React.createElement(FabricEditorAnalyticsContext
+    return jsx(FabricEditorAnalyticsContext
     // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
     , {
       data: data
-    }, /*#__PURE__*/React.createElement(EditorButBetter, props));
+    }, jsx(EditorButBetter, props));
   }
-  return /*#__PURE__*/React.createElement(FabricEditorAnalyticsContext
+  return jsx(FabricEditorAnalyticsContext
   // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
   , {
     data: data
-  }, /*#__PURE__*/React.createElement(Editor, props));
+  }, jsx(Editor, props));
 }
 ComposableEditor.propTypes = {
   minHeight: function minHeight(_ref) {

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

@@ -1,3 +1,5 @@
+/** @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,3 +1,4 @@
+/** @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,7 +7,9 @@ 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';
@@ -16,7 +18,7 @@ var ComposableEditorWrapper = function ComposableEditorWrapper(_ref) {
   var preset = useUniversalPreset({
     props: props
   });
-  return /*#__PURE__*/React.createElement(ComposableEditor, _extends({
+  return jsx(ComposableEditor, _extends({
     preset: preset
   }, props));
 };
@@ -33,7 +35,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   _createClass(Editor, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(ComposableEditorWrapper, {
+      return jsx(ComposableEditorWrapper, {
         props: this.props
       });
     }

package/dist/esm/plugins/alignment/ui/ToolbarAlignment/index.js

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

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

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

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

@@ -1,9 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-import { css } from '@emotion/react';
+/** @jsx jsx */
+import { css, jsx } 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 /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: beforePrimaryToolbarPluginWrapper,
     "data-testid": 'before-primary-toolbar-components-plugin'
   }, props.beforePrimaryToolbarComponents);

package/dist/esm/plugins/breakout/ui/LayoutButton.js

@@ -9,8 +9,9 @@ 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 } from '@emotion/react';
+import { css, jsx } 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';
@@ -93,7 +94,7 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
       if (closestEl && closestEl.firstChild) {
         element = closestEl.firstChild;
       }
-      return /*#__PURE__*/React.createElement(Popup, {
+      return jsx(Popup, {
         ariaLabel: title,
         target: element,
         offset: [5, 0],
@@ -105,15 +106,15 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
         stick: true,
         forcePlacement: true,
         zIndex: belowOtherPopupsZIndex
-      }, /*#__PURE__*/React.createElement("div", {
+      }, jsx("div", {
         css: toolbarButtonWrapper
-      }, /*#__PURE__*/React.createElement(ToolbarButton, {
+      }, jsx(ToolbarButton, {
         title: title,
         testId: titleMessage.id,
         onClick: this.handleClick(nextBreakoutMode),
-        iconBefore: breakoutMode === 'full-width' ? /*#__PURE__*/React.createElement(CollapseIcon, {
+        iconBefore: breakoutMode === 'full-width' ? jsx(CollapseIcon, {
           label: title
-        }) : /*#__PURE__*/React.createElement(ExpandIcon, {
+        }) : jsx(ExpandIcon, {
           label: title
         })
       })));

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

@@ -1,4 +1,6 @@
+/** @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';
@@ -14,9 +16,9 @@ export var Avatars = /*#__PURE__*/React.memo(function (props) {
   if (!avatars.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: avatarContainer
-  }, /*#__PURE__*/React.createElement(AvatarGroup, {
+  }, jsx(AvatarGroup, {
     appearance: "stack",
     size: "medium",
     data: avatars,