@atlaskit/editor-common 76.25.1 → 76.25.3

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.25.1";
+var packageVersion = "76.25.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -8,9 +8,12 @@ exports.getInlineNodeViewProducer = getInlineNodeViewProducer;
 exports.inlineNodeViewClassname = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _analytics = require("../analytics");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 var _utils = require("../utils");
+/** @jsx jsx */
+
 var inlineNodeViewClassname = exports.inlineNodeViewClassname = 'inlineNodeView';
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
@@ -163,21 +166,21 @@ function getPortalChildren(_ref2) {
     //  refactor. A test suite to catch any instances of this is ideal however
     //  the refactor required is currently out of scope for https://product-fabric.atlassian.net/browse/ED-14176
 
-    return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
+    return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
       component: _analytics.ACTION_SUBJECT.REACT_NODE_VIEW,
       componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : _analytics.ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, (0, _react2.jsx)("span", {
       className: "zeroWidthSpaceContainer"
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, (0, _react2.jsx)("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
-    }), _utils.ZERO_WIDTH_SPACE), /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    }), _utils.ZERO_WIDTH_SPACE), (0, _react2.jsx)(Component, (0, _extends2.default)({
       view: nodeViewParams.view
       // TODO:  ED-13910 - Remove the boolean to fix the prosemirror view type
       ,
       getPos: nodeViewParams.getPos,
       node: currentNode
-    }, extraComponentProps)), /*#__PURE__*/_react.default.createElement("span", {
+    }, extraComponentProps)), (0, _react2.jsx)("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };

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

@@ -18,6 +18,7 @@ var _reactIntlNext = require("react-intl-next");
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("./messages");
 var _templateObject, _templateObject2;
+/** @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 captionWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: 8px;\n  text-align: center;\n  position: relative;\n  color: ", ";\n"])), "var(--ds-text-subtle, ".concat(_colors.N400, ")"));
@@ -39,12 +40,12 @@ var CaptionComponent = exports.CaptionComponent = /*#__PURE__*/function (_React$
         dataAttributes = _this$props.dataAttributes,
         formatMessage = _this$props.intl.formatMessage;
       var showPlaceholder = !selected && !hasContent;
-      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+      return (0, _react2.jsx)("div", (0, _extends2.default)({
         "data-media-caption": true,
         "data-testid": "media-caption"
       }, dataAttributes, {
         css: captionWrapperStyle
-      }), showPlaceholder ? /*#__PURE__*/_react.default.createElement("p", {
+      }), showPlaceholder ? (0, _react2.jsx)("p", {
         css: placeholderStyle
       }, formatMessage(_messages.messages.placeholder)) : null, children);
     }

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

@@ -22,9 +22,9 @@ var _constants = require("@atlaskit/theme/constants");
 var _Layer = _interopRequireDefault(require("../Layer"));
 var _templateObject, _templateObject2, _templateObject3;
 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 packageName = "@atlaskit/editor-common";
-var packageVersion = "76.25.1";
+var packageVersion = "76.25.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {
@@ -132,7 +132,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         onPositioned = _this$props.onPositioned,
         testId = _this$props.testId,
         id = _this$props.id;
-      var layerContent = isOpen ? /*#__PURE__*/React.createElement("div", {
+      var layerContent = isOpen ? (0, _react2.jsx)("div", {
         css: function css(theme) {
           return _this2.menuWrapper({
             theme: theme
@@ -144,14 +144,14 @@ var DropList = /*#__PURE__*/function (_Component) {
         id: id,
         role: "presentation"
       }, children) : null;
-      return /*#__PURE__*/React.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: this.wrapperStyles
-      }, /*#__PURE__*/React.createElement(_Layer.default, {
+      }, (0, _react2.jsx)(_Layer.default, {
         content: layerContent,
         offset: dropOffset,
         position: position,
         onPositioned: onPositioned
-      }, /*#__PURE__*/React.createElement("div", {
+      }, (0, _react2.jsx)("div", {
         css: this.triggerStyles,
         ref: this.handleTriggerRef
       }, trigger)));

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

@@ -17,7 +17,9 @@ var _colors = require("@atlaskit/theme/colors");
 var _components = require("@atlaskit/theme/components");
 var _constants = require("@atlaskit/theme/constants");
 var _excluded = ["children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+/** @jsx jsx */
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
@@ -57,7 +59,7 @@ var EXPAND_EXPANDED_BORDER_COLOR = (0, _components.themed)({
 var ExpandIconWrapper = exports.ExpandIconWrapper = function ExpandIconWrapper(_ref) {
   var children = _ref.children,
     expanded = _ref.expanded;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: function css(props) {
       return expanded ? [expandIconWrapperStyle(props), expandIconWrapperExpandedStyle] : expandIconWrapperStyle(props);
     }
@@ -74,7 +76,7 @@ var expandLayoutWrapperStyle = exports.expandLayoutWrapperStyle = (0, _react2.cs
 var ExpandLayoutWrapperWithRef = exports.ExpandLayoutWrapperWithRef = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return (0, _react2.jsx)("div", (0, _extends2.default)({
     css: expandLayoutWrapperStyle
   }, rest, {
     ref: ref

package/dist/cjs/ui/FloatingToolbar/Separator.js

@@ -9,9 +9,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject;
+/** @jsx jsx */
 var separator = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  width: 1px;\n  height: 20px;\n  margin: 0 ", ";\n  align-self: center;\n"])), "var(--ds-border, ".concat(_colors.N30, ")"), "var(--ds-space-050, 4px)");
 var _default = exports.default = function _default() {
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: separator,
     className: "separator"
   });

package/dist/cjs/ui/FloatingToolbar/SmallerEditIcon.js

@@ -9,13 +9,14 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _edit = _interopRequireDefault(require("@atlaskit/icon/glyph/edit"));
 var _templateObject;
+/** @jsx jsx */
 var editIconStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 20px;\n"])));
 
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 var SmallerEditIcon = exports.SmallerEditIcon = function SmallerEditIcon() {
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: editIconStyles
-  }, /*#__PURE__*/React.createElement(_edit.default, {
+  }, (0, _react.jsx)(_edit.default, {
     label: "edit"
   }));
 };

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

@@ -7,12 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = MediaSingle;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _constants = require("../../media-single/constants");
 var _utils = require("../../media-single/utils");
 var _richMediaUtils = require("../../utils/rich-media-utils");
 var _styled = require("./styled");
+/** @jsx jsx */
+
 function MediaSingle(_ref) {
   var layout = _ref.layout,
     width = _ref.width,
@@ -82,7 +85,7 @@ function MediaSingle(_ref) {
   var _children = (0, _slicedToArray2.default)(children, 2),
     media = _children[0],
     caption = _children[1];
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     ref: handleMediaSingleRef,
     css: (0, _styled.MediaSingleDimensionHelper)({
       width: width,
@@ -100,7 +103,7 @@ function MediaSingle(_ref) {
       'is-loading': isLoading,
       'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
     })
-  }, /*#__PURE__*/_react.default.createElement(_styled.MediaWrapper, {
+  }, (0, _react2.jsx)(_styled.MediaWrapper, {
     hasFallbackContainer: hasFallbackContainer,
     height: mediaWrapperHeight,
     paddingBottom: paddingBottom

package/dist/cjs/ui/MediaSingle/styled.js

@@ -17,6 +17,7 @@ var _utils = require("../../utils");
 var _breakout = require("../../utils/breakout");
 var _excluded = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/** @jsx jsx */
 function float(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -140,7 +141,7 @@ var mediaWrapperStyle = exports.mediaWrapperStyle = function mediaWrapperStyle(p
 var MediaWrapper = exports.MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,
     rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: mediaWrapperStyle(rest)
   }, children);
 };
@@ -155,7 +156,7 @@ MediaWrapper.displayName = 'WrapperMediaSingle';
 
 var MediaBorderGapFiller = exports.MediaBorderGapFiller = function MediaBorderGapFiller(_ref4) {
   var borderColor = _ref4.borderColor;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     style: {
       position: 'absolute',
       inset: '0px',

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

@@ -12,6 +12,7 @@ var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
 var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/** @jsx jsx */
 var errorColor = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-danger, ".concat(_colors.R400, ")"));
 var validColor = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-success, ".concat(_colors.G400, ")"));
 var messageStyle = function messageStyle(props) {
@@ -20,19 +21,19 @@ var messageStyle = function messageStyle(props) {
 var iconWrapperStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-right: ", ";\n"])), "var(--ds-space-050, 4px)");
 var HelperMessage = exports.HelperMessage = function HelperMessage(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: messageStyle
   }, children);
 };
 var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref2) {
   var children = _ref2.children;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: function css(theme) {
       return [messageStyle(theme), errorColor];
     }
-  }, /*#__PURE__*/React.createElement("span", {
+  }, (0, _react.jsx)("span", {
     css: iconWrapperStyle
-  }, /*#__PURE__*/React.createElement(_error.default, {
+  }, (0, _react.jsx)(_error.default, {
     size: "small",
     label: "error",
     "aria-label": "error"
@@ -40,13 +41,13 @@ var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref2) {
 };
 var ValidMessage = exports.ValidMessage = function ValidMessage(_ref3) {
   var children = _ref3.children;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: function css(theme) {
       return [messageStyle(theme), validColor];
     }
-  }, /*#__PURE__*/React.createElement("span", {
+  }, (0, _react.jsx)("span", {
     css: iconWrapperStyle
-  }, /*#__PURE__*/React.createElement(_success.default, {
+  }, (0, _react.jsx)(_success.default, {
     size: "small",
     label: "success"
   })), children);

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

@@ -14,10 +14,11 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
+var _react2 = require("@emotion/react");
 var _utils = require("../../utils");
 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 KeyZCode = 90;
 var KeyYCode = 89;
 var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
@@ -122,7 +123,7 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
         role = _this$props2.role,
         inputId = _this$props2.inputId;
       var value = this.state.value;
-      return /*#__PURE__*/React.createElement("input", {
+      return (0, _react2.jsx)("input", {
         css: [_styles.panelTextInput, width !== undefined && (0, _styles.panelTextInputWithCustomWidth)(width)],
         role: role,
         "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,

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

@@ -20,6 +20,7 @@ var _unsupportedContent = require("../../messages/unsupportedContent");
 var _trackUnsupportedContent = require("../../utils/track-unsupported-content");
 var _unsupportedContentHelper = require("../unsupported-content-helper");
 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 blockNodeStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border: 1px dashed ", ";\n  border-radius: ", "px;\n  box-sizing: border-box;\n  cursor: default;\n  display: flex;\n  font-size: ", ";\n  margin: 10px 0;\n  min-height: 24px;\n  padding: 10px;\n  text-align: center;\n  vertical-align: text-bottom;\n  min-width: 120px;\n  align-items: center;\n  justify-content: center;\n"])), "var(--ds-background-disabled, ".concat(_colors.N30, ")"), "var(--ds-border-disabled, ".concat(_colors.N50, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()));
@@ -37,18 +38,18 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
   var tooltipOnShowHandler = (0, _react.useCallback)(function () {
     return dispatchAnalyticsEvent && (0, _trackUnsupportedContent.trackUnsupportedContentTooltipDisplayedFor)(dispatchAnalyticsEvent, _analytics.ACTION_SUBJECT_ID.ON_UNSUPPORTED_BLOCK, originalNodeType);
   }, [dispatchAnalyticsEvent, originalNodeType]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: blockNodeStyle,
     className: "unsupported"
-  }, message, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, message, (0, _react2.jsx)(_tooltip.default, {
     content: tooltipContent,
     hideTooltipOnClick: false,
     position: "bottom",
     onShow: tooltipOnShowHandler,
     strategy: "absolute"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, (0, _react2.jsx)("span", {
     style: style
-  }, /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
+  }, (0, _react2.jsx)(_questionCircle.default, {
     label: "?",
     size: "small"
   }))));

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

@@ -20,6 +20,7 @@ var _unsupportedContent = require("../../messages/unsupportedContent");
 var _trackUnsupportedContent = require("../../utils/track-unsupported-content");
 var _unsupportedContentHelper = require("../unsupported-content-helper");
 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 inlineNodeStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  border-radius: ", "px;\n  box-sizing: border-box;\n  cursor: default;\n  display: inline-flex;\n  font-size: ", ";\n  margin: 0 ", ";\n  min-height: 24px;\n  padding: 0 10px;\n  vertical-align: middle;\n  white-space: nowrap;\n"])), "var(--ds-background-disabled, ".concat(_colors.N30, ")"), "var(--ds-border-disabled, ".concat(_colors.N50, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), "var(--ds-space-025, 2px)");
@@ -37,17 +38,17 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
   var tooltipOnShowHandler = (0, _react.useCallback)(function () {
     return dispatchAnalyticsEvent && (0, _trackUnsupportedContent.trackUnsupportedContentTooltipDisplayedFor)(dispatchAnalyticsEvent, _analytics.ACTION_SUBJECT_ID.ON_UNSUPPORTED_INLINE, originalNodeType);
   }, [dispatchAnalyticsEvent, originalNodeType]);
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return (0, _react2.jsx)("span", {
     css: inlineNodeStyle
-  }, message, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, message, (0, _react2.jsx)(_tooltip.default, {
     content: tooltipContent,
     hideTooltipOnClick: false,
     position: "bottom",
     onShow: tooltipOnShowHandler,
     strategy: "absolute"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, (0, _react2.jsx)("span", {
     style: style
-  }, /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
+  }, (0, _react2.jsx)(_questionCircle.default, {
     label: "?",
     size: "small"
   }))));

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

@@ -21,7 +21,7 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _widthDetector = require("@atlaskit/width-detector");
 var _templateObject;
 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 SCROLLBAR_WIDTH = 30;
 function getBreakpoint() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -71,13 +71,13 @@ var WidthProvider = exports.WidthProvider = /*#__PURE__*/function (_React$Compon
   (0, _createClass2.default)(WidthProvider, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n          position: relative;\n          width: 100%;\n        "]))),
         className: this.props.className
-      }, /*#__PURE__*/_react.default.createElement(_widthDetector.WidthObserver, {
+      }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
         setWidth: this.setWidth,
         offscreen: true
-      }), /*#__PURE__*/_react.default.createElement(Provider, {
+      }), (0, _react2.jsx)(Provider, {
         value: createWidthContext(this.state.width)
       }, this.props.children));
     }

package/dist/cjs/ui-color/ColorPalette/Color/index.js

@@ -14,6 +14,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 = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
 var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
 var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -21,7 +22,7 @@ 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; }
 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 Color = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Color, _PureComponent);
   var _super = _createSuper(Color);
@@ -59,11 +60,11 @@ var Color = /*#__PURE__*/function (_PureComponent) {
         checkMarkColor = _this$props2$checkMar === void 0 ? _colors.N0 : _this$props2$checkMar,
         hexToPaletteColor = _this$props2.hexToPaletteColor;
       var colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;
-      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      return (0, _react2.jsx)(_tooltip.default, {
         content: label
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, (0, _react2.jsx)("span", {
         css: _styles.buttonWrapperStyle
-      }, /*#__PURE__*/_react.default.createElement("button", {
+      }, (0, _react2.jsx)("button", {
         css: _styles.buttonStyle,
         "aria-label": label,
         role: "radio",
@@ -77,7 +78,7 @@ var Color = /*#__PURE__*/function (_PureComponent) {
           border: "1px solid ".concat(borderColor)
         },
         autoFocus: autoFocus
-      }, isSelected && /*#__PURE__*/_react.default.createElement(_done.default, {
+      }, isSelected && (0, _react2.jsx)(_done.default, {
         primaryColor: checkMarkColor,
         label: ""
       }))));

package/dist/cjs/ui-color/ColorPalette/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _chromatism = _interopRequireDefault(require("chromatism"));
 var _reactIntlNext = require("react-intl-next");
 var _colors = require("@atlaskit/theme/colors");
@@ -14,6 +15,8 @@ var _Color = _interopRequireDefault(require("./Color"));
 var _getColorMessage = _interopRequireDefault(require("./Palettes/getColorMessage"));
 var _styles = require("./styles");
 var _utils = require("./utils");
+/** @jsx jsx */
+
 /**
  * For a given color pick the color from a list of colors with
  * the highest contrast
@@ -57,8 +60,8 @@ var ColorPalette = function ColorPalette(props) {
   var colorsPerRow = _react.default.useMemo(function () {
     return (0, _utils.getColorsPerRowFromPalette)(palette, cols);
   }, [palette, cols]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, colorsPerRow.map(function (row) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)(_react.default.Fragment, null, colorsPerRow.map(function (row) {
+    return (0, _react2.jsx)("div", {
       css: _styles.colorPaletteWrapper,
       className: className,
       key: "row-first-color-".concat(row[0].value),
@@ -76,7 +79,7 @@ var ColorPalette = function ColorPalette(props) {
           message = (0, _getColorMessage.default)(paletteColorTooltipMessages.light, value.toUpperCase());
         }
       }
-      return /*#__PURE__*/_react.default.createElement(_Color.default, {
+      return (0, _react2.jsx)(_Color.default, {
         key: value,
         value: value,
         borderColor: border,

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -23,6 +23,7 @@ var _withOuterListeners = _interopRequireDefault(require("../../ui/with-outer-li
 var _ArrowKeyNavigationProvider = require("../ArrowKeyNavigationProvider");
 var _types = require("../ArrowKeyNavigationProvider/types");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/** @jsx jsx */
 // helps adjusts position of popup
 var colorPickerButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
 var colorPickerExpandContainer = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0px ", ";\n"])), "var(--ds-space-negative-050, -4px)");
@@ -122,7 +123,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
     var _getSelectedRowAndCol = (0, _uiColor.getSelectedRowAndColumnFromPalette)(props.colorPalette, selectedColor, props.cols),
       selectedRowIndex = _getSelectedRowAndCol.selectedRowIndex,
       selectedColumnIndex = _getSelectedRowAndCol.selectedColumnIndex;
-    return /*#__PURE__*/_react.default.createElement(_Popup.default, {
+    return (0, _react2.jsx)(_Popup.default, {
       target: buttonRef.current,
       fitHeight: 350,
       fitWidth: 350,
@@ -136,10 +137,10 @@ var ColorPickerButton = function ColorPickerButton(props) {
       zIndex: props.setDisableParentScroll ? 600 : undefined,
       ariaLabel: "Color picker popup",
       onPositionCalculated: onPositionCalculated
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, (0, _react2.jsx)("div", {
       css: colorPickerWrapper,
       "data-test-id": "color-picker-menu"
-    }, /*#__PURE__*/_react.default.createElement(_ArrowKeyNavigationProvider.ArrowKeyNavigationProvider, {
+    }, (0, _react2.jsx)(_ArrowKeyNavigationProvider.ArrowKeyNavigationProvider, {
       type: _types.ArrowKeyNavigationType.COLOR,
       selectedRowIndex: selectedRowIndex,
       selectedColumnIndex: selectedColumnIndex,
@@ -149,7 +150,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
       },
       isOpenedByKeyboard: isOpenedByKeyboard,
       isPopupPositioned: isPopupPositioned
-    }, /*#__PURE__*/_react.default.createElement(ColorPaletteWithListeners, {
+    }, (0, _react2.jsx)(ColorPaletteWithListeners, {
       cols: props.cols,
       selectedColor: selectedColor,
       onClick: onColorSelected,
@@ -172,12 +173,12 @@ var ColorPickerButton = function ColorPickerButton(props) {
       dark: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
     })(theme));
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: colorPickerButtonWrapper
-  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, (0, _react2.jsx)(_tooltip.default, {
     content: title,
     position: "top"
-  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, (0, _react2.jsx)(_button.default, {
     ref: buttonRef,
     "aria-label": title,
     spacing: "compact",
@@ -190,9 +191,9 @@ var ColorPickerButton = function ColorPickerButton(props) {
       }
     },
     css: buttonStyle,
-    iconAfter: /*#__PURE__*/_react.default.createElement("span", {
+    iconAfter: (0, _react2.jsx)("span", {
       css: colorPickerExpandContainer
-    }, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+    }, (0, _react2.jsx)(_chevronDown.default, {
       label: ""
     }))
   })), renderPopup());

package/dist/cjs/ui-menu/DropdownContainer/index.js

@@ -9,13 +9,14 @@ exports.DropdownContainer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
 var _types = require("../ArrowKeyNavigationProvider/types");
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _ToolbarArrowKeyNavigationProvider = require("../ToolbarArrowKeyNavigationProvider");
 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 DropdownContainer = exports.DropdownContainer = /*#__PURE__*/_react.default.memo(function DropdownContainer(props) {
   var keyDownHandlerContext = (0, _react.useContext)(_ToolbarArrowKeyNavigationProvider.KeyDownHandlerContext);
   var newArrowKeyNavigationProviderOptions = props.arrowKeyNavigationProviderOptions;
@@ -26,10 +27,9 @@ var DropdownContainer = exports.DropdownContainer = /*#__PURE__*/_react.default.
     });
   }
   return (
-    /*#__PURE__*/
     //This context is to handle the tab, Arrow Right/Left key events for dropdown.
     //Default context has the void callbacks for above key events
-    _react.default.createElement(_Dropdown.default, (0, _extends2.default)({}, props, {
+    (0, _react2.jsx)(_Dropdown.default, (0, _extends2.default)({}, props, {
       arrowKeyNavigationProviderOptions: newArrowKeyNavigationProviderOptions
     }))
   );