@atlaskit/editor-plugin-media 8.5.0 → 8.5.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-media
 
+## 8.5.2
+
+### Patch Changes
+
+- [`90abe9b926a6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90abe9b926a6f) -
+  Icon entrypoint migration
+- Updated dependencies
+
+## 8.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.5.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/mediaGroupNext.js

@@ -15,7 +15,7 @@ var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _media = require("@atlaskit/editor-common/media");
 var _utils = require("@atlaskit/editor-common/utils");
-var _crossEditorClose = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross--editor-close"));
+var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -83,7 +83,7 @@ var prepareFilmstripItem = function prepareFilmstripItem(_ref) {
           shouldEnableDownloadButton: enableDownloadButton,
           actions: [{
             handler: handleMediaNodeRemoval.bind(null, undefined, getNodePos),
-            icon: /*#__PURE__*/_react.default.createElement(_crossEditorClose.default, {
+            icon: /*#__PURE__*/_react.default.createElement(_cross.default, {
               label: intl.formatMessage(_media.nodeViewsMessages.mediaGroupDeleteLabel)
             })
           }]

package/dist/cjs/nodeviews/mediaNodeView/index.js

@@ -19,9 +19,7 @@ var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _selectionBasedNodeView = require("@atlaskit/editor-common/selection-based-node-view");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _mediaClient = require("@atlaskit/media-client");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _helpers = require("../../pm-plugins/commands/helpers");
 var _mediaCommon = require("../../pm-plugins/utils/media-common");
 var _media = _interopRequireDefault(require("./media"));
@@ -77,22 +75,6 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         }, true)(_this.view.state, _this.view.dispatch);
       }
     });
-    (0, _defineProperty2.default)(_this, "getMaxCardDimensions", function (editorWidth) {
-      if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        var mediaSingleNodeParent = _this.getMediaSingleNode(_this.getPos);
-        if (mediaSingleNodeParent) {
-          var maxWidth = _this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent, editorWidth === null || editorWidth === void 0 ? void 0 : editorWidth.width);
-          return {
-            width: "".concat(maxWidth, "px"),
-            height: '100%'
-          };
-        }
-      }
-      return {
-        width: '100%',
-        height: '100%'
-      };
-    });
     (0, _defineProperty2.default)(_this, "renderMediaNodeWithState", function (contextIdentifierProvider) {
       return function (_ref2) {
         var _this$reactComponentP;
@@ -116,15 +98,18 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         }
         width = width || _mediaSingle.DEFAULT_IMAGE_WIDTH;
         height = height || _mediaSingle.DEFAULT_IMAGE_HEIGHT;
-        var pluginInjectionApi = _this.reactComponentProps.pluginInjectionApi;
 
         // mediaSingle defines the max dimensions, so we don't need to constrain twice.
-        var maxDimensions = _this.getMaxCardDimensions(editorWidth);
+        var maxDimensions = {
+          width: "100%",
+          height: "100%"
+        };
         var originalDimensions = {
           width: width,
           height: height
         };
         var isSelectedAndInteracted = _this.nodeInsideSelection() && interactionState !== 'hasNotHadInteraction';
+        var pluginInjectionApi = _this.reactComponentProps.pluginInjectionApi;
         return /*#__PURE__*/_react.default.createElement(_media.default, {
           api: pluginInjectionApi,
           view: _this.view,
@@ -155,44 +140,6 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }
   (0, _inherits2.default)(MediaNodeView, _SelectionBasedNodeVi);
   return (0, _createClass2.default)(MediaNodeView, [{
-    key: "getMediaSingleNode",
-    value: function getMediaSingleNode(getPos) {
-      var pos = getPos();
-      if (typeof pos !== 'number') {
-        return null;
-      }
-      var $pos = this.view.state.doc.resolve(pos);
-
-      // The parent of the media node should be mediaSingle
-      if ($pos.parent && $pos.parent.type.name === 'mediaSingle') {
-        return $pos.parent;
-      }
-      return null;
-    }
-  }, {
-    key: "getMaxWidthFromMediaSingleNode",
-    value: function getMaxWidthFromMediaSingleNode(mediaSingleNode, containerWidth) {
-      var _mediaSingleNode$attr = mediaSingleNode.attrs,
-        widthAttr = _mediaSingleNode$attr.width,
-        widthTypeAttr = _mediaSingleNode$attr.widthType,
-        layoutAttr = _mediaSingleNode$attr.layout;
-      if (widthAttr && widthTypeAttr === 'pixel') {
-        return widthAttr;
-      }
-      // on SSR mode, containerWidth from widthPluginState can be 0
-      if (!containerWidth) {
-        switch (layoutAttr) {
-          case 'full-width':
-            return _editorSharedStyles.akEditorFullWidthLayoutWidth;
-          case 'wide':
-            return _editorSharedStyles.akEditorCalculatedWideLayoutWidth;
-          default:
-            return _editorSharedStyles.akEditorDefaultLayoutWidth;
-        }
-      }
-      return containerWidth;
-    }
-  }, {
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');

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

@@ -21,7 +21,7 @@ var _media = require("@atlaskit/editor-common/media");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
 var _colors = require("@atlaskit/theme/colors");
 var _commands = require("../commands");
@@ -208,7 +208,7 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
         css: buttonWrapperStyles
       }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
         title: formatMessage(_media.altTextMessages.back),
-        icon: (0, _react2.jsx)(_chevronLeftChevronLeftLarge.default, {
+        icon: (0, _react2.jsx)(_chevronLeft.default, {
           label: formatMessage(_media.altTextMessages.back),
           size: "small"
         }),

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

@@ -9,7 +9,7 @@ var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _media = require("@atlaskit/editor-common/media");
-var _fileDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--document-filled"));
+var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
 var _colors = require("@atlaskit/theme/colors");
 var _media2 = require("../../nodeviews/mediaNodeView/media");
 /**
@@ -45,7 +45,7 @@ var IconWrapperComponent = function IconWrapperComponent(props) {
   var dropPlaceholderLabel = _media.dropPlaceholderMessages.dropPlaceholderLabel;
   return (0, _react.jsx)("div", {
     css: iconWrapperStyles
-  }, (0, _react.jsx)(_fileDocumentFilled.default, {
+  }, (0, _react.jsx)(_file.default, {
     label: intl.formatMessage(dropPlaceholderLabel),
     LEGACY_size: "medium"
   }));

package/dist/cjs/ui/MediaLinkingToolbar.js

@@ -20,8 +20,8 @@ var _media = require("@atlaskit/editor-common/media");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
-var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
-var _linkBrokenEditorUnlink = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-broken--editor-unlink"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
+var _linkBroken = _interopRequireDefault(require("@atlaskit/icon/core/link-broken"));
 var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -123,7 +123,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
           css: buttonWrapper
         }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
           title: formatLinkAddressText,
-          icon: (0, _react2.jsx)(_chevronLeftChevronLeftLarge.default, {
+          icon: (0, _react2.jsx)(_chevronLeft.default, {
             label: formatLinkAddressText,
             size: "small"
           }),
@@ -173,7 +173,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
           areAnyNewToolbarFlagsEnabled: _this.props.areAnyNewToolbarFlagsEnabled
         }), (0, _react2.jsx)(_ui.FloatingToolbarButton, {
           title: formatUnlinkText,
-          icon: (0, _react2.jsx)(_linkBrokenEditorUnlink.default, {
+          icon: (0, _react2.jsx)(_linkBroken.default, {
             label: formatUnlinkText
           }),
           onClick: function onClick() {

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

@@ -10,7 +10,7 @@ var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _media = require("@atlaskit/editor-common/media");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _attachmentEditorAttachment = _interopRequireDefault(require("@atlaskit/icon/core/migration/attachment--editor-attachment"));
+var _attachment = _interopRequireDefault(require("@atlaskit/icon/core/attachment"));
 var onClickMediaButton = function onClickMediaButton(showMediaPicker) {
   return function () {
     showMediaPicker();
@@ -42,7 +42,7 @@ var ToolbarMedia = function ToolbarMedia(_ref) {
     disabled: isDisabled,
     title: intl.formatMessage(toolbarMediaTitle),
     spacing: isReducedSpacing ? 'none' : 'default',
-    iconBefore: /*#__PURE__*/_react.default.createElement(_attachmentEditorAttachment.default, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(_attachment.default, {
       label: intl.formatMessage(toolbarMediaTitle)
     })
   });

package/dist/es2019/nodeviews/mediaGroupNext.js

@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
 import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
-import EditorCloseIcon from '@atlaskit/icon/core/migration/cross--editor-close';
+import EditorCloseIcon from '@atlaskit/icon/core/cross';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { Filmstrip } from '@atlaskit/media-filmstrip';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/es2019/nodeviews/mediaNodeView/index.js

@@ -5,9 +5,7 @@ import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-comm
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorCalculatedWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getAttrsFromUrl } from '@atlaskit/media-client';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { updateCurrentMediaNodeAttrs } from '../../pm-plugins/commands/helpers';
 import { isMediaBlobUrlFromAttrs } from '../../pm-plugins/utils/media-common';
 // Ignored via go/ees005
@@ -57,22 +55,6 @@ class MediaNodeView extends SelectionBasedNodeView {
         }, true)(this.view.state, this.view.dispatch);
       }
     });
-    _defineProperty(this, "getMaxCardDimensions", editorWidth => {
-      if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        const mediaSingleNodeParent = this.getMediaSingleNode(this.getPos);
-        if (mediaSingleNodeParent) {
-          const maxWidth = this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent, editorWidth === null || editorWidth === void 0 ? void 0 : editorWidth.width);
-          return {
-            width: `${maxWidth}px`,
-            height: '100%'
-          };
-        }
-      }
-      return {
-        width: '100%',
-        height: '100%'
-      };
-    });
     _defineProperty(this, "renderMediaNodeWithState", contextIdentifierProvider => {
       return ({
         width: editorWidth,
@@ -103,17 +85,20 @@ class MediaNodeView extends SelectionBasedNodeView {
         }
         width = width || DEFAULT_IMAGE_WIDTH;
         height = height || DEFAULT_IMAGE_HEIGHT;
-        const {
-          pluginInjectionApi
-        } = this.reactComponentProps;
 
         // mediaSingle defines the max dimensions, so we don't need to constrain twice.
-        const maxDimensions = this.getMaxCardDimensions(editorWidth);
+        const maxDimensions = {
+          width: `100%`,
+          height: `100%`
+        };
         const originalDimensions = {
           width,
           height
         };
         const isSelectedAndInteracted = this.nodeInsideSelection() && interactionState !== 'hasNotHadInteraction';
+        const {
+          pluginInjectionApi
+        } = this.reactComponentProps;
         return /*#__PURE__*/React.createElement(MediaNode, {
           api: pluginInjectionApi,
           view: this.view,
@@ -144,41 +129,6 @@ class MediaNodeView extends SelectionBasedNodeView {
       });
     });
   }
-  getMediaSingleNode(getPos) {
-    const pos = getPos();
-    if (typeof pos !== 'number') {
-      return null;
-    }
-    const $pos = this.view.state.doc.resolve(pos);
-
-    // The parent of the media node should be mediaSingle
-    if ($pos.parent && $pos.parent.type.name === 'mediaSingle') {
-      return $pos.parent;
-    }
-    return null;
-  }
-  getMaxWidthFromMediaSingleNode(mediaSingleNode, containerWidth) {
-    const {
-      width: widthAttr,
-      widthType: widthTypeAttr,
-      layout: layoutAttr
-    } = mediaSingleNode.attrs;
-    if (widthAttr && widthTypeAttr === 'pixel') {
-      return widthAttr;
-    }
-    // on SSR mode, containerWidth from widthPluginState can be 0
-    if (!containerWidth) {
-      switch (layoutAttr) {
-        case 'full-width':
-          return akEditorFullWidthLayoutWidth;
-        case 'wide':
-          return akEditorCalculatedWideLayoutWidth;
-        default:
-          return akEditorDefaultLayoutWidth;
-      }
-    }
-    return containerWidth;
-  }
   createDomRef() {
     const domRef = document.createElement('div');
     if (this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {

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

@@ -16,7 +16,7 @@ import { altTextMessages as messages } from '@atlaskit/editor-common/media';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
 import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
 import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
 import { closeMediaAltTextMenu, closeMediaAltTextMenuAndSave } from '../commands';

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

@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { hexToRgba } from '@atlaskit/adf-schema';
 import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
-import DocumentFilledIcon from '@atlaskit/icon/core/migration/file--document-filled';
+import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { B200, B300, B400 } from '@atlaskit/theme/colors';
 import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';
 const iconWrapperStyles = css({

package/dist/es2019/ui/MediaLinkingToolbar.js

@@ -15,8 +15,8 @@ import { FloatingToolbarButton as Button, ErrorMessage, FloatingToolbarSeparator
 // Common Translations will live here
 PanelTextInput } from '@atlaskit/editor-common/ui';
 import { normalizeUrl } from '@atlaskit/editor-common/utils';
-import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
-import EditorUnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
+import EditorUnlinkIcon from '@atlaskit/icon/core/link-broken';
 import { R400 } from '@atlaskit/theme/colors';
 const validationWrapper = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography

package/dist/es2019/ui/ToolbarMedia/index.js

@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import AttachmentIcon from '@atlaskit/icon/core/migration/attachment--editor-attachment';
+import AttachmentIcon from '@atlaskit/icon/core/attachment';
 const onClickMediaButton = showMediaPicker => () => {
   showMediaPicker();
   return true;

package/dist/esm/nodeviews/mediaGroupNext.js

@@ -9,7 +9,7 @@ import { injectIntl } from 'react-intl-next';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
 import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
-import EditorCloseIcon from '@atlaskit/icon/core/migration/cross--editor-close';
+import EditorCloseIcon from '@atlaskit/icon/core/cross';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { Filmstrip } from '@atlaskit/media-filmstrip';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/esm/nodeviews/mediaNodeView/index.js

@@ -18,9 +18,7 @@ import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-comm
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorCalculatedWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getAttrsFromUrl } from '@atlaskit/media-client';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { updateCurrentMediaNodeAttrs } from '../../pm-plugins/commands/helpers';
 import { isMediaBlobUrlFromAttrs } from '../../pm-plugins/utils/media-common';
 // Ignored via go/ees005
@@ -71,22 +69,6 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         }, true)(_this.view.state, _this.view.dispatch);
       }
     });
-    _defineProperty(_this, "getMaxCardDimensions", function (editorWidth) {
-      if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        var mediaSingleNodeParent = _this.getMediaSingleNode(_this.getPos);
-        if (mediaSingleNodeParent) {
-          var maxWidth = _this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent, editorWidth === null || editorWidth === void 0 ? void 0 : editorWidth.width);
-          return {
-            width: "".concat(maxWidth, "px"),
-            height: '100%'
-          };
-        }
-      }
-      return {
-        width: '100%',
-        height: '100%'
-      };
-    });
     _defineProperty(_this, "renderMediaNodeWithState", function (contextIdentifierProvider) {
       return function (_ref2) {
         var _this$reactComponentP;
@@ -110,15 +92,18 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         }
         width = width || DEFAULT_IMAGE_WIDTH;
         height = height || DEFAULT_IMAGE_HEIGHT;
-        var pluginInjectionApi = _this.reactComponentProps.pluginInjectionApi;
 
         // mediaSingle defines the max dimensions, so we don't need to constrain twice.
-        var maxDimensions = _this.getMaxCardDimensions(editorWidth);
+        var maxDimensions = {
+          width: "100%",
+          height: "100%"
+        };
         var originalDimensions = {
           width: width,
           height: height
         };
         var isSelectedAndInteracted = _this.nodeInsideSelection() && interactionState !== 'hasNotHadInteraction';
+        var pluginInjectionApi = _this.reactComponentProps.pluginInjectionApi;
         return /*#__PURE__*/React.createElement(MediaNode, {
           api: pluginInjectionApi,
           view: _this.view,
@@ -149,44 +134,6 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }
   _inherits(MediaNodeView, _SelectionBasedNodeVi);
   return _createClass(MediaNodeView, [{
-    key: "getMediaSingleNode",
-    value: function getMediaSingleNode(getPos) {
-      var pos = getPos();
-      if (typeof pos !== 'number') {
-        return null;
-      }
-      var $pos = this.view.state.doc.resolve(pos);
-
-      // The parent of the media node should be mediaSingle
-      if ($pos.parent && $pos.parent.type.name === 'mediaSingle') {
-        return $pos.parent;
-      }
-      return null;
-    }
-  }, {
-    key: "getMaxWidthFromMediaSingleNode",
-    value: function getMaxWidthFromMediaSingleNode(mediaSingleNode, containerWidth) {
-      var _mediaSingleNode$attr = mediaSingleNode.attrs,
-        widthAttr = _mediaSingleNode$attr.width,
-        widthTypeAttr = _mediaSingleNode$attr.widthType,
-        layoutAttr = _mediaSingleNode$attr.layout;
-      if (widthAttr && widthTypeAttr === 'pixel') {
-        return widthAttr;
-      }
-      // on SSR mode, containerWidth from widthPluginState can be 0
-      if (!containerWidth) {
-        switch (layoutAttr) {
-          case 'full-width':
-            return akEditorFullWidthLayoutWidth;
-          case 'wide':
-            return akEditorCalculatedWideLayoutWidth;
-          default:
-            return akEditorDefaultLayoutWidth;
-        }
-      }
-      return containerWidth;
-    }
-  }, {
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');

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

@@ -23,7 +23,7 @@ import { altTextMessages as messages } from '@atlaskit/editor-common/media';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
 import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
 import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
 import { closeMediaAltTextMenu, closeMediaAltTextMenuAndSave } from '../commands';

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

@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { hexToRgba } from '@atlaskit/adf-schema';
 import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
-import DocumentFilledIcon from '@atlaskit/icon/core/migration/file--document-filled';
+import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { B200, B300, B400 } from '@atlaskit/theme/colors';
 import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';
 var iconWrapperStyles = css({

package/dist/esm/ui/MediaLinkingToolbar.js

@@ -22,8 +22,8 @@ import { FloatingToolbarButton as Button, ErrorMessage, FloatingToolbarSeparator
 // Common Translations will live here
 PanelTextInput } from '@atlaskit/editor-common/ui';
 import { normalizeUrl } from '@atlaskit/editor-common/utils';
-import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
-import EditorUnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
+import EditorUnlinkIcon from '@atlaskit/icon/core/link-broken';
 import { R400 } from '@atlaskit/theme/colors';
 var validationWrapper = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography

package/dist/esm/ui/ToolbarMedia/index.js

@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import AttachmentIcon from '@atlaskit/icon/core/migration/attachment--editor-attachment';
+import AttachmentIcon from '@atlaskit/icon/core/attachment';
 var onClickMediaButton = function onClickMediaButton(showMediaPicker) {
   return function () {
     showMediaPicker();

package/dist/types/nodeviews/mediaNodeView/index.d.ts

@@ -9,7 +9,7 @@ import type { SharedInteractionState } from '@atlaskit/editor-plugin-interaction
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { getPosHandler, getPosHandlerNode, MediaOptions } from '../../types';
+import type { getPosHandler, MediaOptions } from '../../types';
 import type { MediaNodeViewProps } from '../types';
 interface MediaNodeWithPluginStateComponentProps {
     interactionState?: SharedInteractionState['interactionState'];
@@ -18,8 +18,6 @@ interface MediaNodeWithPluginStateComponentProps {
 }
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     private isSelected;
-    getMediaSingleNode(getPos: getPosHandlerNode): PMNode | null;
-    getMaxWidthFromMediaSingleNode(mediaSingleNode: PMNode, containerWidth?: number): number;
     createDomRef(): HTMLElement;
     viewShouldUpdate(nextNode: PMNode, decorations: Decoration[]): boolean;
     stopEvent(event: Event): boolean;
@@ -29,10 +27,6 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
         height: number;
         width: number;
     }) => void;
-    getMaxCardDimensions: (editorWidth?: WidthPluginState) => {
-        width: string;
-        height: string;
-    };
     renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, mediaProvider, interactionState, }: MediaNodeWithPluginStateComponentProps) => React.JSX.Element;
     renderMediaNodeWithProviders: ({ contextIdentifierProvider }: Providers) => React.JSX.Element;
     render(): React.JSX.Element;

package/dist/types/ui/MediaPicker/BrowserWrapper.d.ts

@@ -8,5 +8,5 @@ type Props = {
     isOpen?: boolean;
     onBrowseFn: (browse: () => void) => void;
 };
-export declare const BrowserWrapper: ({ api, isOpen, onBrowseFn, featureFlags }: Props) => React.JSX.Element;
+export declare const BrowserWrapper: ({ api, isOpen, onBrowseFn, featureFlags, }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/nodeviews/mediaNodeView/index.d.ts

@@ -9,7 +9,7 @@ import type { SharedInteractionState } from '@atlaskit/editor-plugin-interaction
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { getPosHandler, getPosHandlerNode, MediaOptions } from '../../types';
+import type { getPosHandler, MediaOptions } from '../../types';
 import type { MediaNodeViewProps } from '../types';
 interface MediaNodeWithPluginStateComponentProps {
     interactionState?: SharedInteractionState['interactionState'];
@@ -18,8 +18,6 @@ interface MediaNodeWithPluginStateComponentProps {
 }
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     private isSelected;
-    getMediaSingleNode(getPos: getPosHandlerNode): PMNode | null;
-    getMaxWidthFromMediaSingleNode(mediaSingleNode: PMNode, containerWidth?: number): number;
     createDomRef(): HTMLElement;
     viewShouldUpdate(nextNode: PMNode, decorations: Decoration[]): boolean;
     stopEvent(event: Event): boolean;
@@ -29,10 +27,6 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
         height: number;
         width: number;
     }) => void;
-    getMaxCardDimensions: (editorWidth?: WidthPluginState) => {
-        width: string;
-        height: string;
-    };
     renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, mediaProvider, interactionState, }: MediaNodeWithPluginStateComponentProps) => React.JSX.Element;
     renderMediaNodeWithProviders: ({ contextIdentifierProvider }: Providers) => React.JSX.Element;
     render(): React.JSX.Element;

package/dist/types-ts4.5/ui/MediaPicker/BrowserWrapper.d.ts

@@ -8,5 +8,5 @@ type Props = {
     isOpen?: boolean;
     onBrowseFn: (browse: () => void) => void;
 };
-export declare const BrowserWrapper: ({ api, isOpen, onBrowseFn, featureFlags }: Props) => React.JSX.Element;
+export declare const BrowserWrapper: ({ api, isOpen, onBrowseFn, featureFlags, }: Props) => React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "8.5.0",
+	"version": "8.5.2",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,10 +29,10 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^51.5.1",
+		"@atlaskit/adf-schema": "^51.5.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.6.0",
+		"@atlaskit/button": "^23.7.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
 		"@atlaskit/editor-plugin-annotation": "^6.3.0",
@@ -48,14 +48,14 @@
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
 		"@atlaskit/editor-plugin-toolbar": "^3.4.0",
 		"@atlaskit/editor-plugin-width": "^7.0.0",
-		"@atlaskit/editor-prosemirror": "7.0.0",
+		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/form": "^14.3.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/form": "^15.0.0",
+		"@atlaskit/icon": "^29.1.0",
 		"@atlaskit/icon-lab": "^5.12.0",
-		"@atlaskit/media-card": "^79.9.0",
-		"@atlaskit/media-client": "^35.6.0",
+		"@atlaskit/media-card": "^79.10.0",
+		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-filmstrip": "^51.1.0",
@@ -64,10 +64,10 @@
 		"@atlaskit/media-viewer": "^52.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/textfield": "^8.1.0",
+		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.2.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tmp-editor-statsig": "^15.12.0",
+		"@atlaskit/tokens": "^8.5.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -78,7 +78,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.41.0",
+		"@atlaskit/editor-common": "^110.44.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",