@atlaskit/editor-core 189.5.0 → 189.5.3

package/dist/cjs/plugins/breakout/ui/LayoutButton.js

@@ -33,6 +33,7 @@ var _isSupportedNode = require("../utils/is-supported-node");
 var _constants = require("@atlaskit/theme/constants");
 var _utils2 = require("@atlaskit/editor-common/utils");
 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 toolbarButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  && button {\n    background: ", ";\n    color: ", ";\n    :hover {\n      background: ", ";\n      color: ", " !important;\n    }\n  }\n"])), "var(--ds-background-neutral, ".concat(_colors.N20A, ")"), "var(--ds-icon, ".concat(_colors.N300, ")"), "var(--ds-background-neutral-hovered, ".concat(_colors.B300, ")"), "var(--ds-icon, white)");
@@ -100,7 +101,7 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
       if (closestEl && closestEl.firstChild) {
         element = closestEl.firstChild;
       }
-      return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+      return (0, _react2.jsx)(_ui.Popup, {
         ariaLabel: title,
         target: element,
         offset: [5, 0],
@@ -112,15 +113,15 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
         stick: true,
         forcePlacement: true,
         zIndex: belowOtherPopupsZIndex
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _react2.jsx)("div", {
         css: toolbarButtonWrapper
-      }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+      }, (0, _react2.jsx)(_ToolbarButton.default, {
         title: title,
         testId: titleMessage.id,
         onClick: this.handleClick(nextBreakoutMode),
-        iconBefore: breakoutMode === 'full-width' ? /*#__PURE__*/_react.default.createElement(_collapse.default, {
+        iconBefore: breakoutMode === 'full-width' ? (0, _react2.jsx)(_collapse.default, {
           label: title
-        }) : /*#__PURE__*/_react.default.createElement(_expand.default, {
+        }) : (0, _react2.jsx)(_expand.default, {
           label: title
         })
       })));

package/dist/cjs/plugins/collab-edit/ui/avatars.js

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Avatars = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _styles = require("./styles");
 var _toAvatar = _interopRequireDefault(require("./to-avatar"));
 var _utils = require("../utils");
+/** @jsx jsx */
+
 var Avatars = exports.Avatars = /*#__PURE__*/_react.default.memo(function (props) {
   var sessionId = props.sessionId,
     editorView = props.editorView,
@@ -21,9 +24,9 @@ var Avatars = exports.Avatars = /*#__PURE__*/_react.default.memo(function (props
   if (!avatars.length) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: _styles.avatarContainer
-  }, /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
+  }, (0, _react2.jsx)(_avatarGroup.default, {
     appearance: "stack",
     size: "medium",
     data: avatars,

package/dist/cjs/plugins/collab-edit/ui/colored-avatar-item.js

@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ColoredAvatarItem = void 0;
+var _react = require("@emotion/react");
 var _utils = require("../utils");
 var _styles = require("./styles");
+/** @jsx jsx */
+
 var ColoredAvatarItem = exports.ColoredAvatarItem = function ColoredAvatarItem(props) {
   var color = (0, _utils.getAvatarColor)(props.sessionId).color.solid;
   var avatar = props.name.substr(0, 1).toUpperCase();
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: (0, _styles.badge)(color),
     "data-testid": "editor-collab-badge"
   }, avatar);

package/dist/cjs/plugins/collab-edit/ui/invite-to-edit.js

@@ -7,13 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InviteToEditButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
 var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
 var _ToolbarButton = _interopRequireDefault(require("../../../ui/ToolbarButton"));
 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 ID = function ID(props) {
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, props.children);
+  return (0, _react2.jsx)(_react.Fragment, null, props.children);
 };
 var InviteToEditButton = exports.InviteToEditButton = function InviteToEditButton(props) {
   var Component = props.Component,
@@ -21,7 +24,7 @@ var InviteToEditButton = exports.InviteToEditButton = function InviteToEditButto
     selected = props.selected,
     title = props.title;
   var iconBefore = _react.default.useMemo(function () {
-    return /*#__PURE__*/_react.default.createElement(_add.default, {
+    return (0, _react2.jsx)(_add.default, {
       label: title
     });
   }, [title]);
@@ -29,9 +32,9 @@ var InviteToEditButton = exports.InviteToEditButton = function InviteToEditButto
     return null;
   }
   var Wrapper = Component ? Component : ID;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: _styles.inviteTeamWrapper
-  }, /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+  }, (0, _react2.jsx)(Wrapper, null, (0, _react2.jsx)(_ToolbarButton.default, {
     className: "invite-to-edit",
     onClick: onClick,
     selected: selected,

package/dist/cjs/plugins/extension/ui/Extension/Extension/index.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _styles = require("./styles");
@@ -18,6 +19,7 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
 var _excluded = ["type"];
+/** @jsx jsx */
 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 ExtensionWithPluginState(props) {
@@ -74,26 +76,26 @@ function ExtensionWithPluginState(props) {
     customContainerStyles = breakoutStyles;
   }
   newContentStyles = _objectSpread(_objectSpread({}, newContentStyles), _styles.contentWrapper);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     ref: handleRef,
     "data-layout": node.attrs.layout,
     className: classNames,
     css: _styles.wrapperStyle,
     style: customContainerStyles
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     className: "extension-overflow-wrapper ".concat(hasBody ? 'with-body' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     css: _styles2.overlay,
     className: "extension-overlay"
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), (0, _react2.jsx)("div", {
     css: _styles.header,
     contentEditable: false,
     className: headerClassNames
-  }, !removeBorder && /*#__PURE__*/_react.default.createElement(_Lozenge.default, {
+  }, !removeBorder && (0, _react2.jsx)(_Lozenge.default, {
     node: node
-  }), children), hasBody && /*#__PURE__*/_react.default.createElement("div", {
+  }), children), hasBody && (0, _react2.jsx)("div", {
     css: newContentStyles
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     css: _styles.content,
     ref: handleContentDOMRef,
     className: "extension-content block"
@@ -105,13 +107,13 @@ var Extension = function Extension(props) {
   // which cannot access the `pluginInjectionApi`. When we move
   // Confluence to using presets we can remove this workaround.
   var pluginInjectionApi = props.pluginInjectionApi;
-  return pluginInjectionApi === undefined ? /*#__PURE__*/_react.default.createElement(ExtensionDeprecated, props) : /*#__PURE__*/_react.default.createElement(ExtensionWithSharedState, props);
+  return pluginInjectionApi === undefined ? (0, _react2.jsx)(ExtensionDeprecated, props) : (0, _react2.jsx)(ExtensionWithSharedState, props);
 };
 var ExtensionWithSharedState = function ExtensionWithSharedState(props) {
   var pluginInjectionApi = props.pluginInjectionApi;
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
     widthState = _useSharedPluginState.widthState;
-  return /*#__PURE__*/_react.default.createElement(ExtensionWithPluginState, (0, _extends2.default)({
+  return (0, _react2.jsx)(ExtensionWithPluginState, (0, _extends2.default)({
     widthState: widthState
   }, props));
 };
@@ -127,14 +129,14 @@ var widthPluginKey = {
   }
 };
 var ExtensionDeprecated = function ExtensionDeprecated(props) {
-  return /*#__PURE__*/_react.default.createElement(_withPluginState.WithPluginState, {
+  return (0, _react2.jsx)(_withPluginState.WithPluginState, {
     editorView: props.view,
     plugins: {
       widthState: widthPluginKey
     },
     render: function render(_ref) {
       var widthState = _ref.widthState;
-      return /*#__PURE__*/_react.default.createElement(ExtensionWithPluginState, (0, _extends2.default)({
+      return (0, _react2.jsx)(ExtensionWithPluginState, (0, _extends2.default)({
         widthState: widthState
       }, props));
     }

package/dist/cjs/plugins/extension/ui/Extension/InlineExtension/index.js

@@ -12,13 +12,14 @@ 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 _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
 var _styles = require("../styles");
 var _Lozenge = _interopRequireDefault(require("../Lozenge"));
 var _styles2 = 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; }
 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 InlineExtension = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(InlineExtension, _Component);
   var _super = _createSuper(InlineExtension);
@@ -34,13 +35,13 @@ var InlineExtension = exports.default = /*#__PURE__*/function (_Component) {
         children = _this$props.children;
       var hasChildren = !!children;
       var className = hasChildren ? 'with-overlay with-children' : 'with-overlay';
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: _styles2.wrapperStyle,
         className: "extension-container inline ".concat(className)
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _react2.jsx)("div", {
         css: _styles.overlay,
         className: "extension-overlay"
-      }), children ? children : /*#__PURE__*/_react.default.createElement(_Lozenge.default, {
+      }), children ? children : (0, _react2.jsx)(_Lozenge.default, {
         node: node
       }));
     }

package/dist/cjs/plugins/extension/ui/Extension/Lozenge.js

@@ -13,7 +13,8 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 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 _react = require("react");
+var _react = require("@emotion/react");
+var _react2 = require("react");
 var _file = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file"));
 var _utils = require("@atlaskit/editor-common/utils");
 var _styles = require("./styles");
@@ -21,7 +22,7 @@ var _excluded = ["url"];
 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 capitalizeFirstLetter = exports.capitalizeFirstLetter = function capitalizeFirstLetter(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 };
@@ -56,7 +57,7 @@ var ExtensionLozenge = exports.default = /*#__PURE__*/function (_Component) {
       var extensionKey = this.props.node.attrs.extensionKey;
       var url = lozengeData.url,
         rest = (0, _objectWithoutProperties2.default)(lozengeData, _excluded);
-      return /*#__PURE__*/React.createElement("img", (0, _extends2.default)({
+      return (0, _react.jsx)("img", (0, _extends2.default)({
         css: _styles.styledImage,
         src: url
       }, rest, {
@@ -73,17 +74,17 @@ var ExtensionLozenge = exports.default = /*#__PURE__*/function (_Component) {
       var params = parameters && parameters.macroParams;
       var title = parameters && parameters.extensionTitle || parameters && parameters.macroMetadata && parameters.macroMetadata.title || extensionKey;
       var isBlockExtension = name === 'extension';
-      return /*#__PURE__*/React.createElement("div", {
+      return (0, _react.jsx)("div", {
         "data-testid": "lozenge-fallback",
         css: _styles.placeholderFallback
       }, lozengeData && !isBlockExtension ? this.renderImage(_objectSpread({
         height: ICON_SIZE,
         width: ICON_SIZE
-      }, lozengeData)) : /*#__PURE__*/React.createElement(_file.default, {
+      }, lozengeData)) : (0, _react.jsx)(_file.default, {
         label: title
-      }), /*#__PURE__*/React.createElement("span", {
+      }), (0, _react.jsx)("span", {
         className: "extension-title"
-      }, capitalizeFirstLetter(title)), params && !isBlockExtension && /*#__PURE__*/React.createElement("span", {
+      }, capitalizeFirstLetter(title)), params && !isBlockExtension && (0, _react.jsx)("span", {
         css: _styles.placeholderFallbackParams
       }, Object.keys(params).map(function (key) {
         return key && " | ".concat(key, " = ").concat(params[key].value);
@@ -91,4 +92,4 @@ var ExtensionLozenge = exports.default = /*#__PURE__*/function (_Component) {
     }
   }]);
   return ExtensionLozenge;
-}(_react.Component);
+}(_react2.Component);

package/dist/cjs/plugins/extension/ui/Extension/MultiBodiedExtension/index.js

@@ -16,7 +16,7 @@ var _templateObject, _templateObject2;
 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; }
-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 _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; } /** @jsx jsx */
 var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
   var updateActiveChild = _ref.updateActiveChild,
     editorView = _ref.editorView,
@@ -138,16 +138,16 @@ var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
     return handleContentDOMRef(node);
   }, [handleContentDOMRef]);
   var containerCSS = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    border: 1px solid ", ";\n    padding: ", ";\n    .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n      display: none;\n    }\n\n    .multiBodiedExtension-content-dom-wrapper\n      > [data-extension-frame='true']:nth-of-type(", ") {\n      display: block;\n    }\n  "])), "var(--ds-border, ".concat(_colors.N30, ")"), "var(--ds-space-050, 4px)", activeChildIndex + 1);
-  return /*#__PURE__*/_react2.default.createElement("section", {
+  return (0, _react.jsx)("section", {
     className: "multiBodiedExtension--container",
     css: containerCSS,
     "data-testid": "multiBodiedExtension--container",
     "data-active-child-index": activeChildIndex
-  }, /*#__PURE__*/_react2.default.createElement("nav", {
+  }, (0, _react.jsx)("nav", {
     className: "multiBodiedExtension-navigation",
     css: navigationCSS,
     "data-testid": "multiBodiedExtension-navigation"
-  }, extensionHandlerResult), /*#__PURE__*/_react2.default.createElement("article", {
+  }, extensionHandlerResult), (0, _react.jsx)("article", {
     className: "multiBodiedExtension--frames",
     "data-testid": "multiBodiedExtension--frames",
     ref: articleRef

package/dist/cjs/plugins/extension/ui/SaveIndicator/SaveIndicator.js

@@ -14,6 +14,7 @@ var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-ci
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("./messages");
 var _templateObject, _templateObject2, _templateObject3;
+/** @jsx jsx */
 var noop = function noop() {};
 var saveIndicatorWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n"])));
 var saveIndicatorContent = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  width: 256px;\n  bottom: 20px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 6px 12px;\n\n  background: ", ";\n\n  /* E300 */\n  box-shadow: ", ";\n  border-radius: 16px;\n"])), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), "var(--ds-shadow-overlay, ".concat("0px 8px 12px rgba(9, 30, 66, 0.15), 0px 0px 1px rgba(9, 30, 66, 0.31)", ")"));
@@ -44,19 +45,19 @@ var SaveIndicator = exports.SaveIndicator = function SaveIndicator(_ref) {
       };
     }
   }, [saving, duration]);
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", null, children({
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", null, children({
     onSaveStarted: onSaveStarted,
     onSaveEnded: noop
-  })), visible && saving && /*#__PURE__*/React.createElement("div", {
+  })), visible && saving && (0, _react2.jsx)("div", {
     css: saveIndicatorWrapper
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     css: saveIndicatorContent,
     "data-testid": "save-indicator-content"
-  }, /*#__PURE__*/React.createElement(_checkCircle.default, {
+  }, (0, _react2.jsx)(_checkCircle.default, {
     label: "Saving",
     primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")"),
     size: "small"
-  }), /*#__PURE__*/React.createElement("span", {
+  }), (0, _react2.jsx)("span", {
     css: saveIndicatorText
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.saveIndicator)))));
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.saveIndicator)))));
 };

package/dist/cjs/plugins/find-replace/ui/Find.js

@@ -13,6 +13,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
@@ -26,7 +27,7 @@ var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 FIND_DEBOUNCE_MS = exports.FIND_DEBOUNCE_MS = 100;
 var messages = (0, _reactIntlNext.defineMessages)({
   find: {
@@ -179,16 +180,16 @@ var Find = /*#__PURE__*/function (_React$Component) {
     _this.findNext = formatMessage(messages.findNext);
     _this.findPrevious = formatMessage(messages.findPrevious);
     _this.matchCase = formatMessage(messages.matchCase);
-    _this.matchCaseIcon = /*#__PURE__*/_react.default.createElement(_keyboard.default, {
+    _this.matchCaseIcon = (0, _react2.jsx)(_keyboard.default, {
       label: _this.matchCase
     });
-    _this.findNextIcon = /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+    _this.findNextIcon = (0, _react2.jsx)(_chevronDown.default, {
       label: _this.findNext
     });
-    _this.findPrevIcon = /*#__PURE__*/_react.default.createElement(_chevronUp.default, {
+    _this.findPrevIcon = (0, _react2.jsx)(_chevronUp.default, {
       label: _this.findPrevious
     });
-    _this.closeIcon = /*#__PURE__*/_react.default.createElement(_close.default, {
+    _this.closeIcon = (0, _react2.jsx)(_close.default, {
       label: _this.closeFindReplaceDialog
     });
 
@@ -256,9 +257,9 @@ var Find = /*#__PURE__*/function (_React$Component) {
         selectedMatchPosition: count.index + 1,
         totalResultsCount: count.total
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: _styles.sectionWrapperStyles
-      }, /*#__PURE__*/_react.default.createElement(_textfield.default, {
+      }, (0, _react2.jsx)(_textfield.default, {
         name: "find",
         appearance: "none",
         placeholder: this.find,
@@ -271,30 +272,30 @@ var Find = /*#__PURE__*/function (_React$Component) {
         onBlur: this.props.onFindBlur,
         onCompositionStart: this.handleCompositionStart,
         onCompositionEnd: this.handleCompositionEnd
-      }), /*#__PURE__*/_react.default.createElement("div", {
+      }), (0, _react2.jsx)("div", {
         css: _styles.countWrapperStyles,
         "aria-live": "polite"
-      }, findText && /*#__PURE__*/_react.default.createElement("span", {
+      }, findText && (0, _react2.jsx)("span", {
         "data-testid": "textfield-count",
         css: _styles.countStyles
-      }, count.total === 0 ? this.noResultsFound : resultsCount)), allowMatchCase && /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+      }, count.total === 0 ? this.noResultsFound : resultsCount)), allowMatchCase && (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.matchCase,
         icon: this.matchCaseIcon,
         onClick: this.handleMatchCaseClick,
         isPressed: shouldMatchCase
-      }), /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+      }), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.findNext,
         icon: this.findNextIcon,
         keymapDescription: 'Enter',
         onClick: this.handleFindNextClick,
         disabled: count.total <= 1
-      }), /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+      }), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.findPrevious,
         icon: this.findPrevIcon,
         keymapDescription: 'Shift Enter',
         onClick: this.handleFindPrevClick,
         disabled: count.total <= 1
-      }), /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+      }), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
         title: this.closeFindReplaceDialog,
         icon: this.closeIcon,
         keymapDescription: 'Escape',

package/dist/cjs/plugins/find-replace/ui/FindReplace.js

@@ -13,11 +13,12 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _Find = _interopRequireDefault(require("./Find"));
 var _Replace = _interopRequireDefault(require("./Replace"));
 var _styles = require("./styles");
 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 FindReplace = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(FindReplace, _React$PureComponent);
   var _super = _createSuper(FindReplace);
@@ -67,9 +68,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         allowMatchCase = _this$props.allowMatchCase,
         shouldMatchCase = _this$props.shouldMatchCase,
         onToggleMatchCase = _this$props.onToggleMatchCase;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: _styles.wrapperStyles
-      }, /*#__PURE__*/_react.default.createElement(_Find.default, {
+      }, (0, _react2.jsx)(_Find.default, {
         allowMatchCase: allowMatchCase,
         shouldMatchCase: shouldMatchCase,
         onToggleMatchCase: onToggleMatchCase,
@@ -83,10 +84,10 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         onFindTextfieldRefSet: this.setFindTextfieldRef,
         onCancel: onCancel,
         onArrowDown: this.setFocusToReplace
-      }), /*#__PURE__*/_react.default.createElement("hr", {
+      }), (0, _react2.jsx)("hr", {
         css: _styles.ruleStyles,
         id: "replace-hr-element"
-      }), /*#__PURE__*/_react.default.createElement(_Replace.default, {
+      }), (0, _react2.jsx)(_Replace.default, {
         canReplace: count.total > 0,
         replaceText: replaceText,
         onReplace: onReplace,

package/dist/cjs/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -27,6 +27,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("../../../keymaps");
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
 var _templateObject, _templateObject2, _templateObject3;
+/** @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 _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); }; }
@@ -81,9 +82,9 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
       var title = formatMessage(messages.findReplaceToolbarButton);
       var stackBelowOtherEditorFloatingPanels = _editorSharedStyles.akEditorFloatingPanelZIndex - 1;
       var keymap = (0, _keymaps.findKeymapByDescription)('Find');
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWith]
-      }, /*#__PURE__*/_react.default.createElement(_uiMenu.Dropdown, {
+      }, (0, _react2.jsx)(_uiMenu.Dropdown, {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement,
@@ -101,15 +102,15 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           type: _uiMenu.ArrowKeyNavigationType.MENU,
           disableArrowKeyNavigation: true
         },
-        trigger: /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+        trigger: (0, _react2.jsx)(_ToolbarButton.default, {
           buttonId: _ToolbarButton.TOOLBAR_BUTTON.FIND_REPLACE,
           spacing: isReducedSpacing ? 'none' : 'default',
           selected: isActive,
-          title: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
+          title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
             description: title,
             keymap: keymap
           }),
-          iconBefore: /*#__PURE__*/_react.default.createElement(_search.default, {
+          iconBefore: (0, _react2.jsx)(_search.default, {
             label: title
           }),
           onClick: this.toggleOpen,
@@ -118,9 +119,9 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           "aria-label": keymap ? (0, _keymaps.tooltip)(keymap, title) : title,
           "aria-keyshortcuts": (0, _keymaps2.getAriaKeyshortcuts)(keymap)
         })
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _react2.jsx)("div", {
         css: wrapper
-      }, /*#__PURE__*/_react.default.createElement(_FindReplace.default, (0, _extends2.default)({
+      }, (0, _react2.jsx)(_FindReplace.default, (0, _extends2.default)({
         findText: findText,
         replaceText: replaceText,
         count: {

package/dist/cjs/plugins/find-replace/ui/Replace.js

@@ -13,13 +13,14 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _reactIntlNext = require("react-intl-next");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _styles = require("./styles");
 var _analytics = require("@atlaskit/editor-common/analytics");
 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 messages = (0, _reactIntlNext.defineMessages)({
   replaceWith: {
     id: 'fabric.editor.replaceWith',
@@ -142,9 +143,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       var replaceText = this.state.replaceText;
       var canReplace = this.props.canReplace;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: _styles.sectionWrapperStyles
-      }, /*#__PURE__*/_react.default.createElement(_textfield.default, {
+      }, (0, _react2.jsx)(_textfield.default, {
         name: "replace",
         appearance: "none",
         placeholder: this.replaceWith,
@@ -155,12 +156,12 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         onKeyDown: this.handleReplaceKeyDown,
         onCompositionStart: this.handleCompositionStart,
         onCompositionEnd: this.handleCompositionEnd
-      }), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+      }), (0, _react2.jsx)(_standardButton.default, {
         css: _styles.replaceSectionButtonStyles,
         testId: this.replace,
         onClick: this.handleReplaceClick,
         isDisabled: !canReplace
-      }, this.replace), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+      }, this.replace), (0, _react2.jsx)(_standardButton.default, {
         css: _styles.replaceSectionButtonStyles,
         testId: this.replaceAll,
         onClick: this.handleReplaceAllClick,

package/dist/cjs/plugins/find-replace/ui/styles.js

@@ -10,6 +10,7 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _templateObject;
+/** @jsx jsx */
 var replaceSectionButtonStyles = exports.replaceSectionButtonStyles = (0, _react.css)({
   marginLeft: "var(--ds-space-050, 4px)"
 });