@atlaskit/renderer 108.17.2 → 108.17.4

package/dist/es2019/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';
@@ -57,7 +56,7 @@ export default function BlockCard(props) {
   };
   if (props.datasource) {
     if (platform === 'mobile') {
-      return jsx(InlineCard, props);
+      return /*#__PURE__*/React.createElement(InlineCard, props);
     }
     const views = props.datasource.views;
     const tableView = views.find(view => view.type === 'table');
@@ -76,18 +75,18 @@ export default function BlockCard(props) {
         datasource,
         layout
       } = props;
-      return jsx(AnalyticsContext, {
+      return /*#__PURE__*/React.createElement(AnalyticsContext, {
         data: analyticsData
-      }, jsx(CardErrorBoundary, _extends({
+      }, /*#__PURE__*/React.createElement(CardErrorBoundary, _extends({
         unsupportedComponent: UnsupportedInline
-      }, cardProps), jsx(WidthConsumer, null, ({
+      }, cardProps), /*#__PURE__*/React.createElement(WidthConsumer, null, ({
         width
-      }) => jsx("div", {
+      }) => /*#__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,
@@ -95,21 +94,21 @@ export default function BlockCard(props) {
         url: url
       })))));
     }
-    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/es2019/react/nodes/codeBlock/codeBlock.js

@@ -1,6 +1,4 @@
-/** @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';
@@ -17,14 +15,14 @@ function CodeBlock(props) {
   const codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
   const className = [CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, props.className].join(' ');
   const [wrapLongLines, setWrapLongLines] = useState(false);
-  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/es2019/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';
@@ -46,14 +45,14 @@ const CodeBlockButtonContainer = ({
   text,
   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/es2019/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -1,5 +1,4 @@
-/** @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';
@@ -48,10 +47,10 @@ const CodeBlockContainer = ({
   text,
   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/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React, { useState } from 'react';
 import { injectIntl } from 'react-intl-next';
 import Tooltip from '@atlaskit/tooltip';
@@ -19,20 +17,20 @@ const CopyButton = ({
     setTooltip(intl.formatMessage(codeBlockButtonMessages.copyCodeToClipboard));
     setClassName('copy-to-clipboard');
   };
-  return jsx(AnalyticsContext.Consumer, null, ({
+  return /*#__PURE__*/React.createElement(AnalyticsContext.Consumer, null, ({
     fireAnalyticsEvent
-  }) => jsx("span", null, jsx(Tooltip, {
+  }) => /*#__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: event => {

package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import Tooltip from '@atlaskit/tooltip';
@@ -9,15 +7,15 @@ import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
 import AnalyticsContext from '../../../../analytics/analyticsContext';
 const WrapIcon = () => {
-  return jsx("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     width: "24",
     height: "24",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, jsx("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     fill: "currentColor",
     clipPath: "url(#clip0_654_431)"
-  }, jsx("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M20 4h-1v16h1V4ZM3 8a1 1 0 0 1 1-1h9.5a4.5 4.5 0 1 1 0 9h-2.086l.293.293a1 1 0 0 1-1.414 1.414l-2-2a1 1 0 0 1 0-1.414l2-2a1 1 0 0 1 1.414 1.414l-.293.293H13.5a2.5 2.5 0 0 0 0-5H4a1 1 0 0 1-1-1Z",
     clipRule: "evenodd",
     fillRule: "evenodd"
@@ -29,18 +27,18 @@ const CodeBlockWrapButton = ({
   intl
 }) => {
   const wrapMessage = intl.formatMessage(wrapLongLines ? codeBlockButtonMessages.unwrapCode : codeBlockButtonMessages.wrapCode);
-  return jsx(AnalyticsContext.Consumer, null, ({
+  return /*#__PURE__*/React.createElement(AnalyticsContext.Consumer, null, ({
     fireAnalyticsEvent
-  }) => jsx("span", null, jsx(Tooltip, {
+  }) => /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Tooltip, {
     content: wrapMessage,
     hideTooltipOnClick: false,
     position: "top"
-  }, jsx(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     "aria-haspopup": true,
     "aria-label": wrapMessage,
     className: `wrap-code ${wrapLongLines ? 'clicked' : ''}`,
-    iconBefore: jsx(Icon, {
+    iconBefore: /*#__PURE__*/React.createElement(Icon, {
       glyph: WrapIcon,
       label: ""
     }),

package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React, { forwardRef, useMemo } from 'react';
-import { css, jsx, useTheme } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { codeBlockSharedStyles, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { useBidiWarnings } from '../../../hooks/use-bidi-warnings';
@@ -41,20 +40,20 @@ const LightWeightCodeBlock = /*#__PURE__*/forwardRef(({
     enableWarningTooltip: codeBidiWarningTooltipEnabled
   });
   const classNames = [LightWeightCodeBlockCssClassName.CONTAINER, className].join(' ');
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames,
     ref: ref,
     css: [codeBlockSharedStyles(theme), lightWeightCodeBlockStyles]
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
-  }, textRows.map((_, index) => jsx("span", {
+  }, textRows.map((_, index) => /*#__PURE__*/React.createElement("span", {
     key: index
-  }))), jsx("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
-  }, jsx("code", null, renderBidiWarnings(text))))));
+  }, /*#__PURE__*/React.createElement("code", null, renderBidiWarnings(text))))));
 });
 export default LightWeightCodeBlock;

package/dist/es2019/react/nodes/codeBlock/windowedCodeBlock.js

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import { Fragment, lazy, memo, Suspense, useState } from 'react';
-import { jsx } from '@emotion/react';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { useInViewport } from '../../hooks/use-in-viewport';
 import { useBidiWarnings } from '../../hooks/use-bidi-warnings';
@@ -28,23 +26,23 @@ const WindowedCodeBlock = ({
     trackingRef
   } = useInViewport();
   const className = joinWithSpaces(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, rootClassName);
-  const memoizedLightWeightCodeBlock = jsx(MemoizedLightWeightCodeBlock, {
+  const memoizedLightWeightCodeBlock = /*#__PURE__*/React.createElement(MemoizedLightWeightCodeBlock, {
     ref: trackingRef,
     text: text,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     className: rootClassName
   });
   const [wrapLongLines, setWrapLongLines] = useState(false);
-  return isInViewport ? jsx(Fragment, null, jsx(Suspense, {
+  return isInViewport ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Suspense, {
     fallback: memoizedLightWeightCodeBlock
-  }, jsx(CodeBlockContainer, {
+  }, /*#__PURE__*/React.createElement(CodeBlockContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
     allowWrapCodeBlock: allowWrapCodeBlock,
     className: className,
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines
-  }, jsx(LazyAkCodeBlock, {
+  }, /*#__PURE__*/React.createElement(LazyAkCodeBlock, {
     language: language,
     text: text,
     codeBidiWarningLabel: warningLabel,

package/dist/es2019/react/nodes/embedCard.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { useMemo, useContext, useState, useRef } from 'react';
 import { Card, EmbedResizeMessageListener } from '@atlaskit/smart-card';
 import { SmartCardContext } from '@atlaskit/link-provider';
@@ -98,9 +97,9 @@ export default function EmbedCard(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(WidthConsumer, null, ({
+  }, /*#__PURE__*/React.createElement(WidthConsumer, null, ({
     width: documentWidth
   }) => {
     const isFullWidth = rendererAppearance === 'full-width';
@@ -127,12 +126,12 @@ export default function EmbedCard(props) {
         throw err;
       }
     };
-    return jsx(CardErrorBoundary, _extends({
+    return /*#__PURE__*/React.createElement(CardErrorBoundary, _extends({
       unsupportedComponent: UnsupportedBlock
-    }, cardProps), jsx(EmbedResizeMessageListener, {
+    }, cardProps), /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
       embedIframeRef: embedIframeRef,
       onHeightUpdate: setLiveHeight
-    }, jsx(UIMediaSingle, {
+    }, /*#__PURE__*/React.createElement(UIMediaSingle, {
       css: uiMediaSingleStyles,
       layout: layout,
       width: originalWidth,
@@ -143,9 +142,9 @@ export default function EmbedCard(props) {
       nodeType: "embedCard",
       lineLength: isInsideOfBlockNode ? containerWidth : lineLength,
       hasFallbackContainer: hasPreview
-    }, jsx("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       css: embedCardWrapperStyles
-    }, jsx("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "embedCardView-content-wrap",
       "data-embed-card": true,
       "data-layout": layout,
@@ -153,7 +152,7 @@ export default function EmbedCard(props) {
       "data-card-data": data ? JSON.stringify(data) : undefined,
       "data-card-url": url,
       "data-card-original-height": originalHeight
-    }, jsx(Card, _extends({
+    }, /*#__PURE__*/React.createElement(Card, _extends({
       appearance: "embed"
     }, cardProps, {
       onResolve: onResolve,

package/dist/es2019/react/nodes/heading-anchor.js

@@ -1,8 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { N200, N500, B400 } from '@atlaskit/theme/colors';
 import LinkIcon from '@atlaskit/icon/glyph/link';
 import Tooltip from '@atlaskit/tooltip';
@@ -14,7 +13,7 @@ const CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef((props, ref) => {
     children,
     ...rest
   } = props;
-  return jsx("span", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     className: HeadingAnchorWrapperClassName,
     ref: ref
   }), children);
@@ -65,12 +64,12 @@ class HeadingAnchor extends React.PureComponent {
       this.setTooltipState(headingAnchorLinkMessages.copyHeadingLinkToClipboard);
     });
     _defineProperty(this, "renderAnchorButton", () => {
-      return jsx("button", {
+      return /*#__PURE__*/React.createElement("button", {
         css: copyAnchorButtonStyles,
         onMouseLeave: this.resetMessage,
         onClick: this.copyToClipboard,
         "aria-label": this.state.tooltipMessage
-      }, jsx(LinkIcon, {
+      }, /*#__PURE__*/React.createElement(LinkIcon, {
         label: this.getCopyAriaLabel(),
         size: this.props.level > 3 ? 'small' : 'medium',
         primaryColor: this.state.isClicked ? `var(--ds-icon-selected, ${B400})` : `var(--ds-icon-subtle, ${N200})`
@@ -88,7 +87,7 @@ class HeadingAnchor extends React.PureComponent {
       // We set the key to the message to ensure it remounts when the message
       // changes, so that it correctly repositions.
       // @see https://ecosystem.atlassian.net/projects/AK/queues/issue/AK-6548
-      return jsx(Tooltip, {
+      return /*#__PURE__*/React.createElement(Tooltip, {
         tag: CopyAnchorWrapperWithRef,
         content: tooltipMessage,
         position: "top",

package/dist/es2019/react/nodes/layoutColumn.js

@@ -1,19 +1,18 @@
-/** @jsx jsx */
 import React from 'react';
-import { jsx, css } from '@emotion/react';
+import { css } from '@emotion/react';
 import { WidthProvider, clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from '@atlaskit/editor-common/ui';
 const layoutColumnClearMarginTopStyles = css`
   ${clearNextSiblingMarginTopStyle}
   ${clearNextSiblingBlockMarkMarginTopStyle}
 `;
 export default function LayoutSection(props) {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
     style: {
       flexBasis: `${props.width}%`
     }
-  }, jsx(WidthProvider, null, jsx("div", {
+  }, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
     css: layoutColumnClearMarginTopStyles
   }), props.children));
 }

package/dist/es2019/react/nodes/media/index.js

@@ -1,10 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
-
 import React from 'react';
 import { PureComponent } from 'react';
-import { jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
@@ -39,13 +36,13 @@ export default class Media extends PureComponent {
       const linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
       const eventHandlers = linkHref ? undefined : this.props.eventHandlers;
       const shouldOpenMediaViewer = !linkHref && allowMediaViewer;
-      const mediaComponent = jsx(AnalyticsContext, {
+      const mediaComponent = /*#__PURE__*/React.createElement(AnalyticsContext, {
         data: {
           [MEDIA_CONTEXT]: {
             border: !!borderMark
           }
         }
-      }, jsx(MediaCard, _extends({
+      }, /*#__PURE__*/React.createElement(MediaCard, _extends({
         mediaProvider: mediaProvider,
         contextIdentifierProvider: contextIdentifierProvider
       }, this.props, {
@@ -57,15 +54,15 @@ export default class Media extends PureComponent {
         ssr: ssr
       })));
       const paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
-      const mediaComponentWithBorder = borderMark ? jsx("div", {
+      const mediaComponentWithBorder = borderMark ? /*#__PURE__*/React.createElement("div", {
         "data-mark-type": "border",
         "data-color": borderColor,
         "data-size": borderWidth,
         css: borderStyle(paletteColorValue, borderWidth)
-      }, jsx(MediaBorderGapFiller, {
+      }, /*#__PURE__*/React.createElement(MediaBorderGapFiller, {
         borderColor: borderColor
       }), mediaComponent) : mediaComponent;
-      return linkHref ? jsx("a", {
+      return linkHref ? /*#__PURE__*/React.createElement("a", {
         href: linkHref,
         rel: "noreferrer noopener",
         onClick: this.handleMediaLinkClick,
@@ -107,7 +104,7 @@ export default class Media extends PureComponent {
     if (!providers) {
       return this.renderCard();
     }
-    return jsx(WithProviders, {
+    return /*#__PURE__*/React.createElement(WithProviders, {
       providers: ['mediaProvider', 'contextIdentifierProvider'],
       providerFactory: providers,
       renderNode: this.renderCard

package/dist/es2019/react/nodes/mediaSingle/index.js

@@ -1,7 +1,4 @@
-/** @jsx jsx */
-
 import { default as React, Fragment } from 'react';
-import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { MediaSingle as UIMediaSingle, WidthConsumer } from '@atlaskit/editor-common/ui';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
@@ -153,7 +150,7 @@ const MediaSingle = props => {
       featureFlags
     });
     const uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? [uiMediaSingleBaseStyles, uiMediaSingleLayoutStyles] : [uiMediaSingleBaseStyles];
-    return jsx(UIMediaSingle, {
+    return /*#__PURE__*/React.createElement(UIMediaSingle, {
       css: uiMediaSingleStyles,
       handleMediaSingleRef: ref,
       layout: layout,
@@ -166,9 +163,9 @@ const MediaSingle = props => {
         widthType
       },
       fullWidthMode: isFullWidth
-    }, jsx(Fragment, null, mediaComponent), allowCaptions && caption);
+    }, /*#__PURE__*/React.createElement(Fragment, null, mediaComponent), allowCaptions && caption);
   };
-  return jsx(WidthConsumer, null, ({
+  return /*#__PURE__*/React.createElement(WidthConsumer, null, ({
     width
   }) => {
     // Note: in SSR mode the `window` object is not defined,

package/dist/es2019/react/nodes/mediaSingle/styles.js

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { css } from '@emotion/react';
 export const uiMediaSingleBaseStyles = css`
   transition: all 0.1s linear;

package/dist/es2019/react/nodes/panel.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import TipIcon from '@atlaskit/icon/glyph/editor/hint';
 import { PanelType } from '@atlaskit/adf-schema';
 import { getPanelBackgroundDarkModeColors, panelSharedStylesWithoutPrefix, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
@@ -51,7 +50,7 @@ const PanelStyled = ({
       `;
     };
   }
-  return jsx("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     css: styles
   }, props), props.children);
 };
@@ -82,7 +81,7 @@ const Panel = props => {
   const getIcon = () => {
     if (panelType === PanelType.CUSTOM) {
       if (panelIcon && providers) {
-        return jsx(EmojiItem, {
+        return /*#__PURE__*/React.createElement(EmojiItem, {
           id: panelIconId,
           text: panelIconText,
           shortName: panelIcon,
@@ -92,19 +91,19 @@ const Panel = props => {
       return null;
     }
     const Icon = panelIcons[panelType];
-    return jsx(Icon, {
+    return /*#__PURE__*/React.createElement(Icon, {
       label: `Panel ${panelType}`
     });
   };
   const icon = getIcon();
   const renderIcon = () => {
     if (icon) {
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: PanelSharedCssClassName.icon
       }, icon);
     }
   };
-  return jsx(PanelStyled, {
+  return /*#__PURE__*/React.createElement(PanelStyled, {
     className: PanelSharedCssClassName.prefix,
     "data-panel-type": panelType,
     "data-panel-color": panelColor,
@@ -113,7 +112,7 @@ const Panel = props => {
     "data-panel-icon-text": panelIconText,
     backgroundColor: panelColor,
     hasIcon: Boolean(icon)
-  }, renderIcon(), jsx("div", {
+  }, renderIcon(), /*#__PURE__*/React.createElement("div", {
     className: PanelSharedCssClassName.content
   }, children));
 };

package/dist/es2019/react/nodes/table/sticky.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
 import { N40A } from '@atlaskit/theme/colors';
@@ -74,7 +73,7 @@ export const FixedTableDiv = props => {
   const attrs = {
     mode
   };
-  return jsx("div", _extends({}, attrs, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, attrs, {
     "data-testid": "sticky-table-fixed",
     css: fixedTableCss
   }), props.children);
@@ -111,26 +110,26 @@ export const StickyTable = ({
     });
   }
   /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: styles
-  }, jsx(FixedTableDiv, {
+  }, /*#__PURE__*/React.createElement(FixedTableDiv, {
     top: mode === 'stick' ? top : undefined,
     mode: rowHeight > 300 ? 'none' : mode,
     wrapperWidth: wrapperWidth,
     rendererAppearance: rendererAppearance
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${TableSharedCssClassName.TABLE_CONTAINER} is-sticky ${shadowClassNames || ''}`,
     "data-layout": layout,
     style: {
       width: tableWidth
     }
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: innerRef,
     className: `${TableSharedCssClassName.TABLE_STICKY_WRAPPER}`,
     style: {
       overflow: 'hidden'
     }
-  }, jsx(Table, {
+  }, /*#__PURE__*/React.createElement(Table, {
     columnWidths: columnWidths,
     layout: layout,
     isNumberColumnEnabled: isNumberColumnEnabled,