@atlaskit/renderer 108.17.2 → 108.17.4

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.getMediaContainerWidth = exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -16,8 +15,6 @@ var _style = require("../../../ui/Renderer/style");
 var _styles = require("./styles");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/** @jsx jsx */
-
 var DEFAULT_WIDTH = 250;
 var DEFAULT_HEIGHT = 200;
 var isMediaElement = function isMediaElement(media) {
@@ -167,7 +164,7 @@ var MediaSingle = function MediaSingle(props) {
       featureFlags: featureFlags
     });
     var uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? [_styles.uiMediaSingleBaseStyles, _styles.uiMediaSingleLayoutStyles] : [_styles.uiMediaSingleBaseStyles];
-    return (0, _react2.jsx)(_ui.MediaSingle, {
+    return /*#__PURE__*/_react.default.createElement(_ui.MediaSingle, {
       css: uiMediaSingleStyles,
       handleMediaSingleRef: ref,
       layout: layout,
@@ -180,9 +177,9 @@ var MediaSingle = function MediaSingle(props) {
         widthType: widthType
       },
       fullWidthMode: isFullWidth
-    }, (0, _react2.jsx)(_react.Fragment, null, mediaComponent), allowCaptions && caption);
+    }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, mediaComponent), allowCaptions && caption);
   };
-  return (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref3) {
+  return /*#__PURE__*/_react.default.createElement(_ui.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/cjs/react/nodes/mediaSingle/styles.js

@@ -8,6 +8,5 @@ exports.uiMediaSingleLayoutStyles = exports.uiMediaSingleBaseStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 var uiMediaSingleBaseStyles = exports.uiMediaSingleBaseStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  transition: all 0.1s linear;\n"])));
 var uiMediaSingleLayoutStyles = exports.uiMediaSingleLayoutStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 50%;\n  transform: translateX(-50%);\n"])));

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

@@ -19,9 +19,7 @@ var _emoji2 = _interopRequireDefault(require("./emoji"));
 var _theme = require("@atlaskit/theme");
 var _icons = require("@atlaskit/editor-common/icons");
 var _templateObject, _templateObject2;
-var _excluded = ["backgroundColor", "hasIcon"];
-/** @jsx jsx */
-// AFP-2532 TODO: Fix automatic suppressions below
+var _excluded = ["backgroundColor", "hasIcon"]; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 var PanelStyled = function PanelStyled(_ref) {
   var backgroundColor = _ref.backgroundColor,
@@ -46,7 +44,7 @@ var PanelStyled = function PanelStyled(_ref) {
       }), _adfSchema.PanelType.CUSTOM, customStyle, hasIcon ? '' : 'padding-left: 12px;');
     };
   }
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     css: styles
   }, props), props.children);
 };
@@ -75,7 +73,7 @@ var Panel = function Panel(props) {
   var getIcon = function getIcon() {
     if (panelType === _adfSchema.PanelType.CUSTOM) {
       if (panelIcon && providers) {
-        return (0, _react2.jsx)(_emoji2.default, {
+        return /*#__PURE__*/_react.default.createElement(_emoji2.default, {
           id: panelIconId,
           text: panelIconText,
           shortName: panelIcon,
@@ -85,19 +83,19 @@ var Panel = function Panel(props) {
       return null;
     }
     var Icon = panelIcons[panelType];
-    return (0, _react2.jsx)(Icon, {
+    return /*#__PURE__*/_react.default.createElement(Icon, {
       label: "Panel ".concat(panelType)
     });
   };
   var icon = getIcon();
   var renderIcon = function renderIcon() {
     if (icon) {
-      return (0, _react2.jsx)("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: _panel.PanelSharedCssClassName.icon
       }, icon);
     }
   };
-  return (0, _react2.jsx)(PanelStyled, {
+  return /*#__PURE__*/_react.default.createElement(PanelStyled, {
     className: _panel.PanelSharedCssClassName.prefix,
     "data-panel-type": panelType,
     "data-panel-color": panelColor,
@@ -106,7 +104,7 @@ var Panel = function Panel(props) {
     "data-panel-icon-text": panelIconText,
     backgroundColor: panelColor,
     hasIcon: Boolean(icon)
-  }, renderIcon(), (0, _react2.jsx)("div", {
+  }, renderIcon(), /*#__PURE__*/_react.default.createElement("div", {
     className: _panel.PanelSharedCssClassName.content
   }, children));
 };

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

@@ -18,7 +18,6 @@ var _table = require("./table");
 var _injectProps = require("../../utils/inject-props");
 var _table2 = require("../table");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @jsx jsx */
 var tableStickyPadding = exports.tableStickyPadding = 8;
 var modeSpecficStyles = {
   none: (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    display: none;\n  "]))),
@@ -45,7 +44,7 @@ var FixedTableDiv = exports.FixedTableDiv = function FixedTableDiv(props) {
   var attrs = {
     mode: mode
   };
-  return (0, _react2.jsx)("div", (0, _extends2.default)({}, attrs, {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, attrs, {
     "data-testid": "sticky-table-fixed",
     css: fixedTableCss
   }), props.children);
@@ -81,26 +80,26 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
     });
   }
   /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: styles
-  }, (0, _react2.jsx)(FixedTableDiv, {
+  }, /*#__PURE__*/_react.default.createElement(FixedTableDiv, {
     top: mode === 'stick' ? top : undefined,
     mode: rowHeight > 300 ? 'none' : mode,
     wrapperWidth: wrapperWidth,
     rendererAppearance: rendererAppearance
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
     "data-layout": layout,
     style: {
       width: tableWidth
     }
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: innerRef,
     className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER),
     style: {
       overflow: 'hidden'
     }
-  }, (0, _react2.jsx)(_table.Table, {
+  }, /*#__PURE__*/_react.default.createElement(_table.Table, {
     columnWidths: columnWidths,
     layout: layout,
     isNumberColumnEnabled: isNumberColumnEnabled,

package/dist/cjs/ui/Expand.js

@@ -22,9 +22,7 @@ var _reactIntlNext = require("react-intl-next");
 var _activeHeaderIdProvider = require("./active-header-id-provider");
 var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
 var _utils = require("../utils");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @jsx jsx */
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+var _templateObject, _templateObject2, _templateObject3, _templateObject4; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var titleStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  outline: none;\n  border: none;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: normal;\n  display: flex;\n  flex: 1;\n  margin: 0;\n  padding: 0 0 0 ", ";\n  text-align: left;\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), _editorSharedStyles.akEditorLineHeight, "var(--ds-space-050, 4px)");
@@ -36,7 +34,7 @@ var Container = function Container(props) {
       theme: themeProps
     }), paddingBottom);
   };
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     css: styles
   }, props), props.children);
 };
@@ -47,7 +45,7 @@ var TitleContainer = function TitleContainer(props) {
       theme: themeProps
     }), "var(--ds-space-100, 8px)", paddingBottom);
   };
-  return (0, _react2.jsx)("button", (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
     css: styles
   }, props), props.children);
 };
@@ -60,7 +58,7 @@ var ContentContainer = function ContentContainer(props) {
       theme: themeProps
     }), "var(--ds-space-200, 16px)", (0, _constants.gridSize)() * 5 - (0, _constants.gridSize)() / 2, visibility);
   };
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     css: styles
   }, props), props.children);
 };
@@ -107,18 +105,18 @@ function Expand(_ref) {
   var handleBlur = (0, _react.useCallback)(function () {
     return setFocused(false);
   }, []);
-  return (0, _react2.jsx)(Container, {
+  return /*#__PURE__*/_react.default.createElement(Container, {
     "data-node-type": nodeType,
     "data-title": title,
     "data-expanded": expanded,
     expanded: expanded,
     focused: focused
-  }, nestedHeaderIds && nestedHeaderIds.length > 0 ? (0, _react2.jsx)(_activeHeaderIdProvider.ActiveHeaderIdConsumer, {
+  }, nestedHeaderIds && nestedHeaderIds.length > 0 ? /*#__PURE__*/_react.default.createElement(_activeHeaderIdProvider.ActiveHeaderIdConsumer, {
     nestedHeaderIds: nestedHeaderIds,
     onNestedHeaderIdMatch: function onNestedHeaderIdMatch() {
       return setExpanded(true);
     }
-  }) : null, (0, _react2.jsx)(TitleContainer, {
+  }) : null, /*#__PURE__*/_react.default.createElement(TitleContainer, {
     onClick: function onClick(e) {
       e.stopPropagation();
       fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent);
@@ -133,27 +131,27 @@ function Expand(_ref) {
     "aria-expanded": expanded,
     contentEditable: false,
     expanded: expanded
-  }, isMobile ? (0, _react2.jsx)(_ui.ExpandIconWrapper, {
+  }, isMobile ? /*#__PURE__*/_react.default.createElement(_ui.ExpandIconWrapper, {
     expanded: expanded
-  }, (0, _react2.jsx)(_chevronRight.default, {
+  }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
     label: label
-  })) : (0, _react2.jsx)(_tooltip.default, {
+  })) : /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: label,
     position: "top",
     tag: _ui.ExpandLayoutWrapperWithRef,
     testId: 'tooltip'
-  }, (0, _react2.jsx)(_ui.ExpandIconWrapper, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.ExpandIconWrapper, {
     expanded: expanded
-  }, (0, _react2.jsx)(_chevronRight.default, {
+  }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
     label: label
-  }))), (0, _react2.jsx)("span", {
+  }))), /*#__PURE__*/_react.default.createElement("span", {
     css: titleStyles,
     id: id
-  }, title || intl.formatMessage(_ui.expandMessages.expandDefaultTitle))), (0, _react2.jsx)(ContentContainer, {
+  }, title || intl.formatMessage(_ui.expandMessages.expandDefaultTitle))), /*#__PURE__*/_react.default.createElement(ContentContainer, {
     expanded: expanded
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(nodeType, "-content-wrapper")
-  }, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, null, /*#__PURE__*/_react.default.createElement("div", {
     css: _ui.clearNextSiblingMarginTopStyle
   }), children))));
 }

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

@@ -15,7 +15,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
 var _traverse = require("@atlaskit/adf-utils/traverse");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
@@ -49,11 +48,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.17.2";
+var packageVersion = "108.17.4";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);
@@ -358,17 +357,17 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
         if (onComplete) {
           onComplete(stat);
         }
-        var rendererOutput = (0, _react2.jsx)(_rendererContext.RendererContextProvider, {
+        var rendererOutput = /*#__PURE__*/_react.default.createElement(_rendererContext.RendererContextProvider, {
           value: this.featureFlags(this.props.featureFlags)
-        }, (0, _react2.jsx)(_activeHeaderIdProvider.ActiveHeaderIdProvider, {
+        }, /*#__PURE__*/_react.default.createElement(_activeHeaderIdProvider.ActiveHeaderIdProvider, {
           value: (0, _links.getActiveHeadingId)(allowHeadingAnchorLinks)
-        }, (0, _react2.jsx)(_analyticsContext.default.Provider, {
+        }, /*#__PURE__*/_react.default.createElement(_analyticsContext.default.Provider, {
           value: {
             fireAnalyticsEvent: function fireAnalyticsEvent(event) {
               return _this3.fireAnalyticsEvent(event);
             }
           }
-        }, (0, _react2.jsx)(_SmartCardStorage.Provider, null, (0, _react2.jsx)(RendererWrapper, {
+        }, /*#__PURE__*/_react.default.createElement(_SmartCardStorage.Provider, null, /*#__PURE__*/_react.default.createElement(RendererWrapper, {
           appearance: appearance,
           allowNestedHeaderLinks: allowNestedHeaderLinks,
           allowColumnSorting: allowColumnSorting,
@@ -381,30 +380,30 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
           innerRef: this.editorRef,
           onClick: handleWrapperOnClick,
           onMouseDown: this.onMouseDownEditView
-        }, enableSsrInlineScripts ? (0, _react2.jsx)(_breakoutSsr.BreakoutSSRInlineScript, null) : null, (0, _react2.jsx)(RendererActionsInternalUpdater, {
+        }, enableSsrInlineScripts ? /*#__PURE__*/_react.default.createElement(_breakoutSsr.BreakoutSSRInlineScript, null) : null, /*#__PURE__*/_react.default.createElement(RendererActionsInternalUpdater, {
           doc: pmDoc,
           schema: schema,
           onAnalyticsEvent: this.fireAnalyticsEvent
         }, result))))));
-        var rendererResult = truncated ? (0, _react2.jsx)(_truncatedWrapper.TruncatedWrapper, {
+        var rendererResult = truncated ? /*#__PURE__*/_react.default.createElement(_truncatedWrapper.TruncatedWrapper, {
           height: maxHeight,
           fadeHeight: fadeOutHeight
         }, rendererOutput) : rendererOutput;
         var rendererRenderTracking = (_this$featureFlags2 = this.featureFlags(this.props.featureFlags)) === null || _this$featureFlags2 === void 0 || (_this$featureFlags2 = _this$featureFlags2.featureFlags) === null || _this$featureFlags2 === void 0 || (_this$featureFlags2 = _this$featureFlags2.rendererRenderTracking) === null || _this$featureFlags2 === void 0 ? void 0 : _this$featureFlags2[_analytics.ACTION_SUBJECT.RENDERER];
-        var reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && (0, _react2.jsx)(_RenderTracking.RenderTracking, {
+        var reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && /*#__PURE__*/_react.default.createElement(_RenderTracking.RenderTracking, {
           componentProps: this.props,
           action: _analytics.ACTION.RE_RENDERED,
           actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
           handleAnalyticsEvent: this.fireAnalyticsEvent,
           useShallow: rendererRenderTracking.useShallow
         });
-        return (0, _react2.jsx)(_react.Fragment, null, reRenderTracking, rendererResult);
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, reRenderTracking, rendererResult);
       } catch (e) {
         var _featureFlags$feature2;
         if (onError) {
           onError(e);
         }
-        return (0, _react2.jsx)(RendererWrapper, {
+        return /*#__PURE__*/_react.default.createElement(RendererWrapper, {
           appearance: appearance,
           allowCopyToClipboard: allowCopyToClipboard,
           allowWrapCodeBlock: allowWrapCodeBlock,
@@ -414,7 +413,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
           useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
           addTelepointer: this.props.addTelepointer,
           onClick: handleWrapperOnClick
-        }, (0, _react2.jsx)(_ui.UnsupportedBlock, null));
+        }, /*#__PURE__*/_react.default.createElement(_ui.UnsupportedBlock, null));
       }
     }
   }, {
@@ -435,7 +434,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   return Renderer;
 }(_react.PureComponent);
 var RendererWithAnalytics = /*#__PURE__*/_react.default.memo(function (props) {
-  return (0, _react2.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
+  return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
     data: {
       appearance: (0, _utils.getAnalyticsAppearance)(props.appearance),
       packageName: packageName,
@@ -443,15 +442,15 @@ var RendererWithAnalytics = /*#__PURE__*/_react.default.memo(function (props) {
       componentName: 'renderer',
       editorSessionId: (0, _v.default)()
     }
-  }, (0, _react2.jsx)(_ui.WithCreateAnalyticsEvent, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.WithCreateAnalyticsEvent, {
     render: function render(createAnalyticsEvent) {
       // `IntlErrorBoundary` only captures Internationalisation errors, leaving others for `ErrorBoundary`.
-      return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
+      return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
         component: _analytics.ACTION_SUBJECT.RENDERER,
         rethrowError: true,
         fallbackComponent: null,
         createAnalyticsEvent: createAnalyticsEvent
-      }, (0, _react2.jsx)(_ui.IntlErrorBoundary, null, (0, _react2.jsx)(Renderer, (0, _extends2.default)({}, props, {
+      }, /*#__PURE__*/_react.default.createElement(_ui.IntlErrorBoundary, null, /*#__PURE__*/_react.default.createElement(Renderer, (0, _extends2.default)({}, props, {
         createAnalyticsEvent: createAnalyticsEvent
       }))));
     }
@@ -518,12 +517,12 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
       };
     }
   }, [innerRef, addTelepointer]);
-  return (0, _react2.jsx)(_ui.WidthProvider, {
+  return /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, {
     className: "ak-renderer-wrapper is-".concat(appearance),
     "data-appearance": appearance
-  }, (0, _react2.jsx)(_ui.BaseTheme, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.BaseTheme, {
     baseFontSize: appearance && appearance !== 'comment' ? _editorSharedStyles.akEditorFullPageDefaultFontSize : undefined
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: innerRef,
     onClick: onClick,
     onMouseDown: onMouseDown,
@@ -560,15 +559,15 @@ var RendererWithAnnotationSelection = function RendererWithAnnotationSelection(p
   var localRef = _react.default.useRef(null);
   var innerRef = props.innerRef || localRef;
   if (!allowAnnotations) {
-    return (0, _react2.jsx)(RendererWithAnalytics, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(RendererWithAnalytics, (0, _extends2.default)({
       innerRef: innerRef
     }, props));
   }
-  return (0, _react2.jsx)(_RendererActionsContext.RendererActionsContext, null, (0, _react2.jsx)(_annotations.AnnotationsWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_RendererActionsContext.RendererActionsContext, null, /*#__PURE__*/_react.default.createElement(_annotations.AnnotationsWrapper, {
     rendererRef: innerRef,
     adfDocument: adfDocument,
     annotationProvider: props.annotationProvider
-  }, (0, _react2.jsx)(RendererWithAnalytics, (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement(RendererWithAnalytics, (0, _extends2.default)({
     innerRef: innerRef
   }, props, {
     featureFlags: props.featureFlags

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

@@ -14,7 +14,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _react2 = require("react");
 var _templateObject;
-/** @jsx jsx */
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var fadeOutStyles = function fadeOutStyles(maxHeight, top, backgroundColor) {
@@ -27,7 +26,7 @@ var FadeOut = function FadeOut(props) {
     height = props.height;
   var top = height - fadeHeight;
   var styles = fadeOutStyles(height, top, backgroundColor);
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: styles
   }, children);
 };
@@ -51,7 +50,7 @@ var TruncatedWrapper = exports.TruncatedWrapper = /*#__PURE__*/function (_Compon
         _this$props$backgroun = _this$props.backgroundColor,
         backgroundColor = _this$props$backgroun === void 0 ? "var(--ds-surface, white)" : _this$props$backgroun,
         children = _this$props.children;
-      return (0, _react.jsx)(FadeOut, {
+      return /*#__PURE__*/React.createElement(FadeOut, {
         height: height,
         fadeHeight: fadeHeight,
         backgroundColor: backgroundColor

package/dist/cjs/ui/SortingIcon.js

@@ -14,7 +14,6 @@ var _messages = require("../messages");
 var _reactIntlNext = require("react-intl-next");
 var _consts = require("../consts");
 var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
 var StatusClassNames = exports.StatusClassNames = /*#__PURE__*/function (StatusClassNames) {
   StatusClassNames["ASC"] = "sorting-icon-svg__asc";
   StatusClassNames["DESC"] = "sorting-icon-svg__desc";
@@ -100,11 +99,11 @@ var SortingIcon = function SortingIcon(_ref) {
       onKeyDown(event);
     }
   };
-  return (0, _react.jsx)(_tooltip.default, {
+  return /*#__PURE__*/React.createElement(_tooltip.default, {
     delay: 0,
     content: content,
     position: "top"
-  }, (0, _react.jsx)("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: buttonStyles,
     className: buttonClassName,
     role: "button",
@@ -113,10 +112,10 @@ var SortingIcon = function SortingIcon(_ref) {
     "aria-disabled": !isSortingAllowed,
     onClick: handleClick,
     onKeyDown: handleKeyDown
-  }, (0, _react.jsx)("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: iconWrapperStyles,
     className: getIconClassName(isSortingAllowed, sortOrdered)
-  }, (0, _react.jsx)("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: iconStyles
   }))));
 };

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

@@ -17,7 +17,6 @@ var _position = require("./position");
 var _dom = require("./dom");
 var _styles = require("@atlaskit/editor-common/styles");
 var _templateObject;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var markStyles = function markStyles(props) {
@@ -26,7 +25,7 @@ var markStyles = function markStyles(props) {
 var AnnotationDraft = exports.AnnotationDraft = function AnnotationDraft(_ref) {
   var draftPosition = _ref.draftPosition,
     children = _ref.children;
-  return (0, _react2.jsx)("mark", (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("mark", (0, _extends2.default)({
     "data-renderer-mark": true
   }, (0, _dom.dataAttributes)(draftPosition), {
     css: markStyles
@@ -51,12 +50,12 @@ var applyAnnotationOnText = exports.applyAnnotationOnText = function applyAnnota
   var annotateIndex = getAnnotationIndex(shouldApplyAnnotationAt, texts.length);
   return texts.map(function (value, index) {
     if (annotateIndex === index) {
-      return (0, _react2.jsx)(AnnotationDraft, {
+      return /*#__PURE__*/_react.default.createElement(AnnotationDraft, {
         key: index,
         draftPosition: draftPosition
       }, value);
     }
-    return (0, _react2.jsx)(_react.default.Fragment, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: index
     }, value);
   });
@@ -79,27 +78,27 @@ var TextWithAnnotationDraft = exports.TextWithAnnotationDraft = function TextWit
     return (0, _position.calcInsertDraftPositionOnText)(textPosition, nextDraftPosition);
   }, [nextDraftPosition, textPosition]);
   if (shouldApplyAnnotationAt === false || !nextDraftPosition) {
-    return (0, _react2.jsx)(_react.Fragment, null, children);
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children);
   }
   if (shouldApplyAnnotationAt === _types.InsertDraftPosition.AROUND_TEXT) {
-    return (0, _react2.jsx)(AnnotationDraft, {
+    return /*#__PURE__*/_react.default.createElement(AnnotationDraft, {
       key: 0,
       draftPosition: nextDraftPosition
     }, children);
   }
   var textString = (0, _text.findTextString)(children);
   if (!textString) {
-    return (0, _react2.jsx)(_react.Fragment, null, children);
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children);
   }
   var offsets = (0, _text.calcTextSplitOffset)(nextDraftPosition, textPosition, textString);
   var texts = (0, _text.splitText)(textString, offsets);
   if (!texts) {
-    return (0, _react2.jsx)(_react.Fragment, null, children);
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children);
   }
   var components = applyAnnotationOnText({
     texts: texts,
     shouldApplyAnnotationAt: shouldApplyAnnotationAt,
     draftPosition: nextDraftPosition
   });
-  return (0, _react2.jsx)(_react.Fragment, null, components);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, components);
 };

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

@@ -15,7 +15,6 @@ var _react2 = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _templateObject;
-/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -60,7 +59,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
   } : {
     'aria-details': annotationIds.join(', ')
   };
-  return (0, _react2.jsx)("mark", (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("mark", (0, _extends2.default)({
     id: id,
     onClick: onMarkClick
   }, accessibility, overriddenData, {

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

@@ -1,18 +1,17 @@
 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 { alignmentPositionMap } from '@atlaskit/adf-schema';
 const MarkWrapper = props => {
   const styles = props['data-align'] ? css`
         text-align: ${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/es2019/react/marks/breakout.js

@@ -1,5 +1,4 @@
-/** @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';
@@ -9,9 +8,9 @@ export const wrapperStyles = css`
   transform: translateX(-50%);
 `;
 export default function Breakout(props) {
-  return jsx(WidthConsumer, null, ({
+  return /*#__PURE__*/React.createElement(WidthConsumer, null, ({
     width
-  }) => jsx("div", {
+  }) => /*#__PURE__*/React.createElement("div", {
     css: wrapperStyles,
     "data-mode": props.mode,
     style: {

package/dist/es2019/react/marks/link.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 { B400, B300, B500 } from '@atlaskit/theme/colors';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
@@ -39,7 +38,7 @@ export default function Link(props) {
   }
   const handler = getEventHandler(eventHandlers, 'link');
   if (isMediaLink) {
-    return jsx(Fragment, null, props.children);
+    return /*#__PURE__*/React.createElement(Fragment, null, props.children);
   }
   const analyticsData = {
     attributes: {
@@ -48,9 +47,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: e => {
       if (fireAnalyticsEvent) {