@atlaskit/renderer 108.17.2 → 108.17.4

package/dist/es2019/ui/Expand.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React, { useRef, useCallback, useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize, fontSize } from '@atlaskit/theme/constants';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
@@ -36,7 +35,7 @@ const Container = props => {
     padding: 0;
     padding-bottom: ${paddingBottom};
   `;
-  return jsx("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     css: styles
   }, props), props.children);
 };
@@ -49,7 +48,7 @@ const TitleContainer = props => {
     padding: ${"var(--ds-space-100, 8px)"};
     padding-bottom: ${paddingBottom};
   `;
-  return jsx("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     css: styles
   }, props), props.children);
 };
@@ -67,7 +66,7 @@ const ContentContainer = props => {
     padding-left: ${gridSize() * 5 - gridSize() / 2}px;
     visibility: ${visibility};
   `;
-  return jsx("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     css: styles
   }, props), props.children);
 };
@@ -104,16 +103,16 @@ function Expand({
   } = useRef(_uniqueId('expand-title-'));
   const handleFocus = useCallback(() => setFocused(true), []);
   const handleBlur = useCallback(() => setFocused(false), []);
-  return jsx(Container, {
+  return /*#__PURE__*/React.createElement(Container, {
     "data-node-type": nodeType,
     "data-title": title,
     "data-expanded": expanded,
     expanded: expanded,
     focused: focused
-  }, nestedHeaderIds && nestedHeaderIds.length > 0 ? jsx(ActiveHeaderIdConsumer, {
+  }, nestedHeaderIds && nestedHeaderIds.length > 0 ? /*#__PURE__*/React.createElement(ActiveHeaderIdConsumer, {
     nestedHeaderIds: nestedHeaderIds,
     onNestedHeaderIdMatch: () => setExpanded(true)
-  }) : null, jsx(TitleContainer, {
+  }) : null, /*#__PURE__*/React.createElement(TitleContainer, {
     onClick: e => {
       e.stopPropagation();
       fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent);
@@ -128,27 +127,27 @@ function Expand({
     "aria-expanded": expanded,
     contentEditable: false,
     expanded: expanded
-  }, isMobile ? jsx(ExpandIconWrapper, {
+  }, isMobile ? /*#__PURE__*/React.createElement(ExpandIconWrapper, {
     expanded: expanded
-  }, jsx(ChevronRightIcon, {
+  }, /*#__PURE__*/React.createElement(ChevronRightIcon, {
     label: label
-  })) : jsx(Tooltip, {
+  })) : /*#__PURE__*/React.createElement(Tooltip, {
     content: label,
     position: "top",
     tag: ExpandLayoutWrapperWithRef,
     testId: 'tooltip'
-  }, jsx(ExpandIconWrapper, {
+  }, /*#__PURE__*/React.createElement(ExpandIconWrapper, {
     expanded: expanded
-  }, jsx(ChevronRightIcon, {
+  }, /*#__PURE__*/React.createElement(ChevronRightIcon, {
     label: label
-  }))), jsx("span", {
+  }))), /*#__PURE__*/React.createElement("span", {
     css: titleStyles,
     id: id
-  }, title || intl.formatMessage(expandMessages.expandDefaultTitle))), jsx(ContentContainer, {
+  }, title || intl.formatMessage(expandMessages.expandDefaultTitle))), /*#__PURE__*/React.createElement(ContentContainer, {
     expanded: expanded
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${nodeType}-content-wrapper`
-  }, jsx(WidthProvider, null, jsx("div", {
+  }, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
     css: clearNextSiblingMarginTopStyle
   }), children))));
 }

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

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React, { Fragment, useContext, useLayoutEffect, useRef } from 'react';
-import { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
 import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
 import { reduce } from '@atlaskit/adf-utils/traverse';
@@ -35,7 +33,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.17.2";
+const packageVersion = "108.17.4";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);
@@ -337,15 +335,15 @@ export class Renderer extends PureComponent {
       if (onComplete) {
         onComplete(stat);
       }
-      const rendererOutput = jsx(RendererContextProvider, {
+      const rendererOutput = /*#__PURE__*/React.createElement(RendererContextProvider, {
         value: this.featureFlags(this.props.featureFlags)
-      }, jsx(ActiveHeaderIdProvider, {
+      }, /*#__PURE__*/React.createElement(ActiveHeaderIdProvider, {
         value: getActiveHeadingId(allowHeadingAnchorLinks)
-      }, jsx(AnalyticsContext.Provider, {
+      }, /*#__PURE__*/React.createElement(AnalyticsContext.Provider, {
         value: {
           fireAnalyticsEvent: event => this.fireAnalyticsEvent(event)
         }
-      }, jsx(SmartCardStorageProvider, null, jsx(RendererWrapper, {
+      }, /*#__PURE__*/React.createElement(SmartCardStorageProvider, null, /*#__PURE__*/React.createElement(RendererWrapper, {
         appearance: appearance,
         allowNestedHeaderLinks: allowNestedHeaderLinks,
         allowColumnSorting: allowColumnSorting,
@@ -358,30 +356,30 @@ export class Renderer extends PureComponent {
         innerRef: this.editorRef,
         onClick: handleWrapperOnClick,
         onMouseDown: this.onMouseDownEditView
-      }, enableSsrInlineScripts ? jsx(BreakoutSSRInlineScript, null) : null, jsx(RendererActionsInternalUpdater, {
+      }, enableSsrInlineScripts ? /*#__PURE__*/React.createElement(BreakoutSSRInlineScript, null) : null, /*#__PURE__*/React.createElement(RendererActionsInternalUpdater, {
         doc: pmDoc,
         schema: schema,
         onAnalyticsEvent: this.fireAnalyticsEvent
       }, result))))));
-      let rendererResult = truncated ? jsx(TruncatedWrapper, {
+      let rendererResult = truncated ? /*#__PURE__*/React.createElement(TruncatedWrapper, {
         height: maxHeight,
         fadeHeight: fadeOutHeight
       }, rendererOutput) : rendererOutput;
       const rendererRenderTracking = (_this$featureFlags = this.featureFlags(this.props.featureFlags)) === null || _this$featureFlags === void 0 ? void 0 : (_this$featureFlags$fe = _this$featureFlags.featureFlags) === null || _this$featureFlags$fe === void 0 ? void 0 : (_this$featureFlags$fe2 = _this$featureFlags$fe.rendererRenderTracking) === null || _this$featureFlags$fe2 === void 0 ? void 0 : _this$featureFlags$fe2[ACTION_SUBJECT.RENDERER];
-      const reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && jsx(RenderTracking, {
+      const reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && /*#__PURE__*/React.createElement(RenderTracking, {
         componentProps: this.props,
         action: ACTION.RE_RENDERED,
         actionSubject: ACTION_SUBJECT.RENDERER,
         handleAnalyticsEvent: this.fireAnalyticsEvent,
         useShallow: rendererRenderTracking.useShallow
       });
-      return jsx(Fragment, null, reRenderTracking, rendererResult);
+      return /*#__PURE__*/React.createElement(Fragment, null, reRenderTracking, rendererResult);
     } catch (e) {
       var _featureFlags$feature2;
       if (onError) {
         onError(e);
       }
-      return jsx(RendererWrapper, {
+      return /*#__PURE__*/React.createElement(RendererWrapper, {
         appearance: appearance,
         allowCopyToClipboard: allowCopyToClipboard,
         allowWrapCodeBlock: allowWrapCodeBlock,
@@ -391,7 +389,7 @@ export class Renderer extends PureComponent {
         useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
         addTelepointer: this.props.addTelepointer,
         onClick: handleWrapperOnClick
-      }, jsx(UnsupportedBlock, null));
+      }, /*#__PURE__*/React.createElement(UnsupportedBlock, null));
     }
   }
   componentWillUnmount() {
@@ -409,7 +407,7 @@ export class Renderer extends PureComponent {
     }
   }
 }
-const RendererWithAnalytics = /*#__PURE__*/React.memo(props => jsx(FabricEditorAnalyticsContext, {
+const RendererWithAnalytics = /*#__PURE__*/React.memo(props => /*#__PURE__*/React.createElement(FabricEditorAnalyticsContext, {
   data: {
     appearance: getAnalyticsAppearance(props.appearance),
     packageName,
@@ -417,15 +415,15 @@ const RendererWithAnalytics = /*#__PURE__*/React.memo(props => jsx(FabricEditorA
     componentName: 'renderer',
     editorSessionId: uuid()
   }
-}, jsx(WithCreateAnalyticsEvent, {
+}, /*#__PURE__*/React.createElement(WithCreateAnalyticsEvent, {
   render: createAnalyticsEvent => {
     // `IntlErrorBoundary` only captures Internationalisation errors, leaving others for `ErrorBoundary`.
-    return jsx(ErrorBoundary, {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
       component: ACTION_SUBJECT.RENDERER,
       rethrowError: true,
       fallbackComponent: null,
       createAnalyticsEvent: createAnalyticsEvent
-    }, jsx(IntlErrorBoundary, null, jsx(Renderer, _extends({}, props, {
+    }, /*#__PURE__*/React.createElement(IntlErrorBoundary, null, /*#__PURE__*/React.createElement(Renderer, _extends({}, props, {
       createAnalyticsEvent: createAnalyticsEvent
     }))));
   }
@@ -491,12 +489,12 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
       return () => observer.disconnect();
     }
   }, [innerRef, addTelepointer]);
-  return jsx(WidthProvider, {
+  return /*#__PURE__*/React.createElement(WidthProvider, {
     className: `ak-renderer-wrapper is-${appearance}`,
     "data-appearance": appearance
-  }, jsx(BaseTheme, {
+  }, /*#__PURE__*/React.createElement(BaseTheme, {
     baseFontSize: appearance && appearance !== 'comment' ? akEditorFullPageDefaultFontSize : undefined
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: innerRef,
     onClick: onClick,
     onMouseDown: onMouseDown,
@@ -534,15 +532,15 @@ const RendererWithAnnotationSelection = props => {
   const localRef = React.useRef(null);
   const innerRef = props.innerRef || localRef;
   if (!allowAnnotations) {
-    return jsx(RendererWithAnalytics, _extends({
+    return /*#__PURE__*/React.createElement(RendererWithAnalytics, _extends({
       innerRef: innerRef
     }, props));
   }
-  return jsx(RendererActionsContext, null, jsx(AnnotationsWrapper, {
+  return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement(AnnotationsWrapper, {
     rendererRef: innerRef,
     adfDocument: adfDocument,
     annotationProvider: props.annotationProvider
-  }, jsx(RendererWithAnalytics, _extends({
+  }, /*#__PURE__*/React.createElement(RendererWithAnalytics, _extends({
     innerRef: innerRef
   }, props, {
     featureFlags: props.featureFlags

package/dist/es2019/ui/Renderer/truncated-wrapper.js

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { Component } from 'react';
 const fadeOutStyles = (maxHeight, top, backgroundColor) => css`
   position: relative;
@@ -27,7 +26,7 @@ const FadeOut = props => {
   } = props;
   const top = height - fadeHeight;
   const styles = fadeOutStyles(height, top, backgroundColor);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: styles
   }, children);
 };
@@ -44,7 +43,7 @@ export class TruncatedWrapper extends Component {
       backgroundColor = "var(--ds-surface, white)",
       children
     } = this.props;
-    return jsx(FadeOut, {
+    return /*#__PURE__*/React.createElement(FadeOut, {
       height: height,
       fadeHeight: fadeHeight,
       backgroundColor: backgroundColor

package/dist/es2019/ui/SortingIcon.js

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';
 import { N20, N30 } from '@atlaskit/theme/colors';
 import { SortOrder } from '@atlaskit/editor-common/types';
@@ -160,11 +159,11 @@ const SortingIcon = ({
       onKeyDown(event);
     }
   };
-  return jsx(Tooltip, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
     delay: 0,
     content: content,
     position: "top"
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: buttonStyles,
     className: buttonClassName,
     role: "button",
@@ -173,10 +172,10 @@ const SortingIcon = ({
     "aria-disabled": !isSortingAllowed,
     onClick: handleClick,
     onKeyDown: handleKeyDown
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: iconWrapperStyles,
     className: getIconClassName(isSortingAllowed, sortOrdered)
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: iconStyles
   }))));
 };

package/dist/es2019/ui/annotations/draft/component.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React, { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { InsertDraftPosition } from '../types';
 import { AnnotationsDraftContext } from '../context';
 import { splitText, calcTextSplitOffset, findTextString } from './text';
@@ -19,7 +18,7 @@ export const AnnotationDraft = ({
   draftPosition,
   children
 }) => {
-  return jsx("mark", _extends({
+  return /*#__PURE__*/React.createElement("mark", _extends({
     "data-renderer-mark": true
   }, dataAttributes(draftPosition), {
     css: markStyles
@@ -45,12 +44,12 @@ export const applyAnnotationOnText = ({
   const annotateIndex = getAnnotationIndex(shouldApplyAnnotationAt, texts.length);
   return texts.map((value, index) => {
     if (annotateIndex === index) {
-      return jsx(AnnotationDraft, {
+      return /*#__PURE__*/React.createElement(AnnotationDraft, {
         key: index,
         draftPosition: draftPosition
       }, value);
     }
-    return jsx(React.Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, value);
   });
@@ -72,27 +71,27 @@ export const TextWithAnnotationDraft = ({
     return calcInsertDraftPositionOnText(textPosition, nextDraftPosition);
   }, [nextDraftPosition, textPosition]);
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
-    return jsx(Fragment, null, children);
+    return /*#__PURE__*/React.createElement(Fragment, null, children);
   }
   if (shouldApplyAnnotationAt === InsertDraftPosition.AROUND_TEXT) {
-    return jsx(AnnotationDraft, {
+    return /*#__PURE__*/React.createElement(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
     }, children);
   }
   const textString = findTextString(children);
   if (!textString) {
-    return jsx(Fragment, null, children);
+    return /*#__PURE__*/React.createElement(Fragment, null, children);
   }
   const offsets = calcTextSplitOffset(nextDraftPosition, textPosition, textString);
   const texts = splitText(textString, offsets);
   if (!texts) {
-    return jsx(Fragment, null, children);
+    return /*#__PURE__*/React.createElement(Fragment, null, children);
   }
   const components = applyAnnotationOnText({
     texts,
     shouldApplyAnnotationAt,
     draftPosition: nextDraftPosition
   });
-  return jsx(Fragment, null, components);
+  return /*#__PURE__*/React.createElement(Fragment, null, components);
 };

package/dist/es2019/ui/annotations/element/mark.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React, { useMemo, useCallback } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 const markStyles = props => css`
@@ -55,7 +54,7 @@ export const MarkComponent = ({
   } : {
     'aria-details': annotationIds.join(', ')
   };
-  return jsx("mark", _extends({
+  return /*#__PURE__*/React.createElement("mark", _extends({
     id: id,
     onClick: onMarkClick
   }, accessibility, overriddenData, {

package/dist/esm/react/marks/alignment.js

@@ -1,18 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { alignmentPositionMap } from '@atlaskit/adf-schema';
 var MarkWrapper = function MarkWrapper(props) {
   var styles = props['data-align'] ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        text-align: ", ";\n      "])), alignmentPositionMap[props['data-align']]) : '';
-  return jsx("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     css: styles
   }, props), props.children);
 };
 export default function Alignment(props) {
-  return jsx(MarkWrapper, {
+  return /*#__PURE__*/React.createElement(MarkWrapper, {
     className: "fabric-editor-block-mark fabric-editor-alignment",
     "data-align": props.align
   }, props.children);

package/dist/esm/react/marks/breakout.js

@@ -1,15 +1,14 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 export var wrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: ", " 0;\n  margin-left: 50%;\n  transform: translateX(-50%);\n"])), blockNodesVerticalMargin);
 export default function Breakout(props) {
-  return jsx(WidthConsumer, null, function (_ref) {
+  return /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref) {
     var width = _ref.width;
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: wrapperStyles,
       "data-mode": props.mode,
       style: {

package/dist/esm/react/marks/link.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
 import React, { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { B400, B300, B500 } from '@atlaskit/theme/colors';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
@@ -28,7 +27,7 @@ export default function Link(props) {
   }
   var handler = getEventHandler(eventHandlers, 'link');
   if (isMediaLink) {
-    return jsx(Fragment, null, props.children);
+    return /*#__PURE__*/React.createElement(Fragment, null, props.children);
   }
   var analyticsData = {
     attributes: {
@@ -37,9 +36,9 @@ export default function Link(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
-  return jsx(AnalyticsContext, {
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analyticsData
-  }, jsx(LinkUrl, _extends({
+  }, /*#__PURE__*/React.createElement(LinkUrl, _extends({
     css: anchorStyles,
     onClick: function onClick(e) {
       if (fireAnalyticsEvent) {

package/dist/esm/react/nodes/blockCard.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import { useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { Card } from '@atlaskit/smart-card';
 import { UnsupportedBlock, UnsupportedInline, WidthConsumer } from '@atlaskit/editor-common/ui';
 import { getPlatform } from '../../utils';
@@ -55,7 +54,7 @@ export default function BlockCard(props) {
   };
   if (props.datasource) {
     if (platform === 'mobile') {
-      return jsx(InlineCard, props);
+      return /*#__PURE__*/React.createElement(InlineCard, props);
     }
     var views = props.datasource.views;
     var tableView = views.find(function (view) {
@@ -78,18 +77,18 @@ export default function BlockCard(props) {
       var columnCustomSizes = columnCustomSizesEntries !== null && columnCustomSizesEntries !== void 0 && columnCustomSizesEntries.length ? Object.fromEntries(columnCustomSizesEntries) : undefined;
       var datasource = props.datasource,
         layout = props.layout;
-      return jsx(AnalyticsContext, {
+      return /*#__PURE__*/React.createElement(AnalyticsContext, {
         data: analyticsData
-      }, jsx(CardErrorBoundary, _extends({
+      }, /*#__PURE__*/React.createElement(CardErrorBoundary, _extends({
         unsupportedComponent: UnsupportedInline
-      }, cardProps), jsx(WidthConsumer, null, function (_ref5) {
+      }, cardProps), /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
-        return jsx("div", {
+        return /*#__PURE__*/React.createElement("div", {
           css: datasourceContainerStyle,
           style: {
             width: calcBreakoutWidth(layout, width)
           }
-        }, jsx(DatasourceTableView, {
+        }, /*#__PURE__*/React.createElement(DatasourceTableView, {
           datasourceId: datasource.id,
           parameters: datasource.parameters,
           visibleColumnKeys: visibleColumnKeys,
@@ -98,21 +97,21 @@ export default function BlockCard(props) {
         }));
       })));
     }
-    return jsx(InlineCard, {
+    return /*#__PURE__*/React.createElement(InlineCard, {
       data: data,
       url: url
     });
   }
-  return jsx(AnalyticsContext, {
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analyticsData
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "blockCardView-content-wrap",
     "data-block-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
-  }, jsx(CardErrorBoundary, _extends({
+  }, /*#__PURE__*/React.createElement(CardErrorBoundary, _extends({
     unsupportedComponent: UnsupportedBlock
-  }, cardProps), jsx(Card, _extends({
+  }, cardProps), /*#__PURE__*/React.createElement(Card, _extends({
     appearance: "block",
     showActions: rendererAppearance !== 'mobile',
     platform: platform,

package/dist/esm/react/nodes/codeBlock/codeBlock.js

@@ -1,7 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
 import { useState } from 'react';
-import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { CodeBlock as AkCodeBlock } from '@atlaskit/code';
@@ -21,14 +19,14 @@ function CodeBlock(props) {
     _useState2 = _slicedToArray(_useState, 2),
     wrapLongLines = _useState2[0],
     setWrapLongLines = _useState2[1];
-  return jsx(CodeBlockContainer, {
+  return /*#__PURE__*/React.createElement(CodeBlockContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
     allowWrapCodeBlock: allowWrapCodeBlock,
     className: className,
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines
-  }, jsx(AkCodeBlock, {
+  }, /*#__PURE__*/React.createElement(AkCodeBlock, {
     language: language,
     text: text,
     codeBidiWarningLabel: codeBidiWarningLabel,

package/dist/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import { jsx, css } from '@emotion/react';
+import { css } from '@emotion/react';
 import CopyButton from './codeBlockCopyButton';
 import CodeWrapButton from './codeBlockWrapButton';
 import { N0, N20, N30, N700 } from '@atlaskit/theme/colors';
@@ -45,14 +44,14 @@ var CodeBlockButtonContainer = function CodeBlockButtonContainer(_ref) {
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
     wrapLongLines = _ref.wrapLongLines;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: codeBlockButtonsWrapper
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: codeBlockButtonsStyle
-  }, allowWrapCodeBlock && jsx(CodeWrapButton, {
+  }, allowWrapCodeBlock && /*#__PURE__*/React.createElement(CodeWrapButton, {
     setWrapLongLines: setWrapLongLines,
     wrapLongLines: wrapLongLines
-  }), allowCopyToClipboard && jsx(CopyButton, {
+  }), allowCopyToClipboard && /*#__PURE__*/React.createElement(CopyButton, {
     content: text
   })));
 };

package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -1,7 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
-import { jsx, css } from '@emotion/react';
+import { css } from '@emotion/react';
 import { overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { N20, DN50 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
@@ -28,10 +27,10 @@ var CodeBlockContainer = function CodeBlockContainer(_ref) {
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
     wrapLongLines = _ref.wrapLongLines;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className,
     css: codeBlockStyleOverrides
-  }, jsx(CodeBlockButtonContainer, {
+  }, /*#__PURE__*/React.createElement(CodeBlockButtonContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
     allowWrapCodeBlock: allowWrapCodeBlock,
     setWrapLongLines: setWrapLongLines,

package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -1,6 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React, { useState } from 'react';
 import { injectIntl } from 'react-intl-next';
 import Tooltip from '@atlaskit/tooltip';
@@ -25,20 +23,20 @@ var CopyButton = function CopyButton(_ref) {
     setTooltip(intl.formatMessage(codeBlockButtonMessages.copyCodeToClipboard));
     setClassName('copy-to-clipboard');
   };
-  return jsx(AnalyticsContext.Consumer, null, function (_ref2) {
+  return /*#__PURE__*/React.createElement(AnalyticsContext.Consumer, null, function (_ref2) {
     var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
-    return jsx("span", null, jsx(Tooltip, {
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Tooltip, {
       content: tooltip,
       hideTooltipOnClick: false,
       position: "top"
-    }, jsx("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       onMouseLeave: onMouseLeave
-    }, jsx(Button, {
+    }, /*#__PURE__*/React.createElement(Button, {
       appearance: "subtle",
       "aria-haspopup": true,
       "aria-label": tooltip,
       className: className,
-      iconBefore: jsx(CopyIcon, {
+      iconBefore: /*#__PURE__*/React.createElement(CopyIcon, {
         label: tooltip
       }),
       onClick: function onClick(event) {