@atlaskit/editor-plugin-media-insert 6.2.4 → 6.3.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-media-insert
 
+## 6.3.0
+
+### Minor Changes
+
+- [#143009](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/143009)
+  [`8ddfe6d95ad26`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8ddfe6d95ad26) -
+  [UX-3339] Adds a configuration for media insert to only allow for external links.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.2.5
+
+### Patch Changes
+
+- [#144658](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/144658)
+  [`e59e7f0ae0803`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e59e7f0ae0803) -
+  Change to use getDomRefFromSelection utility from editor-common
+- Updated dependencies
+
 ## 6.2.4
 
 ### Patch Changes

package/dist/cjs/mediaInsertPlugin.js

@@ -14,7 +14,8 @@ var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _MediaInsertPicker = require("./ui/MediaInsertPicker");
 var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_ref) {
-  var api = _ref.api;
+  var api = _ref.api,
+    config = _ref.config;
   return {
     name: 'mediaInsert',
     pmPlugins: function pmPlugins() {
@@ -116,7 +117,8 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
         },
         insertMediaSingle: insertMediaSingle,
         insertExternalMediaSingle: insertExternalMediaSingle,
-        insertFile: insertFile
+        insertFile: insertFile,
+        isOnlyExternalLinks: config === null || config === void 0 ? void 0 : config.isOnlyExternalLinks
       });
     },
     pluginsOptions: {

package/dist/cjs/ui/MediaFromURL.js

@@ -97,7 +97,8 @@ function MediaFromURL(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     closeMediaInsertPicker = _ref.closeMediaInsertPicker,
     insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
+    isOnlyExternalLinks = _ref.isOnlyExternalLinks;
   var intl = (0, _reactIntlNext.useIntl)();
   var strings = {
     loadPreview: intl.formatMessage(_messages.mediaInsertMessages.loadPreview),
@@ -112,6 +113,10 @@ function MediaFromURL(_ref) {
     _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
     previewState = _React$useReducer2[0],
     dispatch = _React$useReducer2[1];
+  var _React$useState = _react.default.useState(''),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
   var pasteFlag = _react.default.useRef(false);
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(dispatchAnalyticsEvent),
     onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
@@ -201,14 +206,17 @@ function MediaFromURL(_ref) {
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   var _onPaste = _react.default.useCallback(function (e, inputUrl) {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -230,7 +238,7 @@ function MediaFromURL(_ref) {
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   var onExternalInsert = _react.default.useCallback(function (url) {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url: url,
         alt: '',
@@ -238,7 +246,7 @@ function MediaFromURL(_ref) {
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   var onInputKeyPress = _react.default.useCallback(function (event) {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -280,7 +288,7 @@ function MediaFromURL(_ref) {
       if (previewState.previewInfo) {
         return onInsert();
       }
-      if (previewState.warning) {
+      if (previewState.warning || isOnlyExternalLinks) {
         return onExternalInsert(inputUrl);
       }
       return uploadExternalMedia(inputUrl);
@@ -336,7 +344,7 @@ function MediaFromURL(_ref) {
           }
         })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
           as: "span"
-        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
           xcss: PreviewBoxStyles,
           alignItems: "center",
           justifyContent: "center"
@@ -372,7 +380,7 @@ function MediaFromURL(_ref) {
       }, strings.cancel), /*#__PURE__*/_react.default.createElement(_new.default, {
         type: "button",
         appearance: "primary",
-        isDisabled: !previewState.previewInfo && !previewState.warning,
+        isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning,
         onClick: function onClick() {
           return formProps.onSubmit();
         }

package/dist/cjs/ui/MediaFromURLWithForm.js

@@ -97,7 +97,8 @@ function MediaFromURLWithForm(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     closeMediaInsertPicker = _ref.closeMediaInsertPicker,
     insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
+    isOnlyExternalLinks = _ref.isOnlyExternalLinks;
   var intl = (0, _reactIntlNext.useIntl)();
   var strings = {
     loadPreview: intl.formatMessage(_messages.mediaInsertMessages.loadPreview),
@@ -112,6 +113,10 @@ function MediaFromURLWithForm(_ref) {
     _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
     previewState = _React$useReducer2[0],
     dispatch = _React$useReducer2[1];
+  var _React$useState = _react.default.useState(''),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
   var pasteFlag = _react.default.useRef(false);
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(dispatchAnalyticsEvent),
     onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
@@ -201,14 +206,17 @@ function MediaFromURLWithForm(_ref) {
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   var _onPaste = _react.default.useCallback(function (e, inputUrl) {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -230,7 +238,7 @@ function MediaFromURLWithForm(_ref) {
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   var onExternalInsert = _react.default.useCallback(function (url) {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url: url,
         alt: '',
@@ -238,7 +246,7 @@ function MediaFromURLWithForm(_ref) {
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   var onInputKeyPress = _react.default.useCallback(function (event) {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -332,7 +340,7 @@ function MediaFromURLWithForm(_ref) {
           }
         })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
           as: "span"
-        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
           xcss: PreviewBoxStyles,
           alignItems: "center",
           justifyContent: "center"
@@ -365,7 +373,7 @@ function MediaFromURLWithForm(_ref) {
       }, strings.cancel), /*#__PURE__*/_react.default.createElement(_new.default, {
         type: "submit",
         appearance: "primary",
-        isDisabled: !previewState.previewInfo && !previewState.warning
+        isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning
       }, strings.insert)))))
     );
   });

package/dist/cjs/ui/MediaInsertPicker.js

@@ -10,10 +10,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _getDomRefFromSelection = require("@atlaskit/editor-common/get-dom-ref-from-selection");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -27,36 +27,6 @@ var _MediaInsertWrapper = require("./MediaInsertWrapper");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var PopupWithListeners = (0, _ui.withOuterListeners)(_ui.Popup);
-var getDomRefFromSelection = function getDomRefFromSelection(view, dispatchAnalyticsEvent) {
-  try {
-    var domRef = (0, _utils.findDomRefAtPos)(view.state.selection.from, view.domAtPos.bind(view));
-    if (domRef instanceof HTMLElement) {
-      // If element is not a paragraph, we need to find the closest paragraph parent
-      if (domRef.nodeName !== 'P') {
-        var paragraphRef = domRef.closest('p');
-        if (paragraphRef) {
-          return paragraphRef;
-        }
-      }
-      return domRef;
-    } else {
-      throw new Error('Invalid DOM reference');
-    }
-  } catch (error) {
-    if (dispatchAnalyticsEvent) {
-      var payload = {
-        action: _analytics.ACTION.ERRORED,
-        actionSubject: _analytics.ACTION_SUBJECT.PICKER,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          error: 'Error getting DOM reference from selection'
-        }
-      };
-      dispatchAnalyticsEvent(payload);
-    }
-  }
-};
 
 /**
  * A custom TabPanel that is non-focusable.
@@ -86,7 +56,9 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
     _closeMediaInsertPicker = _ref2.closeMediaInsertPicker,
     insertMediaSingle = _ref2.insertMediaSingle,
     insertExternalMediaSingle = _ref2.insertExternalMediaSingle,
-    insertFile = _ref2.insertFile;
+    insertFile = _ref2.insertFile,
+    _ref2$isOnlyExternalL = _ref2.isOnlyExternalLinks,
+    isOnlyExternalLinks = _ref2$isOnlyExternalL === void 0 ? false : _ref2$isOnlyExternalL;
   var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['mediaInsert'])) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
     isOpen = _ref3.isOpen,
     mountInfo = _ref3.mountInfo;
@@ -96,8 +68,9 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
     targetRef = mountInfo.ref;
     mountPoint = mountInfo.mountPoint;
   } else {
+    var _api$analytics;
     // If targetRef is undefined, target the selection in the editor
-    targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
+    targetRef = (0, _getDomRefFromSelection.getDomRefFromSelection)(editorView, _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
     mountPoint = popupsMountPoint;
   }
   var mediaProvider = (_useSharedPluginState3 = (0, _hooks.useSharedPluginState)(api, ['media'])) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
@@ -152,7 +125,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
       id: "media-insert-tab-navigation"
     }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       paddingBlockEnd: "space.150"
-    }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.fileTabTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.linkTabTitle)))), /*#__PURE__*/_react.default.createElement(CustomTabPanel, null, /*#__PURE__*/_react.default.createElement(_LocalMedia.LocalMedia, {
+    }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.fileTabTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, null, intl.formatMessage(_messages.mediaInsertMessages.linkTabTitle)))), !isOnlyExternalLinks && /*#__PURE__*/_react.default.createElement(CustomTabPanel, null, /*#__PURE__*/_react.default.createElement(_LocalMedia.LocalMedia, {
       ref: autofocusRef,
       mediaProvider: mediaProvider,
       closeMediaInsertPicker: function closeMediaInsertPicker() {
@@ -169,7 +142,8 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
         focusEditor();
       },
       insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle
+      insertExternalMediaSingle: insertExternalMediaSingle,
+      isOnlyExternalLinks: isOnlyExternalLinks
     }) : /*#__PURE__*/_react.default.createElement(_MediaFromURLWithForm.MediaFromURLWithForm, {
       mediaProvider: mediaProvider,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -178,7 +152,8 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
         focusEditor();
       },
       insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle
+      insertExternalMediaSingle: insertExternalMediaSingle,
+      isOnlyExternalLinks: isOnlyExternalLinks
     }))));
   }));
 };

package/dist/es2019/mediaInsertPlugin.js

@@ -7,7 +7,8 @@ import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { MediaInsertPicker } from './ui/MediaInsertPicker';
 export const mediaInsertPlugin = ({
-  api
+  api,
+  config
 }) => {
   return {
     name: 'mediaInsert',
@@ -110,7 +111,8 @@ export const mediaInsertPlugin = ({
         closeMediaInsertPicker: () => editorView.dispatch(closeMediaInsertPicker(editorView.state.tr)),
         insertMediaSingle: insertMediaSingle,
         insertExternalMediaSingle: insertExternalMediaSingle,
-        insertFile: insertFile
+        insertFile: insertFile,
+        isOnlyExternalLinks: config === null || config === void 0 ? void 0 : config.isOnlyExternalLinks
       });
     },
     pluginsOptions: {

package/dist/es2019/ui/MediaFromURL.js

@@ -82,7 +82,8 @@ export function MediaFromURL({
   dispatchAnalyticsEvent,
   closeMediaInsertPicker,
   insertMediaSingle,
-  insertExternalMediaSingle
+  insertExternalMediaSingle,
+  isOnlyExternalLinks
 }) {
   const intl = useIntl();
   const strings = {
@@ -95,6 +96,7 @@ export function MediaFromURL({
     invalidUrl: intl.formatMessage(mediaInsertMessages.invalidUrlErrorMessage)
   };
   const [previewState, dispatch] = React.useReducer(previewStateReducer, INITIAL_PREVIEW_STATE);
+  const [url, setUrl] = React.useState('');
   const pasteFlag = React.useRef(false);
   const {
     onUploadButtonClickedAnalytics,
@@ -166,14 +168,17 @@ export function MediaFromURL({
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   const onPaste = React.useCallback((e, inputUrl) => {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -195,7 +200,7 @@ export function MediaFromURL({
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   const onExternalInsert = React.useCallback(url => {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url,
         alt: '',
@@ -203,7 +208,7 @@ export function MediaFromURL({
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   const onInputKeyPress = React.useCallback(event => {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -246,7 +251,7 @@ export function MediaFromURL({
       if (previewState.previewInfo) {
         return onInsert();
       }
-      if (previewState.warning) {
+      if (previewState.warning || isOnlyExternalLinks) {
         return onExternalInsert(inputUrl);
       }
       return uploadExternalMedia(inputUrl);
@@ -299,7 +304,7 @@ export function MediaFromURL({
     }
   })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
     as: "span"
-  }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
+  }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
     xcss: PreviewBoxStyles,
     alignItems: "center",
     justifyContent: "center"
@@ -330,7 +335,7 @@ export function MediaFromURL({
   }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
     type: "button",
     appearance: "primary",
-    isDisabled: !previewState.previewInfo && !previewState.warning,
+    isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning,
     onClick: () => formProps.onSubmit()
   }, strings.insert))))));
 }

package/dist/es2019/ui/MediaFromURLWithForm.js

@@ -82,7 +82,8 @@ export function MediaFromURLWithForm({
   dispatchAnalyticsEvent,
   closeMediaInsertPicker,
   insertMediaSingle,
-  insertExternalMediaSingle
+  insertExternalMediaSingle,
+  isOnlyExternalLinks
 }) {
   const intl = useIntl();
   const strings = {
@@ -95,6 +96,7 @@ export function MediaFromURLWithForm({
     invalidUrl: intl.formatMessage(mediaInsertMessages.invalidUrlErrorMessage)
   };
   const [previewState, dispatch] = React.useReducer(previewStateReducer, INITIAL_PREVIEW_STATE);
+  const [url, setUrl] = React.useState('');
   const pasteFlag = React.useRef(false);
   const {
     onUploadButtonClickedAnalytics,
@@ -166,14 +168,17 @@ export function MediaFromURLWithForm({
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   const onPaste = React.useCallback((e, inputUrl) => {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -195,7 +200,7 @@ export function MediaFromURLWithForm({
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   const onExternalInsert = React.useCallback(url => {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url,
         alt: '',
@@ -203,7 +208,7 @@ export function MediaFromURLWithForm({
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   const onInputKeyPress = React.useCallback(event => {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -295,7 +300,7 @@ export function MediaFromURLWithForm({
     }
   })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
     as: "span"
-  }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
+  }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
     xcss: PreviewBoxStyles,
     alignItems: "center",
     justifyContent: "center"
@@ -325,6 +330,6 @@ export function MediaFromURLWithForm({
   }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
     type: "submit",
     appearance: "primary",
-    isDisabled: !previewState.previewInfo && !previewState.warning
+    isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning
   }, strings.insert))))));
 }

package/dist/es2019/ui/MediaInsertPicker.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
@@ -17,36 +17,6 @@ import { MediaFromURL } from './MediaFromURL';
 import { MediaFromURLWithForm } from './MediaFromURLWithForm';
 import { MediaInsertWrapper } from './MediaInsertWrapper';
 const PopupWithListeners = withOuterListeners(Popup);
-const getDomRefFromSelection = (view, dispatchAnalyticsEvent) => {
-  try {
-    const domRef = findDomRefAtPos(view.state.selection.from, view.domAtPos.bind(view));
-    if (domRef instanceof HTMLElement) {
-      // If element is not a paragraph, we need to find the closest paragraph parent
-      if (domRef.nodeName !== 'P') {
-        const paragraphRef = domRef.closest('p');
-        if (paragraphRef) {
-          return paragraphRef;
-        }
-      }
-      return domRef;
-    } else {
-      throw new Error('Invalid DOM reference');
-    }
-  } catch (error) {
-    if (dispatchAnalyticsEvent) {
-      const payload = {
-        action: ACTION.ERRORED,
-        actionSubject: ACTION_SUBJECT.PICKER,
-        actionSubjectId: ACTION_SUBJECT_ID.PICKER_MEDIA,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          error: 'Error getting DOM reference from selection'
-        }
-      };
-      dispatchAnalyticsEvent(payload);
-    }
-  }
-};
 
 /**
  * A custom TabPanel that is non-focusable.
@@ -76,7 +46,8 @@ export const MediaInsertPicker = ({
   closeMediaInsertPicker,
   insertMediaSingle,
   insertExternalMediaSingle,
-  insertFile
+  insertFile,
+  isOnlyExternalLinks = false
 }) => {
   var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3, _useSharedPluginState4;
   const {
@@ -89,8 +60,9 @@ export const MediaInsertPicker = ({
     targetRef = mountInfo.ref;
     mountPoint = mountInfo.mountPoint;
   } else {
+    var _api$analytics;
     // If targetRef is undefined, target the selection in the editor
-    targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
+    targetRef = getDomRefFromSelection(editorView, ACTION_SUBJECT_ID.PICKER_MEDIA, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
     mountPoint = popupsMountPoint;
   }
   const mediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'])) === null || _useSharedPluginState3 === void 0 ? void 0 : (_useSharedPluginState4 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState4 === void 0 ? void 0 : _useSharedPluginState4.mediaProvider;
@@ -143,7 +115,7 @@ export const MediaInsertPicker = ({
     id: "media-insert-tab-navigation"
   }, /*#__PURE__*/React.createElement(Box, {
     paddingBlockEnd: "space.150"
-  }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
+  }, /*#__PURE__*/React.createElement(TabList, null, !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), !isOnlyExternalLinks && /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
     ref: autofocusRef,
     mediaProvider: mediaProvider,
     closeMediaInsertPicker: () => {
@@ -160,7 +132,8 @@ export const MediaInsertPicker = ({
       focusEditor();
     },
     insertMediaSingle: insertMediaSingle,
-    insertExternalMediaSingle: insertExternalMediaSingle
+    insertExternalMediaSingle: insertExternalMediaSingle,
+    isOnlyExternalLinks: isOnlyExternalLinks
   }) : /*#__PURE__*/React.createElement(MediaFromURLWithForm, {
     mediaProvider: mediaProvider,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -169,6 +142,7 @@ export const MediaInsertPicker = ({
       focusEditor();
     },
     insertMediaSingle: insertMediaSingle,
-    insertExternalMediaSingle: insertExternalMediaSingle
+    insertExternalMediaSingle: insertExternalMediaSingle,
+    isOnlyExternalLinks: isOnlyExternalLinks
   }))))));
 };

package/dist/esm/mediaInsertPlugin.js

@@ -7,7 +7,8 @@ import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { MediaInsertPicker } from './ui/MediaInsertPicker';
 export var mediaInsertPlugin = function mediaInsertPlugin(_ref) {
-  var api = _ref.api;
+  var api = _ref.api,
+    config = _ref.config;
   return {
     name: 'mediaInsert',
     pmPlugins: function pmPlugins() {
@@ -109,7 +110,8 @@ export var mediaInsertPlugin = function mediaInsertPlugin(_ref) {
         },
         insertMediaSingle: insertMediaSingle,
         insertExternalMediaSingle: insertExternalMediaSingle,
-        insertFile: insertFile
+        insertFile: insertFile,
+        isOnlyExternalLinks: config === null || config === void 0 ? void 0 : config.isOnlyExternalLinks
       });
     },
     pluginsOptions: {

package/dist/esm/ui/MediaFromURL.js

@@ -86,7 +86,8 @@ export function MediaFromURL(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     closeMediaInsertPicker = _ref.closeMediaInsertPicker,
     insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
+    isOnlyExternalLinks = _ref.isOnlyExternalLinks;
   var intl = useIntl();
   var strings = {
     loadPreview: intl.formatMessage(mediaInsertMessages.loadPreview),
@@ -101,6 +102,10 @@ export function MediaFromURL(_ref) {
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
     previewState = _React$useReducer2[0],
     dispatch = _React$useReducer2[1];
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
   var pasteFlag = React.useRef(false);
   var _useAnalyticsEvents = useAnalyticsEvents(dispatchAnalyticsEvent),
     onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
@@ -190,14 +195,17 @@ export function MediaFromURL(_ref) {
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   var _onPaste = React.useCallback(function (e, inputUrl) {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -219,7 +227,7 @@ export function MediaFromURL(_ref) {
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   var onExternalInsert = React.useCallback(function (url) {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url: url,
         alt: '',
@@ -227,7 +235,7 @@ export function MediaFromURL(_ref) {
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   var onInputKeyPress = React.useCallback(function (event) {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -269,7 +277,7 @@ export function MediaFromURL(_ref) {
       if (previewState.previewInfo) {
         return onInsert();
       }
-      if (previewState.warning) {
+      if (previewState.warning || isOnlyExternalLinks) {
         return onExternalInsert(inputUrl);
       }
       return uploadExternalMedia(inputUrl);
@@ -325,7 +333,7 @@ export function MediaFromURL(_ref) {
           }
         })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
           as: "span"
-        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
+        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
           xcss: PreviewBoxStyles,
           alignItems: "center",
           justifyContent: "center"
@@ -361,7 +369,7 @@ export function MediaFromURL(_ref) {
       }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
         type: "button",
         appearance: "primary",
-        isDisabled: !previewState.previewInfo && !previewState.warning,
+        isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning,
         onClick: function onClick() {
           return formProps.onSubmit();
         }

package/dist/esm/ui/MediaFromURLWithForm.js

@@ -86,7 +86,8 @@ export function MediaFromURLWithForm(_ref) {
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
     closeMediaInsertPicker = _ref.closeMediaInsertPicker,
     insertMediaSingle = _ref.insertMediaSingle,
-    insertExternalMediaSingle = _ref.insertExternalMediaSingle;
+    insertExternalMediaSingle = _ref.insertExternalMediaSingle,
+    isOnlyExternalLinks = _ref.isOnlyExternalLinks;
   var intl = useIntl();
   var strings = {
     loadPreview: intl.formatMessage(mediaInsertMessages.loadPreview),
@@ -101,6 +102,10 @@ export function MediaFromURLWithForm(_ref) {
     _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
     previewState = _React$useReducer2[0],
     dispatch = _React$useReducer2[1];
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
   var pasteFlag = React.useRef(false);
   var _useAnalyticsEvents = useAnalyticsEvents(dispatchAnalyticsEvent),
     onUploadButtonClickedAnalytics = _useAnalyticsEvents.onUploadButtonClickedAnalytics,
@@ -190,14 +195,17 @@ export function MediaFromURLWithForm(_ref) {
     dispatch({
       type: 'reset'
     });
+    setUrl(url);
     if (!isValidUrl(url)) {
       return;
     }
     if (pasteFlag.current) {
       pasteFlag.current = false;
-      uploadExternalMedia(url);
+      if (!isOnlyExternalLinks) {
+        uploadExternalMedia(url);
+      }
     }
-  }, [uploadExternalMedia]);
+  }, [uploadExternalMedia, isOnlyExternalLinks]);
   var _onPaste = React.useCallback(function (e, inputUrl) {
     // Note: this is a little weird, but the paste event will always be
     // fired before the change event when pasting. We don't really want to
@@ -219,7 +227,7 @@ export function MediaFromURLWithForm(_ref) {
     closeMediaInsertPicker();
   }, [closeMediaInsertPicker, insertMediaSingle, previewState.previewInfo]);
   var onExternalInsert = React.useCallback(function (url) {
-    if (previewState.warning) {
+    if (previewState.warning || isOnlyExternalLinks) {
       insertExternalMediaSingle({
         url: url,
         alt: '',
@@ -227,7 +235,7 @@ export function MediaFromURLWithForm(_ref) {
       });
     }
     closeMediaInsertPicker();
-  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning]);
+  }, [closeMediaInsertPicker, insertExternalMediaSingle, previewState.warning, isOnlyExternalLinks]);
   var onInputKeyPress = React.useCallback(function (event) {
     if (event && event.key === 'Esc') {
       if (dispatchAnalyticsEvent) {
@@ -321,7 +329,7 @@ export function MediaFromURLWithForm(_ref) {
           }
         })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Box, {
           as: "span"
-        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && /*#__PURE__*/React.createElement(Flex, {
+        }, error)))), !previewState.previewInfo && !previewState.error && !previewState.warning && !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Flex, {
           xcss: PreviewBoxStyles,
           alignItems: "center",
           justifyContent: "center"
@@ -354,7 +362,7 @@ export function MediaFromURLWithForm(_ref) {
       }, strings.cancel), /*#__PURE__*/React.createElement(Button, {
         type: "submit",
         appearance: "primary",
-        isDisabled: !previewState.previewInfo && !previewState.warning
+        isDisabled: isOnlyExternalLinks ? !url || !isValidUrl(url) : !previewState.previewInfo && !previewState.warning
       }, strings.insert)))))
     );
   });

package/dist/esm/ui/MediaInsertPicker.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
@@ -17,36 +17,6 @@ import { MediaFromURL } from './MediaFromURL';
 import { MediaFromURLWithForm } from './MediaFromURLWithForm';
 import { MediaInsertWrapper } from './MediaInsertWrapper';
 var PopupWithListeners = withOuterListeners(Popup);
-var getDomRefFromSelection = function getDomRefFromSelection(view, dispatchAnalyticsEvent) {
-  try {
-    var domRef = findDomRefAtPos(view.state.selection.from, view.domAtPos.bind(view));
-    if (domRef instanceof HTMLElement) {
-      // If element is not a paragraph, we need to find the closest paragraph parent
-      if (domRef.nodeName !== 'P') {
-        var paragraphRef = domRef.closest('p');
-        if (paragraphRef) {
-          return paragraphRef;
-        }
-      }
-      return domRef;
-    } else {
-      throw new Error('Invalid DOM reference');
-    }
-  } catch (error) {
-    if (dispatchAnalyticsEvent) {
-      var payload = {
-        action: ACTION.ERRORED,
-        actionSubject: ACTION_SUBJECT.PICKER,
-        actionSubjectId: ACTION_SUBJECT_ID.PICKER_MEDIA,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          error: 'Error getting DOM reference from selection'
-        }
-      };
-      dispatchAnalyticsEvent(payload);
-    }
-  }
-};
 
 /**
  * A custom TabPanel that is non-focusable.
@@ -76,7 +46,9 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
     _closeMediaInsertPicker = _ref2.closeMediaInsertPicker,
     insertMediaSingle = _ref2.insertMediaSingle,
     insertExternalMediaSingle = _ref2.insertExternalMediaSingle,
-    insertFile = _ref2.insertFile;
+    insertFile = _ref2.insertFile,
+    _ref2$isOnlyExternalL = _ref2.isOnlyExternalLinks,
+    isOnlyExternalLinks = _ref2$isOnlyExternalL === void 0 ? false : _ref2$isOnlyExternalL;
   var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'])) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
     isOpen = _ref3.isOpen,
     mountInfo = _ref3.mountInfo;
@@ -86,8 +58,9 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
     targetRef = mountInfo.ref;
     mountPoint = mountInfo.mountPoint;
   } else {
+    var _api$analytics;
     // If targetRef is undefined, target the selection in the editor
-    targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
+    targetRef = getDomRefFromSelection(editorView, ACTION_SUBJECT_ID.PICKER_MEDIA, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
     mountPoint = popupsMountPoint;
   }
   var mediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'])) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
@@ -142,7 +115,7 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
       id: "media-insert-tab-navigation"
     }, /*#__PURE__*/React.createElement(Box, {
       paddingBlockEnd: "space.150"
-    }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
+    }, /*#__PURE__*/React.createElement(TabList, null, !isOnlyExternalLinks && /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.fileTabTitle)), /*#__PURE__*/React.createElement(Tab, null, intl.formatMessage(mediaInsertMessages.linkTabTitle)))), !isOnlyExternalLinks && /*#__PURE__*/React.createElement(CustomTabPanel, null, /*#__PURE__*/React.createElement(LocalMedia, {
       ref: autofocusRef,
       mediaProvider: mediaProvider,
       closeMediaInsertPicker: function closeMediaInsertPicker() {
@@ -159,7 +132,8 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
         focusEditor();
       },
       insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle
+      insertExternalMediaSingle: insertExternalMediaSingle,
+      isOnlyExternalLinks: isOnlyExternalLinks
     }) : /*#__PURE__*/React.createElement(MediaFromURLWithForm, {
       mediaProvider: mediaProvider,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -168,7 +142,8 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
         focusEditor();
       },
       insertMediaSingle: insertMediaSingle,
-      insertExternalMediaSingle: insertExternalMediaSingle
+      insertExternalMediaSingle: insertExternalMediaSingle,
+      isOnlyExternalLinks: isOnlyExternalLinks
     }))));
   }));
 };

package/dist/types/mediaInsertPluginType.d.ts

@@ -20,8 +20,40 @@ export type MediaInsertPluginCommands = {
         mountPoint: HTMLElement;
     }) => EditorCommand;
 };
+export type MediaInsertPluginConfig = {
+    /**
+     * This will only allow users to insert media using URLs, they cannot insert media using files from their computer.
+     * Files that are inserted with a URL will attempt to be uploaded using `editor-plugin-media`
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     *
+     * To disable trying to upload media from the external URLs we also need to disable this auto upload, in the media plugin:
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, isExternalMediaUploadDisabled: true }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     */
+    isOnlyExternalLinks?: boolean;
+};
 export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     dependencies: MediaInsertPluginDependencies;
     sharedState: MediaInsertPluginState;
     commands: MediaInsertPluginCommands;
+    pluginConfiguration: MediaInsertPluginConfig | undefined;
 }>;

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

@@ -2,7 +2,7 @@ import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import type { Providers } from '@atlaskit/editor-common/provider-factory';
 import type { UiComponentFactoryParams, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type MediaState, type MediaStateEventSubscriber } from '@atlaskit/editor-plugin-media/types';
-import type { MediaInsertPlugin } from '../mediaInsertPluginType';
+import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../mediaInsertPluginType';
 export type InsertMediaSingle = (props: {
     mediaState: MediaState;
     inputMethod: InputMethodInsertMedia;
@@ -24,4 +24,5 @@ export type MediaInsertPickerProps = Pick<UiComponentFactoryParams, 'editorView'
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
     insertFile: InsertFile;
+    isOnlyExternalLinks: MediaInsertPluginConfig['isOnlyExternalLinks'];
 };

package/dist/types/ui/MediaFromURL.d.ts

@@ -9,6 +9,7 @@ type Props = {
     closeMediaInsertPicker: () => void;
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
+    isOnlyExternalLinks: boolean;
 };
-export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): React.JSX.Element;
+export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, }: Props): React.JSX.Element;
 export {};

package/dist/types/ui/MediaFromURLWithForm.d.ts

@@ -9,6 +9,7 @@ type Props = {
     closeMediaInsertPicker: () => void;
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
+    isOnlyExternalLinks: boolean;
 };
-export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): React.JSX.Element;
+export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, }: Props): React.JSX.Element;
 export {};

package/dist/types/ui/MediaInsertPicker.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type MediaInsertPickerProps } from '../types';
-export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, insertFile, }: MediaInsertPickerProps) => React.JSX.Element | null;
+export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, insertFile, isOnlyExternalLinks, }: MediaInsertPickerProps) => React.JSX.Element | null;

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

@@ -20,8 +20,40 @@ export type MediaInsertPluginCommands = {
         mountPoint: HTMLElement;
     }) => EditorCommand;
 };
+export type MediaInsertPluginConfig = {
+    /**
+     * This will only allow users to insert media using URLs, they cannot insert media using files from their computer.
+     * Files that are inserted with a URL will attempt to be uploaded using `editor-plugin-media`
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     *
+     * To disable trying to upload media from the external URLs we also need to disable this auto upload, in the media plugin:
+     *
+     * @example
+     * ```typescript
+     *  createDefaultPreset({ featureFlags: {}, paste: {} })
+     *      .add(listPlugin)
+     *      .add(gridPlugin)
+     *      .add([mediaPlugin, { provider, allowMediaSingle: true, isExternalMediaUploadDisabled: true }])
+     *      .add(insertBlockPlugin)
+     *      .add(contentInsertionPlugin)
+     *      .add([mediaInsertPlugin, { isOnlyExternalLinks: true }])
+     * ```
+     */
+    isOnlyExternalLinks?: boolean;
+};
 export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     dependencies: MediaInsertPluginDependencies;
     sharedState: MediaInsertPluginState;
     commands: MediaInsertPluginCommands;
+    pluginConfiguration: MediaInsertPluginConfig | undefined;
 }>;

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

@@ -2,7 +2,7 @@ import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
 import type { Providers } from '@atlaskit/editor-common/provider-factory';
 import type { UiComponentFactoryParams, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type MediaState, type MediaStateEventSubscriber } from '@atlaskit/editor-plugin-media/types';
-import type { MediaInsertPlugin } from '../mediaInsertPluginType';
+import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../mediaInsertPluginType';
 export type InsertMediaSingle = (props: {
     mediaState: MediaState;
     inputMethod: InputMethodInsertMedia;
@@ -24,4 +24,5 @@ export type MediaInsertPickerProps = Pick<UiComponentFactoryParams, 'editorView'
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
     insertFile: InsertFile;
+    isOnlyExternalLinks: MediaInsertPluginConfig['isOnlyExternalLinks'];
 };

package/dist/types-ts4.5/ui/MediaFromURL.d.ts

@@ -9,6 +9,7 @@ type Props = {
     closeMediaInsertPicker: () => void;
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
+    isOnlyExternalLinks: boolean;
 };
-export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): React.JSX.Element;
+export declare function MediaFromURL({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, }: Props): React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/MediaFromURLWithForm.d.ts

@@ -9,6 +9,7 @@ type Props = {
     closeMediaInsertPicker: () => void;
     insertMediaSingle: InsertMediaSingle;
     insertExternalMediaSingle: InsertExternalMediaSingle;
+    isOnlyExternalLinks: boolean;
 };
-export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, }: Props): React.JSX.Element;
+export declare function MediaFromURLWithForm({ mediaProvider, dispatchAnalyticsEvent, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, isOnlyExternalLinks, }: Props): React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/MediaInsertPicker.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type MediaInsertPickerProps } from '../types';
-export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, insertFile, }: MediaInsertPickerProps) => React.JSX.Element | null;
+export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, insertMediaSingle, insertExternalMediaSingle, insertFile, isOnlyExternalLinks, }: MediaInsertPickerProps) => React.JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media-insert",
-	"version": "6.2.4",
+	"version": "6.3.0",
 	"description": "Media Insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -27,9 +27,9 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/editor-common": "^103.12.0",
+		"@atlaskit/editor-common": "^103.19.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
-		"@atlaskit/editor-plugin-media": "^2.6.0",
+		"@atlaskit/editor-plugin-media": "^2.7.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/form": "^12.0.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/tabs": "^18.0.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.12.0",
+		"@atlaskit/tmp-editor-statsig": "^4.15.0",
 		"@babel/runtime": "^7.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},