@atlaskit/editor-core 189.4.15 → 189.4.18

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -3,8 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _templateObject, _templateObject2;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
-import { jsx, css } from '@emotion/react';
+import { css } from '@emotion/react';
 import { Fragment } from 'react';
 import { Field } from '@atlaskit/form';
 import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
@@ -336,7 +335,7 @@ var ColorPicker = function ColorPicker(props) {
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-  return jsx(ColorPickerButton, {
+  return /*#__PURE__*/React.createElement(ColorPickerButton, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
@@ -359,7 +358,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
   var label = field.label,
     defaultValue = field.defaultValue,
     isRequired = field.isRequired;
-  return jsx(Field, {
+  return /*#__PURE__*/React.createElement(Field, {
     name: name,
     isRequired: isRequired,
     defaultValue: defaultValue,
@@ -369,21 +368,21 @@ var ColorPickerField = function ColorPickerField(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return jsx(Fragment, null, jsx("div", {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
       css: colorPickerWrapper
-    }, jsx("label", {
+    }, /*#__PURE__*/React.createElement("label", {
       css: colorPickerLabel
-    }, label, isRequired && jsx("span", {
+    }, label, isRequired && /*#__PURE__*/React.createElement("span", {
       css: requiredIndicator,
       "aria-hidden": "true"
-    }, "*")), jsx(ColorPicker, {
+    }, "*")), /*#__PURE__*/React.createElement(ColorPicker, {
       name: name,
       title: label,
       currentColor: fieldProps.value,
       onChange: fieldProps.onChange,
       onFieldChange: onFieldChange,
       featureFlags: featureFlags
-    })), error && jsx(FieldMessages, {
+    })), error && /*#__PURE__*/React.createElement(FieldMessages, {
       error: error,
       description: ""
     }));

package/dist/esm/ui/ConfigPanel/Fields/DateRange.js

@@ -6,9 +6,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
 import { Fragment, useState, useEffect, useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { Field } from '@atlaskit/form';
 import { RadioGroup } from '@atlaskit/radio';
@@ -32,10 +31,10 @@ var DateField = function DateField(_ref) {
     onFieldChange = _ref.onFieldChange,
     intl = _ref.intl,
     isRequired = _ref.isRequired;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: horizontalFieldWrapper,
     key: fieldName
-  }, jsx(Field, {
+  }, /*#__PURE__*/React.createElement(Field, {
     name: "".concat(scope, ".").concat(fieldName),
     label: intl.formatMessage(messages[fieldName]),
     defaultValue: getFromDefaultValue(parentField, fieldName),
@@ -48,13 +47,13 @@ var DateField = function DateField(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return jsx(Fragment, null, jsx(DatePicker, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DatePicker, _extends({}, fieldProps, {
       onChange: function onChange(date) {
         fieldProps.onChange(date);
         onFieldChange(parentField.name, true);
       },
       locale: intl.locale
-    })), jsx(FieldMessages, {
+    })), /*#__PURE__*/React.createElement(FieldMessages, {
       error: error
     }));
   }));
@@ -83,17 +82,17 @@ var DateRange = function DateRange(_ref3) {
     // get the most up to date value after the form has been rendered
     onFieldChange(name, true);
   }, [currentValue, onFieldChange, name]);
-  var element = jsx(Fragment, null, jsx("div", {
+  var element = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     css: hidden
-  }, jsx(Field, {
+  }, /*#__PURE__*/React.createElement(Field, {
     name: "".concat(name, ".type"),
     defaultValue: 'date-range'
   }, function (_ref4) {
     var fieldProps = _ref4.fieldProps;
-    return jsx(TextField, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
       type: "hidden"
     }));
-  })), jsx(Field, {
+  })), /*#__PURE__*/React.createElement(Field, {
     name: "".concat(name, ".value"),
     label: field.label,
     defaultValue: currentValue,
@@ -104,42 +103,42 @@ var DateRange = function DateRange(_ref3) {
   }, function (_ref5) {
     var fieldProps = _ref5.fieldProps,
       error = _ref5.error;
-    return jsx(Fragment, null, jsx(RadioGroup, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(RadioGroup, _extends({}, fieldProps, {
       options: items,
       onChange: function onChange(event) {
         fieldProps.onChange(event.target.value);
         setCurrentValue(event.target.value);
       }
-    })), jsx(FieldMessages, {
+    })), /*#__PURE__*/React.createElement(FieldMessages, {
       error: error
     }));
-  }), currentValue !== 'custom' ? jsx("div", {
+  }), currentValue !== 'custom' ? /*#__PURE__*/React.createElement("div", {
     css: hidden
-  }, jsx(Field, {
+  }, /*#__PURE__*/React.createElement(Field, {
     name: "".concat(name, ".from"),
     defaultValue: currentValue
   }, function (_ref6) {
     var fieldProps = _ref6.fieldProps;
-    return jsx(TextField, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
       type: "hidden"
     }));
-  })) : jsx("div", {
+  })) : /*#__PURE__*/React.createElement("div", {
     css: horizontalFields
-  }, jsx(DateField, {
+  }, /*#__PURE__*/React.createElement(DateField, {
     scope: name,
     parentField: field,
     fieldName: "from",
     onFieldChange: onFieldChange,
     intl: intl,
     isRequired: field.isRequired
-  }), jsx(DateField, {
+  }), /*#__PURE__*/React.createElement(DateField, {
     scope: name,
     parentField: field,
     fieldName: "to",
     onFieldChange: onFieldChange,
     intl: intl,
     isRequired: field.isRequired
-  })), jsx(FieldMessages, {
+  })), /*#__PURE__*/React.createElement(FieldMessages, {
     description: field.description
   }));
   return element;

package/dist/esm/ui/ConfigPanel/Fields/Expand.js

@@ -1,9 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/** @jsx jsx */
 import React, { useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { N40 } from '@atlaskit/theme/colors';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
@@ -27,26 +26,26 @@ function Expand(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     expanded = _useState2[0],
     setExpanded = _useState2[1];
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-testid": "expand-config-field",
     css: expandContainer
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: expandControl
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: labelContainer
-  }, field.label), jsx("div", {
+  }, field.label), /*#__PURE__*/React.createElement("div", {
     css: chevronContainer
-  }, jsx(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       setExpanded(!expanded);
     },
     testId: "form-expand-toggle",
-    iconBefore: expanded ? jsx(ChevronDownIcon, {
+    iconBefore: expanded ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
       label: intl.formatMessage(messages.collapse)
-    }) : jsx(ChevronRightIcon, {
+    }) : /*#__PURE__*/React.createElement(ChevronRightIcon, {
       label: intl.formatMessage(messages.expand)
     })
-  }))), jsx("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     "data-testid": "expand-content-container",
     css: expandContentContainer(!expanded)
   }, children));

package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js

@@ -13,9 +13,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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, { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import SectionMessage from '@atlaskit/section-message';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -174,7 +173,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
       if (selectOptions.length === 0) {
         return null;
       }
-      return jsx(React.Fragment, null, isAdding ? jsx(Select, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, isAdding ? /*#__PURE__*/React.createElement(Select, {
         testId: "field-picker",
         defaultMenuIsOpen: true,
         autoFocus: true,
@@ -185,10 +184,10 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
             _this.onSelectItem(option);
           }
         }
-      }) : jsx(Button, {
+      }) : /*#__PURE__*/React.createElement(Button, {
         testId: "add-more",
         appearance: "subtle",
-        iconBefore: jsx(AddCircleIcon, {
+        iconBefore: /*#__PURE__*/React.createElement(AddCircleIcon, {
           size: "small",
           label: intl.formatMessage(messages.addField)
         }),
@@ -225,9 +224,9 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         currentParameters = _this$state3.currentParameters,
         visibleFields = _this$state3.visibleFields;
       var children = this.renderActions();
-      return jsx(Fragment, null, error && jsx(FieldsetError, {
+      return /*#__PURE__*/React.createElement(Fragment, null, error && /*#__PURE__*/React.createElement(FieldsetError, {
         message: error
-      }), jsx("div", null, options.showTitle && jsx("h5", null, label), jsx(FormComponent, {
+      }), /*#__PURE__*/React.createElement("div", null, options.showTitle && /*#__PURE__*/React.createElement("h5", null, label), /*#__PURE__*/React.createElement(FormComponent, {
         fields: selectedFields,
         parentName: name,
         extensionManifest: extensionManifest,
@@ -236,7 +235,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         onClickRemove: this.onClickRemove,
         onFieldChange: onFieldChange,
         firstVisibleFieldName: firstVisibleFieldName
-      }), children && jsx("div", {
+      }), children && /*#__PURE__*/React.createElement("div", {
         css: actionsWrapper,
         "data-testId": "fieldset-actions"
       }, children)));
@@ -246,11 +245,11 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 function FieldsetError(_ref) {
   var message = _ref.message;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: sectionMessageWrapper
-  }, jsx(SectionMessage, {
+  }, /*#__PURE__*/React.createElement(SectionMessage, {
     appearance: "error"
-  }, jsx("p", null, message)));
+  }, /*#__PURE__*/React.createElement("p", null, message)));
 }
 var sectionMessageWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 24px;\n"])));
 export default injectIntl(FieldsetField);

package/dist/esm/ui/ConfigPanel/Fields/SelectItem.js

@@ -1,7 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Avatar from '@atlaskit/avatar';
 var itemWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  small {\n    margin: 0;\n    display: block;\n    color: currentColor;\n  }\n"])));
 var iconWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  line-height: 1;\n"])));
@@ -17,17 +16,17 @@ export var formatOptionLabel = function formatOptionLabel(_ref, _ref2) {
     icon = _ref.icon,
     description = _ref.description;
   var context = _ref2.context;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: itemWrapper
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     css: [iconWrapper, context === 'menu' && iconWrapperMenu]
-  }, typeof icon === 'string' ? jsx(Avatar, {
+  }, typeof icon === 'string' ? /*#__PURE__*/React.createElement(Avatar, {
     src: icon,
     size: getIconSize(context, description),
     appearance: "square"
-  }) : icon), jsx("div", {
+  }) : icon), /*#__PURE__*/React.createElement("div", {
     style: {
       paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
     }
-  }, jsx("p", null, label, description && context !== 'value' && jsx("small", null, description))));
+  }, /*#__PURE__*/React.createElement("p", null, label, description && context !== 'value' && /*#__PURE__*/React.createElement("small", null, description))));
 };

package/dist/esm/ui/ConfigPanel/Fields/TabGroup.js

@@ -1,9 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 import React, { useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 var tabWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // increase specificity to make sure the tab style is overridden\n  &&& [role='tabpanel'][tabindex] {\n    padding: 0;\n  }\n\n  &&& [role='tablist']::before {\n    left: 0;\n    right: 0;\n  }\n"])));
@@ -25,22 +24,22 @@ var TabGroupImpl = function TabGroupImpl(props) {
   var onChange = React.useCallback(function (index) {
     setActiveTab(index);
   }, [setActiveTab]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: tabWrapper
-  }, jsx(Tabs, {
+  }, /*#__PURE__*/React.createElement(Tabs, {
     id: "configPanelTabs-".concat(field.name),
     onChange: onChange,
     selected: activeTab
-  }, jsx(TabList, null, fields.map(function (_ref) {
+  }, /*#__PURE__*/React.createElement(TabList, null, fields.map(function (_ref) {
     var name = _ref.name,
       label = _ref.label;
-    return jsx(Tab, {
+    return /*#__PURE__*/React.createElement(Tab, {
       key: "tab-".concat(name)
     }, label);
   })), fields.map(function (field) {
-    return jsx(TabPanel, {
+    return /*#__PURE__*/React.createElement(TabPanel, {
       key: "panel-".concat(field.name)
-    }, jsx("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       css: panelWrapper
     }, renderPanel(field)));
   })));

package/dist/esm/ui/ConfigPanel/Header.js

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-/** @jsx jsx */
 import { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Loadable from 'react-loadable';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -36,35 +35,35 @@ var Header = function Header(_ref) {
       return null;
     }
   });
-  return jsx(Fragment, null, jsx("div", {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     css: item
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: itemIcon
-  }, jsx(ResolvedIcon, {
+  }, /*#__PURE__*/React.createElement(ResolvedIcon, {
     label: title
-  })), jsx("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     css: itemBody
-  }, summary ? jsx("div", {
+  }, summary ? /*#__PURE__*/React.createElement("div", {
     css: itemText
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "item-title",
     id: "context-panel-title"
-  }, title), jsx("div", {
+  }, title), /*#__PURE__*/React.createElement("div", {
     className: "item-summary"
-  }, summary)) : jsx("div", {
+  }, summary)) : /*#__PURE__*/React.createElement("div", {
     css: centeredItemTitle,
     id: "context-panel-title"
-  }, title)), jsx("div", {
+  }, title)), /*#__PURE__*/React.createElement("div", {
     css: closeButtonWrapper
-  }, jsx(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
-    iconBefore: jsx(CrossIcon, {
+    iconBefore: /*#__PURE__*/React.createElement(CrossIcon, {
       label: intl.formatMessage(messages.close)
     }),
     onClick: onClose
-  }))), (description || documentationUrl) && jsx("p", {
+  }))), (description || documentationUrl) && /*#__PURE__*/React.createElement("p", {
     css: descriptionStyle
-  }, description && jsx(Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && jsx("a", {
+  }, description && /*#__PURE__*/React.createElement(Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && /*#__PURE__*/React.createElement("a", {
     target: "_blank",
     rel: "noopener noreferrer",
     href: documentationUrl

package/dist/esm/ui/ConfigPanel/LoadingState.js

@@ -1,14 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
 var spinnerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  margin-top: ", ";\n"])), "var(--ds-space-800, 64px)");
 var LoadingState = function LoadingState() {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: spinnerWrapper,
     "data-testid": "ConfigPanelLoading"
-  }, jsx(Spinner, {
+  }, /*#__PURE__*/React.createElement(Spinner, {
     size: "small"
   }));
 };

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

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import Tooltip from '@atlaskit/tooltip';
@@ -23,17 +22,17 @@ var RemovableField = function RemovableField(_ref) {
     return onClickRemove && onClickRemove(name);
   }, [name, onClickRemove]);
   var hasMarginBottom = ((_children$props$field = children.props.field) === null || _children$props$field === void 0 ? void 0 : _children$props$field.type) !== 'expand';
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [removableFieldWrapper, hasMarginBottom && wrapperWithMarginBottom],
     className: className
-  }, children, canRemoveField && jsx("div", {
+  }, children, canRemoveField && /*#__PURE__*/React.createElement("div", {
     css: removeButtonWrapper,
     "data-testid": "remove-field-".concat(name),
     onClick: onClickCallback
-  }, jsx(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     content: intl.formatMessage(messages.removeField),
     position: "left"
-  }, jsx(CrossCircleIcon, {
+  }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
     size: "small",
     label: intl.formatMessage(messages.removeField)
   }))));

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

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-/** @jsx jsx */
 import React, { useMemo } from 'react';
-import { jsx, css, useTheme } from '@emotion/react';
+import { css, useTheme } from '@emotion/react';
 import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles, gridStyles, smartCardStyles, embedCardStyles, codeBlockInListSafariFix, unsupportedStyles } from '@atlaskit/editor-common/styles';
 import { akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackgroundWithOpacity, akEditorSelectedNodeClassName, blockNodesVerticalMargin, editorFontSize, getSelectionStyles, SelectionStyle, akEditorLineHeight, akEditorSelectedBorderColor } from '@atlaskit/editor-shared-styles';
 import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
@@ -53,7 +52,7 @@ export var createEditorContentStyle = function createEditorContentStyle(styles)
         featureFlags: featureFlags
       });
     }, [theme, featureFlags]);
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: className,
       ref: ref,
       css: [memoizedStyle, styles]

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

@@ -14,9 +14,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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, { useContext } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Transition from 'react-transition-group/Transition';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
@@ -87,7 +86,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       if (!currentPluginContent) {
         return;
       }
-      return jsx(Transition, {
+      return /*#__PURE__*/React.createElement(Transition, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: !!pluginContent,
         mountOnEnter: true,
@@ -102,7 +101,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       if (!children) {
         return;
       }
-      return jsx(Transition, {
+      return /*#__PURE__*/React.createElement(Transition, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
@@ -137,7 +136,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       var width = akEditorContextPanelWidth;
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
-      return jsx(ContextPanelConsumer, null, function (_ref) {
+      return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref) {
         var broadcastWidth = _ref.broadcastWidth,
           broadcastPosition = _ref.broadcastPosition,
           positionedOverEditor = _ref.positionedOverEditor;
@@ -145,7 +144,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
         var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width, editorView) : false;
         broadcastWidth(contextPanelWidth);
         (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
-        return jsx("div", {
+        return /*#__PURE__*/React.createElement("div", {
           css: [panel, !visible && panelHidden,
           /**
            * Only use absolute position for panel when screen size is wide enough
@@ -155,7 +154,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
           "data-testid": "context-panel-panel",
           "aria-labelledby": "context-panel-title",
           role: "dialog"
-        }, jsx("div", {
+        }, /*#__PURE__*/React.createElement("div", {
           "data-testid": "context-panel-content",
           css: [content, !visible && panelHidden]
         }, _this2.showPluginContent() || _this2.showProvidedContent(userVisible)));
@@ -203,11 +202,11 @@ function ContextPanelWithActions(_ref2) {
   var _useContext = useContext(WidthContext),
     width = _useContext.width;
   if (!eventDispatcher) {
-    return jsx(SwappableContentArea, _extends({
+    return /*#__PURE__*/React.createElement(SwappableContentArea, _extends({
       editorView: editorView
     }, props));
   }
-  return jsx(WithPluginState, {
+  return /*#__PURE__*/React.createElement(WithPluginState, {
     eventDispatcher: eventDispatcher,
     plugins: {
       contextPanel: contextPanelPluginKey,
@@ -221,7 +220,7 @@ function ContextPanelWithActions(_ref2) {
         containerWidth: width,
         contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
       });
-      return jsx(SwappableContentArea, _extends({}, props, {
+      return /*#__PURE__*/React.createElement(SwappableContentArea, _extends({}, props, {
         editorView: editorView,
         pluginContent: firstContent,
         editorWidth: editorWidth
@@ -230,9 +229,9 @@ function ContextPanelWithActions(_ref2) {
   });
 }
 export default function ContextPanel(props) {
-  return jsx(WithEditorActions, {
+  return /*#__PURE__*/React.createElement(WithEditorActions, {
     render: function render(actions) {
-      return jsx(ContextPanelWithActions, _extends({
+      return /*#__PURE__*/React.createElement(ContextPanelWithActions, _extends({
         actions: actions
       }, props));
     }

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

@@ -9,9 +9,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { whichTransitionEvent } from '../../utils';
 import { ErrorBoundary } from '../ErrorBoundary';
@@ -107,14 +106,14 @@ var PluginSlot = /*#__PURE__*/function (_React$Component) {
       if (!items && !pluginHooks || !editorView) {
         return null;
       }
-      return jsx(ErrorBoundary, {
+      return /*#__PURE__*/React.createElement(ErrorBoundary, {
         component: ACTION_SUBJECT.PLUGIN_SLOT,
         fallbackComponent: null
-      }, jsx(MountPluginHooks, {
+      }, /*#__PURE__*/React.createElement(MountPluginHooks, {
         editorView: editorView,
         pluginHooks: pluginHooks,
         containerElement: containerElement
-      }), jsx("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         css: pluginsComponentsWrapper
       }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
         var props = {

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

@@ -7,9 +7,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 var toolbarComponentsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n\n  @media (max-width: ", "px) {\n    justify-content: space-between;\n  }\n"])), akEditorMobileMaxWidth);
 export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
@@ -45,7 +44,7 @@ export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
       if (!items || !items.length) {
         return null;
       }
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: toolbarComponentsWrapper
       }, items.map(function (component, key) {
         var props = {