@atlaskit/editor-core 188.0.11 → 188.1.0

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

@@ -225,11 +225,11 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         return /*#__PURE__*/_react.default.createElement(_ImageBorder.default, {
           toggleBorder: function toggleBorder() {
             var _pluginInjectionApi$a;
-            (0, _commands.toggleBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(state, dispatch);
+            (0, _commands.toggleBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(state, dispatch);
           },
           setBorder: function setBorder(attrs) {
             var _pluginInjectionApi$a2;
-            (0, _commands.setBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(attrs)(state, dispatch);
+            (0, _commands.setBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(attrs)(state, dispatch);
           },
           borderMark: borderMark,
           intl: intl
@@ -246,14 +246,14 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     var isChangingLayoutDisabled = false;
     if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience')) {
       var _widthPlugin$sharedSt;
-      var contentWidth = widthPlugin === null || widthPlugin === void 0 ? void 0 : (_widthPlugin$sharedSt = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt === void 0 ? void 0 : _widthPlugin$sharedSt.lineLength;
+      var contentWidth = widthPlugin === null || widthPlugin === void 0 || (_widthPlugin$sharedSt = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt === void 0 ? void 0 : _widthPlugin$sharedSt.lineLength;
       var selectedNode = (0, _utils2.getSelectedMediaSingle)(state);
       var selectedNodeMaxWidth = pluginState.currentMaxWidth || contentWidth;
       if (selectedNode && selectedNodeMaxWidth && selectedNode.node.attrs.width >= selectedNodeMaxWidth) {
         isChangingLayoutDisabled = true;
       }
     }
-    var layoutButtons = (0, _card.buildLayoutButtons)(state, intl, state.schema.nodes.mediaSingle, widthPlugin, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions, allowResizing, allowResizingInTables, true, true, isChangingLayoutDisabled);
+    var layoutButtons = (0, _card.buildLayoutButtons)(state, intl, state.schema.nodes.mediaSingle, widthPlugin, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions, allowResizing, allowResizingInTables, true, true, isChangingLayoutDisabled);
     toolbarButtons = [].concat((0, _toConsumableArray2.default)(toolbarButtons), (0, _toConsumableArray2.default)(layoutButtons));
     if (layoutButtons.length) {
       toolbarButtons.push({
@@ -276,7 +276,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
           }
           var state = editorView.state,
             dispatch = editorView.dispatch;
-          var contentWidth = (widthPlugin === null || widthPlugin === void 0 ? void 0 : (_widthPlugin$sharedSt2 = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt2 === void 0 ? void 0 : _widthPlugin$sharedSt2.lineLength) || _editorSharedStyles.akEditorDefaultLayoutWidth;
+          var contentWidth = (widthPlugin === null || widthPlugin === void 0 || (_widthPlugin$sharedSt2 = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt2 === void 0 ? void 0 : _widthPlugin$sharedSt2.lineLength) || _editorSharedStyles.akEditorDefaultLayoutWidth;
           var selectedMediaNode = selectedMediaSingleNode.node.content.firstChild;
           if (!selectedMediaNode) {
             return null;
@@ -288,7 +288,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
           var _selectedMediaNode$at = selectedMediaNode.attrs,
             mediaWidth = _selectedMediaNode$at.width,
             mediaHeight = _selectedMediaNode$at.height;
-          var maxWidthForNestedNode = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$m = pluginInjectionApi.media.sharedState.currentState()) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.currentMaxWidth;
+          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);
@@ -307,9 +307,9 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             maxWidth: maxWidth,
             onChange: function onChange(valid) {
               if (valid) {
-                hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, true, 'warning')(editorView.state, dispatch, editorView);
+                hoverDecoration === null || hoverDecoration === void 0 || hoverDecoration(mediaSingle, true, 'warning')(editorView.state, dispatch, editorView);
               } else {
-                hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, false)(editorView.state, dispatch, editorView);
+                hoverDecoration === null || hoverDecoration === void 0 || hoverDecoration(mediaSingle, false)(editorView.state, dispatch, editorView);
               }
             },
             onSubmit: function onSubmit(_ref2) {
@@ -317,7 +317,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
               var width = _ref2.width,
                 validation = _ref2.validation;
               var newLayout = (0, _utils2.calcNewLayout)(width, layout, contentWidth, options.fullWidthEnabled);
-              (0, _commands.updateMediaSingleWidth)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions)(width, validation, newLayout)(state, dispatch);
+              (0, _commands.updateMediaSingleWidth)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions)(width, validation, newLayout)(state, dispatch);
             },
             onMigrate: function onMigrate() {
               var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
@@ -375,7 +375,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
                 var _pluginInjectionApi$a5;
                 var tr = editorView.state.tr,
                   dispatch = editorView.dispatch;
-                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a5 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a5 === void 0 ? void 0 : _pluginInjectionApi$a5.actions.attachAnalyticsEvent({
+                pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a5 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a5 === void 0 || _pluginInjectionApi$a5.actions.attachAnalyticsEvent({
                   eventType: _analytics.EVENT_TYPE.TRACK,
                   action: _analytics.ACTION.VISITED,
                   actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
@@ -402,7 +402,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
   }
   if (allowAltTextOnImages) {
     var _pluginInjectionApi$a6;
-    toolbarButtons.push((0, _altText2.altTextButton)(intl, state, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a6 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a6 === void 0 ? void 0 : _pluginInjectionApi$a6.actions), {
+    toolbarButtons.push((0, _altText2.altTextButton)(intl, state, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a6 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a6 === void 0 ? void 0 : _pluginInjectionApi$a6.actions), {
       type: 'separator'
     });
   }
@@ -432,7 +432,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
   }, removeButton]);
   return items;
 };
-var floatingToolbar = function floatingToolbar(state, intl) {
+var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state, intl) {
   var _pluginInjectionApi$d2;
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var pluginInjectionApi = arguments.length > 3 ? arguments[3] : undefined;
@@ -475,7 +475,7 @@ var floatingToolbar = function floatingToolbar(state, intl) {
       var _pluginInjectionApi$f;
       return (0, _altText2.getAltTextToolbar)(baseToolbar, {
         altTextValidator: altTextValidator,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector
       });
     }
   }
@@ -493,7 +493,7 @@ var floatingToolbar = function floatingToolbar(state, intl) {
       var selector = (0, _mediaFilmstrip.mediaFilmstripItemDOMSelector)(mediaOffset);
       return (_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(selector);
     };
-    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a7 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a7 === void 0 ? void 0 : _pluginInjectionApi$a7.actions);
+    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a7 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a7 === void 0 ? void 0 : _pluginInjectionApi$a7.actions);
   } else if (allowMediaInline && selectedNodeType && selectedNodeType === mediaInline) {
     var _pluginInjectionApi$a8;
     baseToolbar.getDomRef = function () {
@@ -501,7 +501,7 @@ var floatingToolbar = function floatingToolbar(state, intl) {
       var element = (_mediaPluginState$ele2 = mediaPluginState.element) === null || _mediaPluginState$ele2 === void 0 ? void 0 : _mediaPluginState$ele2.querySelector(".".concat(_styles.MediaInlineNodeSelector));
       return element || mediaPluginState.element;
     };
-    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a8 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a8 === void 0 ? void 0 : _pluginInjectionApi$a8.actions);
+    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a8 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a8 === void 0 ? void 0 : _pluginInjectionApi$a8.actions);
   } else {
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele3;
@@ -520,5 +520,4 @@ var floatingToolbar = function floatingToolbar(state, intl) {
     });
   }
   return toolbarConfig;
-};
-exports.floatingToolbar = floatingToolbar;
+};

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

@@ -25,7 +25,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; }
 // need this wrapper, need to have 4px between items.
 var wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  margin-right: ", ";\n"])), "var(--ds-space-050, 4px)");
-var LinkToolbarAppearance = function LinkToolbarAppearance(_ref) {
+var LinkToolbarAppearance = exports.LinkToolbarAppearance = function LinkToolbarAppearance(_ref) {
   var editorState = _ref.editorState,
     mediaLinkingState = _ref.mediaLinkingState,
     intl = _ref.intl,
@@ -97,5 +97,4 @@ var LinkToolbarAppearance = function LinkToolbarAppearance(_ref) {
       })
     }), (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null));
   }
-};
-exports.LinkToolbarAppearance = LinkToolbarAppearance;
+};

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

@@ -31,7 +31,7 @@ function shouldShowMediaLinkToolbar(editorState) {
     parent = _editorState$doc$reso.parent;
   return parent && parent.type.allowsMarkType(link);
 }
-var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, mediaLinkingState, state, intl, pluginInjectionApi, providerFactory) {
+var getLinkingToolbar = exports.getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, mediaLinkingState, state, intl, pluginInjectionApi, providerFactory) {
   var link = mediaLinkingState.link,
     visible = mediaLinkingState.visible,
     editing = mediaLinkingState.editable,
@@ -59,12 +59,12 @@ var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, mediaLinki
               editing: editing,
               onUnlink: function onUnlink() {
                 var _pluginInjectionApi$a;
-                return (0, _linking.unlink)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(view.state, view.dispatch, view);
+                return (0, _linking.unlink)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(view.state, view.dispatch, view);
               },
               onBack: function onBack(href, meta) {
                 if (href.trim() && meta.inputMethod) {
                   var _pluginInjectionApi$a2;
-                  (0, _linking.setUrlToMedia)(href, meta.inputMethod, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(view.state, view.dispatch, view);
+                  (0, _linking.setUrlToMedia)(href, meta.inputMethod, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(view.state, view.dispatch, view);
                 }
                 (0, _linking.hideLinkingToolbar)(view.state, view.dispatch, view);
               },
@@ -76,12 +76,12 @@ var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, mediaLinki
                  */
                 var tr = view.state.tr,
                   dispatch = view.dispatch;
-                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
+                pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar.actions) === null || _pluginInjectionApi$f === void 0 || _pluginInjectionApi$f.forceFocusSelector(FORCE_FOCUS_SELECTOR)(tr);
                 dispatch(tr);
               },
               onSubmit: function onSubmit(href, meta) {
                 var _pluginInjectionApi$a3;
-                (0, _linking.setUrlToMedia)(href, meta.inputMethod, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions)(view.state, view.dispatch, view);
+                (0, _linking.setUrlToMedia)(href, meta.inputMethod, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions)(view.state, view.dispatch, view);
                 (0, _linking.hideLinkingToolbar)(view.state, view.dispatch, view);
               },
               onBlur: function onBlur() {
@@ -93,5 +93,4 @@ var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, mediaLinki
       });
     }
   }
-};
-exports.getLinkingToolbar = getLinkingToolbar;
+};

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

@@ -11,15 +11,14 @@ var _mediaClient = require("@atlaskit/media-client");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
-var getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeAttrs(mediaPluginState) {
+var getSelectedMediaContainerNodeAttrs = exports.getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeAttrs(mediaPluginState) {
   var selectedNode = mediaPluginState.selectedMediaContainerNode();
   if (selectedNode && selectedNode.attrs) {
     return selectedNode.attrs;
   }
   return null;
 };
-exports.getSelectedMediaContainerNodeAttrs = getSelectedMediaContainerNodeAttrs;
-var downloadMedia = /*#__PURE__*/function () {
+var downloadMedia = exports.downloadMedia = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaPluginState) {
     var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -57,8 +56,7 @@ var downloadMedia = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-exports.downloadMedia = downloadMedia;
-var removeMediaGroupNode = function removeMediaGroupNode(state) {
+var removeMediaGroupNode = exports.removeMediaGroupNode = function removeMediaGroupNode(state) {
   var mediaGroup = state.schema.nodes.mediaGroup;
   var mediaGroupParent = (0, _utils.findParentNodeOfType)(mediaGroup)(state.selection);
   var tr = state.tr;
@@ -70,21 +68,18 @@ var removeMediaGroupNode = function removeMediaGroupNode(state) {
   }
   return tr;
 };
-exports.removeMediaGroupNode = removeMediaGroupNode;
-var getSelectedMediaSingle = function getSelectedMediaSingle(state) {
+var getSelectedMediaSingle = exports.getSelectedMediaSingle = function getSelectedMediaSingle(state) {
   var mediaSingle = state.schema.nodes.mediaSingle;
   return (0, _utils.findSelectedNodeOfType)(mediaSingle)(state.selection) || (0, _utils.findParentNodeOfType)(mediaSingle)(state.selection);
 };
-exports.getSelectedMediaSingle = getSelectedMediaSingle;
-var getPixelWidthOfElement = function getPixelWidthOfElement(editorView, pos, mediaWidth) {
+var getPixelWidthOfElement = exports.getPixelWidthOfElement = function getPixelWidthOfElement(editorView, pos, mediaWidth) {
   var domNode = editorView.nodeDOM(pos);
   if (domNode instanceof HTMLElement) {
     return domNode.offsetWidth;
   }
   return mediaWidth;
 };
-exports.getPixelWidthOfElement = getPixelWidthOfElement;
-var calcNewLayout = function calcNewLayout(width, layout, contentWidth) {
+var calcNewLayout = exports.calcNewLayout = function calcNewLayout(width, layout, contentWidth) {
   var fullWidthMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var isWrappedLayout = _mediaSingle.wrappedLayouts.indexOf(layout) > -1;
   if (width >= _editorSharedStyles.akEditorFullWidthLayoutWidth) {
@@ -101,9 +96,8 @@ var calcNewLayout = function calcNewLayout(width, layout, contentWidth) {
   }
   return isWrappedLayout && width !== contentWidth ? layout : 'center';
 };
-exports.calcNewLayout = calcNewLayout;
 var maxToolbarFitWidth = 0;
-var getMaxToolbarWidth = function getMaxToolbarWidth() {
+var getMaxToolbarWidth = exports.getMaxToolbarWidth = function getMaxToolbarWidth() {
   var toolbar = document.querySelector("div[aria-label=\"Media floating controls\"]");
   var toolbarWidth = toolbar === null || toolbar === void 0 ? void 0 : toolbar.getBoundingClientRect().width;
   if (!toolbar) {
@@ -113,5 +107,4 @@ var getMaxToolbarWidth = function getMaxToolbarWidth() {
     maxToolbarFitWidth = toolbarWidth;
   }
   return maxToolbarFitWidth;
-};
-exports.getMaxToolbarWidth = getMaxToolbarWidth;
+};

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

@@ -15,7 +15,7 @@ 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)");
-var _default = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var onClick = _ref.onClick;
   return (0, _react2.jsx)("span", {
     ref: ref,
@@ -24,5 +24,4 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     "data-id": _mediaSingle.CAPTION_PLACEHOLDER_ID,
     "data-testid": "caption-placeholder"
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.placeholder));
-});
-exports.default = _default;
+});

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

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   placeholder: {
     id: 'fabric.editor.captionPlaceholder',
     defaultMessage: 'Add a caption',
     description: 'Placeholder description for an empty (new) caption in the editor'
   }
-});
-exports.messages = messages;
+});

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

@@ -223,5 +223,4 @@ var ImageBorder = function ImageBorder(_ref) {
     fitHeight: fitHeight + fitTolerance
   }))));
 };
-var _default = ImageBorder;
-exports.default = _default;
+var _default = exports.default = ImageBorder;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   borderColor: {
     id: 'fabric.editor.imageBorderColor',
     defaultMessage: 'Color',
@@ -46,5 +46,4 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Bold',
     description: 'Name of a border size.'
   }
-});
-exports.messages = messages;
+});

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

@@ -8,7 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.toolbarButtonWrapper = exports.menuItemDimensions = exports.line = exports.itemSpacing = exports.contextualSubMenu = exports.contextualMenuColorIcon = exports.contextualMenuArrow = exports.buttonWrapperStyle = exports.buttonStyle = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+var colors = _colors;
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _constants = require("@atlaskit/theme/constants");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -17,44 +18,35 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // menuItemDimensions and itemSpacing are copied from
 // packages/editor/editor-core/src/plugins/floating-toolbar/ui/DropdownMenu.tsx
 
-var menuItemDimensions = {
+var menuItemDimensions = exports.menuItemDimensions = {
   width: 175,
   height: 32
 };
 
 // TODO: Migrate away from gridSize
 // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
-exports.menuItemDimensions = menuItemDimensions;
-var itemSpacing = (0, _constants.gridSize)() / 2;
-exports.itemSpacing = itemSpacing;
-var contextualMenuArrow = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  &::after {\n    content: '\u203A';\n    margin-left: 4px;\n    line-height: 20px;\n    color: ", ";\n  }\n"])), "var(--ds-icon, ".concat(colors.N90, ")"));
-exports.contextualMenuArrow = contextualMenuArrow;
-var contextualMenuColorIcon = function contextualMenuColorIcon(color) {
+var itemSpacing = exports.itemSpacing = (0, _constants.gridSize)() / 2;
+var contextualMenuArrow = exports.contextualMenuArrow = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  &::after {\n    content: '\u203A';\n    margin-left: 4px;\n    line-height: 20px;\n    color: ", ";\n  }\n"])), "var(--ds-icon, ".concat(_colors.N90, ")"));
+var contextualMenuColorIcon = exports.contextualMenuColorIcon = function contextualMenuColorIcon(color) {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  &::before {\n    content: '';\n    display: block;\n    border: 1px solid ", ";\n    border-radius: ", ";\n    width: 20px;\n    height: 20px;\n    ", "\n  }\n"])), contextualMenuArrow, _uiColor.DEFAULT_BORDER_COLOR, "var(--ds-border-radius-100, 3px)", color && "background: ".concat(color));
 };
-exports.contextualMenuColorIcon = contextualMenuColorIcon;
-var contextualSubMenu = function contextualSubMenu(index) {
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", ";\n  background: ", ";\n  box-shadow: ", ";\n  display: flex;\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  padding: 8px;\n\n  > div {\n    padding: 0;\n  }\n"])), "var(--ds-border-radius-100, 3px)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(colors.N60A, ", 0 0 1px ").concat(colors.N60A), ")"), index * (menuItemDimensions.height + itemSpacing * 2), menuItemDimensions.width);
+var contextualSubMenu = exports.contextualSubMenu = function contextualSubMenu(index) {
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", ";\n  background: ", ";\n  box-shadow: ", ";\n  display: flex;\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  padding: 8px;\n\n  > div {\n    padding: 0;\n  }\n"])), "var(--ds-border-radius-100, 3px)", "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")"), index * (menuItemDimensions.height + itemSpacing * 2), menuItemDimensions.width);
 };
-exports.contextualSubMenu = contextualSubMenu;
-var buttonStyle = function buttonStyle(selected) {
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  height: 26px;\n  width: 26px;\n  padding: 0;\n  border-radius: 4px;\n  background-color: ", ";\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: block;\n"])), selected ? "var(--ds-text, ".concat(colors.N800, ")") : "var(--ds-background-neutral, ".concat(colors.N20A, ")"), _uiColor.DEFAULT_BORDER_COLOR);
+var buttonStyle = exports.buttonStyle = function buttonStyle(selected) {
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  height: 26px;\n  width: 26px;\n  padding: 0;\n  border-radius: 4px;\n  background-color: ", ";\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: block;\n"])), selected ? "var(--ds-text, ".concat(_colors.N800, ")") : "var(--ds-background-neutral, ".concat(_colors.N20A, ")"), _uiColor.DEFAULT_BORDER_COLOR);
 };
 
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-exports.buttonStyle = buttonStyle;
-var buttonWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  margin: 1px;\n  font-size: 0;\n  display: flex;\n  align-items: center;\n  padding: 1px;\n  border-radius: 6px;\n  &:focus-within,\n  &:focus,\n  &:hover {\n    border-color: ", " !important;\n  }\n"])), colors.N50);
-exports.buttonWrapperStyle = buttonWrapperStyle;
-var line = function line(size, selected) {
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  &:before {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 12px;\n    height: ", "px;\n    background-color: ", ";\n    border-radius: 90px;\n    transform: translate(-50%, -50%) rotate(135deg);\n  }\n"])), size, selected ? "var(--ds-icon-inverse, ".concat(colors.N0, ")") : "var(--ds-icon, #44546F)");
+var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  margin: 1px;\n  font-size: 0;\n  display: flex;\n  align-items: center;\n  padding: 1px;\n  border-radius: 6px;\n  &:focus-within,\n  &:focus,\n  &:hover {\n    border-color: ", " !important;\n  }\n"])), _colors.N50);
+var line = exports.line = function line(size, selected) {
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  &:before {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 12px;\n    height: ", "px;\n    background-color: ", ";\n    border-radius: 90px;\n    transform: translate(-50%, -50%) rotate(135deg);\n  }\n"])), size, selected ? "var(--ds-icon-inverse, ".concat(_colors.N0, ")") : "var(--ds-icon, #44546F)");
 };
-exports.line = line;
 var getHoverStyles = function getHoverStyles(selector) {
   return "&:hover ".concat(selector, " {\n    background: ", "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N20A, ")"), ";\n\n    &:hover {\n      background: ", "var(--ds-background-neutral-hovered, ".concat(colors.N30A, ")"), ";\n    } \n  }");
 };
-var toolbarButtonWrapper = function toolbarButtonWrapper(_ref) {
+var toolbarButtonWrapper = exports.toolbarButtonWrapper = function toolbarButtonWrapper(_ref) {
   var enabled = _ref.enabled,
     isOpen = _ref.isOpen;
   return (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  .image-border-toolbar-btn {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    padding: 0;\n    & > span {\n      margin: 0;\n    }\n  }\n  .image-border-toolbar-dropdown {\n    padding: 0;\n    & > span {\n      margin: 0;\n    }\n    width: 16px !important;\n    border-top-left-radius: 0 !important;\n    border-bottom-left-radius: 0 !important;\n    margin-left: 1px;\n  }\n\n  ", "\n  ", "\n"])), !enabled && getHoverStyles('.image-border-toolbar-btn'), !isOpen && !enabled && getHoverStyles('.image-border-toolbar-dropdown'));
-};
-exports.toolbarButtonWrapper = toolbarButtonWrapper;
+};

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

@@ -29,11 +29,10 @@ var IconWrapperComponent = function IconWrapperComponent(props) {
   }));
 };
 var IntlIconWrapper = (0, _reactIntlNext.injectIntl)(IconWrapperComponent);
-var _default = function _default(_ref) {
+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", {
     css: dropLine
   }) : (0, _react.jsx)(IntlIconWrapper, null);
-};
-exports.default = _default;
+};

package/dist/cjs/plugins/media/ui/Media/drop-placeholder-messages.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.dropPlaceholderMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var dropPlaceholderMessages = (0, _reactIntlNext.defineMessages)({
+var dropPlaceholderMessages = exports.dropPlaceholderMessages = (0, _reactIntlNext.defineMessages)({
   dropPlaceholderLabel: {
     id: 'fabric.editor.dropPlaceholderLabel',
     defaultMessage: 'Document',
     description: 'document label for an media icon'
   }
-});
-exports.dropPlaceholderMessages = dropPlaceholderMessages;
+});

package/dist/cjs/plugins/media/ui/MediaLinkingToolbar.js

@@ -34,7 +34,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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 validationWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 0;\n  padding: ", " ", "\n    ", " 0;\n  margin: 0 ", " 0 ", ";\n  border-top: 1px solid ", ";\n  align-items: start;\n  display: flex;\n  flex-direction: column;\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-400, 32px)", "var(--ds-border-danger, ".concat(_colors.R400, ")"));
 var buttonWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " ", "\n    ", " 0px;\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)");
-var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
+var LinkAddToolbar = exports.LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(LinkAddToolbar, _React$PureComponent);
   var _super = _createSuper(LinkAddToolbar);
   function LinkAddToolbar() {
@@ -191,6 +191,4 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return LinkAddToolbar;
 }(_react.default.PureComponent);
-exports.LinkAddToolbar = LinkAddToolbar;
-var _default = LinkAddToolbar;
-exports.default = _default;
+var _default = exports.default = LinkAddToolbar;

package/dist/cjs/plugins/media/ui/MediaPicker/BrowserWrapper.js

@@ -11,7 +11,7 @@ var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvid
 var _mediaPicker = require("@atlaskit/media-picker");
 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 BrowserWrapper = function BrowserWrapper(_ref) {
+var BrowserWrapper = exports.BrowserWrapper = function BrowserWrapper(_ref) {
   var mediaState = _ref.mediaState,
     isOpen = _ref.isOpen,
     onBrowseFn = _ref.onBrowseFn,
@@ -37,5 +37,4 @@ var BrowserWrapper = function BrowserWrapper(_ref) {
       featureFlags: featureFlags
     });
   });
-};
-exports.BrowserWrapper = BrowserWrapper;
+};

package/dist/cjs/plugins/media/ui/MediaPicker/ClipboardWrapper.js

@@ -8,7 +8,7 @@ exports.ClipboardWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvider"));
 var _mediaPicker = require("@atlaskit/media-picker");
-var ClipboardWrapper = function ClipboardWrapper(_ref) {
+var ClipboardWrapper = exports.ClipboardWrapper = function ClipboardWrapper(_ref) {
   var mediaState = _ref.mediaState,
     featureFlags = _ref.featureFlags,
     container = _ref.container;
@@ -36,5 +36,4 @@ var ClipboardWrapper = function ClipboardWrapper(_ref) {
       featureFlags: featureFlags
     });
   });
-};
-exports.ClipboardWrapper = ClipboardWrapper;
+};

package/dist/cjs/plugins/media/ui/MediaPicker/DropzoneWrapper.js

@@ -12,7 +12,7 @@ var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvid
 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 DropzoneWrapper = function DropzoneWrapper(_ref) {
+var DropzoneWrapper = exports.DropzoneWrapper = function DropzoneWrapper(_ref) {
   var mediaState = _ref.mediaState,
     isActive = _ref.isActive,
     featureFlags = _ref.featureFlags,
@@ -48,5 +48,4 @@ var DropzoneWrapper = function DropzoneWrapper(_ref) {
       featureFlags: featureFlags
     }) : null;
   });
-};
-exports.DropzoneWrapper = DropzoneWrapper;
+};

package/dist/cjs/plugins/media/ui/MediaPicker/PickerFacadeProvider.js

@@ -26,7 +26,7 @@ var dummyMediaPickerObject = {
   destroy: function destroy() {},
   setUploadParams: function setUploadParams() {}
 };
-var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
+var PickerFacadeProvider = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(PickerFacadeProvider, _React$Component);
   var _super = _createSuper(PickerFacadeProvider);
   function PickerFacadeProvider() {
@@ -146,5 +146,4 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return PickerFacadeProvider;
-}(_react.default.Component);
-exports.default = PickerFacadeProvider;
+}(_react.default.Component);

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

@@ -47,7 +47,7 @@ var MediaPicker = function MediaPicker(_ref) {
     featureFlags: featureFlags
   }));
 };
-var MediaPickerComponents = /*#__PURE__*/function (_React$Component) {
+var MediaPickerComponents = exports.MediaPickerComponents = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(MediaPickerComponents, _React$Component);
   var _super = _createSuper(MediaPickerComponents);
   function MediaPickerComponents() {
@@ -98,5 +98,4 @@ var MediaPickerComponents = /*#__PURE__*/function (_React$Component) {
   }]);
   return MediaPickerComponents;
 }(_react.default.Component);
-exports.MediaPickerComponents = MediaPickerComponents;
 (0, _defineProperty2.default)(MediaPickerComponents, "displayName", 'MediaPickerComponents');

package/dist/cjs/plugins/media/ui/PixelEntry/constants.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PIXELENTRY_MIGRATION_BUTTON_TESTID = void 0;
-var PIXELENTRY_MIGRATION_BUTTON_TESTID = 'pixel-entry-convert-pixels-btn';
-exports.PIXELENTRY_MIGRATION_BUTTON_TESTID = PIXELENTRY_MIGRATION_BUTTON_TESTID;
+var PIXELENTRY_MIGRATION_BUTTON_TESTID = exports.PIXELENTRY_MIGRATION_BUTTON_TESTID = 'pixel-entry-convert-pixels-btn';

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

@@ -21,7 +21,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; }
 /** @jsx jsx */
 
-var PixelEntry = function PixelEntry(_ref) {
+var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
   var width = _ref.width,
     mediaWidth = _ref.mediaWidth,
     mediaHeight = _ref.mediaHeight,
@@ -177,11 +177,9 @@ var PixelEntry = function PixelEntry(_ref) {
     }, formatMessage(_messages.messages.submitButtonText))));
   }));
 };
-exports.PixelEntry = PixelEntry;
-var FullWidthDisplay = function FullWidthDisplay(_ref5) {
+var FullWidthDisplay = exports.FullWidthDisplay = function FullWidthDisplay(_ref5) {
   var formatMessage = _ref5.intl.formatMessage;
   return (0, _react.jsx)("div", {
     css: _styles.pixelSizingFullWidthLabelStyles
   }, (0, _react.jsx)("span", null, formatMessage(_messages.messages.fullWidthLabel)));
-};
-exports.FullWidthDisplay = FullWidthDisplay;
+};

package/dist/cjs/plugins/media/ui/PixelEntry/messages.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
-var messages = (0, _reactIntlNext.defineMessages)({
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   validationFailedMessage: {
     id: 'fabric.editor.media.pixelEntry.validationFailedMessage',
     defaultMessage: 'Validation for width failed',
@@ -51,5 +51,4 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Migrate from percentage to fixed pixel sizing',
     description: 'The tooltip displayed on the migration button'
   }
-});
-exports.messages = messages;
+});