@atlaskit/editor-core 164.0.4 → 166.0.1

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

@@ -7,7 +7,7 @@ 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;
+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); }; }
 
@@ -39,7 +39,7 @@ import { TableControlsPadding, MainToolbar, mainToolbarCustomComponentsSlotStyle
 import { createEditorContentStyle } from '../../ContentStyles';
 var CommentEditorMargin = 14;
 var CommentEditorSmallerMargin = 8;
-var commentEditorStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  .less-margin .ProseMirror {\n    margin: 12px ", "px ", "px;\n  }\n\n  min-width: 272px;\n  /* Border + Toolbar + Footer + (Paragraph + ((Parahraph + Margin) * (DefaultLines - 1)) */\n  /* calc(2px + 40px + 24px + ( 20px + (32px * 2))) */\n  min-height: 150px;\n  height: auto;\n  background-color: white;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: ", "px;\n\n  max-width: inherit;\n  word-wrap: break-word;\n"])), CommentEditorSmallerMargin, CommentEditorSmallerMargin, N40, borderRadius());
+var commentEditorStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  .less-margin .ProseMirror {\n    margin: 12px ", "px ", "px;\n  }\n\n  min-width: 272px;\n  /* Border + Toolbar + Footer + (Paragraph + ((Parahraph + Margin) * (DefaultLines - 1)) */\n  /* calc(2px + 40px + 24px + ( 20px + (32px * 2))) */\n\n  height: auto;\n  background-color: white;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: ", "px;\n\n  max-width: inherit;\n  word-wrap: break-word;\n"])), CommentEditorSmallerMargin, CommentEditorSmallerMargin, N40, borderRadius());
 var ContentArea = createEditorContentStyle(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  line-height: 24px;\n\n  /** Hack for Bitbucket to ensure entire editorView gets drop event; see ED-3294 **/\n  /** Hack for tables controlls. Otherwise marging collapse and controlls are misplaced. **/\n  .ProseMirror {\n    margin: 12px ", "px ", "px;\n  }\n\n  .gridParent {\n    margin-left: ", "px;\n    margin-right: ", "px;\n    width: calc(100% + ", "px);\n  }\n\n  padding: ", "px;\n\n  ", ";\n"])), CommentEditorMargin, CommentEditorMargin, CommentEditorMargin - GRID_GUTTER, CommentEditorMargin - GRID_GUTTER, CommentEditorMargin - GRID_GUTTER, TableControlsPadding, 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: 12px 1px;\n"])));
@@ -94,6 +94,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           popupsBoundariesElement = _this$props.popupsBoundariesElement,
           popupsScrollableElement = _this$props.popupsScrollableElement,
           maxHeight = _this$props.maxHeight,
+          _this$props$minHeight = _this$props.minHeight,
+          minHeight = _this$props$minHeight === void 0 ? 150 : _this$props$minHeight,
           onSave = _this$props.onSave,
           onCancel = _this$props.onCancel,
           disabled = _this$props.disabled,
@@ -105,7 +107,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx("div", {
-        css: commentEditorStyle,
+        css: [commentEditorStyle, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n              min-height: ", "px;\n            "])), minHeight)],
         className: "akEditor"
       }, jsx(MainToolbar, {
         useStickyToolbar: useStickyToolbar
@@ -132,7 +134,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           ref: function ref(_ref3) {
             return _this.containerElement = _ref3;
           },
-          css: maxHeight ? css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                            max-height: ", "px;\n                          "])), maxHeight) : null,
+          css: maxHeight ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                            max-height: ", "px;\n                          "])), maxHeight) : null,
           className: classnames('ak-editor-content-area', {
             'less-margin': width < akEditorMobileBreakoutPoint
           })

package/dist/esm/ui/ChromeCollapsed/styles.js

@@ -6,4 +6,5 @@ import { css } from '@emotion/react';
 import { akEditorSubtleAccent, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N300, N50 } from '@atlaskit/theme/colors';
-export var inputStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n  input& {\n    background-color: white;\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    box-sizing: border-box;\n    height: 40px;\n    padding-left: 20px;\n    padding-top: 12px;\n    padding-bottom: 12px;\n    font-size: ", ";\n    width: 100%;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    letter-spacing: -0.005em;\n    color: ", ";\n\n    &:hover {\n      border-color: ", ";\n      cursor: text;\n    }\n  }\n"])), akEditorSubtleAccent, borderRadius(), relativeFontSizeToBase16(14), N300, N50);
+import { token } from '@atlaskit/tokens';
+export var inputStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */\n  input& {\n    background-color: white;\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    box-sizing: border-box;\n    height: 40px;\n    padding-left: 20px;\n    padding-top: 12px;\n    padding-bottom: 12px;\n    font-size: ", ";\n    width: 100%;\n    font-weight: 400;\n    line-height: 1.42857142857143;\n    letter-spacing: -0.005em;\n    color: ", ";\n\n    &:hover {\n      border-color: ", ";\n      cursor: text;\n    }\n  }\n"])), token('color.border.input', akEditorSubtleAccent), borderRadius(), relativeFontSizeToBase16(14), N300, N50);

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

@@ -21,7 +21,7 @@ import { layoutStyles } from '../../plugins/layout/styles';
 import { panelStyles } from '../../plugins/panel/styles';
 import { fakeCursorStyles } from '../../plugins/fake-text-cursor/styles';
 import { mentionsStyles } from '../../plugins/mentions/styles';
-import { emojiStyles, emojiStylesNext } from '../../plugins/emoji/styles';
+import { emojiStyles } from '../../plugins/emoji/styles';
 import { textFormattingStyles } from '../../plugins/text-formatting/styles';
 import { placeholderTextStyles } from '../../plugins/placeholder-text/styles';
 import { gridStyles } from '../../plugins/grid/styles';
@@ -39,11 +39,11 @@ import { useFeatureFlags } from '../../plugins/feature-flags-context';
 import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
 
 var contentStyles = function contentStyles(props) {
-  var _props$featureFlags, _props$featureFlags2;
+  var _props$featureFlags;
 
   return css(_templateObject || (_templateObject = _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 #8cf;\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,\n  .pm-table-cell-content-wrap div.fabric-editor-block-mark {\n    p:first-child {\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, placeholderTextStyles, placeholderStyles, (_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockStyles(props) : codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles, telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, (_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.nextEmojiNodeView ? emojiStylesNext : emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, placeholderTextStyles, placeholderStyles, (_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockStyles(props) : codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles, 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, ClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 
 export var createEditorContentStyle = function createEditorContentStyle(styles) {

package/dist/esm/version-wrapper.js

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

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "164.0.4",
+	"version": "166.0.1",
 	"sideEffects": false
 }

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

@@ -38,7 +38,9 @@ export default class EditorActions<T = any> implements EditorActionsOptions<T> {
     getValue(): Promise<JSONDocNode | T | undefined>;
     getNodeByLocalId(id: string): Node | undefined;
     isDocumentEmpty(): boolean;
-    replaceDocument(rawValue: any, shouldScrollToBottom?: boolean, shouldAddToHistory?: boolean): boolean;
+    replaceDocument(rawValue: any, shouldScrollToBottom?: boolean, 
+    /** @deprecated [ED-14158] shouldAddToHistory is not being used in this function */
+    shouldAddToHistory?: boolean): boolean;
     replaceSelection(rawValue: Node | Object | string, tryToReplace?: boolean): boolean;
     appendText(text: string): boolean;
     dispatchAnalyticsEvent: (payload: AnalyticsEventPayload) => void;

package/dist/types/editor.d.ts

@@ -22,6 +22,9 @@ declare type State = {
 };
 export default class Editor extends React.Component<EditorProps, State> {
     static defaultProps: EditorProps;
+    static propTypes: {
+        minHeight: ({ appearance, minHeight }: EditorProps) => Error | null;
+    };
     static contextTypes: {
         editorActions: PropTypes.Requireable<object>;
     };

package/dist/types/event-dispatcher/index.d.ts

@@ -7,6 +7,7 @@ export declare type Dispatch<T = any> = (eventName: PluginKey | string, data: T)
 export declare class EventDispatcher<T = any> {
     private listeners;
     on(event: string, cb: Listener<T>): void;
+    has(event: string, cb: Listener<T>): boolean;
     off(event: string, cb: Listener<T>): void;
     emit(event: string, data: T): void;
     destroy(): void;

package/dist/types/nodeviews/ReactNodeView.d.ts

@@ -4,9 +4,6 @@ import { Node as PMNode } from 'prosemirror-model';
 import { PortalProviderAPI } from '../ui/PortalProvider';
 import { EventDispatcher } from '../event-dispatcher';
 import { ReactComponentProps, shouldUpdate, getPosHandler, ForwardRef } from './types';
-interface CreateDomRefOptions {
-    displayInlineBlockForInlineNodes: boolean;
-}
 export default class ReactNodeView<P = ReactComponentProps> implements NodeView {
     private domRef?;
     private contentDOMWrapper?;
@@ -33,7 +30,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
      */
     init(): this;
     private renderReactComponent;
-    createDomRef(options?: CreateDomRefOptions): HTMLElement;
+    createDomRef(): HTMLElement;
     getContentDOM(): {
         dom: Node;
         contentDOM?: Node | null | undefined;
@@ -53,4 +50,3 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     private dispatchAnalyticsEvent;
     static fromComponent(component: React.ComponentType<any>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean, hasIntlContext?: boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
 }
-export {};

package/dist/types/plugins/analytics/types/enums.d.ts

@@ -50,6 +50,7 @@ export declare enum ACTION {
     INDENTED = "indented",
     INITIALISED = "initialised",
     INPUT_PERF_SAMPLING = "inputPerfSampling",
+    INPUT_PERF_SAMPLING_AVG = "inputPerfSamplingAvg",
     INSERTED = "inserted",
     INVALID_DOCUMENT_ENCOUNTERED = "invalidDocumentEncountered",
     INVOKED = "invoked",

package/dist/types/plugins/analytics/types/events.d.ts

@@ -22,10 +22,10 @@ import { DateEventPayload } from './date-events';
 import { SelectionEventPayload } from './selection-events';
 import { CreateLinkInlineDialogEventPayload, UnlinkToolbarAEP, EditLinkToolbarAEP } from './link-tool-bar-events';
 import { ExtensionEventPayload } from './extension-events';
-import type { UnsupportedContentPayload, UserBrowserExtensionResults } from '@atlaskit/editor-common/utils';
+import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload, UserBrowserExtensionResults } from '@atlaskit/editor-common/utils';
 import { AvatarEventPayload } from './avatar';
 import { NewCollabSyncUpErrorAttributes } from '@atlaskit/editor-common/types';
-export declare type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP;
+export declare type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload;
 declare type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types/plugins/analytics/types/general-events.d.ts

@@ -82,6 +82,15 @@ declare type InputPerfSamlingAEP = OperationalAEPWithObjectId<ACTION.INPUT_PERF_
     nodeCount?: Record<string, number>;
     severity?: SEVERITY;
 }, undefined>;
+declare type InputPerfSamplingAvgAEP = OperationalAEPWithObjectId<ACTION.INPUT_PERF_SAMPLING_AVG, ACTION_SUBJECT.EDITOR, undefined, {
+    mean: number;
+    median: number;
+    sampleSize: number;
+    participants: number;
+    nodeCount?: Record<string, number>;
+    nodeSize: number;
+    severity?: SEVERITY;
+}, undefined>;
 declare type DispatchedTransactionAEP = OperationalAEP<ACTION.TRANSACTION_DISPATCHED, ACTION_SUBJECT.EDITOR, undefined, {
     report: PluginPerformanceReportData;
     participants: number;
@@ -159,5 +168,5 @@ declare type CodeBlockLanguageSelectedAEP = TrackAEP<ACTION.LANGUAGE_SELECTED, A
 }, undefined>;
 declare type MediaLinkTransformedAEP = OperationalAEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined, undefined>;
 declare type TextLinkCodeMarkTransformedAEP = OperationalAEP<ACTION.TEXT_LINK_MARK_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined, undefined>;
-export declare type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP;
+export declare type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP;
 export {};

package/dist/types/plugins/base/utils/input-latency-tracking.d.ts

@@ -0,0 +1,44 @@
+import { SEVERITY } from '@atlaskit/editor-common/utils';
+interface Opts {
+    dispatchAverage?: (data: {
+        mean: number;
+        median: number;
+        sampleSize: number;
+    }, severity: SEVERITY) => void;
+    dispatchSample?: (sample: number, severity: SEVERITY) => void;
+    onSampleStart?: () => void;
+    onSampleEnd?: (time: number, info: {
+        isSlow: boolean;
+        severity: SEVERITY;
+    }) => void;
+    onSlowInput?: (time: number) => void;
+    samplingRate: number;
+    slowThreshold: number;
+    normalThreshold: number;
+    degradedThreshold: number;
+}
+export default class InputLatencyTracker {
+    private samples;
+    private total;
+    private currentStart;
+    private samplingRate;
+    private slowThreshold;
+    private normalThreshold;
+    private degradedThreshold;
+    private dispatchAverage;
+    private dispatchSample;
+    private onSampleStart;
+    private onSampleEnd;
+    private onSlowInput;
+    constructor({ samplingRate, slowThreshold, normalThreshold, degradedThreshold, dispatchAverage, dispatchSample, onSampleStart, onSampleEnd, onSlowInput, }: Opts);
+    start(): void;
+    end(): void;
+    flush(): void;
+    private dispatch;
+    private push;
+    private severity;
+    private getLast;
+    private getMean;
+    private getMedian;
+}
+export {};

package/dist/types/plugins/collab-edit/plugin-state.d.ts

@@ -2,6 +2,10 @@ import { ReadonlyTransaction } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
 import { Participants, ReadOnlyParticipants } from './participants';
 export declare const TELEPOINTER_DIM_CLASS = "telepointer-dim";
+/**
+ * Returns position where it's possible to place a decoration.
+ */
+export declare const getValidPos: (tr: ReadonlyTransaction, pos: number) => number;
 export declare class PluginState {
     private decorationSet;
     private participants;

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

@@ -1,13 +1,9 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { EditorState, PluginKey } from 'prosemirror-state';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { EmojiDescription, EmojiProvider } from '@atlaskit/emoji';
-import { Command, EditorPlugin } from '../../types';
-import { Dispatch } from '../../event-dispatcher';
-import { PortalProviderAPI } from '../../ui/PortalProvider';
+import type { Command, EditorPlugin, PMPluginFactoryParams } from '../../types';
 import { TypeAheadItem } from '../type-ahead/types';
 import { EmojiPluginOptions, EmojiPluginState } from './types';
-import { EventDispatcher } from '../../event-dispatcher';
 export declare const emojiToTypeaheadItem: (emoji: EmojiDescription, emojiProvider?: EmojiProvider | undefined) => TypeAheadItem;
 export declare function memoize<ResultFn extends (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem>(fn: ResultFn): {
     call: ResultFn;
@@ -27,4 +23,4 @@ export declare const ACTIONS: {
 export declare const setProvider: (provider?: EmojiProvider | undefined) => Command;
 export declare const emojiPluginKey: PluginKey<EmojiPluginState, any>;
 export declare function getEmojiPluginState(state: EditorState): EmojiPluginState;
-export declare function emojiPluginFactory(dispatch: Dispatch, providerFactory: ProviderFactory, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, options?: EmojiPluginOptions): SafePlugin<EmojiPluginState, any>;
+export declare function createEmojiPlugin(pmPluginFactoryParams: PMPluginFactoryParams): SafePlugin<EmojiPluginState, any>;

package/dist/types/plugins/emoji/nodeviews/emoji.d.ts

@@ -1,17 +1,7 @@
 /// <reference types="react" />
-import { Node as PMNode } from 'prosemirror-model';
-import { EditorView, NodeView } from 'prosemirror-view';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { ReactNodeView, getPosHandler } from '../../../nodeviews';
-import { PortalProviderAPI } from '../../../ui/PortalProvider';
-import { EmojiPluginOptions } from '../types';
-import { EventDispatcher } from '../../../event-dispatcher';
-export interface Props {
+import type { InlineNodeViewComponentProps } from '../../../nodeviews/getInlineNodeViewProducer';
+export declare type Props = InlineNodeViewComponentProps & {
     providerFactory: ProviderFactory;
-    options?: EmojiPluginOptions;
-}
-export declare class EmojiNodeView extends ReactNodeView<Props> {
-    createDomRef(): HTMLElement;
-    render(props: Props): JSX.Element;
-}
-export default function emojiNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, options?: EmojiPluginOptions): (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+};
+export declare function EmojiNodeView(props: Props): JSX.Element;

package/dist/types/plugins/emoji/styles.d.ts

@@ -1,2 +1 @@
 export declare const emojiStyles: import("@emotion/react").SerializedStyles;
-export declare const emojiStylesNext: import("@emotion/react").SerializedStyles;

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

@@ -2,7 +2,6 @@ import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { EmojiProvider, EmojiDescription } from '@atlaskit/emoji';
 export interface EmojiPluginOptions {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
-    allowZeroWidthSpaceAfter?: boolean;
     headless?: boolean;
 }
 export declare type EmojiPluginState = {

package/dist/types/plugins/list/transforms.d.ts

@@ -1,6 +1,15 @@
-import { Slice, Schema } from 'prosemirror-model';
+import { Fragment, Slice, Schema, Mark } from 'prosemirror-model';
 import { Transaction, Selection } from 'prosemirror-state';
 export declare function liftFollowingList(from: number, to: number, rootListDepth: number, tr: Transaction): Transaction;
 export declare function liftSelectionList(selection: Selection, tr: Transaction): Transaction;
+/**
+ * Walks the slice, creating paragraphs that were previously separated by hardbreaks.
+ * Returns the original paragraph node (as a fragment), or a fragment containing multiple nodes.
+ */
+export declare const splitIntoParagraphs: ({ fragment, blockMarks, schema, }: {
+    fragment: Fragment;
+    blockMarks?: Mark<any>[] | undefined;
+    schema: Schema;
+}) => Fragment;
 export declare const splitParagraphs: (slice: Slice, schema: Schema) => Slice;
 export declare const upgradeTextToLists: (slice: Slice, schema: Schema) => Slice;

package/dist/types/plugins/mentions/nodeviews/mention.d.ts

@@ -1,17 +1,9 @@
-/// <reference types="react" />
-import { Node as PMNode } from 'prosemirror-model';
-import { EditorView, NodeView } from 'prosemirror-view';
+import React from 'react';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { ReactNodeView, getPosHandler } from '../../../nodeviews';
-import { PortalProviderAPI } from '../../../ui/PortalProvider';
 import { MentionPluginOptions } from '../types';
-import { EventDispatcher } from '../../../event-dispatcher';
-export interface Props {
+import { InlineNodeViewComponentProps } from '../../../nodeviews/getInlineNodeViewProducer';
+export declare type Props = InlineNodeViewComponentProps & {
+    options: MentionPluginOptions | undefined;
     providerFactory: ProviderFactory;
-    options?: MentionPluginOptions;
-}
-export declare class MentionNodeView extends ReactNodeView<Props> {
-    createDomRef(): HTMLElement;
-    render(props: Props): JSX.Element;
-}
-export default function mentionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, options?: MentionPluginOptions): (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+};
+export declare const MentionNodeView: React.FC<Props>;

package/dist/types/plugins/mentions/pm-plugins/main.d.ts

@@ -1,9 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
-import { Dispatch, EventDispatcher } from '../../../event-dispatcher';
-import { PortalProviderAPI } from '../../../ui/PortalProvider';
-import type { Command } from '../../../types';
+import type { Command, PMPluginFactoryParams } from '../../../types';
 import type { MentionPluginOptions, MentionPluginState } from '../types';
 export declare const setContext: (context: ContextIdentifierProvider | undefined) => Command;
-export declare function createMentionPlugin(dispatch: Dispatch, providerFactory: ProviderFactory, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, fireEvent: (payload: any) => void, options?: MentionPluginOptions): SafePlugin<MentionPluginState, import("prosemirror-model").Schema<any, any>>;
+export declare function createMentionPlugin(pmPluginFactoryParams: PMPluginFactoryParams, fireEvent: (payload: any) => void, options?: MentionPluginOptions): SafePlugin<MentionPluginState, import("prosemirror-model").Schema<any, any>>;

package/dist/types/plugins/selection/utils.d.ts

@@ -12,22 +12,14 @@ export declare function getNodeSelectionAnalyticsPayload(selection: Selection):
 export declare function getAllSelectionAnalyticsPayload(selection: Selection): AnalyticsEventPayload | undefined;
 export declare function getCellSelectionAnalyticsPayload(state: EditorState): AnalyticsEventPayload | undefined;
 /**
- * Use `getTopLevelNodesFromSelection` to collect and return
- * a list of only the outermost nodes of the given/passed `Selection`. This
- * function will ignore `paragraph` and `text` node types when collecting
- * top-level nodes. It will also ignore any top-level nodes that don't
- * completely sit within the given `Selection`.
- *
- * For example, using the following document:
- * ```
- * doc(p('{<}one'), blockquote(p('hello')), p(expand({ title: 'two' })(p('three'))), p('four{>}'))))
- * ```
- * we would expect `getTopLevelNodesFromSelection` to return:
- * ```
- * [blockquote(p('hello')), expand({ title: 'two' })(p('three')))]
- * ```
+ * Use `getNodesToDecorateFromSelection` to collect and return
+ * a list of nodes within the Selection that should have Selection
+ * decorations applied. This allows selection styles to be added to
+ * nested nodes. It will ignore text nodes as decorations are
+ * applied natively and also ignore nodes that don't completely
+ * sit within the given `Selection`.
  */
-export declare const getTopLevelNodesFromSelection: (selection: Selection, doc: PmNode) => {
+export declare const getNodesToDecorateFromSelection: (selection: Selection, doc: PmNode) => {
     node: PmNode;
     pos: number;
 }[];

package/dist/types/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="lodash" />
 import { Node as PmNode } from 'prosemirror-model';
 import { EditorView, NodeView } from 'prosemirror-view';
 import { EventDispatcher } from '../../../../../event-dispatcher';
@@ -27,6 +28,8 @@ export declare class TableRowNodeView implements NodeView {
     get tree(): TableDOMElements | null | undefined;
     constructor(node: PmNode, view: EditorView, getPos: any, eventDispatcher: EventDispatcher);
     listening: boolean;
+    headerRowMouseScrollEnd: (() => void) & import("lodash").Cancelable;
+    headerRowMouseScroll: (() => void) & import("lodash").Cancelable;
     subscribe(): void;
     unsubscribe(): void;
     private initObservers;

package/dist/types/plugins/table/ui/consts.d.ts

@@ -2,9 +2,9 @@
  * Basic colors added to prevent content overflow in table cells.
  */
 export declare const tableCellBackgroundColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const tableToolbarColor: import("@atlaskit/theme").ThemedValue<string>;
+export declare const tableToolbarColor: import("@atlaskit/theme").ThemedValue<"var(--ds-background-neutral)">;
 export declare const tableTextColor: import("@atlaskit/theme").ThemedValue<string>;
-export declare const tableBorderColor: import("@atlaskit/theme").ThemedValue<string>;
+export declare const tableBorderColor: import("@atlaskit/theme").ThemedValue<"var(--ds-border)">;
 export declare const tableFloatingControlsColor = "#F4F5F7";
 export declare const tableCellSelectedColor = "#B3D4FF";
 export declare const tableToolbarSelectedColor = "#2684FF";

package/dist/types/plugins/type-ahead/types.d.ts

@@ -65,6 +65,7 @@ export declare type TypeAheadHandler = {
         editorState: EditorState;
         query: string;
         stats: TypeAheadStats;
+        wasItemInserted?: boolean;
     }) => void;
     getHighlight?: (state: EditorState) => JSX.Element | null;
 };

package/dist/types/plugins/unsupported-content/unsupported-inline-node-view.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import React from 'react';
+import { Node as PMNode } from 'prosemirror-model';
+import { UnsupportedContentTooltipPayload } from '@atlaskit/editor-common/utils';
+import { InlineNodeViewComponentProps } from '../../nodeviews/getInlineNodeViewProducer';
+export declare type Props = InlineNodeViewComponentProps & {
+    node?: PMNode;
+    children?: React.ReactNode;
+    dispatchAnalyticsEvent?: (payload: UnsupportedContentTooltipPayload) => void;
+};
+export declare const UnsupportedInlineNodeView: React.FC<Props>;

package/dist/types/types/editor-appearance-component.d.ts

@@ -24,6 +24,7 @@ export interface EditorAppearanceComponentProps {
     eventDispatcher?: EventDispatcher;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     maxHeight?: number;
+    minHeight?: number;
     contentComponents?: UIComponentFactory[];
     primaryToolbarComponents?: ToolbarUIComponentFactory[];
     primaryToolbarIconBefore?: ReactElement;

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

@@ -123,6 +123,7 @@ export interface EditorProps {
     collabEdit?: CollabEditOptions;
     textFormatting?: TextFormattingOptions;
     maxHeight?: number;
+    minHeight?: number;
     maxContentSize?: number;
     placeholder?: string;
     placeholderHints?: string[];

package/dist/types/types/feature-flags.d.ts

@@ -130,14 +130,6 @@ export declare type FeatureFlags = {
      * @default false
      */
     catchAllTracking?: boolean;
-    /**
-     * @description
-     * Switch to a performance optimised NodeView for Emoji
-     *
-     * @see https://product-fabric.atlassian.net/browse/ED-10585
-     * @default false
-     */
-    nextEmojiNodeView?: boolean;
     /**
      * @description
      * Enables performance optimization for sticky headers in tables
@@ -209,12 +201,6 @@ export declare type FeatureFlags = {
      * @default false
      */
     extendFloatingToolbar?: boolean;
-    /**
-     * Set display inline-block; CSS to any inline node
-     * @see https://product-fabric.atlassian.net/browse/ED-12361
-     * @default true
-     */
-    displayInlineBlockForInlineNodes?: boolean;
     /**
      * Set editor to use the input rule with unpredictable undo results
      * @see https://product-fabric.atlassian.net/browse/ED-12676

package/dist/types/ui/Appearance/Chromeless.d.ts

@@ -5,6 +5,7 @@ import { EditorAppearanceComponentProps } from '../../types';
 export interface ChromelessEditorProps {
     isMaxContentSizeReached?: boolean;
     maxHeight?: number;
+    minHeight?: number;
 }
 export default class Editor extends React.Component<EditorAppearanceComponentProps, any> {
     static displayName: string;

package/dist/types/ui/Appearance/Comment/Comment.d.ts

@@ -5,6 +5,7 @@ import { WrappedComponentProps } from 'react-intl-next';
 export interface CommentEditorProps {
     isMaxContentSizeReached?: boolean;
     maxHeight?: number;
+    minHeight?: number;
 }
 export interface EditorAppearanceComponentState {
 }

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

@@ -24,6 +24,8 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
     value?: string | number | string[] | undefined;
     type?: string | undefined;
     width?: string | number | undefined;
+    color?: string | undefined;
+    height?: string | number | undefined;
     accessKey?: string | undefined;
     draggable?: boolean | undefined;
     hidden?: boolean | undefined;
@@ -43,12 +45,11 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     placeholder?: string | undefined;
     autoFocus?: boolean | undefined;
-    color?: string | undefined;
     name?: string | undefined;
     key?: import("react").Key | undefined;
     action?: string | undefined;
     disabled?: boolean | undefined;
-    height?: string | number | undefined;
+    property?: string | undefined;
     target?: string | undefined;
     start?: number | undefined;
     onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -147,7 +148,6 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
     about?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    property?: string | undefined;
     resource?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
@@ -365,7 +365,7 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     css?: import("@emotion/core").InterpolationWithTheme<any>;
-}, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "default" | "mediaGroup" | "media" | "content" | "aria-label" | "aria-haspopup" | "children" | "theme" | "pattern" | "value" | "type" | "width" | "accessKey" | "draggable" | "hidden" | "lang" | "className" | "id" | "prefix" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "defaultValue" | "onError" | "onChange" | "open" | "onFocus" | "onBlur" | "placeholder" | "autoFocus" | "color" | "name" | "key" | "action" | "disabled" | "height" | "target" | "start" | "onClick" | "onMouseEnter" | "onMouseLeave" | "selected" | "href" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "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" | "onKeyDown" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "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"> & import("react").RefAttributes<HTMLDivElement>>;
+}, "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "default" | "mediaGroup" | "media" | "content" | "aria-label" | "aria-haspopup" | "children" | "theme" | "pattern" | "value" | "type" | "width" | "color" | "height" | "accessKey" | "draggable" | "hidden" | "lang" | "className" | "id" | "prefix" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "defaultValue" | "onError" | "onChange" | "open" | "onFocus" | "onBlur" | "placeholder" | "autoFocus" | "name" | "key" | "action" | "disabled" | "property" | "target" | "start" | "onClick" | "onMouseEnter" | "onMouseLeave" | "selected" | "href" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "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" | "onKeyDown" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "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"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const positionedOverEditorStyle: import("@emotion/react").SerializedStyles;
 export declare const contentArea: import("@emotion/react").SerializedStyles;
 export declare const sidebarArea: import("@emotion/react").SerializedStyles;