@atlaskit/editor-core 188.2.0 → 188.2.3

package/dist/cjs/plugins/media/pm-plugins/main.js

@@ -17,29 +17,29 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _assert = _interopRequireDefault(require("assert"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
+var _reactIntlNext = require("react-intl-next");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _utils = require("@atlaskit/editor-common/utils");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
-var _view2 = require("@atlaskit/editor-prosemirror/view");
-var _utils = require("@atlaskit/editor-common/utils");
-var _assert = _interopRequireDefault(require("assert"));
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
-var _mediaSingle = require("../utils/media-single");
-var _DropPlaceholder = _interopRequireDefault(require("../ui/Media/DropPlaceholder"));
-var _mediaFiles = require("../utils/media-files");
-var _mediaCommon = require("../utils/media-common");
+var _view2 = require("@atlaskit/editor-prosemirror/view");
+var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
+var _mediaCommon = require("@atlaskit/media-common");
 var _helpers = _interopRequireWildcard(require("../commands/helpers"));
 var helpers = _helpers;
-var _pluginKey = require("./plugin-key");
 var _pickerFacade = _interopRequireDefault(require("../picker-facade"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _mediaCommon2 = require("@atlaskit/media-common");
-var _reactIntlNext = require("react-intl-next");
+var _DropPlaceholder = _interopRequireDefault(require("../ui/Media/DropPlaceholder"));
+var _mediaCommon2 = require("../utils/media-common");
+var _mediaFiles = require("../utils/media-files");
+var _mediaSingle2 = require("../utils/media-single");
 var _mediaTaskManager = require("./mediaTaskManager");
-var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-var _mediaSingle2 = require("@atlaskit/editor-common/media-single");
+var _pluginKey = require("./plugin-key");
 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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
@@ -211,7 +211,7 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
         mediaInline = _this$view$state$sche.mediaInline,
         mediaSingle = _this$view$state$sche.mediaSingle,
         media = _this$view$state$sche.media;
-      if ((0, _mediaCommon2.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions = _this.mediaOptions) === null || _this$mediaOptions === void 0 ? void 0 : _this$mediaOptions.featureFlags)) {
+      if ((0, _mediaCommon.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions = _this.mediaOptions) === null || _this$mediaOptions === void 0 ? void 0 : _this$mediaOptions.featureFlags)) {
         return type === mediaSingle || type === media || type === mediaInline;
       }
       return type === mediaSingle;
@@ -239,12 +239,12 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
           allUploadsFinished: false
         });
       }
-      if ((0, _mediaSingle.isMediaSingle)(state.schema, mediaStateWithContext.fileMimeType)) {
+      if ((0, _mediaSingle2.isMediaSingle)(state.schema, mediaStateWithContext.fileMimeType)) {
         var _this$pluginInjection2;
         // read width state right before inserting to get up-to-date and define values
         var widthPluginState = (_this$pluginInjection2 = _this.pluginInjectionApi) === null || _this$pluginInjection2 === void 0 ? void 0 : _this$pluginInjection2.width.sharedState.currentState();
-        (0, _mediaSingle.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, _this.newInsertionBehaviour, widthPluginState, editorAnalyticsAPI);
-      } else if ((0, _mediaCommon2.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !(0, _utils.isInEmptyLine)(state) && (!(0, _mediaCommon.isInsidePotentialEmptyParagraph)(state) || (0, _utils.isInListItem)(state)) && (0, _mediaFiles.canInsertMediaInline)(state)) {
+        (0, _mediaSingle2.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, _this.newInsertionBehaviour, widthPluginState, editorAnalyticsAPI);
+      } else if ((0, _mediaCommon.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !(0, _utils.isInEmptyLine)(state) && (!(0, _mediaCommon2.isInsidePotentialEmptyParagraph)(state) || (0, _utils.isInListItem)(state)) && (0, _mediaFiles.canInsertMediaInline)(state)) {
         (0, _mediaFiles.insertMediaInlineNode)(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
       } else {
         (0, _mediaFiles.insertMediaGroupNode)(editorAnalyticsAPI)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType));
@@ -283,7 +283,7 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
       _this.taskManager.addPendingTask(task);
     });
     (0, _defineProperty2.default)(this, "splitMediaGroup", function () {
-      return (0, _mediaCommon.splitMediaGroup)(_this.view);
+      return (0, _mediaCommon2.splitMediaGroup)(_this.view);
     });
     (0, _defineProperty2.default)(this, "onPopupPickerClose", function () {
       _this.onPopupToggleCallback(false);
@@ -320,7 +320,7 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
         }
         getNode = _this.view.state.doc.nodeAt(pos);
       }
-      (0, _mediaCommon.removeMediaNode)(_this.view, getNode, getPos);
+      (0, _mediaCommon2.removeMediaNode)(_this.view, getNode, getPos);
     });
     (0, _defineProperty2.default)(this, "trackMediaNodeAddition", function (node) {
       var _this$nodeCount$get;
@@ -437,7 +437,7 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
         return false;
       }
       var from = view.state.selection.from;
-      (0, _mediaCommon.removeMediaNode)(view, selectedNode.firstChild, function () {
+      (0, _mediaCommon2.removeMediaNode)(view, selectedNode.firstChild, function () {
         return from + 1;
       });
       return true;
@@ -512,7 +512,7 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
       if (selectedContainer && this.isMediaSchemaNode(selectedContainer)) {
         newElement = this.getDomElement(this.view.domAtPos.bind(this.view));
         if (selectedContainer.type === this.view.state.schema.nodes.mediaSingle) {
-          this.currentMaxWidth = (0, _mediaSingle2.getMaxWidthForNestedNodeNext)(this.view, this.view.state.selection.$anchor.pos) || undefined;
+          this.currentMaxWidth = (0, _mediaSingle.getMaxWidthForNestedNodeNext)(this.view, this.view.state.selection.$anchor.pos) || undefined;
         } else {
           this.currentMaxWidth = undefined;
         }
@@ -768,7 +768,7 @@ var createPlugin = exports.createPlugin = function createPlugin(_schema, options
       },
       handleClick: function handleClick(_editorView, _pos, event) {
         var _event$target;
-        var clickedInsideCaptionPlaceholder = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest("[data-id=\"".concat(_mediaSingle2.CAPTION_PLACEHOLDER_ID, "\"]"));
+        var clickedInsideCaptionPlaceholder = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest("[data-id=\"".concat(_mediaSingle.CAPTION_PLACEHOLDER_ID, "\"]"));
 
         // Workaround for Chrome given a regression introduced in prosemirror-view@1.18.6
         // Returning true prevents that updateSelection() is getting called in the commit below:

package/dist/cjs/plugins/media/styles.js

@@ -9,8 +9,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
 var _mediaCard = require("@atlaskit/media-card");
+var _colors = require("@atlaskit/theme/colors");
 var _templateObject;
 var mediaStyles = exports.mediaStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", " & [layout='full-width'] .", ",\n    & [layout='wide'] .", " {\n      margin-left: 50%;\n      transform: translateX(-50%);\n    }\n\n    .media-extended-resize-experience[layout^='wrap-'] {\n      // override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle\n      // to prevent scroll bar\n      overflow: visible !important;\n    }\n\n    & [layout^='wrap-'] + [layout^='wrap-'] {\n      clear: none;\n      & + p,\n      & + div[class^='fabric-editor-align'],\n      & + ul,\n      & + ol,\n      & + h1,\n      & + h2,\n      & + h3,\n      & + h4,\n      & + h5,\n      & + h6 {\n        clear: both !important;\n      }\n      & .", " {\n        margin-left: 0;\n        margin-right: 0;\n      }\n    }\n\n    .mediaSingleView-content-wrap[layout^='wrap-'] {\n      max-width: 100%;\n      // overwrite default Prosemirror setting making it clear: both\n      clear: inherit;\n    }\n\n    .mediaSingleView-content-wrap[layout='wrap-left'] {\n      float: left;\n    }\n\n    .mediaSingleView-content-wrap[layout='wrap-right'] {\n      float: right;\n    }\n\n    .mediaSingleView-content-wrap[layout='wrap-right']\n      + .mediaSingleView-content-wrap[layout='wrap-left'] {\n      clear: both;\n    }\n\n    /* Larger margins for resize handlers when at depth 0 of the document */\n    & > .mediaSingleView-content-wrap {\n      .richMedia-resize-handle-right {\n        margin-right: -", "px;\n      }\n      .richMedia-resize-handle-left {\n        margin-left: -", "px;\n      }\n    }\n  }\n\n  .richMedia-resize-handle-right,\n  .richMedia-resize-handle-left {\n    display: flex;\n    flex-direction: column;\n\n    /* vertical align */\n    justify-content: center;\n  }\n\n  .richMedia-resize-handle-right {\n    align-items: flex-end;\n    padding-right: ", ";\n    margin-right: -", "px;\n  }\n\n  .richMedia-resize-handle-left {\n    align-items: flex-start;\n    padding-left: ", ";\n    margin-left: -", "px;\n  }\n\n  .richMedia-resize-handle-right::after,\n  .richMedia-resize-handle-left::after {\n    content: ' ';\n    display: flex;\n    width: 3px;\n    height: 64px;\n\n    border-radius: 6px;\n  }\n\n  .", ":hover .richMedia-resize-handle-left::after,\n  .", ":hover .richMedia-resize-handle-right::after {\n    background: ", ";\n  }\n\n  .", " .richMedia-resize-handle-right::after,\n  .", " .richMedia-resize-handle-left::after,\n  .", " .richMedia-resize-handle-right:hover::after,\n  .", " .richMedia-resize-handle-left:hover::after,\n  .", ".is-resizing .richMedia-resize-handle-right::after,\n  .", ".is-resizing .richMedia-resize-handle-left::after {\n    background: ", ";\n  }\n\n  .__resizable_base__ {\n    left: unset !important;\n    width: auto !important;\n    height: auto !important;\n  }\n\n  /* Danger when top level node for smart cards / inline links */\n  .danger > div > div > .media-card-frame,\n  .danger > span > a {\n    background-color: ", ";\n    box-shadow: 0px 0px 0px ", "px\n      ", ";\n    transition: background-color 0s, box-shadow 0s;\n  }\n  /* Danger when nested node or common */\n  .danger {\n    /* Media single */\n    .", " .", "::after {\n      border: 1px solid ", ";\n    }\n    /* Media single video player */\n    .", " .", "::after {\n      border: 1px solid ", ";\n    }\n    /* New file experience */\n    .", " .", " {\n      box-shadow: 0 0 0 1px\n        ", " !important;\n    }\n    /* Media resize legacy handlers */\n    .richMedia-resize-handle-right::after,\n    .richMedia-resize-handle-left::after {\n      background: ", " !important;\n    }\n    /* Media resize new handlers */\n    .resizer-handle-thumb {\n      background: ", " !important;\n    }\n\n    /* Smart cards */\n    div div .media-card-frame,\n    .inlineCardView-content-wrap > span > a {\n      background-color: ", "; /* R75 with 50% opactiy */\n      transition: background-color 0s;\n    }\n\n    div div .media-card-frame::after {\n      box-shadow: none;\n    }\n  }\n\n  .warning {\n    /* Media single */\n    .", " .", "::after {\n      border: 1px solid ", ";\n    }\n\n    .", " .", "::after {\n      border: 1px solid ", ";\n    }\n\n    .", " .", " {\n      box-shadow: 0 0 0 1px ", " !important;\n    }\n\n    .resizer-handle-thumb {\n      background: ", " !important;\n    }\n  }\n"])), _styles.mediaSingleSharedStyle, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, "var(--ds-space-150, 12px)", _editorSharedStyles.akEditorMediaResizeHandlerPadding, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border, ".concat(_colors.N60, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, _styles.richMediaClassName, "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _editorSharedStyles.akEditorSelectedBorderBoldSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), "var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))", _styles.richMediaClassName, _mediaCard.fileCardImageViewSelector, "var(--ds-border-warning, ".concat(_colors.Y500, ")"), _styles.richMediaClassName, _mediaCard.inlinePlayerClassName, "var(--ds-border-warning, ".concat(_colors.Y500, ")"), _styles.richMediaClassName, _mediaCard.newFileExperienceClassName, "var(--ds-border-warning, ".concat(_colors.Y500, ")"), "var(--ds-icon-warning, ".concat(_colors.Y500, ")"));
 

package/dist/cjs/plugins/media/toolbar/alt-text.js

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.getAltTextToolbar = exports.altTextEditComponent = exports.altTextButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _commands = require("../pm-plugins/alt-text/commands");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _commands = require("../pm-plugins/alt-text/commands");
 var _messages = require("../pm-plugins/alt-text/messages");
+var _style = require("../pm-plugins/alt-text/style");
 var _AltTextEdit = _interopRequireWildcard(require("../pm-plugins/alt-text/ui/AltTextEdit"));
 var _mediaCommon = require("../utils/media-common");
-var _style = require("../pm-plugins/alt-text/style");
 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; }

package/dist/cjs/plugins/media/toolbar/commands.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateMediaSingleWidth = exports.toggleBorderMark = exports.setBorderMark = exports.removeInlineCard = exports.changeMediaCardToInline = exports.changeInlineToMediaCard = exports.DEFAULT_BORDER_SIZE = exports.DEFAULT_BORDER_COLOR = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _analytics = require("../utils/analytics");
-var _analytics2 = require("@atlaskit/editor-common/analytics");
-var _utils2 = require("./utils");
+var _analytics2 = require("../utils/analytics");
 var _currentMediaNode = require("../utils/current-media-node");
+var _utils2 = require("./utils");
 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; }
 var DEFAULT_BORDER_COLOR = exports.DEFAULT_BORDER_COLOR = '#091e4224';
@@ -43,12 +43,12 @@ var changeInlineToMediaCard = exports.changeInlineToMediaCard = function changeI
     tr = (0, _utils.safeInsert)(group, nodePos, true)(tr);
     if (dispatch) {
       editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-        action: _analytics2.ACTION.CHANGED_TYPE,
-        actionSubject: _analytics2.ACTION_SUBJECT.MEDIA,
-        eventType: _analytics2.EVENT_TYPE.TRACK,
+        action: _analytics.ACTION.CHANGED_TYPE,
+        actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+        eventType: _analytics.EVENT_TYPE.TRACK,
         attributes: {
-          newType: _analytics2.ACTION_SUBJECT_ID.MEDIA_GROUP,
-          previousType: _analytics2.ACTION_SUBJECT_ID.MEDIA_INLINE
+          newType: _analytics.ACTION_SUBJECT_ID.MEDIA_GROUP,
+          previousType: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE
         }
       })(tr);
       dispatch(tr);
@@ -80,12 +80,12 @@ var changeMediaCardToInline = exports.changeMediaCardToInline = function changeM
     tr = (0, _utils.safeInsert)(node, nodePos, false)(tr);
     if (dispatch) {
       editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-        action: _analytics2.ACTION.CHANGED_TYPE,
-        actionSubject: _analytics2.ACTION_SUBJECT.MEDIA,
-        eventType: _analytics2.EVENT_TYPE.TRACK,
+        action: _analytics.ACTION.CHANGED_TYPE,
+        actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+        eventType: _analytics.EVENT_TYPE.TRACK,
         attributes: {
-          newType: _analytics2.ACTION_SUBJECT_ID.MEDIA_INLINE,
-          previousType: _analytics2.ACTION_SUBJECT_ID.MEDIA_GROUP
+          newType: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE,
+          previousType: _analytics.ACTION_SUBJECT_ID.MEDIA_GROUP
         }
       })(tr);
       dispatch(tr);
@@ -129,10 +129,10 @@ var toggleBorderMark = exports.toggleBorderMark = function toggleBorderMark(edit
     if (dispatch) {
       if (borderMark !== null && borderMark !== void 0 && borderMark.attrs) {
         editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-          action: _analytics2.ACTION.DELETED,
-          actionSubject: _analytics2.ACTION_SUBJECT.MEDIA,
-          actionSubjectId: _analytics2.ACTION_SUBJECT_ID.BORDER,
-          eventType: _analytics2.EVENT_TYPE.TRACK,
+          action: _analytics.ACTION.DELETED,
+          actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.BORDER,
+          eventType: _analytics.EVENT_TYPE.TRACK,
           attributes: {
             previousColor: borderMark.attrs.color,
             previousSize: borderMark.attrs.size
@@ -140,10 +140,10 @@ var toggleBorderMark = exports.toggleBorderMark = function toggleBorderMark(edit
         })(tr);
       } else {
         editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-          action: _analytics2.ACTION.ADDED,
-          actionSubject: _analytics2.ACTION_SUBJECT.MEDIA,
-          actionSubjectId: _analytics2.ACTION_SUBJECT_ID.BORDER,
-          eventType: _analytics2.EVENT_TYPE.TRACK,
+          action: _analytics.ACTION.ADDED,
+          actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.BORDER,
+          eventType: _analytics.EVENT_TYPE.TRACK,
           attributes: {
             color: DEFAULT_BORDER_COLOR,
             size: DEFAULT_BORDER_SIZE
@@ -185,10 +185,10 @@ var setBorderMark = exports.setBorderMark = function setBorderMark(editorAnalyti
       }
       if (dispatch) {
         editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
-          action: _analytics2.ACTION.UPDATED,
-          actionSubject: _analytics2.ACTION_SUBJECT.MEDIA,
-          actionSubjectId: _analytics2.ACTION_SUBJECT_ID.BORDER,
-          eventType: _analytics2.EVENT_TYPE.TRACK,
+          action: _analytics.ACTION.UPDATED,
+          actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.BORDER,
+          eventType: _analytics.EVENT_TYPE.TRACK,
           attributes: {
             previousColor: borderMark === null || borderMark === void 0 ? void 0 : borderMark.color,
             previousSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.size,
@@ -218,7 +218,7 @@ var updateMediaSingleWidth = exports.updateMediaSingleWidth = function updateMed
       tr.setSelection(_state.NodeSelection.create(tr.doc, selectedMediaSingleNode.pos));
       var $pos = state.doc.resolve(selectedMediaSingleNode.pos);
       var parentNodeType = $pos ? $pos.parent.type.name : undefined;
-      var payload = (0, _analytics.getMediaInputResizeAnalyticsEvent)('mediaSingle', {
+      var payload = (0, _analytics2.getMediaInputResizeAnalyticsEvent)('mediaSingle', {
         width: width,
         layout: layout,
         validation: validation,

package/dist/cjs/plugins/media/toolbar/filePreviewItem.js

@@ -9,10 +9,10 @@ exports.FilePreviewItem = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _mediaViewer = require("@atlaskit/media-viewer");
-var _mediaUi = require("@atlaskit/media-ui");
-var _filePreview = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file-preview"));
 var _ui = require("@atlaskit/editor-common/ui");
+var _filePreview = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file-preview"));
+var _mediaUi = require("@atlaskit/media-ui");
+var _mediaViewer = require("@atlaskit/media-viewer");
 var _utils = require("./utils");
 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; }

package/dist/cjs/plugins/media/toolbar/index.js

@@ -9,34 +9,34 @@ exports.floatingToolbar = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _card = require("@atlaskit/editor-common/card");
+var _mediaSingle = require("@atlaskit/editor-common/media-single");
+var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
+var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
-var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
-var _pluginKey = require("../pm-plugins/plugin-key");
-var _linking = require("./linking");
-var _card = require("@atlaskit/editor-common/card");
-var _linking2 = require("../pm-plugins/linking");
-var _altText = require("../pm-plugins/alt-text");
-var _altText2 = require("./alt-text");
-var _linking3 = require("../commands/linking");
-var _linkingToolbarAppearance = require("./linking-toolbar-appearance");
-var _analytics = require("@atlaskit/editor-common/analytics");
 var _mediaUi = require("@atlaskit/media-ui");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _filePreviewItem = require("./filePreviewItem");
-var _utils2 = require("./utils");
-var _mediaSingle = require("../utils/media-single");
-var _commands = require("./commands");
+var _linking = require("../commands/linking");
 var _styles = require("../nodeviews/styles");
+var _altText = require("../pm-plugins/alt-text");
+var _linking2 = require("../pm-plugins/linking");
+var _pluginKey = require("../pm-plugins/plugin-key");
 var _ImageBorder = _interopRequireDefault(require("../ui/ImageBorder"));
+var _PixelEntry = require("../ui/PixelEntry");
 var _currentMediaNode = require("../utils/current-media-node");
+var _mediaSingle2 = require("../utils/media-single");
+var _altText2 = require("./alt-text");
+var _commands = require("./commands");
+var _filePreviewItem = require("./filePreviewItem");
 var _imageBorder = require("./imageBorder");
-var _PixelEntry = require("../ui/PixelEntry");
-var _mediaSingle2 = require("@atlaskit/editor-common/media-single");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _linking3 = require("./linking");
+var _linkingToolbarAppearance = require("./linking-toolbar-appearance");
+var _utils2 = require("./utils");
 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; }
@@ -290,19 +290,19 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             mediaHeight = _selectedMediaNode$at.height;
           var maxWidthForNestedNode = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth;
           var maxWidth = maxWidthForNestedNode || _editorSharedStyles.akEditorFullWidthLayoutWidth;
-          var isVideoFile = (0, _mediaSingle.isVideo)(selectedMediaNode.attrs.__fileMimeType);
-          var minWidth = (0, _mediaSingle2.calcMinWidth)(isVideoFile, maxWidthForNestedNode || contentWidth);
+          var isVideoFile = (0, _mediaSingle2.isVideo)(selectedMediaNode.attrs.__fileMimeType);
+          var minWidth = (0, _mediaSingle.calcMinWidth)(isVideoFile, maxWidthForNestedNode || contentWidth);
           var isLegacy = widthType !== 'pixel';
           var pixelWidthFromElement = (0, _utils2.getPixelWidthOfElement)(editorView, selectedMediaSingleNode.pos + 1,
           // get pos of media node
-          mediaWidth || _mediaSingle2.DEFAULT_IMAGE_WIDTH);
+          mediaWidth || _mediaSingle.DEFAULT_IMAGE_WIDTH);
           var pixelWidth = isLegacy ? pixelWidthFromElement : mediaSingleWidth;
           return /*#__PURE__*/_react.default.createElement(_PixelEntry.PixelEntry, {
             intl: intl,
             width: pluginState.isResizing ? pluginState.resizingWidth : pixelWidth,
             showMigration: !pluginState.isResizing && isLegacy,
-            mediaWidth: mediaWidth || _mediaSingle2.DEFAULT_IMAGE_WIDTH,
-            mediaHeight: mediaHeight || _mediaSingle2.DEFAULT_IMAGE_HEIGHT,
+            mediaWidth: mediaWidth || _mediaSingle.DEFAULT_IMAGE_WIDTH,
+            mediaHeight: mediaHeight || _mediaSingle.DEFAULT_IMAGE_HEIGHT,
             minWidth: minWidth,
             maxWidth: maxWidth,
             onChange: function onChange(valid) {
@@ -357,7 +357,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         type: 'separator'
       });
     }
-    if (allowLinking && (0, _linking.shouldShowMediaLinkToolbar)(state)) {
+    if (allowLinking && (0, _linking3.shouldShowMediaLinkToolbar)(state)) {
       toolbarButtons.push({
         type: 'custom',
         fallback: [],
@@ -367,7 +367,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
               if (editorView) {
                 var _state = editorView.state,
                   dispatch = editorView.dispatch;
-                (0, _linking3.showLinkingToolbar)(_state, dispatch);
+                (0, _linking.showLinkingToolbar)(_state, dispatch);
               }
             };
             var openLink = function openLink() {
@@ -463,8 +463,8 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
       return mediaPluginState.element;
     }
   };
-  if (allowLinking && mediaLinkingState && mediaLinkingState.visible && (0, _linking.shouldShowMediaLinkToolbar)(state)) {
-    var linkingToolbar = (0, _linking.getLinkingToolbar)(baseToolbar, mediaLinkingState, state, intl, pluginInjectionApi, providerFactory);
+  if (allowLinking && mediaLinkingState && mediaLinkingState.visible && (0, _linking3.shouldShowMediaLinkToolbar)(state)) {
+    var linkingToolbar = (0, _linking3.getLinkingToolbar)(baseToolbar, mediaLinkingState, state, intl, pluginInjectionApi, providerFactory);
     if (linkingToolbar) {
       return linkingToolbar;
     }

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

@@ -10,14 +10,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/link"));
-var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _checkMediaType = require("../utils/check-media-type");
-var _ui = require("@atlaskit/editor-common/ui");
-var _messages = require("@atlaskit/editor-common/messages");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _messages = require("@atlaskit/editor-common/messages");
+var _ui = require("@atlaskit/editor-common/ui");
+var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/link"));
+var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 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 */

package/dist/cjs/plugins/media/toolbar/linking.js

@@ -8,10 +8,10 @@ exports.getLinkingToolbar = void 0;
 exports.shouldShowMediaLinkToolbar = shouldShowMediaLinkToolbar;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _ui = require("@atlaskit/editor-common/ui");
 var _linking = require("../commands/linking");
 var _linking2 = require("../pm-plugins/linking");
 var _MediaLinkingToolbar = _interopRequireDefault(require("../ui/MediaLinkingToolbar"));
-var _ui = require("@atlaskit/editor-common/ui");
 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; }
 var FORCE_FOCUS_SELECTOR = '[data-testid="add-link-button"],[data-testid="edit-link-button"]';

package/dist/cjs/plugins/media/toolbar/utils.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.removeMediaGroupNode = exports.getSelectedMediaSingle = exports.getSelectedMediaContainerNodeAttrs = exports.getPixelWidthOfElement = exports.getMaxToolbarWidth = exports.downloadMedia = exports.calcNewLayout = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _mediaClient = require("@atlaskit/media-client");
+var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _mediaSingle = require("@atlaskit/editor-common/media-single");
+var _mediaClient = require("@atlaskit/media-client");
 var getSelectedMediaContainerNodeAttrs = exports.getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeAttrs(mediaPluginState) {
   var selectedNode = mediaPluginState.selectedMediaContainerNode();
   if (selectedNode && selectedNode.attrs) {

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

@@ -9,9 +9,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("./messages");
-var _mediaSingle = require("@atlaskit/editor-common/media-single");
 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)");

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

@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-var _styles = require("@atlaskit/editor-common/styles");
+var _react = require("react");
+var _react2 = require("@emotion/react");
 var _icons = require("@atlaskit/editor-common/icons");
-var _react2 = require("react");
+var _styles = require("@atlaskit/editor-common/styles");
+var _ui = require("@atlaskit/editor-common/ui");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
-var _editorPalette = require("@atlaskit/editor-palette");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _editorPalette = require("@atlaskit/editor-palette");
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _ui = require("@atlaskit/editor-common/ui");
-var _styles2 = require("./styles");
 var _messages = require("./messages");
+var _styles2 = require("./styles");
 /** @jsx jsx */
 
 var ImageBorder = function ImageBorder(_ref) {
@@ -25,19 +25,19 @@ var ImageBorder = function ImageBorder(_ref) {
     toggleBorder = _ref.toggleBorder,
     borderMark = _ref.borderMark,
     setBorder = _ref.setBorder;
-  var popupTarget = (0, _react2.useRef)(null);
+  var popupTarget = (0, _react.useRef)(null);
   var enabled = !!borderMark;
   var color = borderMark === null || borderMark === void 0 ? void 0 : borderMark.color;
   var size = borderMark === null || borderMark === void 0 ? void 0 : borderMark.size;
-  var _useState = (0, _react2.useState)(false),
+  var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
-  var _useState3 = (0, _react2.useState)(false),
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     isColorSubmenuOpen = _useState4[0],
     setIsColorSubmenuOpen = _useState4[1];
-  var _useState5 = (0, _react2.useState)(false),
+  var _useState5 = (0, _react.useState)(false),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     isSizeSubmenuOpen = _useState6[0],
     setIsSizeSubmenuOpen = _useState6[1];
@@ -65,14 +65,14 @@ var ImageBorder = function ImageBorder(_ref) {
     value: {
       name: 'color'
     },
-    elemAfter: (0, _react.jsx)("div", {
+    elemAfter: (0, _react2.jsx)("div", {
       className: _styles.DropdownMenuSharedCssClassName.SUBMENU
-    }, (0, _react.jsx)("div", {
+    }, (0, _react2.jsx)("div", {
       css: (0, _styles2.contextualMenuColorIcon)(color && (0, _editorPalette.hexToEditorBorderPaletteColor)(color))
-    }), isColorSubmenuOpen && (0, _react.jsx)("div", {
+    }), isColorSubmenuOpen && (0, _react2.jsx)("div", {
       css: (0, _styles2.contextualSubMenu)(0),
       ref: handleSubMenuRef
-    }, (0, _react.jsx)(_uiColor.ColorPalette, {
+    }, (0, _react2.jsx)(_uiColor.ColorPalette, {
       onClick: function onClick(color) {
         setBorder({
           color: color
@@ -91,22 +91,22 @@ var ImageBorder = function ImageBorder(_ref) {
     value: {
       name: 'size'
     },
-    elemAfter: (0, _react.jsx)("div", {
+    elemAfter: (0, _react2.jsx)("div", {
       className: _styles.DropdownMenuSharedCssClassName.SUBMENU
-    }, (0, _react.jsx)("div", {
+    }, (0, _react2.jsx)("div", {
       css: _styles2.contextualMenuArrow
-    }), isSizeSubmenuOpen && (0, _react.jsx)("div", {
+    }), isSizeSubmenuOpen && (0, _react2.jsx)("div", {
       css: (0, _styles2.contextualSubMenu)(1),
       ref: handleSubMenuRef
     }, borderSizeOptions.map(function (_ref2, idx) {
       var name = _ref2.name,
         value = _ref2.value;
-      return (0, _react.jsx)(_tooltip.default, {
+      return (0, _react2.jsx)(_tooltip.default, {
         key: idx,
         content: name
-      }, (0, _react.jsx)("span", {
+      }, (0, _react2.jsx)("span", {
         css: _styles2.buttonWrapperStyle
-      }, (0, _react.jsx)("button", {
+      }, (0, _react2.jsx)("button", {
         css: (0, _styles2.buttonStyle)(value === size),
         "aria-label": name,
         role: "radio",
@@ -120,7 +120,7 @@ var ImageBorder = function ImageBorder(_ref) {
         onMouseDown: function onMouseDown(e) {
           e.preventDefault();
         }
-      }, (0, _react.jsx)("div", {
+      }, (0, _react2.jsx)("div", {
         css: (0, _styles2.line)(value, value === size),
         role: "presentation"
       }))));
@@ -134,47 +134,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, _react.jsx)("div", null, (0, _react.jsx)("div", {
+  return (0, _react2.jsx)("div", null, (0, _react2.jsx)("div", {
     css: (0, _styles2.toolbarButtonWrapper)({
       enabled: enabled,
       isOpen: isOpen
     })
-  }, (0, _react.jsx)(_uiMenu.ToolbarButton, {
+  }, (0, _react2.jsx)(_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, _react.jsx)(_icons.BorderIcon, {
+    iconBefore: (0, _react2.jsx)(_icons.BorderIcon, {
       label: ""
     }),
     title: enabled ? formatMessage(_messages.messages.removeBorder) : formatMessage(_messages.messages.addBorder)
-  }), (0, _react.jsx)("div", {
+  }), (0, _react2.jsx)("div", {
     ref: popupTarget
-  }, (0, _react.jsx)(_uiMenu.ToolbarButton, {
+  }, (0, _react2.jsx)(_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, _react.jsx)(_chevronDown.default, {
+    iconBefore: (0, _react2.jsx)(_chevronDown.default, {
       label: ""
     }),
     onClick: function onClick() {
       setIsOpen(!isOpen);
     }
-  }))), (0, _react.jsx)(_ui.Popup, {
+  }))), (0, _react2.jsx)(_ui.Popup, {
     target: popupTarget.current ? popupTarget.current : undefined,
     fitWidth: fitWidth + fitTolerance,
     fitHeight: fitHeight + fitTolerance,
     forcePlacement: true,
     stick: true
-  }, (0, _react.jsx)("div", {
+  }, (0, _react2.jsx)("div", {
     onMouseLeave: function onMouseLeave() {
       setIsColorSubmenuOpen(false);
       setIsSizeSubmenuOpen(false);
     }
-  }, (0, _react.jsx)(_uiMenu.DropdownMenu
+  }, (0, _react2.jsx)(_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