@atlaskit/editor-core 188.2.11 → 188.3.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 188.3.1
+
+### Patch Changes
+
+- [#41187](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41187) [`c09b3a047f4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c09b3a047f4) - Extract media plugin from `@atlaskit/editor-core` to `@atlaskit/editor-plugin-media.
+- Updated dependencies
+
+## 188.3.0
+
+### Minor Changes
+
+- [#41239](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41239) [`7d70b962986`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d70b962986) - Extract Caption Plugin from Editor Core
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 188.2.11
 
 ### Patch Changes

package/dist/cjs/labs/next/presets/universal.js

@@ -9,7 +9,9 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _api = require("../../../selection-api/api");
 var _plugins = require("../../../plugins");
+var _editorPluginCaption = require("@atlaskit/editor-plugin-caption");
 var _editorPluginHelpDialog = require("@atlaskit/editor-plugin-help-dialog");
+var _editorPluginMedia = require("@atlaskit/editor-plugin-media");
 var _editorPluginRule = require("@atlaskit/editor-plugin-rule");
 var _editorPluginEmoji = require("@atlaskit/editor-plugin-emoji");
 var _editorPluginList = require("@atlaskit/editor-plugin-list");
@@ -105,7 +107,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       }]);
     }
     return builder;
-  }).maybeAdd(_plugins.mediaPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginMedia.mediaPlugin, function (plugin, builder) {
     if (props.media) {
       var alignLeftOnInsert = typeof props.media.alignLeftOnInsert !== 'undefined' ? props.media.alignLeftOnInsert : isComment;
       var showMediaLayoutOptions = typeof props.media.allowAdvancedToolBarOptions !== 'undefined' ? props.media.allowAdvancedToolBarOptions : isFullPage || isComment;
@@ -129,7 +131,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       })]);
     }
     return builder;
-  }).maybeAdd(_plugins.captionPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginCaption.captionPlugin, function (plugin, builder) {
     // EDM-799: inside caption plugin we do the feature flag in enabling the plugin
     if (props.media && (props.media.allowCaptions || (0, _mediaCommon.getMediaFeatureFlag)('captions', props.media.featureFlags))) {
       return builder.add(plugin);
@@ -198,7 +200,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       return builder.add(plugin);
     }
     return builder;
-  }).maybeAdd(_plugins.mediaPlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginMedia.mediaPlugin, function (plugin, builder) {
     if (props.legacyImageUploadProvider && !props.media) {
       return builder.add([plugin, {
         allowMediaSingle: {

package/dist/cjs/plugins/index.js

@@ -53,12 +53,6 @@ Object.defineProperty(exports, "breakoutPlugin", {
     return _breakout.default;
   }
 });
-Object.defineProperty(exports, "captionPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _caption.default;
-  }
-});
 Object.defineProperty(exports, "clearMarksOnChangeToEmptyDocumentPlugin", {
   enumerable: true,
   get: function get() {
@@ -185,12 +179,6 @@ Object.defineProperty(exports, "maxContentSizePlugin", {
     return _maxContentSize.default;
   }
 });
-Object.defineProperty(exports, "mediaPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _media.default;
-  }
-});
 Object.defineProperty(exports, "mentionsPlugin", {
   enumerable: true,
   get: function get() {
@@ -306,7 +294,6 @@ var _layout = _interopRequireDefault(require("./layout"));
 var _toolbarListsIndentation = _interopRequireDefault(require("./toolbar-lists-indentation"));
 var _macro = _interopRequireDefault(require("./macro"));
 var _maxContentSize = _interopRequireDefault(require("./max-content-size"));
-var _media = _interopRequireDefault(require("./media"));
 var _mentions = _interopRequireDefault(require("./mentions"));
 var _panel = _interopRequireDefault(require("./panel"));
 var _paste = _interopRequireDefault(require("./paste"));
@@ -327,7 +314,6 @@ var _analytics = _interopRequireDefault(require("./analytics"));
 var _customAutoformat = _interopRequireDefault(require("./custom-autoformat"));
 var _feedbackDialog = _interopRequireDefault(require("./feedback-dialog"));
 var _history = _interopRequireDefault(require("./history"));
-var _caption = _interopRequireDefault(require("./caption"));
 var _expand = _interopRequireWildcard(require("./expand"));
 var _scrollIntoView = _interopRequireDefault(require("./scroll-into-view"));
 var _mobileDimensions = _interopRequireDefault(require("./mobile-dimensions"));

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

@@ -17,18 +17,17 @@ var _styles3 = require("../../plugins/selection/gap-cursor/styles");
 var _commonStyles = require("@atlaskit/editor-plugin-table/ui/common-styles");
 var _styles4 = require("@atlaskit/editor-plugin-block-type/styles");
 var _styles5 = require("../../plugins/code-block/styles");
-var _styles6 = require("../../plugins/media/styles");
-var _styles7 = require("../../plugins/layout/styles");
-var _styles8 = require("../../plugins/panel/styles");
-var _styles9 = require("../../plugins/fake-text-cursor/styles");
-var _styles10 = require("../../plugins/placeholder-text/styles");
-var _styles11 = require("../../plugins/extension/ui/styles");
-var _styles12 = require("../../plugins/expand/ui/styles");
-var _style = require("../../plugins/media/pm-plugins/alt-text/style");
-var _styles13 = require("../../plugins/find-replace/styles");
-var _styles14 = require("../../plugins/tasks-and-decisions/styles");
-var _styles15 = require("../../plugins/status/styles");
-var _styles16 = require("../../plugins/date/styles");
+var _media = require("./media");
+var _styles6 = require("../../plugins/layout/styles");
+var _styles7 = require("../../plugins/panel/styles");
+var _styles8 = require("../../plugins/fake-text-cursor/styles");
+var _styles9 = require("../../plugins/placeholder-text/styles");
+var _styles10 = require("../../plugins/extension/ui/styles");
+var _styles11 = require("../../plugins/expand/ui/styles");
+var _styles12 = require("../../plugins/find-replace/styles");
+var _styles13 = require("../../plugins/tasks-and-decisions/styles");
+var _styles14 = require("../../plugins/status/styles");
+var _styles15 = require("../../plugins/date/styles");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _emoji = require("@atlaskit/editor-common/emoji");
@@ -48,7 +47,7 @@ var placeholderStyles = exports.placeholderStyles = (0, _react2.css)(_templateOb
 var contentStyles = function contentStyles(props) {
   return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles10.placeholderTextStyles, placeholderStyles, (0, _styles5.codeBlockStyles)(props), (0, _styles4.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _styles6.mediaStyles, (0, _styles7.layoutStyles)(props), _styles2.telepointerStyle, _styles3.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles8.panelStyles)(props), _styles9.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles11.extensionStyles, (0, _styles12.expandStyles)(props), _styles13.findReplaceStyles, _styles14.taskDecisionStyles, _styles15.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _styles16.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _style.ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles9.placeholderTextStyles, placeholderStyles, (0, _styles5.codeBlockStyles)(props), (0, _styles4.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _styles6.layoutStyles)(props), _styles2.telepointerStyle, _styles3.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles7.panelStyles)(props), _styles8.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles10.extensionStyles, (0, _styles11.expandStyles)(props), _styles12.findReplaceStyles, _styles13.taskDecisionStyles, _styles14.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _styles15.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/dist/cjs/utils/action.js

@@ -12,7 +12,15 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _pluginKey = require("../plugins/extension/plugin-key");
 var _commands = require("../plugins/extension/commands");
-var _pluginKey2 = require("../plugins/media/pm-plugins/plugin-key");
+// TODO: ED-15663
+// Please, do not copy or use this kind of code below
+// @ts-ignore
+var mediaPluginKey = {
+  key: 'mediaPlugin$',
+  getState: function getState(state) {
+    return state['mediaPlugin$'];
+  }
+};
 function __temporaryFixForConfigPanel(_x) {
   return _temporaryFixForConfigPanel.apply(this, arguments);
 }
@@ -52,7 +60,7 @@ function _getEditorValueWithMedia() {
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          mediaPluginState = editorView.state && _pluginKey2.stateKey.getState(editorView.state);
+          mediaPluginState = editorView.state && mediaPluginKey.getState(editorView.state);
           if (!(mediaPluginState && mediaPluginState.waitForMediaUpload)) {
             _context2.next = 4;
             break;

package/dist/cjs/version-wrapper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "188.2.11";
+var version = exports.version = "188.3.1";
 var nextMajorVersion = exports.nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/index.js

@@ -34,5 +34,5 @@ export { PortalProvider, PortalProviderAPI, PortalRenderer } from '@atlaskit/edi
  * @deprecated
  * DO NOT USE THIS WILL BE REMOVED SOON AND IS UNSAFE.
  * This is here while we work to extract the media plugin.
- * Please use the export from `@atlaskit/editor-common/provider-factory`.
+ * Please use the export from `@atlaskit/editor-plugin-media/types`.
  */

package/dist/es2019/labs/next/presets/universal.js

@@ -1,6 +1,8 @@
 import { createEditorSelectionAPI } from '../../../selection-api/api';
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, borderPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, borderPlugin } from '../../../plugins';
+import { captionPlugin } from '@atlaskit/editor-plugin-caption';
 import { helpDialogPlugin } from '@atlaskit/editor-plugin-help-dialog';
+import { mediaPlugin } from '@atlaskit/editor-plugin-media';
 import { rulePlugin } from '@atlaskit/editor-plugin-rule';
 import { emojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import { listPlugin } from '@atlaskit/editor-plugin-list';

package/dist/es2019/plugins/index.js

@@ -11,7 +11,6 @@ export { default as layoutPlugin } from './layout';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
-export { default as mediaPlugin } from './media';
 export { default as mentionsPlugin } from './mentions';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
@@ -32,7 +31,6 @@ export { default as analyticsPlugin } from './analytics';
 export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';
 export { default as historyPlugin } from './history';
-export { default as captionPlugin } from './caption';
 export { default as expandPlugin, isExpandInsertionEnabled } from './expand';
 export { default as scrollIntoViewPlugin } from './scroll-into-view';
 export { default as mobileDimensionsPlugin } from './mobile-dimensions';

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

@@ -9,14 +9,14 @@ import { gapCursorStyles } from '../../plugins/selection/gap-cursor/styles';
 import { tableStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
 import { blocktypeStyles } from '@atlaskit/editor-plugin-block-type/styles';
 import { codeBlockStyles } from '../../plugins/code-block/styles';
-import { mediaStyles } from '../../plugins/media/styles';
+import { mediaStyles } from './media';
 import { layoutStyles } from '../../plugins/layout/styles';
 import { panelStyles } from '../../plugins/panel/styles';
 import { fakeCursorStyles } from '../../plugins/fake-text-cursor/styles';
 import { placeholderTextStyles } from '../../plugins/placeholder-text/styles';
 import { extensionStyles } from '../../plugins/extension/ui/styles';
 import { expandStyles } from '../../plugins/expand/ui/styles';
-import { ClassNames } from '../../plugins/media/pm-plugins/alt-text/style';
+import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';
 import { findReplaceStyles } from '../../plugins/find-replace/styles';
 import { taskDecisionStyles } from '../../plugins/tasks-and-decisions/styles';
 import { statusStyles } from '../../plugins/status/styles';
@@ -242,7 +242,7 @@ const contentStyles = props => css`
   }
 
   .hyperlink-floating-toolbar,
-  .${ClassNames.FLOATING_TOOLBAR_COMPONENT} {
+  .${MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT} {
     padding: 0;
   }
 

package/dist/es2019/utils/action.js

@@ -1,7 +1,15 @@
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { pluginKey as extensionPluginKey } from '../plugins/extension/plugin-key';
 import { forceAutoSave } from '../plugins/extension/commands';
-import { stateKey as mediaPluginKey } from '../plugins/media/pm-plugins/plugin-key';
+// TODO: ED-15663
+// Please, do not copy or use this kind of code below
+// @ts-ignore
+const mediaPluginKey = {
+  key: 'mediaPlugin$',
+  getState: state => {
+    return state['mediaPlugin$'];
+  }
+};
 export async function __temporaryFixForConfigPanel(editorView) {
   const extensionPluginState = editorView.state && extensionPluginKey.getState(editorView.state);
   if (extensionPluginState && extensionPluginState.showContextPanel) {

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "188.2.11";
+export const version = "188.3.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/index.js

@@ -34,5 +34,5 @@ export { PortalProvider, PortalProviderAPI, PortalRenderer } from '@atlaskit/edi
  * @deprecated
  * DO NOT USE THIS WILL BE REMOVED SOON AND IS UNSAFE.
  * This is here while we work to extract the media plugin.
- * Please use the export from `@atlaskit/editor-common/provider-factory`.
+ * Please use the export from `@atlaskit/editor-plugin-media/types`.
  */

package/dist/esm/labs/next/presets/universal.js

@@ -3,8 +3,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { createEditorSelectionAPI } from '../../../selection-api/api';
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, borderPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, borderPlugin } from '../../../plugins';
+import { captionPlugin } from '@atlaskit/editor-plugin-caption';
 import { helpDialogPlugin } from '@atlaskit/editor-plugin-help-dialog';
+import { mediaPlugin } from '@atlaskit/editor-plugin-media';
 import { rulePlugin } from '@atlaskit/editor-plugin-rule';
 import { emojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import { listPlugin } from '@atlaskit/editor-plugin-list';

package/dist/esm/plugins/index.js

@@ -11,7 +11,6 @@ export { default as layoutPlugin } from './layout';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
-export { default as mediaPlugin } from './media';
 export { default as mentionsPlugin } from './mentions';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
@@ -32,7 +31,6 @@ export { default as analyticsPlugin } from './analytics';
 export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';
 export { default as historyPlugin } from './history';
-export { default as captionPlugin } from './caption';
 export { default as expandPlugin, isExpandInsertionEnabled } from './expand';
 export { default as scrollIntoViewPlugin } from './scroll-into-view';
 export { default as mobileDimensionsPlugin } from './mobile-dimensions';

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

@@ -11,14 +11,14 @@ import { gapCursorStyles } from '../../plugins/selection/gap-cursor/styles';
 import { tableStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
 import { blocktypeStyles } from '@atlaskit/editor-plugin-block-type/styles';
 import { codeBlockStyles } from '../../plugins/code-block/styles';
-import { mediaStyles } from '../../plugins/media/styles';
+import { mediaStyles } from './media';
 import { layoutStyles } from '../../plugins/layout/styles';
 import { panelStyles } from '../../plugins/panel/styles';
 import { fakeCursorStyles } from '../../plugins/fake-text-cursor/styles';
 import { placeholderTextStyles } from '../../plugins/placeholder-text/styles';
 import { extensionStyles } from '../../plugins/extension/ui/styles';
 import { expandStyles } from '../../plugins/expand/ui/styles';
-import { ClassNames } from '../../plugins/media/pm-plugins/alt-text/style';
+import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';
 import { findReplaceStyles } from '../../plugins/find-replace/styles';
 import { taskDecisionStyles } from '../../plugins/tasks-and-decisions/styles';
 import { statusStyles } from '../../plugins/status/styles';
@@ -39,7 +39,7 @@ export var placeholderStyles = css(_templateObject6 || (_templateObject6 = _tagg
 var contentStyles = function contentStyles(props) {
   return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize({
     theme: props.theme
-  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), codeMarkSharedStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles(props), telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, resizerStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), codeMarkSharedStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles(props), telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, resizerStyles, MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 export var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {

package/dist/esm/utils/action.js

@@ -3,7 +3,15 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { pluginKey as extensionPluginKey } from '../plugins/extension/plugin-key';
 import { forceAutoSave } from '../plugins/extension/commands';
-import { stateKey as mediaPluginKey } from '../plugins/media/pm-plugins/plugin-key';
+// TODO: ED-15663
+// Please, do not copy or use this kind of code below
+// @ts-ignore
+var mediaPluginKey = {
+  key: 'mediaPlugin$',
+  getState: function getState(state) {
+    return state['mediaPlugin$'];
+  }
+};
 export function __temporaryFixForConfigPanel(_x) {
   return _temporaryFixForConfigPanel.apply(this, arguments);
 }

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "188.2.11";
+export var version = "188.3.1";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/index.d.ts

@@ -32,9 +32,9 @@ export type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
  * @deprecated
  * DO NOT USE THIS WILL BE REMOVED SOON AND IS UNSAFE.
  * This is here while we work to extract the media plugin.
- * Please use the export from `@atlaskit/editor-common/provider-factory`.
+ * Please use the export from `@atlaskit/editor-plugin-media/types`.
  */
-export type { MediaOptions } from './plugins/media/types';
+export type { MediaOptions } from '@atlaskit/editor-plugin-media/types';
 export type { 
 /**
  * @deprecated Use QuickInsertItem from @atlaskit/editor-common/provider-factory instead

package/dist/types/labs/next/presets/default.d.ts

@@ -258,9 +258,9 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
                 hasFocus: boolean;
             };
         }, undefined>];
-        sharedState: import("../../../plugins/media/pm-plugins/types").MediaPluginState | null;
+        sharedState: import("@atlaskit/editor-plugin-media/types").MediaPluginState | null;
         actions: {
-            insertMediaAsMediaSingle: import("../../../plugins/media/utils/media-single").InsertMediaAsMediaSingle;
+            insertMediaAsMediaSingle: import("@atlaskit/editor-plugin-media/types").InsertMediaAsMediaSingle;
         };
     }, import("@atlaskit/editor-plugin-media/types").MediaOptions | undefined>>];
 }, ((editorView: import("prosemirror-view").EditorView) => void) | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
@@ -588,9 +588,9 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
                 hasFocus: boolean;
             };
         }, undefined>];
-        sharedState: import("../../../plugins/media/pm-plugins/types").MediaPluginState | null;
+        sharedState: import("@atlaskit/editor-plugin-media/types").MediaPluginState | null;
         actions: {
-            insertMediaAsMediaSingle: import("../../../plugins/media/utils/media-single").InsertMediaAsMediaSingle;
+            insertMediaAsMediaSingle: import("@atlaskit/editor-plugin-media/types").InsertMediaAsMediaSingle;
         };
     }, import("@atlaskit/editor-plugin-media/types").MediaOptions | undefined>>];
 }, ((editorView: import("prosemirror-view").EditorView) => void) | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {

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

@@ -11,7 +11,6 @@ export { default as layoutPlugin } from './layout';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
-export { default as mediaPlugin } from './media';
 export { default as mentionsPlugin } from './mentions';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
@@ -32,7 +31,6 @@ export { default as analyticsPlugin } from './analytics';
 export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';
 export { default as historyPlugin } from './history';
-export { default as captionPlugin } from './caption';
 export { default as expandPlugin, isExpandInsertionEnabled } from './expand';
 export { default as scrollIntoViewPlugin } from './scroll-into-view';
 export { default as mobileDimensionsPlugin } from './mobile-dimensions';

package/dist/types/plugins/insert-block/types.d.ts

@@ -12,7 +12,7 @@ import type { BlockTypePlugin } from '@atlaskit/editor-plugin-block-type';
 import type codeBlockPlugin from '../code-block';
 import type panelPlugin from '../panel';
 import type { RulePlugin } from '@atlaskit/editor-plugin-rule';
-import type { MediaNextEditorPluginType } from '../media/next-plugin-type';
+import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
 export type InsertBlockPluginDependencies = [
     FeatureFlagsPlugin,
     OptionalPlugin<typeof tablesPlugin>,
@@ -27,5 +27,5 @@ export type InsertBlockPluginDependencies = [
     OptionalPlugin<RulePlugin>,
     OptionalPlugin<typeof codeBlockPlugin>,
     OptionalPlugin<typeof panelPlugin>,
-    OptionalPlugin<MediaNextEditorPluginType>
+    OptionalPlugin<MediaPlugin>
 ];

package/dist/types/plugins/paste/handlers.d.ts

@@ -4,7 +4,7 @@ import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state'
 import type { ExtensionAutoConvertHandler } from '@atlaskit/editor-common/extensions';
 import type { Command } from '../../types';
 import type { InputMethodInsertMedia } from '../analytics';
-import type { InsertMediaAsMediaSingle } from '../media/utils/media-single';
+import type { InsertMediaAsMediaSingle } from '@atlaskit/editor-plugin-media/types';
 import type { QueueCardsFromTransactionAction, CardOptions } from '@atlaskit/editor-common/card';
 import type { FindRootParentListNode } from '@atlaskit/editor-plugin-list';
 export declare function handleMention(slice: Slice, schema: Schema): Slice;

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

@@ -5,7 +5,7 @@ import type { cardPlugin } from '@atlaskit/editor-plugin-card';
 import type betterTypeHistoryPlugin from '../better-type-history';
 import type { listPlugin } from '@atlaskit/editor-plugin-list';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { MediaNextEditorPluginType } from '../media/next-plugin-type';
+import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
 export type PastePluginOptions = {
     cardOptions?: CardOptions;
     sanitizePrivateContent?: boolean;
@@ -18,7 +18,7 @@ export type PastePlugin = NextEditorPlugin<'paste', {
         typeof betterTypeHistoryPlugin,
         OptionalPlugin<typeof cardPlugin>,
         OptionalPlugin<typeof analyticsPlugin>,
-        OptionalPlugin<MediaNextEditorPluginType>
+        OptionalPlugin<MediaPlugin>
     ];
 }>;
 declare const pastePlugin: PastePlugin;

package/dist/types/plugins/paste/pm-plugins/analytics.d.ts

@@ -3,7 +3,7 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Slice, Fragment, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { ExtractInjectionAPI, Command } from '@atlaskit/editor-common/types';
 import type pastePlugin from '../';
-import type { InsertMediaAsMediaSingle } from '../../media/utils/media-single';
+import type { InsertMediaAsMediaSingle } from '@atlaskit/editor-plugin-media/types';
 import type { FindRootParentListNode } from '@atlaskit/editor-plugin-list';
 type PasteContext = {
     type: PasteType;

package/dist/types/plugins/submit-editor/index.d.ts

@@ -3,12 +3,12 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Dispatch } from '../../event-dispatcher';
 import type { EditorProps } from '../../types/editor-props';
 import type { NextEditorPlugin, OptionalPlugin, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MediaNextEditorPluginType } from '../../plugins/media/next-plugin-type';
+import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
 export declare function createPlugin(eventDispatch: Dispatch, api: ExtractInjectionAPI<SubmitEditorPlugin> | undefined, onSave?: (editorView: EditorView) => void): SafePlugin | undefined;
 type Config = EditorProps['onSave'];
 type SubmitEditorPlugin = NextEditorPlugin<'submitEditor', {
     pluginConfiguration: Config | undefined;
-    dependencies: [OptionalPlugin<MediaNextEditorPluginType>];
+    dependencies: [OptionalPlugin<MediaPlugin>];
 }>;
 declare const submitEditorPlugin: SubmitEditorPlugin;
 export default submitEditorPlugin;

package/dist/types/types/editor-props.d.ts

@@ -19,7 +19,7 @@ import type { CollabEditOptions } from '@atlaskit/editor-common/collab';
 import type { DatePluginConfig } from '../plugins/date/types';
 import type { FindReplaceOptions } from '../plugins/find-replace/types';
 import type { LayoutPluginOptions } from '../plugins/layout/types';
-import type { MediaOptions, MediaState } from '../plugins/media/types';
+import type { MediaOptions, MediaState } from '@atlaskit/editor-plugin-media/types';
 import type { MentionPluginConfig } from '../plugins/mentions/types';
 import type { PanelPluginConfig } from '../plugins/panel/types';
 import type { PlaceholderTextOptions } from '../plugins/placeholder-text/types';

package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts

@@ -3,7 +3,7 @@ export declare const fullPageEditorWrapper: import("@emotion/react").SerializedS
 export declare const ScrollContainer: import("react").ForwardRefExoticComponent<Pick<{
     theme?: any;
     featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
-} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "key" | "dir" | "color" | "content" | "height" | "translate" | "width" | "type" | "defaultValue" | "onError" | "onChange" | "open" | "onFocus" | "onBlur" | "onKeyDown" | "placeholder" | "value" | "autoFocus" | "name" | "action" | "disabled" | "children" | "property" | "media" | "list" | "mediaGroup" | "size" | "hidden" | "id" | "href" | "className" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "start" | "wrap" | "multiple" | "target" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src" | "step" | "as" | "preload" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "download" | "encType" | "frameBorder" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | keyof {
+} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "key" | "dir" | "color" | "content" | "height" | "translate" | "width" | "type" | "defaultValue" | "onError" | "onChange" | "open" | "onFocus" | "onBlur" | "onKeyDown" | "placeholder" | "value" | "autoFocus" | "name" | "action" | "disabled" | "children" | "property" | "media" | "list" | "mediaGroup" | "size" | "hidden" | "href" | "id" | "className" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "start" | "wrap" | "multiple" | "target" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src" | "step" | "as" | "preload" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "download" | "encType" | "frameBorder" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | keyof {
     theme?: any;
     featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
 }> & import("react").RefAttributes<HTMLDivElement>>;