@atlaskit/renderer 108.17.2 → 108.17.4

package/dist/esm/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';
 var WrapIcon = function 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"
@@ -28,18 +26,18 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
     wrapLongLines = _ref.wrapLongLines,
     intl = _ref.intl;
   var wrapMessage = intl.formatMessage(wrapLongLines ? codeBlockButtonMessages.unwrapCode : codeBlockButtonMessages.wrapCode);
-  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: wrapMessage,
       hideTooltipOnClick: false,
       position: "top"
-    }, jsx(Button, {
+    }, /*#__PURE__*/React.createElement(Button, {
       appearance: "subtle",
       "aria-haspopup": true,
       "aria-label": wrapMessage,
       className: "wrap-code ".concat(wrapLongLines ? 'clicked' : ''),
-      iconBefore: jsx(Icon, {
+      iconBefore: /*#__PURE__*/React.createElement(Icon, {
         glyph: WrapIcon,
         label: ""
       }),

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

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
-/** @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';
@@ -34,22 +33,22 @@ var LightWeightCodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }),
     renderBidiWarnings = _useBidiWarnings.renderBidiWarnings;
   var 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(function (_, index) {
-    return jsx("span", {
+    return /*#__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/esm/react/nodes/codeBlock/windowedCodeBlock.js

@@ -1,9 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/** @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';
@@ -44,7 +42,7 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     isInViewport = _useInViewport.isInViewport,
     trackingRef = _useInViewport.trackingRef;
   var className = joinWithSpaces(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, rootClassName);
-  var memoizedLightWeightCodeBlock = jsx(MemoizedLightWeightCodeBlock, {
+  var memoizedLightWeightCodeBlock = /*#__PURE__*/React.createElement(MemoizedLightWeightCodeBlock, {
     ref: trackingRef,
     text: text,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
@@ -54,16 +52,16 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     _useState2 = _slicedToArray(_useState, 2),
     wrapLongLines = _useState2[0],
     setWrapLongLines = _useState2[1];
-  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/esm/react/nodes/embedCard.js

@@ -2,8 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
-/** @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';
@@ -93,9 +92,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, function (_ref2) {
+  }, /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref2) {
     var documentWidth = _ref2.width;
     var isFullWidth = rendererAppearance === 'full-width';
     var containerWidth = documentWidth;
@@ -120,12 +119,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,
@@ -136,9 +135,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,
@@ -146,7 +145,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/esm/react/nodes/heading-anchor.js

@@ -14,9 +14,8 @@ var _excluded = ["children"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { N200, N500, B400 } from '@atlaskit/theme/colors';
 import LinkIcon from '@atlaskit/icon/glyph/link';
 import Tooltip from '@atlaskit/tooltip';
@@ -26,7 +25,7 @@ export var HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
 var CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
     rest = _objectWithoutProperties(props, _excluded);
-  return jsx("span", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     className: HeadingAnchorWrapperClassName,
     ref: ref
   }), children);
@@ -91,12 +90,12 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
       _this.setTooltipState(headingAnchorLinkMessages.copyHeadingLinkToClipboard);
     });
     _defineProperty(_assertThisInitialized(_this), "renderAnchorButton", function () {
-      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, ".concat(B400, ")") : "var(--ds-icon-subtle, ".concat(N200, ")")
@@ -117,7 +116,7 @@ var HeadingAnchor = /*#__PURE__*/function (_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/esm/react/nodes/layoutColumn.js

@@ -1,18 +1,17 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @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';
 var layoutColumnClearMarginTopStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), 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: "".concat(props.width, "%")
     }
-  }, jsx(WidthProvider, null, jsx("div", {
+  }, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
     css: layoutColumnClearMarginTopStyles
   }), props.children));
 }

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

@@ -8,11 +8,8 @@ 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 { 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';
@@ -52,11 +49,11 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       var linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
       var eventHandlers = linkHref ? undefined : _this.props.eventHandlers;
       var shouldOpenMediaViewer = !linkHref && allowMediaViewer;
-      var mediaComponent = jsx(AnalyticsContext, {
+      var mediaComponent = /*#__PURE__*/React.createElement(AnalyticsContext, {
         data: _defineProperty({}, MEDIA_CONTEXT, {
           border: !!borderMark
         })
-      }, jsx(MediaCard, _extends({
+      }, /*#__PURE__*/React.createElement(MediaCard, _extends({
         mediaProvider: mediaProvider,
         contextIdentifierProvider: contextIdentifierProvider
       }, _this.props, {
@@ -68,15 +65,15 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         ssr: ssr
       })));
       var paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
-      var mediaComponentWithBorder = borderMark ? jsx("div", {
+      var 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,
@@ -118,7 +115,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       if (!providers) {
         return this.renderCard();
       }
-      return jsx(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders, {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providers,
         renderNode: this.renderCard

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

@@ -1,8 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @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';
@@ -157,7 +154,7 @@ var MediaSingle = function MediaSingle(props) {
       featureFlags: featureFlags
     });
     var uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? [uiMediaSingleBaseStyles, uiMediaSingleLayoutStyles] : [uiMediaSingleBaseStyles];
-    return jsx(UIMediaSingle, {
+    return /*#__PURE__*/React.createElement(UIMediaSingle, {
       css: uiMediaSingleStyles,
       handleMediaSingleRef: ref,
       layout: layout,
@@ -170,9 +167,9 @@ var MediaSingle = function MediaSingle(props) {
         widthType: widthType
       },
       fullWidthMode: isFullWidth
-    }, jsx(Fragment, null, mediaComponent), allowCaptions && caption);
+    }, /*#__PURE__*/React.createElement(Fragment, null, mediaComponent), allowCaptions && caption);
   };
-  return jsx(WidthConsumer, null, function (_ref3) {
+  return /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref3) {
     var width = _ref3.width;
     // Note: in SSR mode the `window` object is not defined,
     // therefore width here is 0, see:

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

@@ -1,6 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 import { css } from '@emotion/react';
 export var uiMediaSingleBaseStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  transition: all 0.1s linear;\n"])));
 export var uiMediaSingleLayoutStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 50%;\n  transform: translateX(-50%);\n"])));

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

@@ -3,9 +3,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _templateObject, _templateObject2;
 var _excluded = ["backgroundColor", "hasIcon"];
-/** @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';
@@ -39,7 +38,7 @@ var PanelStyled = function PanelStyled(_ref) {
       }), PanelType.CUSTOM, customStyle, hasIcon ? '' : 'padding-left: 12px;');
     };
   }
-  return jsx("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     css: styles
   }, props), props.children);
 };
@@ -68,7 +67,7 @@ var Panel = function Panel(props) {
   var getIcon = function getIcon() {
     if (panelType === PanelType.CUSTOM) {
       if (panelIcon && providers) {
-        return jsx(EmojiItem, {
+        return /*#__PURE__*/React.createElement(EmojiItem, {
           id: panelIconId,
           text: panelIconText,
           shortName: panelIcon,
@@ -78,19 +77,19 @@ var Panel = function Panel(props) {
       return null;
     }
     var Icon = panelIcons[panelType];
-    return jsx(Icon, {
+    return /*#__PURE__*/React.createElement(Icon, {
       label: "Panel ".concat(panelType)
     });
   };
   var icon = getIcon();
   var renderIcon = function 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,
@@ -99,7 +98,7 @@ var Panel = function 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/esm/react/nodes/table/sticky.js

@@ -3,9 +3,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @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';
@@ -38,7 +37,7 @@ export var FixedTableDiv = function FixedTableDiv(props) {
   var attrs = {
     mode: mode
   };
-  return jsx("div", _extends({}, attrs, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, attrs, {
     "data-testid": "sticky-table-fixed",
     css: fixedTableCss
   }), props.children);
@@ -74,26 +73,26 @@ export var StickyTable = function StickyTable(_ref) {
     });
   }
   /* 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: "".concat(TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
     "data-layout": layout,
     style: {
       width: tableWidth
     }
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: innerRef,
     className: "".concat(TableSharedCssClassName.TABLE_STICKY_WRAPPER),
     style: {
       overflow: 'hidden'
     }
-  }, jsx(Table, {
+  }, /*#__PURE__*/React.createElement(Table, {
     columnWidths: columnWidths,
     layout: layout,
     isNumberColumnEnabled: isNumberColumnEnabled,

package/dist/esm/ui/Expand.js

@@ -2,9 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @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';
@@ -26,7 +25,7 @@ var Container = function Container(props) {
       theme: themeProps
     }), paddingBottom);
   };
-  return jsx("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     css: styles
   }, props), props.children);
 };
@@ -37,7 +36,7 @@ var TitleContainer = function TitleContainer(props) {
       theme: themeProps
     }), "var(--ds-space-100, 8px)", paddingBottom);
   };
-  return jsx("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     css: styles
   }, props), props.children);
 };
@@ -50,7 +49,7 @@ var ContentContainer = function ContentContainer(props) {
       theme: themeProps
     }), "var(--ds-space-200, 16px)", gridSize() * 5 - gridSize() / 2, visibility);
   };
-  return jsx("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     css: styles
   }, props), props.children);
 };
@@ -97,18 +96,18 @@ function Expand(_ref) {
   var handleBlur = useCallback(function () {
     return 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: function onNestedHeaderIdMatch() {
       return setExpanded(true);
     }
-  }) : null, jsx(TitleContainer, {
+  }) : null, /*#__PURE__*/React.createElement(TitleContainer, {
     onClick: function onClick(e) {
       e.stopPropagation();
       fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent);
@@ -123,27 +122,27 @@ function Expand(_ref) {
     "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: "".concat(nodeType, "-content-wrapper")
-  }, jsx(WidthProvider, null, jsx("div", {
+  }, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
     css: clearNextSiblingMarginTopStyle
   }), children))));
 }