@atlaskit/editor-core 189.5.0 → 189.5.3

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

@@ -27,6 +27,7 @@ var _messages = require("../messages");
 var _utils = require("../utils");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2;
+/** @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; }
@@ -183,7 +184,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
       if (selectOptions.length === 0) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isAdding ? /*#__PURE__*/_react.default.createElement(_select.default, {
+      return (0, _react2.jsx)(_react.default.Fragment, null, isAdding ? (0, _react2.jsx)(_select.default, {
         testId: "field-picker",
         defaultMenuIsOpen: true,
         autoFocus: true,
@@ -194,10 +195,10 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
             _this.onSelectItem(option);
           }
         }
-      }) : /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+      }) : (0, _react2.jsx)(_customThemeButton.default, {
         testId: "add-more",
         appearance: "subtle",
-        iconBefore: /*#__PURE__*/_react.default.createElement(_addCircle.default, {
+        iconBefore: (0, _react2.jsx)(_addCircle.default, {
           size: "small",
           label: intl.formatMessage(_messages.messages.addField)
         }),
@@ -234,9 +235,9 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         currentParameters = _this$state3.currentParameters,
         visibleFields = _this$state3.visibleFields;
       var children = this.renderActions();
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, error && /*#__PURE__*/_react.default.createElement(FieldsetError, {
+      return (0, _react2.jsx)(_react.Fragment, null, error && (0, _react2.jsx)(FieldsetError, {
         message: error
-      }), /*#__PURE__*/_react.default.createElement("div", null, options.showTitle && /*#__PURE__*/_react.default.createElement("h5", null, label), /*#__PURE__*/_react.default.createElement(FormComponent, {
+      }), (0, _react2.jsx)("div", null, options.showTitle && (0, _react2.jsx)("h5", null, label), (0, _react2.jsx)(FormComponent, {
         fields: selectedFields,
         parentName: name,
         extensionManifest: extensionManifest,
@@ -245,7 +246,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         onClickRemove: this.onClickRemove,
         onFieldChange: onFieldChange,
         firstVisibleFieldName: firstVisibleFieldName
-      }), children && /*#__PURE__*/_react.default.createElement("div", {
+      }), children && (0, _react2.jsx)("div", {
         css: actionsWrapper,
         "data-testId": "fieldset-actions"
       }, children)));
@@ -255,11 +256,11 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
 }(_react.default.Component);
 function FieldsetError(_ref) {
   var message = _ref.message;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: sectionMessageWrapper
-  }, /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
+  }, (0, _react2.jsx)(_sectionMessage.default, {
     appearance: "error"
-  }, /*#__PURE__*/_react.default.createElement("p", null, message)));
+  }, (0, _react2.jsx)("p", null, message)));
 }
 var sectionMessageWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: 24px;\n"])));
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(FieldsetField);

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

@@ -9,6 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _templateObject, _templateObject2, _templateObject3;
+/** @jsx jsx */
 var itemWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  small {\n    margin: 0;\n    display: block;\n    color: currentColor;\n  }\n"])));
 var iconWrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 1;\n"])));
 var iconWrapperMenu = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  align-self: flex-start;\n  margin-top: 3px;\n"])));
@@ -23,17 +24,17 @@ var formatOptionLabel = exports.formatOptionLabel = function formatOptionLabel(_
     icon = _ref.icon,
     description = _ref.description;
   var context = _ref2.context;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: itemWrapper
-  }, /*#__PURE__*/React.createElement("span", {
+  }, (0, _react.jsx)("span", {
     css: [iconWrapper, context === 'menu' && iconWrapperMenu]
-  }, typeof icon === 'string' ? /*#__PURE__*/React.createElement(_avatar.default, {
+  }, typeof icon === 'string' ? (0, _react.jsx)(_avatar.default, {
     src: icon,
     size: getIconSize(context, description),
     appearance: "square"
-  }) : icon), /*#__PURE__*/React.createElement("div", {
+  }) : icon), (0, _react.jsx)("div", {
     style: {
       paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
     }
-  }, /*#__PURE__*/React.createElement("p", null, label, description && context !== 'value' && /*#__PURE__*/React.createElement("small", null, description))));
+  }, (0, _react.jsx)("p", null, label, description && context !== 'value' && (0, _react.jsx)("small", null, description))));
 };

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

@@ -13,6 +13,7 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _templateObject, _templateObject2;
+/** @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 tabWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])));
@@ -34,22 +35,22 @@ var TabGroupImpl = function TabGroupImpl(props) {
   var onChange = _react.default.useCallback(function (index) {
     setActiveTab(index);
   }, [setActiveTab]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: tabWrapper
-  }, /*#__PURE__*/_react.default.createElement(_tabs.default, {
+  }, (0, _react2.jsx)(_tabs.default, {
     id: "configPanelTabs-".concat(field.name),
     onChange: onChange,
     selected: activeTab
-  }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, fields.map(function (_ref) {
+  }, (0, _react2.jsx)(_tabs.TabList, null, fields.map(function (_ref) {
     var name = _ref.name,
       label = _ref.label;
-    return /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
+    return (0, _react2.jsx)(_tabs.Tab, {
       key: "tab-".concat(name)
     }, label);
   })), fields.map(function (field) {
-    return /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
+    return (0, _react2.jsx)(_tabs.TabPanel, {
       key: "panel-".concat(field.name)
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, (0, _react2.jsx)("div", {
       css: panelWrapper
     }, renderPanel(field)));
   })));

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

@@ -17,6 +17,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _messages = require("./messages");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+/** @jsx jsx */
 var iconWidth = 40;
 var buttonWidth = 40;
 var margin = 16;
@@ -42,35 +43,35 @@ var Header = function Header(_ref) {
       return null;
     }
   });
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
     css: item
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     css: itemIcon
-  }, /*#__PURE__*/React.createElement(ResolvedIcon, {
+  }, (0, _react2.jsx)(ResolvedIcon, {
     label: title
-  })), /*#__PURE__*/React.createElement("div", {
+  })), (0, _react2.jsx)("div", {
     css: itemBody
-  }, summary ? /*#__PURE__*/React.createElement("div", {
+  }, summary ? (0, _react2.jsx)("div", {
     css: itemText
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     className: "item-title",
     id: "context-panel-title"
-  }, title), /*#__PURE__*/React.createElement("div", {
+  }, title), (0, _react2.jsx)("div", {
     className: "item-summary"
-  }, summary)) : /*#__PURE__*/React.createElement("div", {
+  }, summary)) : (0, _react2.jsx)("div", {
     css: centeredItemTitle,
     id: "context-panel-title"
-  }, title)), /*#__PURE__*/React.createElement("div", {
+  }, title)), (0, _react2.jsx)("div", {
     css: closeButtonWrapper
-  }, /*#__PURE__*/React.createElement(_customThemeButton.default, {
+  }, (0, _react2.jsx)(_customThemeButton.default, {
     appearance: "subtle",
-    iconBefore: /*#__PURE__*/React.createElement(_cross.default, {
+    iconBefore: (0, _react2.jsx)(_cross.default, {
       label: intl.formatMessage(_messages.messages.close)
     }),
     onClick: onClose
-  }))), (description || documentationUrl) && /*#__PURE__*/React.createElement("p", {
+  }))), (description || documentationUrl) && (0, _react2.jsx)("p", {
     css: descriptionStyle
-  }, description && /*#__PURE__*/React.createElement(_react.Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && /*#__PURE__*/React.createElement("a", {
+  }, description && (0, _react2.jsx)(_react.Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && (0, _react2.jsx)("a", {
     target: "_blank",
     rel: "noopener noreferrer",
     href: documentationUrl

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

@@ -9,12 +9,13 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _templateObject;
+/** @jsx jsx */
 var spinnerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  margin-top: ", ";\n"])), "var(--ds-space-800, 64px)");
 var LoadingState = function LoadingState() {
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: spinnerWrapper,
     "data-testid": "ConfigPanelLoading"
-  }, /*#__PURE__*/React.createElement(_spinner.default, {
+  }, (0, _react.jsx)(_spinner.default, {
     size: "small"
   }));
 };

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

@@ -14,6 +14,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../messages");
 var _templateObject, _templateObject2, _templateObject3;
+/** @jsx jsx */
 var removableFieldWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  margin-bottom: 0;\n"])));
 var wrapperWithMarginBottom = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-200, 16px)");
 var removeButtonWrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"])), "var(--ds-icon-subtle, ".concat(_colors.N80, ")"), "var(--ds-icon-danger, ".concat(_colors.R300, ")"));
@@ -29,17 +30,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 /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: [removableFieldWrapper, hasMarginBottom && wrapperWithMarginBottom],
     className: className
-  }, children, canRemoveField && /*#__PURE__*/_react.default.createElement("div", {
+  }, children, canRemoveField && (0, _react2.jsx)("div", {
     css: removeButtonWrapper,
     "data-testid": "remove-field-".concat(name),
     onClick: onClickCallback
-  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, (0, _react2.jsx)(_tooltip.default, {
     content: intl.formatMessage(_messages.messages.removeField),
     position: "left"
-  }, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
+  }, (0, _react2.jsx)(_crossCircle.default, {
     size: "small",
     label: intl.formatMessage(_messages.messages.removeField)
   }))));

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

@@ -33,6 +33,7 @@ var _emoji = require("@atlaskit/editor-common/emoji");
 var _colors = require("@atlaskit/theme/colors");
 var _selection = require("@atlaskit/editor-common/selection");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+/** @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 linkStyles = exports.linkStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", "\n  }\n"])), _styles.linkSharedStyle);
@@ -60,7 +61,7 @@ var createEditorContentStyle = exports.createEditorContentStyle = function creat
         featureFlags: featureFlags
       });
     }, [theme, featureFlags]);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return (0, _react2.jsx)("div", {
       className: className,
       ref: ref,
       css: [memoizedStyle, styles]

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

@@ -31,6 +31,7 @@ var _document = require("../../utils/document");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _excluded = ["actions"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/** @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; }
@@ -98,7 +99,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
       if (!currentPluginContent) {
         return;
       }
-      return /*#__PURE__*/_react.default.createElement(_Transition.default, {
+      return (0, _react2.jsx)(_Transition.default, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: !!pluginContent,
         mountOnEnter: true,
@@ -113,7 +114,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
       if (!children) {
         return;
       }
-      return /*#__PURE__*/_react.default.createElement(_Transition.default, {
+      return (0, _react2.jsx)(_Transition.default, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
@@ -148,7 +149,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
       var width = _editorSharedStyles.akEditorContextPanelWidth;
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
-      return /*#__PURE__*/_react.default.createElement(_ui.ContextPanelConsumer, null, function (_ref) {
+      return (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
         var broadcastWidth = _ref.broadcastWidth,
           broadcastPosition = _ref.broadcastPosition,
           positionedOverEditor = _ref.positionedOverEditor;
@@ -156,7 +157,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
         var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width, editorView) : false;
         broadcastWidth(contextPanelWidth);
         (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return (0, _react2.jsx)("div", {
           css: [panel, !visible && panelHidden,
           /**
            * Only use absolute position for panel when screen size is wide enough
@@ -166,7 +167,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
           "data-testid": "context-panel-panel",
           "aria-labelledby": "context-panel-title",
           role: "dialog"
-        }, /*#__PURE__*/_react.default.createElement("div", {
+        }, (0, _react2.jsx)("div", {
           "data-testid": "context-panel-content",
           css: [content, !visible && panelHidden]
         }, _this2.showPluginContent() || _this2.showProvidedContent(userVisible)));
@@ -212,11 +213,11 @@ function ContextPanelWithActions(_ref2) {
   var _useContext = (0, _react.useContext)(_ui.WidthContext),
     width = _useContext.width;
   if (!eventDispatcher) {
-    return /*#__PURE__*/_react.default.createElement(SwappableContentArea, (0, _extends2.default)({
+    return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({
       editorView: editorView
     }, props));
   }
-  return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
+  return (0, _react2.jsx)(_WithPluginState.default, {
     eventDispatcher: eventDispatcher,
     plugins: {
       contextPanel: contextPanelPluginKey,
@@ -230,7 +231,7 @@ function ContextPanelWithActions(_ref2) {
         containerWidth: width,
         contentBreakoutModes: editorView ? (0, _document.getChildBreakoutModes)(editorView.state.doc, editorView.state.schema) : []
       });
-      return /*#__PURE__*/_react.default.createElement(SwappableContentArea, (0, _extends2.default)({}, props, {
+      return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, props, {
         editorView: editorView,
         pluginContent: firstContent,
         editorWidth: editorWidth
@@ -239,9 +240,9 @@ function ContextPanelWithActions(_ref2) {
   });
 }
 function ContextPanel(props) {
-  return /*#__PURE__*/_react.default.createElement(_WithEditorActions.default, {
+  return (0, _react2.jsx)(_WithEditorActions.default, {
     render: function render(actions) {
-      return /*#__PURE__*/_react.default.createElement(ContextPanelWithActions, (0, _extends2.default)({
+      return (0, _react2.jsx)(ContextPanelWithActions, (0, _extends2.default)({
         actions: actions
       }, props));
     }

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

@@ -20,6 +20,7 @@ var _utils = require("../../utils");
 var _ErrorBoundary = require("../ErrorBoundary");
 var _mountPluginHooks = require("./mount-plugin-hooks");
 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 pluginsComponentsWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
@@ -113,14 +114,14 @@ var PluginSlot = exports.default = /*#__PURE__*/function (_React$Component) {
       if (!items && !pluginHooks || !editorView) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
+      return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
         component: _analytics.ACTION_SUBJECT.PLUGIN_SLOT,
         fallbackComponent: null
-      }, /*#__PURE__*/_react.default.createElement(_mountPluginHooks.MountPluginHooks, {
+      }, (0, _react2.jsx)(_mountPluginHooks.MountPluginHooks, {
         editorView: editorView,
         pluginHooks: pluginHooks,
         containerElement: containerElement
-      }), /*#__PURE__*/_react.default.createElement("div", {
+      }), (0, _react2.jsx)("div", {
         css: pluginsComponentsWrapper
       }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
         var props = {

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

@@ -15,6 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 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 toolbarComponentsWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n\n  @media (max-width: ", "px) {\n    justify-content: space-between;\n  }\n"])), _editorSharedStyles.akEditorMobileMaxWidth);
@@ -51,7 +52,7 @@ var ToolbarInner = exports.ToolbarInner = /*#__PURE__*/function (_React$Componen
       if (!items || !items.length) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: toolbarComponentsWrapper
       }, items.map(function (component, key) {
         var props = {

package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -19,6 +19,7 @@ var _Toolbar = require("./Toolbar");
 var _types = require("./types");
 var _isFullPage = require("../../utils/is-full-page");
 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 toolbar = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  position: relative;\n  @media (max-width: ", "px) {\n    grid-column: 1 / 2;\n    grid-row: 2;\n    width: calc(100% - 30px);\n    margin: 0 15px;\n  }\n"])), _editorSharedStyles.akEditorMobileMaxWidth);
@@ -38,13 +39,13 @@ var ToolbarWithSizeDetector = exports.ToolbarWithSizeDetector = function Toolbar
     var minWidth = "min-width: ".concat(props.hasMinWidth ? toolbarMinWidth : '254', "px");
     return [toolbar, minWidth];
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: toolbarStyle
-  }, /*#__PURE__*/_react.default.createElement(_widthDetector.WidthObserver, {
+  }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
     setWidth: setWidth
-  }), props.editorView && toolbarSize ? /*#__PURE__*/_react.default.createElement(_Toolbar.Toolbar, (0, _extends2.default)({}, props, {
+  }), props.editorView && toolbarSize ? (0, _react2.jsx)(_Toolbar.Toolbar, (0, _extends2.default)({}, props, {
     toolbarSize: toolbarSize
-  })) : /*#__PURE__*/_react.default.createElement("div", {
+  })) : (0, _react2.jsx)("div", {
     ref: ref
   }));
 };

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

@@ -15,8 +15,9 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("@emotion/react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _react = require("react");
+var _react2 = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _ui = require("@atlaskit/editor-common/ui");
@@ -35,7 +36,7 @@ var _context2 = require("../../presets/context");
 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; } }
+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 */
 var PopupWithOutsideListeners = (0, _withOuterListeners.default)(_ui.Popup);
 var POPUP_HEIGHT = 388;
 var POPUP_WIDTH = 280;
@@ -157,20 +158,20 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
         popupsScrollableElement = _this$props.popupsScrollableElement;
-      var iconBefore = this.state.jiraIssueCollectorScriptLoading ? /*#__PURE__*/React.createElement(_spinner.default, null) : undefined;
+      var iconBefore = this.state.jiraIssueCollectorScriptLoading ? (0, _react.jsx)(_spinner.default, null) : undefined;
 
       // JIRA issue collector script is using jQuery internally
-      return this.hasJquery() ? /*#__PURE__*/React.createElement("div", {
+      return this.hasJquery() ? (0, _react.jsx)("div", {
         css: _styles.wrapper
-      }, /*#__PURE__*/React.createElement(_ToolbarButton.default, {
+      }, (0, _react.jsx)(_ToolbarButton.default, {
         ref: this.handleRef,
         iconBefore: iconBefore,
         onClick: this.collectFeedback,
         selected: false,
         spacing: "compact"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, (0, _react.jsx)("span", {
         css: _styles.buttonContent
-      }, "Feedback")), this.state.showOptOutOption && /*#__PURE__*/React.createElement(PopupWithOutsideListeners, {
+      }, "Feedback")), this.state.showOptOutOption && (0, _react.jsx)(PopupWithOutsideListeners, {
         target: this.state.target,
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
@@ -179,32 +180,32 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
         fitWidth: POPUP_WIDTH,
         handleClickOutside: this.toggleShowOptOutOption,
         handleEscapeKeydown: this.toggleShowOptOutOption
-      }, /*#__PURE__*/React.createElement("div", {
+      }, (0, _react.jsx)("div", {
         css: _styles.confirmationPopup
-      }, /*#__PURE__*/React.createElement("div", {
+      }, (0, _react.jsx)("div", {
         css: _styles.confirmationHeader
-      }, /*#__PURE__*/React.createElement("img", {
+      }, (0, _react.jsx)("img", {
         css: _styles.confirmationImg,
         src: EDITOR_IMAGE_URL
-      })), /*#__PURE__*/React.createElement("div", {
+      })), (0, _react.jsx)("div", {
         css: _styles.confirmationText
-      }, /*#__PURE__*/React.createElement("div", null, "We are rolling out a new editing experience across Atlassian products. Help us improve by providing feedback."), /*#__PURE__*/React.createElement("div", null, "You can opt-out for now by turning off the \"Atlassian Editor\" feature on the Labs page in Bitbucket settings."), /*#__PURE__*/React.createElement(_buttonGroup.default, null, /*#__PURE__*/React.createElement(_customThemeButton.default, {
+      }, (0, _react.jsx)("div", null, "We are rolling out a new editing experience across Atlassian products. Help us improve by providing feedback."), (0, _react.jsx)("div", null, "You can opt-out for now by turning off the \"Atlassian Editor\" feature on the Labs page in Bitbucket settings."), (0, _react.jsx)(_buttonGroup.default, null, (0, _react.jsx)(_customThemeButton.default, {
         appearance: "primary",
         onClick: this.openFeedbackPopup
-      }, "Give feedback"), /*#__PURE__*/React.createElement(_customThemeButton.default, {
+      }, "Give feedback"), (0, _react.jsx)(_customThemeButton.default, {
         appearance: "default",
         onClick: this.openLearnMorePage
       }, "Learn more")))))) : null;
     }
   }]);
   return ToolbarFeedbackInternal;
-}(_react.PureComponent);
+}(_react2.PureComponent);
 (0, _defineProperty2.default)(ToolbarFeedbackInternal, "contextTypes", {
   editorActions: _propTypes.default.object.isRequired
 });
 function ToolbarFeedback(props) {
   var api = (0, _context2.usePresetContext)();
-  return /*#__PURE__*/React.createElement(ToolbarFeedbackInternal, (0, _extends2.default)({
+  return (0, _react.jsx)(ToolbarFeedbackInternal, (0, _extends2.default)({
     api: api
   }, props));
 }

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

@@ -17,6 +17,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/** @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 pulseBackground = (0, _react2.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  50% {\n    background-color: ", ";\n  }\n"])), "var(--ds-blanket-danger, ".concat(_colors.R100, ")"));
@@ -43,7 +44,7 @@ var WithFlash = exports.default = /*#__PURE__*/function (_React$Component) {
         animate = _this$props.animate,
         children = _this$props.children;
       this.toggle = animate && !this.toggle;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: animate ? flashWrapperAnimated : flashWrapper,
         className: this.toggle ? '-flash' : ''
       }, children);

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "189.5.0";
+var version = exports.version = "189.5.3";

package/dist/es2019/composable-editor/editor-internal.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
 import { memo, Fragment, useCallback } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { PortalProviderWithThemeProviders, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
 import { BaseTheme, WidthProvider } from '@atlaskit/editor-common/ui';
@@ -45,28 +46,28 @@ export const EditorInternal = /*#__PURE__*/memo(({
   // it will still be enabled as it currently is. Then we can
   // progressively opt out synthetic tenants.
   const isErrorTrackingExplicitlyDisabled = ((_props$performanceTra3 = props.performanceTracking) === null || _props$performanceTra3 === void 0 ? void 0 : (_props$performanceTra4 = _props$performanceTra3.errorTracking) === null || _props$performanceTra4 === void 0 ? void 0 : _props$performanceTra4.enabled) === false;
-  return /*#__PURE__*/React.createElement(Fragment, null, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
+  return jsx(Fragment, null, renderTrackingEnabled && jsx(RenderTracking, {
     componentProps: props,
     action: ACTION.RE_RENDERED,
     actionSubject: ACTION_SUBJECT.EDITOR,
     handleAnalyticsEvent: handleAnalyticsEvent,
     propsToIgnore: ['defaultValue'],
     useShallow: useShallow
-  }), /*#__PURE__*/React.createElement(ErrorBoundary, {
+  }), jsx(ErrorBoundary, {
     errorTracking: !isErrorTrackingExplicitlyDisabled,
     createAnalyticsEvent: createAnalyticsEvent,
     contextIdentifierProvider: props.contextIdentifierProvider,
     featureFlags: featureFlags
-  }, /*#__PURE__*/React.createElement(WidthProvider, {
+  }, jsx(WidthProvider, {
     css: css({
       height: '100%'
     })
-  }, /*#__PURE__*/React.createElement(EditorContext, {
+  }, jsx(EditorContext, {
     editorActions: editorActions
-  }, /*#__PURE__*/React.createElement(ContextAdapter, null, /*#__PURE__*/React.createElement(PortalProviderWithThemeProviders, {
+  }, jsx(ContextAdapter, null, jsx(PortalProviderWithThemeProviders, {
     onAnalyticsEvent: handleAnalyticsEvent,
     useAnalyticsContext: props.UNSAFE_useAnalyticsContext,
-    render: portalProviderAPI => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactEditorViewContextWrapper, {
+    render: portalProviderAPI => jsx(Fragment, null, jsx(ReactEditorViewContextWrapper, {
       editorProps: overriddenEditorProps,
       createAnalyticsEvent: createAnalyticsEvent,
       portalProviderAPI: portalProviderAPI,
@@ -85,9 +86,9 @@ export const EditorInternal = /*#__PURE__*/memo(({
         editorRef
       }) => {
         var _props$featureFlags, _props$featureFlags2;
-        return /*#__PURE__*/React.createElement(BaseTheme, {
+        return jsx(BaseTheme, {
           baseFontSize: getBaseFontSize(props.appearance)
-        }, /*#__PURE__*/React.createElement(Component, {
+        }, jsx(Component, {
           innerRef: editorRef,
           appearance: props.appearance,
           disabled: props.disabled,
@@ -121,7 +122,7 @@ export const EditorInternal = /*#__PURE__*/memo(({
           hideAvatarGroup: props.hideAvatarGroup
         }));
       }
-    }), /*#__PURE__*/React.createElement(PortalRenderer, {
+    }), jsx(PortalRenderer, {
       portalProviderAPI: portalProviderAPI
     }))
   }))))));
@@ -144,7 +145,7 @@ function ReactEditorViewContextWrapper(props) {
     setInternalEditorAPI === null || setInternalEditorAPI === void 0 ? void 0 : setInternalEditorAPI(api);
     setExternalEditorAPI === null || setExternalEditorAPI === void 0 ? void 0 : setExternalEditorAPI(api);
   }, [setInternalEditorAPI, setExternalEditorAPI]);
-  return /*#__PURE__*/React.createElement(ReactEditorView, _extends({}, props, {
+  return jsx(ReactEditorView, _extends({}, props, {
     setEditorApi: setEditorAPI
   }));
 }