@atlaskit/editor-plugin-media-insert 28.0.1 → 28.0.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-media-insert
 
+## 28.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 28.0.2
+
+### Patch Changes
+
+- [`7087f393ec725`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7087f393ec725) -
+  Add the categorized registered Quick Insert browse experience with representative native elements
+- Updated dependencies
+
 ## 28.0.1
 
 ### Patch Changes

package/dist/cjs/mediaInsertPlugin.js

@@ -9,10 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _actions = require("./pm-plugins/actions");
 var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _MediaInsertPicker = require("./ui/MediaInsertPicker");
+var _getMediaInsertQuickInsertComponents = require("./ui/quick-insert/getMediaInsertQuickInsertComponents");
 var getInitialMediaInsertTab = function getInitialMediaInsertTab(registeredTabs, isOnlyExternalLinks) {
   var registeredTab = registeredTabs[0];
   if (registeredTab) {
@@ -49,6 +51,14 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
   var api = _ref.api,
     config = _ref.config;
   var insertTabRegistry = createInsertTabRegistry();
+  var isRegisteredSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register((0, _getMediaInsertQuickInsertComponents.getMediaInsertQuickInsertComponents)({
+      api: api,
+      config: config
+    }));
+  }
   return {
     name: 'mediaInsert',
     pmPlugins: function pmPlugins() {
@@ -169,7 +179,7 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
         customizedHelperMessage: config === null || config === void 0 ? void 0 : config.customizedHelperMessage
       });
     },
-    pluginsOptions: {
+    pluginsOptions: isRegisteredSlashCommandEnabled ? {} : {
       quickInsert: function quickInsert(_ref9) {
         var formatMessage = _ref9.formatMessage;
         return [{

package/dist/cjs/ui/quick-insert/MediaInsertQuickInsertMenuItem.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaInsertQuickInsertMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _messages = require("@atlaskit/editor-common/messages");
+var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
+var _connectivityPluginType = require("@atlaskit/editor-plugin-connectivity/connectivityPluginType");
+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); }
+var MediaInsertQuickInsertMenuItem = exports.MediaInsertQuickInsertMenuItem = function MediaInsertQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (_ref2) {
+      var connectivityState = _ref2.connectivityState;
+      return {
+        isOffline: (0, _connectivityPluginType.isOfflineMode)(connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode)
+      };
+    }),
+    isOffline = _useSharedPluginState.isOffline;
+  var onSelect = (0, _react.useCallback)(function (_ref3) {
+    var _api$mediaInsert, _api$mediaInsert2, _api$analytics, _ref4;
+    var insert = _ref3.insert;
+    var tr = insert('');
+    api === null || api === void 0 || (_api$mediaInsert = api.mediaInsert) === null || _api$mediaInsert === void 0 || _api$mediaInsert.commands.showMediaInsertPopup()({
+      tr: tr
+    });
+    var firstRegisteredTab = api === null || api === void 0 || (_api$mediaInsert2 = api.mediaInsert) === null || _api$mediaInsert2 === void 0 ? void 0 : _api$mediaInsert2.actions.getInsertTabs()[0];
+    api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
+      action: _analytics.ACTION.OPENED,
+      actionSubject: _analytics.ACTION_SUBJECT.PICKER,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_MEDIA,
+      attributes: {
+        inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT,
+        openedTab: (_ref4 = firstRegisteredTab === null || firstRegisteredTab === void 0 ? void 0 : firstRegisteredTab.key) !== null && _ref4 !== void 0 ? _ref4 : config !== null && config !== void 0 && config.isOnlyExternalLinks ? _analytics.MEDIA_INSERT_TAB.LINK : _analytics.MEDIA_INSERT_TAB.UPLOAD
+      },
+      eventType: _analytics.EVENT_TYPE.UI
+    })(tr);
+    return tr;
+  }, [api, config]);
+  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(_quickInsert.IconImages, null),
+    isDisabled: isOffline,
+    onSelect: onSelect,
+    title: formatMessage(_messages.toolbarInsertBlockMessages.mediaFiles)
+  });
+};

package/dist/cjs/ui/quick-insert/getMediaInsertQuickInsertComponents.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMediaInsertQuickInsertComponents = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _keys = require("@atlaskit/editor-common/quick-insert/keys");
+var _rank = require("@atlaskit/editor-common/quick-insert/rank");
+var _MediaInsertQuickInsertMenuItem = require("./MediaInsertQuickInsertMenuItem");
+var getMediaInsertQuickInsertComponents = exports.getMediaInsertQuickInsertComponents = function getMediaInsertQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
+  return [{
+    key: _keys.MEDIA_INSERT_MENU_ITEM.key,
+    type: _keys.MEDIA_INSERT_MENU_ITEM.type,
+    parents: [{
+      key: _keys.MEDIA_SECTION.key,
+      type: _keys.MEDIA_SECTION.type,
+      rank: _rank.MEDIA_SECTION_RANK[_keys.MEDIA_INSERT_MENU_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_MediaInsertQuickInsertMenuItem.MediaInsertQuickInsertMenuItem, {
+        api: api,
+        config: config
+      });
+    }
+  }];
+};

package/dist/es2019/mediaInsertPlugin.js

@@ -2,10 +2,12 @@ import React from 'react';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, INSERT_MEDIA_VIA, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconImages } from '@atlaskit/editor-common/quick-insert';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { closeMediaInsertPicker, showMediaInsertPopup } from './pm-plugins/actions';
 import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { MediaInsertPicker } from './ui/MediaInsertPicker';
+import { getMediaInsertQuickInsertComponents } from './ui/quick-insert/getMediaInsertQuickInsertComponents';
 const getInitialMediaInsertTab = (registeredTabs, isOnlyExternalLinks) => {
   const registeredTab = registeredTabs[0];
   if (registeredTab) {
@@ -39,6 +41,14 @@ export const mediaInsertPlugin = ({
   config
 }) => {
   const insertTabRegistry = createInsertTabRegistry();
+  const isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 ? void 0 : (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 ? void 0 : _api$uiControlRegistr.actions.register(getMediaInsertQuickInsertComponents({
+      api,
+      config
+    }));
+  }
   return {
     name: 'mediaInsert',
     pmPlugins() {
@@ -155,7 +165,7 @@ export const mediaInsertPlugin = ({
         customizedHelperMessage: config === null || config === void 0 ? void 0 : config.customizedHelperMessage
       });
     },
-    pluginsOptions: {
+    pluginsOptions: isRegisteredSlashCommandEnabled ? {} : {
       quickInsert: ({
         formatMessage
       }) => [{

package/dist/es2019/ui/quick-insert/MediaInsertQuickInsertMenuItem.js

@@ -0,0 +1,50 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconImages } from '@atlaskit/editor-common/quick-insert';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity/connectivityPluginType';
+export const MediaInsertQuickInsertMenuItem = ({
+  api,
+  config
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    isOffline
+  } = useSharedPluginStateWithSelector(api, ['connectivity'], ({
+    connectivityState
+  }) => ({
+    isOffline: isOfflineMode(connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode)
+  }));
+  const onSelect = useCallback(({
+    insert
+  }) => {
+    var _api$mediaInsert, _api$mediaInsert2, _api$analytics, _api$analytics$action, _ref;
+    const tr = insert('');
+    api === null || api === void 0 ? void 0 : (_api$mediaInsert = api.mediaInsert) === null || _api$mediaInsert === void 0 ? void 0 : _api$mediaInsert.commands.showMediaInsertPopup()({
+      tr
+    });
+    const firstRegisteredTab = api === null || api === void 0 ? void 0 : (_api$mediaInsert2 = api.mediaInsert) === null || _api$mediaInsert2 === void 0 ? void 0 : _api$mediaInsert2.actions.getInsertTabs()[0];
+    api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.attachAnalyticsEvent({
+      action: ACTION.OPENED,
+      actionSubject: ACTION_SUBJECT.PICKER,
+      actionSubjectId: ACTION_SUBJECT_ID.PICKER_MEDIA,
+      attributes: {
+        inputMethod: INPUT_METHOD.QUICK_INSERT,
+        openedTab: (_ref = firstRegisteredTab === null || firstRegisteredTab === void 0 ? void 0 : firstRegisteredTab.key) !== null && _ref !== void 0 ? _ref : config !== null && config !== void 0 && config.isOnlyExternalLinks ? MEDIA_INSERT_TAB.LINK : MEDIA_INSERT_TAB.UPLOAD
+      },
+      eventType: EVENT_TYPE.UI
+    })(tr);
+    return tr;
+  }, [api, config]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconImages, null),
+    isDisabled: isOffline,
+    onSelect: onSelect,
+    title: formatMessage(messages.mediaFiles)
+  });
+};

package/dist/es2019/ui/quick-insert/getMediaInsertQuickInsertComponents.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { MEDIA_INSERT_MENU_ITEM, MEDIA_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { MEDIA_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { MediaInsertQuickInsertMenuItem } from './MediaInsertQuickInsertMenuItem';
+export const getMediaInsertQuickInsertComponents = ({
+  api,
+  config
+}) => [{
+  key: MEDIA_INSERT_MENU_ITEM.key,
+  type: MEDIA_INSERT_MENU_ITEM.type,
+  parents: [{
+    key: MEDIA_SECTION.key,
+    type: MEDIA_SECTION.type,
+    rank: MEDIA_SECTION_RANK[MEDIA_INSERT_MENU_ITEM.key]
+  }],
+  component: () => /*#__PURE__*/React.createElement(MediaInsertQuickInsertMenuItem, {
+    api: api,
+    config: config
+  })
+}];

package/dist/esm/mediaInsertPlugin.js

@@ -2,10 +2,12 @@ import React from 'react';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, INSERT_MEDIA_VIA, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconImages } from '@atlaskit/editor-common/quick-insert';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { closeMediaInsertPicker as _closeMediaInsertPicker, showMediaInsertPopup as _showMediaInsertPopup } from './pm-plugins/actions';
 import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { MediaInsertPicker } from './ui/MediaInsertPicker';
+import { getMediaInsertQuickInsertComponents } from './ui/quick-insert/getMediaInsertQuickInsertComponents';
 var getInitialMediaInsertTab = function getInitialMediaInsertTab(registeredTabs, isOnlyExternalLinks) {
   var registeredTab = registeredTabs[0];
   if (registeredTab) {
@@ -42,6 +44,14 @@ export var mediaInsertPlugin = function mediaInsertPlugin(_ref) {
   var api = _ref.api,
     config = _ref.config;
   var insertTabRegistry = createInsertTabRegistry();
+  var isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register(getMediaInsertQuickInsertComponents({
+      api: api,
+      config: config
+    }));
+  }
   return {
     name: 'mediaInsert',
     pmPlugins: function pmPlugins() {
@@ -162,7 +172,7 @@ export var mediaInsertPlugin = function mediaInsertPlugin(_ref) {
         customizedHelperMessage: config === null || config === void 0 ? void 0 : config.customizedHelperMessage
       });
     },
-    pluginsOptions: {
+    pluginsOptions: isRegisteredSlashCommandEnabled ? {} : {
       quickInsert: function quickInsert(_ref9) {
         var formatMessage = _ref9.formatMessage;
         return [{

package/dist/esm/ui/quick-insert/MediaInsertQuickInsertMenuItem.js

@@ -0,0 +1,47 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MEDIA_INSERT_TAB } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconImages } from '@atlaskit/editor-common/quick-insert';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity/connectivityPluginType';
+export var MediaInsertQuickInsertMenuItem = function MediaInsertQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['connectivity'], function (_ref2) {
+      var connectivityState = _ref2.connectivityState;
+      return {
+        isOffline: isOfflineMode(connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode)
+      };
+    }),
+    isOffline = _useSharedPluginState.isOffline;
+  var onSelect = useCallback(function (_ref3) {
+    var _api$mediaInsert, _api$mediaInsert2, _api$analytics, _ref4;
+    var insert = _ref3.insert;
+    var tr = insert('');
+    api === null || api === void 0 || (_api$mediaInsert = api.mediaInsert) === null || _api$mediaInsert === void 0 || _api$mediaInsert.commands.showMediaInsertPopup()({
+      tr: tr
+    });
+    var firstRegisteredTab = api === null || api === void 0 || (_api$mediaInsert2 = api.mediaInsert) === null || _api$mediaInsert2 === void 0 ? void 0 : _api$mediaInsert2.actions.getInsertTabs()[0];
+    api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
+      action: ACTION.OPENED,
+      actionSubject: ACTION_SUBJECT.PICKER,
+      actionSubjectId: ACTION_SUBJECT_ID.PICKER_MEDIA,
+      attributes: {
+        inputMethod: INPUT_METHOD.QUICK_INSERT,
+        openedTab: (_ref4 = firstRegisteredTab === null || firstRegisteredTab === void 0 ? void 0 : firstRegisteredTab.key) !== null && _ref4 !== void 0 ? _ref4 : config !== null && config !== void 0 && config.isOnlyExternalLinks ? MEDIA_INSERT_TAB.LINK : MEDIA_INSERT_TAB.UPLOAD
+      },
+      eventType: EVENT_TYPE.UI
+    })(tr);
+    return tr;
+  }, [api, config]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconImages, null),
+    isDisabled: isOffline,
+    onSelect: onSelect,
+    title: formatMessage(messages.mediaFiles)
+  });
+};

package/dist/esm/ui/quick-insert/getMediaInsertQuickInsertComponents.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { MEDIA_INSERT_MENU_ITEM, MEDIA_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { MEDIA_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { MediaInsertQuickInsertMenuItem } from './MediaInsertQuickInsertMenuItem';
+export var getMediaInsertQuickInsertComponents = function getMediaInsertQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    config = _ref.config;
+  return [{
+    key: MEDIA_INSERT_MENU_ITEM.key,
+    type: MEDIA_INSERT_MENU_ITEM.type,
+    parents: [{
+      key: MEDIA_SECTION.key,
+      type: MEDIA_SECTION.type,
+      rank: MEDIA_SECTION_RANK[MEDIA_INSERT_MENU_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(MediaInsertQuickInsertMenuItem, {
+        api: api,
+        config: config
+      });
+    }
+  }];
+};

package/dist/types/mediaInsertPluginType.d.ts

@@ -3,8 +3,10 @@ import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity/connectivityPluginType';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry/ui-control-registry-plugin-type';
 import type { CustomizedHelperMessage, InsertMediaSingle } from './types';
 /**
  * Props provided to a registered insert tab inside the media insert picker.
@@ -54,7 +56,9 @@ export type MediaInsertPluginState = {
 export type MediaInsertPluginDependencies = [
     OptionalPlugin<AnalyticsPlugin>,
     MediaPlugin,
-    OptionalPlugin<FeatureFlagsPlugin>
+    OptionalPlugin<FeatureFlagsPlugin>,
+    OptionalPlugin<ConnectivityPlugin>,
+    OptionalPlugin<UiControlRegistryPlugin>
 ];
 export type MediaInsertPluginCommands = {
     showMediaInsertPopup: (mountInfo?: {

package/dist/types/ui/quick-insert/MediaInsertQuickInsertMenuItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../../mediaInsertPluginType';
+type Props = {
+    api: ExtractInjectionAPI<MediaInsertPlugin> | undefined;
+    config: MediaInsertPluginConfig | undefined;
+};
+export declare const MediaInsertQuickInsertMenuItem: ({ api, config }: Props) => React.JSX.Element;
+export {};

package/dist/types/ui/quick-insert/getMediaInsertQuickInsertComponents.d.ts

@@ -0,0 +1,9 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
+import type { MediaInsertPlugin, MediaInsertPluginConfig } from '../../mediaInsertPluginType';
+type Params = {
+    api: ExtractInjectionAPI<MediaInsertPlugin> | undefined;
+    config: MediaInsertPluginConfig | undefined;
+};
+export declare const getMediaInsertQuickInsertComponents: ({ api, config, }: Params) => RegisterMenuItem[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media-insert",
-	"version": "28.0.1",
+	"version": "28.0.3",
 	"description": "Media Insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -24,24 +24,28 @@
 		"@atlaskit/adf-schema": "^56.5.0",
 		"@atlaskit/button": "^25.0.0",
 		"@atlaskit/editor-plugin-analytics": "^13.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^13.0.0",
 		"@atlaskit/editor-plugin-media": "^15.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
+		"@atlaskit/editor-ui-control-model": "^2.4.0",
 		"@atlaskit/form": "^16.1.0",
-		"@atlaskit/icon": "^37.2.0",
+		"@atlaskit/icon": "^37.3.0",
 		"@atlaskit/media-card": "^81.4.0",
 		"@atlaskit/media-client": "^37.2.0",
 		"@atlaskit/media-client-react": "^6.1.0",
 		"@atlaskit/media-picker": "^72.1.0",
+		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/primitives": "^22.2.0",
 		"@atlaskit/section-message": "^10.0.0",
 		"@atlaskit/tabs": "^20.1.0",
 		"@atlaskit/textfield": "^10.0.0",
-		"@atlaskit/tmp-editor-statsig": "^139.0.0",
+		"@atlaskit/tmp-editor-statsig": "^140.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^117.0.0",
+		"@atlaskit/editor-common": "^117.2.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",