@atlaskit/editor-plugin-media 2.6.6 → 2.7.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-media
 
+## 2.7.0
+
+### Minor Changes
+
+- [#143009](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/143009)
+  [`6711c20c022e4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6711c20c022e4) -
+  [UX-3339] Adds a configuration for media insert to only allow for external links.
+
+## 2.6.7
+
+### Patch Changes
+
+- [#146103](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/146103)
+  [`de3c759c70129`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/de3c759c70129) -
+  [ux] ED-26971 Update media toolbar icons and show resize option in disabled state for inline media
+
 ## 2.6.6
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaNodeUpdater.js

@@ -254,41 +254,47 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
     })));
     (0, _defineProperty2.default)(this, "uploadExternalMedia", /*#__PURE__*/function () {
       var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7(getPos) {
-        var node, mediaProvider, uploadMediaClientConfig, mediaClient, collection, uploader, uploadableFileUpfrontIds, dimensions, pos;
+        var _this$props, node, mediaOptions, mediaProvider, uploadMediaClientConfig, mediaClient, collection, uploader, uploadableFileUpfrontIds, dimensions, pos;
         return _regenerator.default.wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              node = _this.props.node;
-              _context7.next = 3;
-              return _this.props.mediaProvider;
+              _this$props = _this.props, node = _this$props.node, mediaOptions = _this$props.mediaOptions;
+              if (!(mediaOptions !== null && mediaOptions !== void 0 && mediaOptions.isExternalMediaUploadDisabled)) {
+                _context7.next = 3;
+                break;
+              }
+              return _context7.abrupt("return");
             case 3:
+              _context7.next = 5;
+              return _this.props.mediaProvider;
+            case 5:
               mediaProvider = _context7.sent;
               if (!(node && mediaProvider)) {
-                _context7.next = 24;
+                _context7.next = 26;
                 break;
               }
               uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;
               if (!(!uploadMediaClientConfig || !node.attrs.url)) {
-                _context7.next = 8;
+                _context7.next = 10;
                 break;
               }
               return _context7.abrupt("return");
-            case 8:
+            case 10:
               mediaClient = (0, _mediaClientReact.getMediaClient)(uploadMediaClientConfig);
               collection = mediaProvider.uploadParams && mediaProvider.uploadParams.collection;
-              _context7.prev = 10;
-              _context7.next = 13;
+              _context7.prev = 12;
+              _context7.next = 15;
               return mediaClient.file.uploadExternal(node.attrs.url, collection);
-            case 13:
+            case 15:
               uploader = _context7.sent;
               uploadableFileUpfrontIds = uploader.uploadableFileUpfrontIds, dimensions = uploader.dimensions;
               pos = getPos();
               if (!(typeof pos !== 'number')) {
-                _context7.next = 18;
+                _context7.next = 20;
                 break;
               }
               return _context7.abrupt("return");
-            case 18:
+            case 20:
               (0, _helpers.replaceExternalMedia)(pos + 1, {
                 id: uploadableFileUpfrontIds.id,
                 collection: collection,
@@ -296,11 +302,11 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
                 width: dimensions.width,
                 occurrenceKey: uploadableFileUpfrontIds.occurrenceKey
               })(_this.props.view.state, _this.props.view.dispatch);
-              _context7.next = 24;
+              _context7.next = 26;
               break;
-            case 21:
-              _context7.prev = 21;
-              _context7.t0 = _context7["catch"](10);
+            case 23:
+              _context7.prev = 23;
+              _context7.t0 = _context7["catch"](12);
               //keep it as external media
               if (_this.props.dispatchAnalyticsEvent) {
                 _this.props.dispatchAnalyticsEvent({
@@ -309,11 +315,11 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
                   eventType: _analytics.EVENT_TYPE.OPERATIONAL
                 });
               }
-            case 24:
+            case 26:
             case "end":
               return _context7.stop();
           }
-        }, _callee7, null, [[10, 21]]);
+        }, _callee7, null, [[12, 23]]);
       }));
       return function (_x3) {
         return _ref8.apply(this, arguments);

package/dist/cjs/nodeviews/mediaSingle.js

@@ -568,7 +568,7 @@ var MediaSingleNodeWrapper = function MediaSingleNodeWrapper(_ref6) {
     return mediaState !== null && mediaState !== void 0 && mediaState.mediaProvider ? Promise.resolve(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider) : undefined;
   }, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
   var isSelectedAndInteracted = (0, _react.useCallback)(function () {
-    return Boolean(selected() && hasHadInteraction);
+    return Boolean(selected() && hasHadInteraction !== false);
   }, [hasHadInteraction, selected]);
   if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2__media_single') || (0, _platformFeatureFlags.fg)('platform_editor_react18_phase2__media_single_jira')) {
     return (0, _react2.jsx)(_mediaSingleNext.MediaSingleNodeNext, {

package/dist/cjs/ui/MediaViewer/MediaViewerContainer.js

@@ -55,13 +55,13 @@ var MediaViewerContainer = exports.MediaViewerContainer = function MediaViewerCo
   var isVideoMedia = (0, _isType.isVideo)((_mediaNode$firstChild = mediaNode.firstChild) === null || _mediaNode$firstChild === void 0 ? void 0 : _mediaNode$firstChild.attrs.__fileMimeType);
   var shouldShowViewer = isEditorViewMode && showViewer && selectedNodeAttrs && mediaClientConfig && !isVideoMedia && (0, _experiments.editorExperiment)('platform_editor_controls', 'control');
   return (0, _react2.jsx)(_react.Fragment, null, isEditorViewMode ? (0, _react2.jsx)(_react.Fragment, null, isInline ?
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   (0, _react2.jsx)("span", {
     onClick: showMediaViewer,
     css: interactiveStyles,
     "data-testid": mediaViewerContainerTestID
   }, children) :
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   (0, _react2.jsx)("div", {
     onClick: showMediaViewer,
     css: interactiveStyles,

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

@@ -419,7 +419,11 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             onClick: function onClick() {
               return true;
             },
-            icon: /*#__PURE__*/_react.default.createElement(_imageFullscreen.default, {
+            icon: (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_7') ? /*#__PURE__*/_react.default.createElement(_maximize.default, {
+              color: "currentColor",
+              spacing: "spacious",
+              label: ""
+            }) : /*#__PURE__*/_react.default.createElement(_imageFullscreen.default, {
               color: "currentColor",
               spacing: "spacious",
               label: floatingSwitcherTitle,
@@ -434,7 +438,11 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             options: _options2,
             title: intl.formatMessage(_mediaUi.messages.sizeOptions),
             icon: function icon() {
-              return /*#__PURE__*/_react.default.createElement(_imageFullscreen.default, {
+              return (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_7') ? /*#__PURE__*/_react.default.createElement(_maximize.default, {
+                color: "currentColor",
+                spacing: "spacious",
+                label: intl.formatMessage(_mediaUi.messages.sizeOptions)
+              }) : /*#__PURE__*/_react.default.createElement(_imageFullscreen.default, {
                 color: "currentColor",
                 spacing: "spacious",
                 label: intl.formatMessage(_mediaUi.messages.sizeOptions),

package/dist/cjs/ui/toolbar/mediaInline.js

@@ -341,7 +341,11 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
       id: 'editor.media.convert.mediasingle',
       title: mediaSingleTitle,
       onClick: (0, _commands.changeMediaInlineToMediaSingle)(editorAnalyticsAPI, widthPluginState),
-      icon: /*#__PURE__*/_react.default.createElement(_imageFullscreen.default, {
+      icon: (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_7') ? /*#__PURE__*/_react.default.createElement(_maximize.default, {
+        color: "currentColor",
+        spacing: "spacious",
+        label: ""
+      }) : /*#__PURE__*/_react.default.createElement(_imageFullscreen.default, {
         color: "currentColor",
         spacing: "spacious",
         label: mediaSingleTitle,

package/dist/cjs/ui/toolbar/pixel-resizing.js

@@ -10,6 +10,8 @@ var _react = _interopRequireDefault(require("react"));
 var _media = require("@atlaskit/editor-common/media");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _growHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/grow-horizontal"));
+var _imageFullscreen = _interopRequireDefault(require("@atlaskit/icon/core/image-fullscreen"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../../pm-plugins/pixel-resizing/commands");
 var _ui = require("../../pm-plugins/pixel-resizing/ui");
 var _constants = require("../../pm-plugins/pixel-resizing/ui/constants");
@@ -62,7 +64,9 @@ var getResizeDropdownOption = exports.getResizeDropdownOption = function getResi
     return [{
       title: formatMessage(_media.pixelEntryMessages.resizeOption),
       onClick: (0, _commands.openPixelEditor)(),
-      icon: /*#__PURE__*/_react.default.createElement(_growHorizontal.default, {
+      icon: (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_7') ? /*#__PURE__*/_react.default.createElement(_imageFullscreen.default, {
+        label: ""
+      }) : /*#__PURE__*/_react.default.createElement(_growHorizontal.default, {
         label: ""
       }),
       testId: 'media-pixel-resizing-dropdown-option'

package/dist/es2019/nodeviews/mediaNodeUpdater.js

@@ -136,8 +136,12 @@ export class MediaNodeUpdater {
     });
     _defineProperty(this, "uploadExternalMedia", async getPos => {
       const {
-        node
+        node,
+        mediaOptions
       } = this.props;
+      if (mediaOptions !== null && mediaOptions !== void 0 && mediaOptions.isExternalMediaUploadDisabled) {
+        return;
+      }
       const mediaProvider = await this.props.mediaProvider;
       if (node && mediaProvider) {
         const uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;

package/dist/es2019/nodeviews/mediaSingle.js

@@ -482,7 +482,7 @@ const MediaSingleNodeWrapper = ({
   } = useSharedPluginState(pluginInjectionApi, ['width', 'media', 'annotation', 'editorDisabled', 'editorViewMode']);
   const hasHadInteraction = useSharedPluginStateSelector(pluginInjectionApi, 'interaction.hasHadInteraction');
   const mediaProvider = useMemo(() => mediaState !== null && mediaState !== void 0 && mediaState.mediaProvider ? Promise.resolve(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider) : undefined, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
-  const isSelectedAndInteracted = useCallback(() => Boolean(selected() && hasHadInteraction), [hasHadInteraction, selected]);
+  const isSelectedAndInteracted = useCallback(() => Boolean(selected() && hasHadInteraction !== false), [hasHadInteraction, selected]);
   if (fg('platform_editor_react18_phase2__media_single') || fg('platform_editor_react18_phase2__media_single_jira')) {
     return jsx(MediaSingleNodeNext, {
       width: (widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0,

package/dist/es2019/ui/MediaViewer/MediaViewerContainer.js

@@ -38,13 +38,13 @@ export const MediaViewerContainer = ({
   const isVideoMedia = isVideo((_mediaNode$firstChild = mediaNode.firstChild) === null || _mediaNode$firstChild === void 0 ? void 0 : _mediaNode$firstChild.attrs.__fileMimeType);
   const shouldShowViewer = isEditorViewMode && showViewer && selectedNodeAttrs && mediaClientConfig && !isVideoMedia && editorExperiment('platform_editor_controls', 'control');
   return jsx(Fragment, null, isEditorViewMode ? jsx(Fragment, null, isInline ?
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   jsx("span", {
     onClick: showMediaViewer,
     css: interactiveStyles,
     "data-testid": mediaViewerContainerTestID
   }, children) :
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   jsx("div", {
     onClick: showMediaViewer,
     css: interactiveStyles,

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

@@ -406,7 +406,11 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
             onClick: () => {
               return true;
             },
-            icon: /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
+            icon: fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(MaximizeIcon, {
+              color: "currentColor",
+              spacing: "spacious",
+              label: ""
+            }) : /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
               color: "currentColor",
               spacing: "spacious",
               label: floatingSwitcherTitle,
@@ -420,7 +424,11 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
             type: 'dropdown',
             options: options,
             title: intl.formatMessage(messages.sizeOptions),
-            icon: () => /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
+            icon: () => fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(MaximizeIcon, {
+              color: "currentColor",
+              spacing: "spacious",
+              label: intl.formatMessage(messages.sizeOptions)
+            }) : /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
               color: "currentColor",
               spacing: "spacious",
               label: intl.formatMessage(messages.sizeOptions),

package/dist/es2019/ui/toolbar/mediaInline.js

@@ -332,7 +332,11 @@ const getMediaInlineImageToolbar = (state, intl, mediaPluginState, hoverDecorati
       id: 'editor.media.convert.mediasingle',
       title: mediaSingleTitle,
       onClick: changeMediaInlineToMediaSingle(editorAnalyticsAPI, widthPluginState),
-      icon: /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
+      icon: fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(MaximizeIcon, {
+        color: "currentColor",
+        spacing: "spacious",
+        label: ""
+      }) : /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
         color: "currentColor",
         spacing: "spacious",
         label: mediaSingleTitle,

package/dist/es2019/ui/toolbar/pixel-resizing.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
+import ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { openPixelEditor } from '../../pm-plugins/pixel-resizing/commands';
 import { PixelEntry } from '../../pm-plugins/pixel-resizing/ui';
 import { PIXEL_RESIZING_TOOLBAR_WIDTH } from '../../pm-plugins/pixel-resizing/ui/constants';
@@ -54,7 +56,9 @@ export const getResizeDropdownOption = (mediaOptions, state, formatMessage, sele
     return [{
       title: formatMessage(messages.resizeOption),
       onClick: openPixelEditor(),
-      icon: /*#__PURE__*/React.createElement(GrowHorizontalIcon, {
+      icon: fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
+        label: ""
+      }) : /*#__PURE__*/React.createElement(GrowHorizontalIcon, {
         label: ""
       }),
       testId: 'media-pixel-resizing-dropdown-option'

package/dist/esm/nodeviews/mediaNodeUpdater.js

@@ -247,41 +247,47 @@ export var MediaNodeUpdater = /*#__PURE__*/function () {
     })));
     _defineProperty(this, "uploadExternalMedia", /*#__PURE__*/function () {
       var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(getPos) {
-        var node, mediaProvider, uploadMediaClientConfig, mediaClient, collection, uploader, uploadableFileUpfrontIds, dimensions, pos;
+        var _this$props, node, mediaOptions, mediaProvider, uploadMediaClientConfig, mediaClient, collection, uploader, uploadableFileUpfrontIds, dimensions, pos;
         return _regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              node = _this.props.node;
-              _context7.next = 3;
-              return _this.props.mediaProvider;
+              _this$props = _this.props, node = _this$props.node, mediaOptions = _this$props.mediaOptions;
+              if (!(mediaOptions !== null && mediaOptions !== void 0 && mediaOptions.isExternalMediaUploadDisabled)) {
+                _context7.next = 3;
+                break;
+              }
+              return _context7.abrupt("return");
             case 3:
+              _context7.next = 5;
+              return _this.props.mediaProvider;
+            case 5:
               mediaProvider = _context7.sent;
               if (!(node && mediaProvider)) {
-                _context7.next = 24;
+                _context7.next = 26;
                 break;
               }
               uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;
               if (!(!uploadMediaClientConfig || !node.attrs.url)) {
-                _context7.next = 8;
+                _context7.next = 10;
                 break;
               }
               return _context7.abrupt("return");
-            case 8:
+            case 10:
               mediaClient = getMediaClient(uploadMediaClientConfig);
               collection = mediaProvider.uploadParams && mediaProvider.uploadParams.collection;
-              _context7.prev = 10;
-              _context7.next = 13;
+              _context7.prev = 12;
+              _context7.next = 15;
               return mediaClient.file.uploadExternal(node.attrs.url, collection);
-            case 13:
+            case 15:
               uploader = _context7.sent;
               uploadableFileUpfrontIds = uploader.uploadableFileUpfrontIds, dimensions = uploader.dimensions;
               pos = getPos();
               if (!(typeof pos !== 'number')) {
-                _context7.next = 18;
+                _context7.next = 20;
                 break;
               }
               return _context7.abrupt("return");
-            case 18:
+            case 20:
               replaceExternalMedia(pos + 1, {
                 id: uploadableFileUpfrontIds.id,
                 collection: collection,
@@ -289,11 +295,11 @@ export var MediaNodeUpdater = /*#__PURE__*/function () {
                 width: dimensions.width,
                 occurrenceKey: uploadableFileUpfrontIds.occurrenceKey
               })(_this.props.view.state, _this.props.view.dispatch);
-              _context7.next = 24;
+              _context7.next = 26;
               break;
-            case 21:
-              _context7.prev = 21;
-              _context7.t0 = _context7["catch"](10);
+            case 23:
+              _context7.prev = 23;
+              _context7.t0 = _context7["catch"](12);
               //keep it as external media
               if (_this.props.dispatchAnalyticsEvent) {
                 _this.props.dispatchAnalyticsEvent({
@@ -302,11 +308,11 @@ export var MediaNodeUpdater = /*#__PURE__*/function () {
                   eventType: EVENT_TYPE.OPERATIONAL
                 });
               }
-            case 24:
+            case 26:
             case "end":
               return _context7.stop();
           }
-        }, _callee7, null, [[10, 21]]);
+        }, _callee7, null, [[12, 23]]);
       }));
       return function (_x3) {
         return _ref8.apply(this, arguments);

package/dist/esm/nodeviews/mediaSingle.js

@@ -563,7 +563,7 @@ var MediaSingleNodeWrapper = function MediaSingleNodeWrapper(_ref6) {
     return mediaState !== null && mediaState !== void 0 && mediaState.mediaProvider ? Promise.resolve(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider) : undefined;
   }, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
   var isSelectedAndInteracted = useCallback(function () {
-    return Boolean(selected() && hasHadInteraction);
+    return Boolean(selected() && hasHadInteraction !== false);
   }, [hasHadInteraction, selected]);
   if (fg('platform_editor_react18_phase2__media_single') || fg('platform_editor_react18_phase2__media_single_jira')) {
     return jsx(MediaSingleNodeNext, {

package/dist/esm/ui/MediaViewer/MediaViewerContainer.js

@@ -44,13 +44,13 @@ export var MediaViewerContainer = function MediaViewerContainer(_ref) {
   var isVideoMedia = isVideo((_mediaNode$firstChild = mediaNode.firstChild) === null || _mediaNode$firstChild === void 0 ? void 0 : _mediaNode$firstChild.attrs.__fileMimeType);
   var shouldShowViewer = isEditorViewMode && showViewer && selectedNodeAttrs && mediaClientConfig && !isVideoMedia && editorExperiment('platform_editor_controls', 'control');
   return jsx(Fragment, null, isEditorViewMode ? jsx(Fragment, null, isInline ?
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   jsx("span", {
     onClick: showMediaViewer,
     css: interactiveStyles,
     "data-testid": mediaViewerContainerTestID
   }, children) :
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   jsx("div", {
     onClick: showMediaViewer,
     css: interactiveStyles,

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

@@ -409,7 +409,11 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             onClick: function onClick() {
               return true;
             },
-            icon: /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
+            icon: fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(MaximizeIcon, {
+              color: "currentColor",
+              spacing: "spacious",
+              label: ""
+            }) : /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
               color: "currentColor",
               spacing: "spacious",
               label: floatingSwitcherTitle,
@@ -424,7 +428,11 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             options: _options2,
             title: intl.formatMessage(messages.sizeOptions),
             icon: function icon() {
-              return /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
+              return fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(MaximizeIcon, {
+                color: "currentColor",
+                spacing: "spacious",
+                label: intl.formatMessage(messages.sizeOptions)
+              }) : /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
                 color: "currentColor",
                 spacing: "spacious",
                 label: intl.formatMessage(messages.sizeOptions),

package/dist/esm/ui/toolbar/mediaInline.js

@@ -331,7 +331,11 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
       id: 'editor.media.convert.mediasingle',
       title: mediaSingleTitle,
       onClick: changeMediaInlineToMediaSingle(editorAnalyticsAPI, widthPluginState),
-      icon: /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
+      icon: fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(MaximizeIcon, {
+        color: "currentColor",
+        spacing: "spacious",
+        label: ""
+      }) : /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
         color: "currentColor",
         spacing: "spacious",
         label: mediaSingleTitle,

package/dist/esm/ui/toolbar/pixel-resizing.js

@@ -5,6 +5,8 @@ import React from 'react';
 import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
+import ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { openPixelEditor } from '../../pm-plugins/pixel-resizing/commands';
 import { PixelEntry } from '../../pm-plugins/pixel-resizing/ui';
 import { PIXEL_RESIZING_TOOLBAR_WIDTH } from '../../pm-plugins/pixel-resizing/ui/constants';
@@ -55,7 +57,9 @@ export var getResizeDropdownOption = function getResizeDropdownOption(mediaOptio
     return [{
       title: formatMessage(messages.resizeOption),
       onClick: openPixelEditor(),
-      icon: /*#__PURE__*/React.createElement(GrowHorizontalIcon, {
+      icon: fg('platform_editor_controls_patch_7') ? /*#__PURE__*/React.createElement(ImageFullscreenIcon, {
+        label: ""
+      }) : /*#__PURE__*/React.createElement(GrowHorizontalIcon, {
         label: ""
       }),
       testId: 'media-pixel-resizing-dropdown-option'

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

@@ -57,6 +57,23 @@ export interface MediaPluginOptions {
     forceHandlePositioning?: HandlePositioning;
     mediaShallowCopyScope?: MediaCopyScope;
     allowPixelResizing?: boolean;
+    /**
+     * Enabling this will prevent this plugin from automatically trying to upload external images to the Media service.
+     * This can be used in conjunction with the `isOnlyExternalLinks` config for `media-insert-plugin` to limit images
+     * to external URLs in the UI as well.
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, isExternalMediaUploadDisabled: true }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     */
+    isExternalMediaUploadDisabled?: boolean;
 }
 /**
  * @private

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

@@ -57,6 +57,23 @@ export interface MediaPluginOptions {
     forceHandlePositioning?: HandlePositioning;
     mediaShallowCopyScope?: MediaCopyScope;
     allowPixelResizing?: boolean;
+    /**
+     * Enabling this will prevent this plugin from automatically trying to upload external images to the Media service.
+     * This can be used in conjunction with the `isOnlyExternalLinks` config for `media-insert-plugin` to limit images
+     * to external URLs in the UI as well.
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, isExternalMediaUploadDisabled: true }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     */
+    isExternalMediaUploadDisabled?: boolean;
 }
 /**
  * @private

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "2.6.6",
+	"version": "2.7.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/editor-common": "^103.15.0",
+		"@atlaskit/editor-common": "^103.19.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-annotation": "^2.7.0",
@@ -70,7 +70,7 @@
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.13.0",
+		"@atlaskit/tmp-editor-statsig": "^4.15.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -186,6 +186,9 @@
 		},
 		"platform_editor_no_selection_until_interaction": {
 			"type": "boolean"
+		},
+		"platform_editor_controls_patch_7": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {