@atlaskit/editor-core 192.5.0 → 192.7.0

package/dist/esm/ui/Appearance/Comment/Comment.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -5,12 +6,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 /** @jsx jsx */
-import React, { Fragment } from 'react';
+import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { injectIntl } from 'react-intl-next';
@@ -34,10 +34,44 @@ import Toolbar from '../../Toolbar';
 import WithFlash from '../../WithFlash';
 import { MainToolbar, mainToolbarCustomComponentsSlotStyle } from './Toolbar';
 var CommentEditorMargin = 14;
-var commentEditorStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  .less-margin .ProseMirror {\n    margin: ", " ", "\n      ", ";\n  }\n\n  min-width: 272px;\n  /* Border + Toolbar + Footer + (Paragraph + ((Paragraph + Margin) * (DefaultLines - 1)) */\n  /* calc(2px + 40px + 24px + ( 20px + (32px * 2))) */\n\n  height: auto;\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: ", "px;\n\n  max-width: inherit;\n  word-wrap: break-word;\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-background-input, white)", "var(--ds-border, ".concat(N40, ")"), borderRadius());
-var ContentArea = createEditorContentStyle(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  overflow-x: ", ";\n  line-height: 24px;\n\n  /** Hack for Bitbucket to ensure entire editorView gets drop event; see ED-3294 **/\n  /** Hack for table controls. Otherwise margin collapse and controls are misplaced. **/\n  .ProseMirror {\n    margin: ", ";\n  }\n\n  .gridParent {\n    margin-left: ", "px;\n    margin-right: ", "px;\n    width: calc(100% + ", "px);\n  }\n\n  padding: ", ";\n\n  ", ";\n"])), getBooleanFF('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden', "var(--ds-space-150, 12px)", CommentEditorMargin - GRID_GUTTER, CommentEditorMargin - GRID_GUTTER, CommentEditorMargin - GRID_GUTTER, "var(--ds-space-250, 20px)", tableCommentEditorStyles));
+var commentEditorStyle = css({
+  display: 'flex',
+  flexDirection: 'column',
+  '.less-margin .ProseMirror': {
+    margin: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)")
+  },
+  minWidth: '272px',
+  height: 'auto',
+  backgroundColor: "var(--ds-background-input, white)",
+  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
+  boxSizing: 'border-box',
+  borderRadius: "".concat(borderRadius(), "px"),
+  maxWidth: 'inherit',
+  wordWrap: 'break-word'
+});
+var ContentArea = createEditorContentStyle(css({
+  flexGrow: 1,
+  overflowX: getBooleanFF('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden',
+  lineHeight: '24px',
+  '.ProseMirror': {
+    margin: "var(--ds-space-150, 12px)"
+  },
+  '.gridParent': {
+    marginLeft: "".concat(CommentEditorMargin - GRID_GUTTER, "px"),
+    marginRight: "".concat(CommentEditorMargin - GRID_GUTTER, "px"),
+    width: "calc(100% + ".concat(CommentEditorMargin - GRID_GUTTER, "px)")
+  },
+  padding: "var(--ds-space-250, 20px)"
+}, tableCommentEditorStyles));
 ContentArea.displayName = 'ContentArea';
-var secondaryToolbarStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n  padding: ", " ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-025, 2px)");
+var secondaryToolbarStyle = css({
+  boxSizing: 'border-box',
+  justifyContent: 'flex-end',
+  alignItems: 'center',
+  display: 'flex',
+  padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-025, 2px)")
+});
+var appearance = 'comment';
 var Editor = /*#__PURE__*/function (_React$Component) {
   _inherits(Editor, _React$Component);
   var _super = _createSuper(Editor);
@@ -104,7 +138,9 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx("div", {
-        css: [commentEditorStyle, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n              min-height: ", "px;\n            "])), minHeight)],
+        css: [commentEditorStyle, css({
+          minHeight: "".concat(minHeight, "px")
+        })],
         className: "akEditor",
         ref: _this.wrapperElementRef
       }, jsx(MainToolbar, {
@@ -143,7 +179,9 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           ref: function ref(_ref3) {
             return _this.containerElement = _ref3;
           },
-          css: maxHeight ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                            max-height: ", "px;\n                          "])), maxHeight) : null,
+          css: maxHeight ? css({
+            maxHeight: "".concat(maxHeight, "px")
+          }) : null,
           className: classnames('ak-editor-content-area', {
             'less-margin': width < akEditorMobileBreakoutPoint
           }),
@@ -209,4 +247,165 @@ function RenderWithPluginState(_ref4) {
     mediaState: mediaState !== null && mediaState !== void 0 ? mediaState : undefined
   }));
 }
-export var CommentEditorWithIntl = injectIntl(Editor);
+var EditorNext = function EditorNext(props) {
+  var api = usePresetContext();
+  var _useSharedPluginState2 = useSharedPluginState(api, ['media', 'maxContentSize']),
+    mediaState = _useSharedPluginState2.mediaState,
+    maxContentSizeState = _useSharedPluginState2.maxContentSizeState;
+  var editorDOMElement = props.editorDOMElement,
+    editorView = props.editorView,
+    editorActions = props.editorActions,
+    eventDispatcher = props.eventDispatcher,
+    providerFactory = props.providerFactory,
+    contentComponents = props.contentComponents,
+    customContentComponents = props.customContentComponents,
+    customPrimaryToolbarComponents = props.customPrimaryToolbarComponents,
+    primaryToolbarComponents = props.primaryToolbarComponents,
+    customSecondaryToolbarComponents = props.customSecondaryToolbarComponents,
+    popupsMountPoint = props.popupsMountPoint,
+    popupsBoundariesElement = props.popupsBoundariesElement,
+    popupsScrollableElement = props.popupsScrollableElement,
+    maxHeight = props.maxHeight,
+    _props$minHeight = props.minHeight,
+    minHeight = _props$minHeight === void 0 ? 150 : _props$minHeight,
+    onSave = props.onSave,
+    onCancel = props.onCancel,
+    disabled = props.disabled,
+    dispatchAnalyticsEvent = props.dispatchAnalyticsEvent,
+    intl = props.intl,
+    useStickyToolbar = props.useStickyToolbar,
+    pluginHooks = props.pluginHooks,
+    featureFlags = props.featureFlags,
+    innerRef = props.innerRef;
+  var maxContentSizeReached = Boolean(maxContentSizeState === null || maxContentSizeState === void 0 ? void 0 : maxContentSizeState.maxContentSizeReached);
+  var showSecondaryToolbar = !!onSave || !!onCancel || !!customSecondaryToolbarComponents;
+  var containerElement = null;
+
+  // Wrapper container for toolbar and content area
+  var wrapperElementRef = useMemo(function () {
+    return innerRef || /*#__PURE__*/React.createRef();
+  }, [innerRef]);
+  var _useState = useState(disabled),
+    _useState2 = _slicedToArray(_useState, 2),
+    saveButtonDisabled = _useState2[0],
+    setSaveButtonDisabled = _useState2[1];
+  useEffect(function () {
+    if (mediaState) {
+      mediaState.subscribeToUploadInProgressState(setSaveButtonDisabled);
+    }
+    return function () {
+      return mediaState === null || mediaState === void 0 ? void 0 : mediaState.unsubscribeFromUploadInProgressState(setSaveButtonDisabled);
+    };
+  }, [mediaState]);
+  var handleSave = useCallback(function () {
+    if (editorView && onSave) {
+      onSave(editorView);
+    }
+  }, [editorView, onSave]);
+  var handleCancel = useCallback(function () {
+    if (editorView && onCancel) {
+      onCancel(editorView);
+    }
+  }, [editorView, onCancel]);
+  var isShortcutToFocusToolbar = useCallback(function (event) {
+    //Alt + F9 to reach first element in this main toolbar
+    return event.altKey && (event.key === 'F9' || event.keyCode === 120);
+  }, []);
+  var isTwoLineToolbarEnabled = !!customPrimaryToolbarComponents && !!(featureFlags !== null && featureFlags !== void 0 && featureFlags.twoLineEditorToolbar);
+  var handleEscape = useCallback(function (event) {
+    if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
+      editorView === null || editorView === void 0 || editorView.focus();
+    }
+    event.preventDefault();
+    event.stopPropagation();
+  }, [editorView]);
+  return jsx(WithFlash, {
+    animate: maxContentSizeReached
+  }, jsx("div", {
+    css: [commentEditorStyle, css({
+      minHeight: "".concat(minHeight, "px")
+    })],
+    className: "akEditor",
+    ref: wrapperElementRef
+  }, jsx(MainToolbar, {
+    useStickyToolbar: useStickyToolbar,
+    twoLineEditorToolbar: isTwoLineToolbarEnabled
+  }, jsx(ToolbarArrowKeyNavigationProvider, {
+    editorView: editorView,
+    childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
+    isShortcutToFocusToolbar: isShortcutToFocusToolbar,
+    handleEscape: handleEscape,
+    editorAppearance: appearance,
+    useStickyToolbar: useStickyToolbar,
+    intl: intl
+  }, jsx(Toolbar, {
+    editorView: editorView,
+    editorActions: editorActions,
+    eventDispatcher: eventDispatcher,
+    providerFactory: providerFactory,
+    appearance: appearance,
+    items: primaryToolbarComponents,
+    popupsMountPoint: popupsMountPoint,
+    popupsBoundariesElement: popupsBoundariesElement,
+    popupsScrollableElement: popupsScrollableElement,
+    disabled: !!disabled,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    containerElement: containerElement,
+    twoLineEditorToolbar: isTwoLineToolbarEnabled
+  }), jsx("div", {
+    css: mainToolbarCustomComponentsSlotStyle(isTwoLineToolbarEnabled)
+  }, customPrimaryToolbarComponents))), jsx(ClickAreaBlock, {
+    editorView: editorView,
+    editorDisabled: disabled
+  }, jsx(WidthConsumer, null, function (_ref5) {
+    var width = _ref5.width;
+    return jsx(ContentArea, {
+      ref: function ref(_ref6) {
+        return containerElement = _ref6;
+      },
+      css: maxHeight ? css({
+        maxHeight: "".concat(maxHeight, "px")
+      }) : null,
+      className: classnames('ak-editor-content-area', {
+        'less-margin': width < akEditorMobileBreakoutPoint
+      }),
+      featureFlags: featureFlags
+    }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, jsx(PluginSlot, {
+      editorView: editorView,
+      editorActions: editorActions,
+      eventDispatcher: eventDispatcher,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      providerFactory: providerFactory,
+      appearance: appearance,
+      items: contentComponents,
+      popupsMountPoint: popupsMountPoint,
+      popupsBoundariesElement: popupsBoundariesElement,
+      popupsScrollableElement: popupsScrollableElement,
+      containerElement: containerElement,
+      disabled: !!disabled,
+      wrapperElement: wrapperElementRef.current,
+      pluginHooks: pluginHooks
+    }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
+  }))), showSecondaryToolbar && jsx("div", {
+    css: secondaryToolbarStyle,
+    "data-testid": "ak-editor-secondary-toolbar"
+  }, jsx(ButtonGroup, null, !!onSave && jsx(Button, {
+    appearance: "primary",
+    onClick: handleSave,
+    testId: "comment-save-button",
+    isDisabled: disabled || saveButtonDisabled
+  }, intl.formatMessage(messages.saveButton)), !!onCancel && jsx(Button, {
+    appearance: "subtle",
+    onClick: handleCancel,
+    isDisabled: disabled
+  }, intl.formatMessage(messages.cancelButton))), jsx("span", {
+    style: {
+      flexGrow: 1
+    }
+  }), customSecondaryToolbarComponents));
+};
+EditorNext.displayName = 'CommentEditorAppearance';
+var CommentEditorNextWithIntl = injectIntl(EditorNext);
+var CommentEditorOldWithIntl = injectIntl(Editor);
+var ExportComp = getBooleanFF('platform.editor.media.alluploadsfinished-dispatch-update_ivtow') ? CommentEditorNextWithIntl : CommentEditorOldWithIntl;
+export var CommentEditorWithIntl = ExportComp;

package/dist/esm/ui/Appearance/FullPage/StyledComponents.js

@@ -75,6 +75,12 @@ var editorContentAreaContainerStyle = function editorContentAreaContainerStyle(c
       '.pm-table-container, .code-block, .extension-container': {
         maxWidth: "".concat(containerWidth - TOTAL_PADDING - tableMarginFullWidthMode * 2, "px")
       },
+      '.extension-container.inline': {
+        maxWidth: '100%'
+      },
+      'td .extension-container.inline': {
+        maxWidth: 'inherit'
+      },
       '.multiBodiedExtension--container': {
         maxWidth: "".concat(containerWidth - TOTAL_PADDING - tableMarginFullWidthMode * 2, "px")
       },

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "192.5.0";
+export var version = "192.7.0";

package/dist/types/create-editor/create-preset.d.ts

@@ -549,9 +549,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
                     };
                 }, {
                     mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-                } | undefined>>];
+                } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>>];
                 actions: {
                     stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+                    setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
                 };
             }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>];
             sharedState: import("@atlaskit/editor-plugins/media/types").MediaPluginState | null;
@@ -663,9 +667,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
                 };
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-            } | undefined>>];
+            } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
             actions: {
                 stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+                setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
             };
         }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>>];
         sharedState: {
@@ -1317,9 +1325,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
         };
     }, {
         mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-    } | undefined>>];
+    } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+    }, import("@atlaskit/editor-common/types").FeatureFlags>>];
     actions: {
         stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+        setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
     };
 }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>>, import("@atlaskit/editor-common/types").MaybePlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
     pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
@@ -1677,9 +1689,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>];
+        } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
         actions: {
             stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+            setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
         };
     }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>];
     sharedState: import("@atlaskit/editor-plugins/media/types").MediaPluginState | null;
@@ -2305,9 +2321,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>];
+        } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
         actions: {
             stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+            setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
         };
     }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>];
     sharedState: import("@atlaskit/editor-plugins/media/types").MediaPluginState | null;
@@ -2883,9 +2903,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
                 };
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-            } | undefined>>];
+            } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
             actions: {
                 stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+                setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
             };
         }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>];
         sharedState: import("@atlaskit/editor-plugins/media/types").MediaPluginState | null;
@@ -3162,9 +3186,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
         };
     }, {
         mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-    } | undefined>>];
+    } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+    }, import("@atlaskit/editor-common/types").FeatureFlags>>];
     actions: {
         stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+        setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
     };
 }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"clearMarksOnEmptyDoc", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockType", {
     pluginConfiguration: import("@atlaskit/editor-plugin-block-type").BlockTypePluginOptions | undefined;
@@ -3802,9 +3830,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
                 };
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-            } | undefined>>];
+            } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
             actions: {
                 stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+                setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
             };
         }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>];
         sharedState: import("@atlaskit/editor-plugins/media/types").MediaPluginState | null;
@@ -3916,9 +3948,13 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>];
+        } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
         actions: {
             stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+            setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugin-annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugin-annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
         };
     }, import("@atlaskit/editor-plugin-annotation").AnnotationProviders | undefined>>];
     sharedState: {

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

@@ -475,9 +475,13 @@ export declare function createDefaultPreset(options: DefaultPresetPluginOptions)
                 };
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-            } | undefined>>];
+            } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: FeatureFlags;
+                sharedState: FeatureFlags;
+            }, FeatureFlags>>];
             actions: {
                 stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+                setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugins/annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugins/annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
             };
         }, AnnotationProviders | undefined>];
         sharedState: import("@atlaskit/editor-plugins/media/types").MediaPluginState | null;
@@ -754,9 +758,13 @@ export declare function createDefaultPreset(options: DefaultPresetPluginOptions)
         };
     }, {
         mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-    } | undefined>>];
+    } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: FeatureFlags;
+        sharedState: FeatureFlags;
+    }, FeatureFlags>>];
     actions: {
         stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+        setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugins/annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugins/annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
     };
 }, AnnotationProviders | undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"clearMarksOnEmptyDoc", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockType", {
     pluginConfiguration: BlockTypePluginOptions | undefined;
@@ -1394,9 +1402,13 @@ export declare function createDefaultPreset(options: DefaultPresetPluginOptions)
                 };
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-            } | undefined>>];
+            } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: FeatureFlags;
+                sharedState: FeatureFlags;
+            }, FeatureFlags>>];
             actions: {
                 stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+                setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugins/annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugins/annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
             };
         }, AnnotationProviders | undefined>];
         sharedState: import("@atlaskit/editor-plugins/media/types").MediaPluginState | null;
@@ -1508,9 +1520,13 @@ export declare function createDefaultPreset(options: DefaultPresetPluginOptions)
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>];
+        } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: FeatureFlags;
+            sharedState: FeatureFlags;
+        }, FeatureFlags>>];
         actions: {
             stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+            setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugins/annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugins/annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
         };
     }, AnnotationProviders | undefined>>];
     sharedState: {
@@ -1963,9 +1979,13 @@ export declare function useDefaultPreset(props: DefaultPresetPluginOptions): Edi
                 };
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-            } | undefined>>];
+            } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: FeatureFlags;
+                sharedState: FeatureFlags;
+            }, FeatureFlags>>];
             actions: {
                 stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+                setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugins/annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugins/annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
             };
         }, AnnotationProviders | undefined>];
         sharedState: import("@atlaskit/editor-plugins/media/types").MediaPluginState | null;
@@ -2242,9 +2262,13 @@ export declare function useDefaultPreset(props: DefaultPresetPluginOptions): Edi
         };
     }, {
         mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-    } | undefined>>];
+    } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: FeatureFlags;
+        sharedState: FeatureFlags;
+    }, FeatureFlags>>];
     actions: {
         stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+        setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugins/annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugins/annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
     };
 }, AnnotationProviders | undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"clearMarksOnEmptyDoc", {}, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockType", {
     pluginConfiguration: BlockTypePluginOptions | undefined;
@@ -2882,9 +2906,13 @@ export declare function useDefaultPreset(props: DefaultPresetPluginOptions): Edi
                 };
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-            } | undefined>>];
+            } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: FeatureFlags;
+                sharedState: FeatureFlags;
+            }, FeatureFlags>>];
             actions: {
                 stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+                setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugins/annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugins/annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
             };
         }, AnnotationProviders | undefined>];
         sharedState: import("@atlaskit/editor-plugins/media/types").MediaPluginState | null;
@@ -2996,9 +3024,13 @@ export declare function useDefaultPreset(props: DefaultPresetPluginOptions): Edi
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>];
+        } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: FeatureFlags;
+            sharedState: FeatureFlags;
+        }, FeatureFlags>>];
         actions: {
             stripNonExistingAnnotations: (slice: import("prosemirror-model").Slice, state: import("prosemirror-state").EditorState) => boolean | undefined;
+            setInlineCommentDraftState: (drafting: boolean, inputMethod: import("@atlaskit/editor-plugins/annotation").InlineCommentInputMethod, targetType?: import("@atlaskit/editor-plugins/annotation").TargetType | undefined, isCommentOnMediaOn?: boolean | undefined) => import("@atlaskit/editor-common/types").Command;
         };
     }, AnnotationProviders | undefined>>];
     sharedState: {