@atlaskit/editor-plugin-media 0.4.7 → 0.4.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-media
 
+## 0.4.9
+
+### Patch Changes
+
+- [#58763](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58763) [`0fdbd64522bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0fdbd64522bf) - update ADF schema
+
+## 0.4.8
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.4.7
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaSingle.js

@@ -18,7 +18,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
@@ -44,7 +43,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(MediaSingleNode, _Component);
@@ -419,23 +418,23 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         }
       }
       var shouldShowPlaceholder = mediaOptions.allowCaptions && node.childCount !== 2 && isSelected && state.selection instanceof _state.NodeSelection;
-      var MediaChildren = (0, _react2.jsx)("figure", {
+      var MediaChildren = /*#__PURE__*/_react.default.createElement("figure", {
         ref: this.mediaSingleWrapperRef,
         css: [_styles.figureWrapper],
         className: _styles.MediaSingleNodeSelector,
         onClick: this.onMediaSingleClicked
-      }, (0, _react2.jsx)("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         ref: this.props.forwardRef
-      }), shouldShowPlaceholder && (0, _react2.jsx)(_CaptionPlaceholder.default, {
+      }), shouldShowPlaceholder && /*#__PURE__*/_react.default.createElement(_CaptionPlaceholder.default, {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       }));
-      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react2.jsx)(_ResizableMediaSingleNext.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
+      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? /*#__PURE__*/_react.default.createElement(_ResizableMediaSingleNext.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
         showLegacyNotification: widthType !== 'pixel'
-      }), MediaChildren) : (0, _react2.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
+      }), MediaChildren) : /*#__PURE__*/_react.default.createElement(_ResizableMediaSingle.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
         lineLength: contentWidthForLegacyExperience,
         pctWidth: mediaSingleWidthAttribute
-      }), MediaChildren) : (0, _react2.jsx)(_ui.MediaSingle, (0, _extends2.default)({}, mediaSingleProps, {
+      }), MediaChildren) : /*#__PURE__*/_react.default.createElement(_ui.MediaSingle, (0, _extends2.default)({}, mediaSingleProps, {
         pctWidth: mediaSingleWidthAttribute
       }), MediaChildren);
     }
@@ -462,7 +461,7 @@ var MediaSingleNodeWrapper = function MediaSingleNodeWrapper(_ref5) {
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width', 'media']),
     widthState = _useSharedPluginState.widthState,
     mediaState = _useSharedPluginState.mediaState;
-  return (0, _react2.jsx)(MediaSingleNode, {
+  return /*#__PURE__*/_react.default.createElement(MediaSingleNode, {
     width: widthState.width,
     lineLength: widthState.lineLength,
     node: node,
@@ -592,13 +591,13 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
 
       // getPos is a boolean for marks, since this is a node we know it must be a function
       var getPos = this.getPos;
-      return (0, _react2.jsx)(_providerFactory.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref6) {
           var mediaProvider = _ref6.mediaProvider,
             contextIdentifierProvider = _ref6.contextIdentifierProvider;
-          return (0, _react2.jsx)(MediaSingleNodeWrapper, {
+          return /*#__PURE__*/_react.default.createElement(MediaSingleNodeWrapper, {
             pluginInjectionApi: pluginInjectionApi,
             mediaProvider: mediaProvider,
             contextIdentifierProvider: contextIdentifierProvider,

package/dist/cjs/nodeviews/styles.js

@@ -10,7 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
 var MediaInlineNodeSelector = exports.MediaInlineNodeSelector = 'media-inline-node';
 var MediaSingleNodeSelector = exports.MediaSingleNodeSelector = 'media-single-node';
 var figureWrapper = exports.figureWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0;\n"])));
@@ -24,7 +23,7 @@ var MediaCardWrapper = exports.MediaCardWrapper = function MediaCardWrapper(_ref
     borderWidth = _ref$borderWidth === void 0 ? 0 : _ref$borderWidth,
     onContextMenu = _ref.onContextMenu;
   var calculatedBorderWidth = selected && borderWidth > 0 ? borderWidth + 1 : borderWidth;
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "media-card-wrapper",
     style: {
       borderColor: "var(--custom-palette-color)",
@@ -32,15 +31,15 @@ var MediaCardWrapper = exports.MediaCardWrapper = function MediaCardWrapper(_ref
       borderStyle: 'solid',
       borderRadius: "".concat(calculatedBorderWidth * 2, "px")
     }
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     css: forcedDimensions,
     style: {
       paddingBottom: "".concat(dimensions.height / dimensions.width * 100, "%")
     },
     onContextMenuCapture: onContextMenu
-  }, borderWidth > 0 && (0, _react2.jsx)(_ui.MediaBorderGapFiller, {
+  }, borderWidth > 0 && /*#__PURE__*/_react.default.createElement(_ui.MediaBorderGapFiller, {
     borderColor: "var(--custom-palette-color)"
-  }), (0, _react2.jsx)("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     css: absoluteDiv
   }, children)));
 };

package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -27,7 +27,6 @@ var _colors = require("@atlaskit/theme/colors");
 var _commands = require("../commands");
 var _messages = require("../messages");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-/** @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 CONTAINER_WIDTH_IN_PX = exports.CONTAINER_WIDTH_IN_PX = _ui.RECENT_SEARCH_WIDTH_IN_PX;
@@ -146,31 +145,31 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
       var formatMessage = this.props.intl.formatMessage;
       var showClearTextButton = this.state.showClearTextButton;
       var backButtonMessage = formatMessage(_messages.messages.back);
-      var backButtonMessageComponent = (0, _react2.jsx)(_keymaps.ToolTipContent, {
+      var backButtonMessageComponent = /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
         description: backButtonMessage,
         keymap: _keymaps.escape,
         shortcutOverride: "Esc"
       });
       var errorsList = (this.state.validationErrors || []).map(function (error, index) {
-        return (0, _react2.jsx)(_ui.ErrorMessage, {
+        return /*#__PURE__*/_react.default.createElement(_ui.ErrorMessage, {
           key: index
         }, error);
       });
       var hasErrors = !!errorsList.length;
-      return (0, _react2.jsx)("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         css: container
-      }, (0, _react2.jsx)("section", {
+      }, /*#__PURE__*/_react.default.createElement("section", {
         css: inputWrapper
-      }, (0, _react2.jsx)("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         css: buttonWrapper
-      }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+      }, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
         title: formatMessage(_messages.messages.back),
-        icon: (0, _react2.jsx)(_chevronLeftLarge.default, {
+        icon: /*#__PURE__*/_react.default.createElement(_chevronLeftLarge.default, {
           label: formatMessage(_messages.messages.back)
         }),
         tooltipContent: backButtonMessageComponent,
         onClick: this.closeMediaAltTextMenu
-      })), (0, _react2.jsx)(_ui.PanelTextInput, {
+      })), /*#__PURE__*/_react.default.createElement(_ui.PanelTextInput, {
         testId: "alt-text-input",
         ariaLabel: formatMessage(_messages.messages.placeholder),
         describedById: "".concat(hasErrors ? 'errors-list' : '', " support-text"),
@@ -184,24 +183,24 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
         ariaRequired: true,
         ariaInvalid: hasErrors,
         autoFocus: true
-      }), showClearTextButton && (0, _react2.jsx)("div", {
+      }), showClearTextButton && /*#__PURE__*/_react.default.createElement("div", {
         css: buttonWrapper
-      }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+      }, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
         testId: "alt-text-clear-button",
         title: formatMessage(_messages.messages.clear),
-        icon: (0, _react2.jsx)("span", {
+        icon: /*#__PURE__*/_react.default.createElement("span", {
           css: clearText
-        }, (0, _react2.jsx)(_crossCircle.default, {
+        }, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
           label: formatMessage(_messages.messages.clear)
         })),
         tooltipContent: formatMessage(_messages.messages.clear),
         onClick: this.handleClearText
-      }))), hasErrors && (0, _react2.jsx)("section", {
+      }))), hasErrors && /*#__PURE__*/_react.default.createElement("section", {
         id: "errors-list",
         ref: this.errorsListRef,
         "aria-live": "assertive",
         css: validationWrapper
-      }, errorsList), (0, _react2.jsx)("p", {
+      }, errorsList), /*#__PURE__*/_react.default.createElement("p", {
         css: supportText,
         id: "support-text"
       }, formatMessage(_messages.messages.supportText)));

package/dist/cjs/toolbar/layout-group.js

@@ -7,8 +7,6 @@ exports.LayoutGroup = void 0;
 var _react = require("@emotion/react");
 var _button = require("@atlaskit/button");
 var _ui = require("@atlaskit/editor-common/ui");
-/** @jsx jsx */
-
 var containerStyles = (0, _react.css)({
   marginLeft: "var(--ds-space-100, 8px)"
 });
@@ -16,19 +14,19 @@ var LayoutGroup = exports.LayoutGroup = function LayoutGroup(_ref) {
   var layoutButtons = _ref.layoutButtons,
     dispatchCommand = _ref.dispatchCommand,
     hide = _ref.hide;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: containerStyles
-  }, (0, _react.jsx)(_button.ButtonGroup, null, layoutButtons.map(function (item, idx) {
+  }, /*#__PURE__*/React.createElement(_button.ButtonGroup, null, layoutButtons.map(function (item, idx) {
     switch (item.type) {
       case 'separator':
-        return (0, _react.jsx)(_ui.FloatingToolbarSeparator, {
+        return /*#__PURE__*/React.createElement(_ui.FloatingToolbarSeparator, {
           key: idx
         });
       case 'button':
         var ButtonIcon = item.icon;
-        return (0, _react.jsx)(_ui.FloatingToolbarButton, {
+        return /*#__PURE__*/React.createElement(_ui.FloatingToolbarButton, {
           key: idx,
-          icon: item.icon ? (0, _react.jsx)(ButtonIcon, {
+          icon: item.icon ? /*#__PURE__*/React.createElement(ButtonIcon, {
             label: item.title
           }) : undefined,
           title: item.title,

package/dist/cjs/toolbar/linking-toolbar-appearance.js

@@ -20,7 +20,6 @@ var _pluginKey = require("../pm-plugins/plugin-key");
 var _checkMediaType = require("../utils/check-media-type");
 var _currentMediaNode = require("../utils/current-media-node");
 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; }
 // need this wrapper, need to have 4px between items.
@@ -59,42 +58,42 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = function LinkToolbar
     var isValidUrl = (0, _adfSchema.isSafeUrl)(mediaLinkingState.link);
     var title = intl.formatMessage(_messages.linkToolbarMessages.editLink);
     var linkTitle = intl.formatMessage(isValidUrl ? _messages.linkMessages.openLink : _messages.linkToolbarMessages.unableToOpenLink);
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       css: wrapper
-    }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+    }, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
       onClick: onEditLink,
       title: title,
-      tooltipContent: (0, _react2.jsx)(_keymaps.ToolTipContent, {
+      tooltipContent: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
         description: title,
         keymap: _keymaps.addLink
       }),
       testId: "edit-link-button"
-    }, title)), (0, _react2.jsx)("div", {
+    }, title)), /*#__PURE__*/_react.default.createElement("div", {
       css: wrapper
-    }, (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null)), (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+    }, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarSeparator, null)), /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
       target: "_blank",
       href: isValidUrl ? mediaLinkingState.link : undefined,
       disabled: !isValidUrl,
       onClick: onOpenLink,
       title: linkTitle,
-      icon: (0, _react2.jsx)(_shortcut.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_shortcut.default, {
         label: linkTitle
       }),
       className: "hyperlink-open-link"
-    }), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
+    }), /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarSeparator, null));
   } else {
     var _title = intl.formatMessage(_messages.linkToolbarMessages.addLink);
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
       testId: "add-link-button",
       onClick: onAddLink,
       title: _title,
-      tooltipContent: (0, _react2.jsx)(_keymaps.ToolTipContent, {
+      tooltipContent: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
         description: _title,
         keymap: _keymaps.addLink
       }),
-      icon: (0, _react2.jsx)(_link.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_link.default, {
         label: _title
       })
-    }), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
+    }), /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarSeparator, null));
   }
 };

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

@@ -13,15 +13,14 @@ var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("./messages");
 var _templateObject;
-/** @jsx jsx */
 var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  width: 100%;\n  text-align: center;\n  margin-top: ", " !important;\n  display: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
 var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var onClick = _ref.onClick;
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     ref: ref,
     css: placeholder,
     onClick: onClick,
     "data-id": _mediaSingle.CAPTION_PLACEHOLDER_ID,
     "data-testid": "caption-placeholder"
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.placeholder));
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.placeholder));
 });

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _react2 = require("@emotion/react");
 var _icons = require("@atlaskit/editor-common/icons");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
@@ -18,8 +17,6 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = require("./messages");
 var _styles2 = require("./styles");
-/** @jsx jsx */
-
 var ImageBorder = function ImageBorder(_ref) {
   var formatMessage = _ref.intl.formatMessage,
     toggleBorder = _ref.toggleBorder,
@@ -65,14 +62,14 @@ var ImageBorder = function ImageBorder(_ref) {
     value: {
       name: 'color'
     },
-    elemAfter: (0, _react2.jsx)("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       className: _styles.DropdownMenuSharedCssClassName.SUBMENU
-    }, (0, _react2.jsx)("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       css: (0, _styles2.contextualMenuColorIcon)(color && (0, _editorPalette.hexToEditorBorderPaletteColor)(color))
-    }), isColorSubmenuOpen && (0, _react2.jsx)("div", {
+    }), isColorSubmenuOpen && /*#__PURE__*/React.createElement("div", {
       css: (0, _styles2.contextualSubMenu)(0),
       ref: handleSubMenuRef
-    }, (0, _react2.jsx)(_uiColor.ColorPalette, {
+    }, /*#__PURE__*/React.createElement(_uiColor.ColorPalette, {
       onClick: function onClick(color) {
         setBorder({
           color: color
@@ -91,22 +88,22 @@ var ImageBorder = function ImageBorder(_ref) {
     value: {
       name: 'size'
     },
-    elemAfter: (0, _react2.jsx)("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       className: _styles.DropdownMenuSharedCssClassName.SUBMENU
-    }, (0, _react2.jsx)("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       css: _styles2.contextualMenuArrow
-    }), isSizeSubmenuOpen && (0, _react2.jsx)("div", {
+    }), isSizeSubmenuOpen && /*#__PURE__*/React.createElement("div", {
       css: (0, _styles2.contextualSubMenu)(1),
       ref: handleSubMenuRef
     }, borderSizeOptions.map(function (_ref2, idx) {
       var name = _ref2.name,
         value = _ref2.value;
-      return (0, _react2.jsx)(_tooltip.default, {
+      return /*#__PURE__*/React.createElement(_tooltip.default, {
         key: idx,
         content: name
-      }, (0, _react2.jsx)("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         css: _styles2.buttonWrapperStyle
-      }, (0, _react2.jsx)("button", {
+      }, /*#__PURE__*/React.createElement("button", {
         css: (0, _styles2.buttonStyle)(value === size),
         "aria-label": name,
         role: "radio",
@@ -120,7 +117,7 @@ var ImageBorder = function ImageBorder(_ref) {
         onMouseDown: function onMouseDown(e) {
           e.preventDefault();
         }
-      }, (0, _react2.jsx)("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: (0, _styles2.line)(value, value === size),
         role: "presentation"
       }))));
@@ -134,47 +131,47 @@ var ImageBorder = function ImageBorder(_ref) {
   var fitTolerance = 10;
   var fitWidth = _styles2.menuItemDimensions.width;
   var fitHeight = items.length * (_styles2.menuItemDimensions.height + _styles2.itemSpacing);
-  return (0, _react2.jsx)("div", null, (0, _react2.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     css: (0, _styles2.toolbarButtonWrapper)({
       enabled: enabled,
       isOpen: isOpen
     })
-  }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+  }, /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
     className: "image-border-toolbar-btn",
     selected: enabled,
     onClick: toggleBorder,
     spacing: "compact",
     "aria-label": enabled ? formatMessage(_messages.messages.removeBorder) : formatMessage(_messages.messages.addBorder),
-    iconBefore: (0, _react2.jsx)(_icons.BorderIcon, {
+    iconBefore: /*#__PURE__*/React.createElement(_icons.BorderIcon, {
       label: ""
     }),
     title: enabled ? formatMessage(_messages.messages.removeBorder) : formatMessage(_messages.messages.addBorder)
-  }), (0, _react2.jsx)("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: popupTarget
-  }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+  }, /*#__PURE__*/React.createElement(_uiMenu.ToolbarButton, {
     className: "image-border-toolbar-dropdown",
     selected: enabled || isOpen,
     "aria-label": formatMessage(_messages.messages.borderOptions),
     title: formatMessage(_messages.messages.borderOptions),
     spacing: "compact",
-    iconBefore: (0, _react2.jsx)(_chevronDown.default, {
+    iconBefore: /*#__PURE__*/React.createElement(_chevronDown.default, {
       label: ""
     }),
     onClick: function onClick() {
       setIsOpen(!isOpen);
     }
-  }))), (0, _react2.jsx)(_ui.Popup, {
+  }))), /*#__PURE__*/React.createElement(_ui.Popup, {
     target: popupTarget.current ? popupTarget.current : undefined,
     fitWidth: fitWidth + fitTolerance,
     fitHeight: fitHeight + fitTolerance,
     forcePlacement: true,
     stick: true
-  }, (0, _react2.jsx)("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     onMouseLeave: function onMouseLeave() {
       setIsColorSubmenuOpen(false);
       setIsSizeSubmenuOpen(false);
     }
-  }, (0, _react2.jsx)(_uiMenu.DropdownMenu
+  }, /*#__PURE__*/React.createElement(_uiMenu.DropdownMenu
   //This needs be removed when the a11y is completely handled
   //Disabling key navigation now as it works only partially
   //Same with packages/editor/editor-plugin-table/src/plugins/table/ui/FloatingContextualMenu/ContextualMenu.tsx

package/dist/cjs/ui/Media/DropPlaceholder.js

@@ -15,15 +15,14 @@ var _constants = require("@atlaskit/theme/constants");
 var _media = require("../../nodeviews/mediaNodeView/media");
 var _dropPlaceholderMessages = require("./drop-placeholder-messages");
 var _templateObject, _templateObject2;
-/** @jsx jsx */
 var iconWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  background: ", ";\n  border-radius: ", "px;\n  margin: 5px 3px 25px;\n  width: ", "px;\n  min-height: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), "var(--ds-icon-accent-blue, ".concat((0, _adfSchema.hexToRgba)(_colors.B400, 0.4) || _colors.B400, ")"), "var(--ds-background-accent-blue-subtle, ".concat((0, _adfSchema.hexToRgba)(_colors.B300, 0.6) || _colors.B300, ")"), (0, _constants.borderRadius)(), _media.FILE_WIDTH, _media.MEDIA_HEIGHT);
 var dropLine = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: ", "px;\n  margin: ", " 0;\n  width: 100%;\n  height: 2px;\n"])), "var(--ds-border-focused, ".concat(_colors.B200, ")"), (0, _constants.borderRadius)(), "var(--ds-space-025, 2px)");
 var IconWrapperComponent = function IconWrapperComponent(props) {
   var intl = props.intl;
   var dropPlaceholderLabel = _dropPlaceholderMessages.dropPlaceholderMessages.dropPlaceholderLabel;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: iconWrapper
-  }, (0, _react.jsx)(_documentFilled.default, {
+  }, /*#__PURE__*/React.createElement(_documentFilled.default, {
     label: intl.formatMessage(dropPlaceholderLabel),
     size: "medium"
   }));
@@ -32,7 +31,7 @@ var IntlIconWrapper = (0, _reactIntlNext.injectIntl)(IconWrapperComponent);
 var _default = exports.default = function _default(_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'group' : _ref$type;
-  return type === 'single' ? (0, _react.jsx)("div", {
+  return type === 'single' ? /*#__PURE__*/React.createElement("div", {
     css: dropLine
-  }) : (0, _react.jsx)(IntlIconWrapper, null);
+  }) : /*#__PURE__*/React.createElement(IntlIconWrapper, null);
 };

package/dist/cjs/ui/MediaLinkingToolbar.js

@@ -25,9 +25,7 @@ var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/che
 var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
 var _colors = require("@atlaskit/theme/colors");
 var _mediaLinkingToolbarMessages = require("./media-linking-toolbar-messages");
-var _templateObject, _templateObject2;
-/** @jsx jsx */
-// Common Translations will live here
+var _templateObject, _templateObject2; // Common Translations will live here
 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); }; }
@@ -99,21 +97,21 @@ var LinkAddToolbar = exports.LinkAddToolbar = /*#__PURE__*/function (_React$Pure
       var formatLinkAddressText = formatMessage(_mediaLinkingToolbarMessages.mediaLinkToolbarMessages.backLink);
       var formatUnlinkText = formatMessage(_messages.linkToolbarMessages.unlink);
       var errorsList = _this.state.validationErrors.map(function (error, index) {
-        return (0, _react2.jsx)(_ui.ErrorMessage, {
+        return /*#__PURE__*/_react.default.createElement(_ui.ErrorMessage, {
           key: index
         }, error);
       });
-      return (0, _react2.jsx)("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "recent-list"
-      }, (0, _react2.jsx)("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         css: [_link.container, !!activityProvider && _link.containerWithProvider]
-      }, (0, _react2.jsx)("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         css: _link.inputWrapper
-      }, (0, _react2.jsx)("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         css: buttonWrapper
-      }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+      }, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
         title: formatLinkAddressText,
-        icon: (0, _react2.jsx)(_chevronLeftLarge.default, {
+        icon: /*#__PURE__*/_react.default.createElement(_chevronLeftLarge.default, {
           label: formatLinkAddressText
         }),
         onClick: function onClick() {
@@ -122,7 +120,7 @@ var LinkAddToolbar = exports.LinkAddToolbar = /*#__PURE__*/function (_React$Pure
             inputMethod: currentInputMethod
           });
         }
-      })), (0, _react2.jsx)(_ui.PanelTextInput, {
+      })), /*#__PURE__*/_react.default.createElement(_ui.PanelTextInput, {
         testId: "media-link-input",
         placeholder: getPlaceholder(!!activityProvider),
         autoFocus: true,
@@ -144,13 +142,13 @@ var LinkAddToolbar = exports.LinkAddToolbar = /*#__PURE__*/function (_React$Pure
           _onChange(value);
         },
         onKeyDown: onKeyDown
-      }), (0, _utils.normalizeUrl)(displayUrl) && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null), (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+      }), (0, _utils.normalizeUrl)(displayUrl) && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarSeparator, null), /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
         title: formatUnlinkText,
-        icon: (0, _react2.jsx)(_unlink.default, {
+        icon: /*#__PURE__*/_react.default.createElement(_unlink.default, {
           label: formatUnlinkText
         }),
         onClick: _this.handleUnlink
-      }))), !!errorsList.length && (0, _react2.jsx)("section", {
+      }))), !!errorsList.length && /*#__PURE__*/_react.default.createElement("section", {
         css: validationWrapper
       }, errorsList), renderRecentList()));
     });
@@ -182,7 +180,7 @@ var LinkAddToolbar = exports.LinkAddToolbar = /*#__PURE__*/function (_React$Pure
       var _this$props2 = this.props,
         providerFactory = _this$props2.providerFactory,
         displayUrl = _this$props2.displayUrl;
-      return (0, _react2.jsx)(_link.RecentSearch, {
+      return /*#__PURE__*/_react.default.createElement(_link.RecentSearch, {
         defaultUrl: (0, _utils.normalizeUrl)(displayUrl),
         providerFactory: providerFactory,
         onSubmit: this.handleSubmit,