@atlaskit/editor-core 189.5.11 → 189.6.1

package/dist/esm/composable-editor/editor.js

@@ -1,6 +1,3 @@
-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; }
 /** @jsx jsx */
 import { useRef, useCallback, useMemo } from 'react';
 import { jsx } from '@emotion/react';
@@ -10,7 +7,6 @@ import { ACTION, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { getAnalyticsAppearance, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { basePlugin } from '@atlaskit/editor-plugin-base';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import EditorActions from '../actions';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
 import { name, version } from '../version-wrapper';
@@ -23,196 +19,25 @@ import sendDurationAnalytics from './utils/sendDurationAnalytics';
 import trackEditorActions from './utils/trackEditorActions';
 import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
 import useProviderFactory from './hooks/useProviderFactory';
+import useMemoEditorProps from './hooks/useMemoEditorProps';
 
 /**
  * Editor wrapper that deals with the lifecycle logic of the editor
  */
 function Editor(passedProps) {
-  var _editorContext$editor;
-  var defaultProps = {
-    appearance: 'comment',
-    disabled: false,
-    quickInsert: true
-  };
-  var props = _objectSpread(_objectSpread({}, defaultProps), passedProps);
-  var editorContext = useEditorContext();
-  var editorActions = useRef((_editorContext$editor = editorContext === null || editorContext === void 0 ? void 0 : editorContext.editorActions) !== null && _editorContext$editor !== void 0 ? _editorContext$editor : new EditorActions());
-  var startTime = useRef(performance.now());
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var experienceStore = useRef();
-  var handleAnalyticsEvent = function handleAnalyticsEvent(data) {
-    return fireAnalyticsEvent(createAnalyticsEvent)(data);
-  };
-  useConstructor(function () {
-    trackEditorActions(editorActions.current, props.performanceTracking, function (value) {
-      return handleAnalyticsEvent(value);
-    });
-  });
-  var getExperienceStore = function getExperienceStore() {
-    return experienceStore.current;
-  };
-  var onEditorCreated = function onEditorCreated(instance) {
-    var _props$featureFlags;
-    editorActions.current._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, function () {
-      return createFeatureFlagsFromProps(props);
-    });
-    if ((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.ufo) {
-      var _experienceStore$curr;
-      experienceStore.current = ExperienceStore.getInstance(instance.view);
-      (_experienceStore$curr = experienceStore.current) === null || _experienceStore$curr === void 0 || _experienceStore$curr.start(EditorExperience.loadEditor, startTime.current);
-    }
-    if (props.onEditorReady) {
-      var _props$performanceTra, _props$featureFlags2;
-      var measureEditorReady = (props === null || props === void 0 || (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 || (_props$performanceTra = _props$performanceTra.onEditorReadyCallbackTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.enabled) || ((_props$featureFlags2 = props.featureFlags) === null || _props$featureFlags2 === void 0 ? void 0 : _props$featureFlags2.ufo);
-      measureEditorReady && startMeasure(measurements.ON_EDITOR_READY_CALLBACK);
-      props.onEditorReady(editorActions.current);
-      measureEditorReady && stopMeasure(measurements.ON_EDITOR_READY_CALLBACK, sendDurationAnalytics(ACTION.ON_EDITOR_READY_CALLBACK, props, getExperienceStore, createAnalyticsEvent));
-    }
-  };
-  var onEditorDestroyed = function onEditorDestroyed(_instance) {
-    var _props$onDestroy;
-    editorActions.current._privateUnregisterEditor();
-    (_props$onDestroy = props.onDestroy) === null || _props$onDestroy === void 0 || _props$onDestroy.call(props);
-  };
-  useMeasureEditorMountTime(props, getExperienceStore, createAnalyticsEvent);
-  var providerFactory = useProviderFactory(props, editorActions.current, createAnalyticsEvent);
-  return jsx(EditorInternal, {
-    props: props,
-    handleAnalyticsEvent: handleAnalyticsEvent,
-    createAnalyticsEvent: createAnalyticsEvent,
-    preset: props.preset,
-    handleSave: function handleSave(view) {
-      var _props$onSave;
-      return (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, view);
-    },
-    editorActions: editorActions.current,
-    onEditorCreated: onEditorCreated,
-    onEditorDestroyed: onEditorDestroyed,
-    providerFactory: providerFactory
-  });
-}
-/**
- * Improved memonization for  Editor wrapper that deals with the lifecycle logic of the editor
- */
-function EditorButBetter(passedProps) {
   var propsRef = useRef(passedProps);
-  var props = useMemo(function () {
-    // That sounds awful but this is the only way to make sure we didn't missed any EditorProps
-    var allProps = {
-      preset: passedProps.preset,
-      appearance: passedProps.appearance,
-      contentComponents: passedProps.contentComponents,
-      primaryToolbarIconBefore: passedProps.primaryToolbarIconBefore,
-      secondaryToolbarComponents: passedProps.secondaryToolbarComponents,
-      persistScrollGutter: passedProps.persistScrollGutter,
-      quickInsert: passedProps.quickInsert,
-      shouldFocus: passedProps.shouldFocus,
-      disabled: passedProps.disabled,
-      contextPanel: passedProps.contextPanel,
-      errorReporterHandler: passedProps.errorReporterHandler,
-      contentTransformerProvider: passedProps.contentTransformerProvider,
-      maxHeight: passedProps.maxHeight,
-      minHeight: passedProps.minHeight,
-      placeholder: passedProps.placeholder,
-      placeholderBracketHint: passedProps.placeholderBracketHint,
-      defaultValue: passedProps.defaultValue,
-      assistiveLabel: passedProps.assistiveLabel,
-      popupsMountPoint: passedProps.popupsMountPoint,
-      popupsBoundariesElement: passedProps.popupsBoundariesElement,
-      popupsScrollableElement: passedProps.popupsScrollableElement,
-      editorActions: passedProps.editorActions,
-      onEditorReady: passedProps.onEditorReady,
-      onDestroy: passedProps.onDestroy,
-      onChange: passedProps.onChange,
-      onCancel: passedProps.onCancel,
-      inputSamplingLimit: passedProps.inputSamplingLimit,
-      extensionProviders: passedProps.extensionProviders,
-      UNSAFE_useAnalyticsContext: passedProps.UNSAFE_useAnalyticsContext,
-      trackValidTransactions: passedProps.trackValidTransactions,
-      useStickyToolbar: passedProps.useStickyToolbar,
-      featureFlags: passedProps.featureFlags,
-      onSave: passedProps.onSave,
-      performanceTracking: passedProps.performanceTracking,
-      sanitizePrivateContent: passedProps.sanitizePrivateContent,
-      media: passedProps.media,
-      collabEdit: passedProps.collabEdit,
-      primaryToolbarComponents: passedProps.primaryToolbarComponents,
-      allowUndoRedoButtons: passedProps.allowUndoRedoButtons,
-      linking: passedProps.linking,
-      hideAvatarGroup: passedProps.hideAvatarGroup,
-      activityProvider: passedProps.activityProvider,
-      searchProvider: passedProps.searchProvider,
-      annotationProviders: passedProps.annotationProviders,
-      collabEditProvider: passedProps.collabEditProvider,
-      presenceProvider: passedProps.presenceProvider,
-      emojiProvider: passedProps.emojiProvider,
-      taskDecisionProvider: passedProps.taskDecisionProvider,
-      legacyImageUploadProvider: passedProps.legacyImageUploadProvider,
-      mentionProvider: passedProps.mentionProvider,
-      autoformattingProvider: passedProps.autoformattingProvider,
-      macroProvider: passedProps.macroProvider,
-      contextIdentifierProvider: passedProps.contextIdentifierProvider,
-      allowExpand: passedProps.allowExpand,
-      allowNestedTasks: passedProps.allowNestedTasks,
-      allowBlockType: passedProps.allowBlockType,
-      allowTasksAndDecisions: passedProps.allowTasksAndDecisions,
-      allowBreakout: passedProps.allowBreakout,
-      allowRule: passedProps.allowRule,
-      allowHelpDialog: passedProps.allowHelpDialog,
-      allowJiraIssue: passedProps.allowJiraIssue,
-      allowPanel: passedProps.allowPanel,
-      allowExtension: passedProps.allowExtension,
-      allowConfluenceInlineComment: passedProps.allowConfluenceInlineComment,
-      allowTemplatePlaceholders: passedProps.allowTemplatePlaceholders,
-      allowDate: passedProps.allowDate,
-      allowLayouts: passedProps.allowLayouts,
-      allowStatus: passedProps.allowStatus,
-      allowTextAlignment: passedProps.allowTextAlignment,
-      allowIndentation: passedProps.allowIndentation,
-      showIndentationButtons: passedProps.showIndentationButtons,
-      allowNewInsertionBehaviour: passedProps.allowNewInsertionBehaviour,
-      allowFindReplace: passedProps.allowFindReplace,
-      UNSAFE_allowBorderMark: passedProps.UNSAFE_allowBorderMark,
-      allowBorderMark: passedProps.allowBorderMark,
-      allowFragmentMark: passedProps.allowFragmentMark,
-      autoScrollIntoView: passedProps.autoScrollIntoView,
-      elementBrowser: passedProps.elementBrowser,
-      maxContentSize: passedProps.maxContentSize,
-      saveOnEnter: passedProps.saveOnEnter,
-      feedbackInfo: passedProps.feedbackInfo,
-      mention: passedProps.mention,
-      mentionInsertDisplayName: passedProps.mentionInsertDisplayName,
-      uploadErrorHandler: passedProps.uploadErrorHandler,
-      waitForMediaUpload: passedProps.waitForMediaUpload,
-      extensionHandlers: passedProps.extensionHandlers,
-      allowTextColor: passedProps.allowTextColor,
-      allowTables: passedProps.allowTables,
-      insertMenuItems: passedProps.insertMenuItems,
-      UNSAFE_cards: passedProps.UNSAFE_cards,
-      smartLinks: passedProps.smartLinks,
-      allowAnalyticsGASV3: passedProps.allowAnalyticsGASV3,
-      codeBlock: passedProps.codeBlock,
-      textFormatting: passedProps.textFormatting,
-      dangerouslyAppendPlugins: passedProps.dangerouslyAppendPlugins
-    };
-    var defaultProps = {
-      appearance: 'comment',
-      disabled: false,
-      quickInsert: true
-    };
-    var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
-    propsRef.current = nextProps;
-    return nextProps;
-  }, [passedProps.preset, passedProps.appearance, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.inputSamplingLimit, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.trackValidTransactions, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.performanceTracking, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.hideAvatarGroup, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowJiraIssue, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowNewInsertionBehaviour, passedProps.allowFindReplace, passedProps.UNSAFE_allowBorderMark, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.dangerouslyAppendPlugins]);
+  var props = useMemoEditorProps(passedProps);
+  useMemo(function () {
+    propsRef.current = props;
+  }, [props]);
   var editorContext = useEditorContext();
   var editorActionsPlaceholderInstance = useMemo(function () {
     return new EditorActions();
   }, []);
   var editorActions = editorContext.editorActions || editorActionsPlaceholderInstance;
   var startTime = useRef(performance.now());
-  var _useAnalyticsEvents2 = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var experienceStore = useRef();
   var handleAnalyticsEvent = useCallback(function (data) {
     fireAnalyticsEvent(createAnalyticsEvent)(data);
@@ -236,9 +61,9 @@ function EditorButBetter(passedProps) {
       featureFlags = _propsRef$current.featureFlags;
     editorActions._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, getFeatureFlagsFromRef);
     if (featureFlags !== null && featureFlags !== void 0 && featureFlags.ufo) {
-      var _experienceStore$curr2;
+      var _experienceStore$curr;
       experienceStore.current = ExperienceStore.getInstance(instance.view);
-      (_experienceStore$curr2 = experienceStore.current) === null || _experienceStore$curr2 === void 0 || _experienceStore$curr2.start(EditorExperience.loadEditor, startTime.current);
+      (_experienceStore$curr = experienceStore.current) === null || _experienceStore$curr === void 0 || _experienceStore$curr.start(EditorExperience.loadEditor, startTime.current);
     }
     if (onEditorReady) {
       var _performanceTracking$;
@@ -289,13 +114,6 @@ export function ComposableEditor(props) {
       editorSessionId: editorSessionId.current
     };
   }, [props.appearance]);
-  if (getBooleanFF('platform.editor.less-editor-props-rerendering')) {
-    return jsx(FabricEditorAnalyticsContext
-    // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
-    , {
-      data: data
-    }, jsx(EditorButBetter, props));
-  }
   return jsx(FabricEditorAnalyticsContext
   // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
   , {

package/dist/esm/composable-editor/hooks/useMemoEditorProps.js

@@ -0,0 +1,115 @@
+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 { useMemo } from 'react';
+export var useMemoEditorProps = function useMemoEditorProps(passedProps) {
+  var memodProps = useMemo(function () {
+    // That sounds awful but this is the only way to make sure we didn't missed any EditorProps
+    var allProps = {
+      preset: passedProps.preset,
+      appearance: passedProps.appearance,
+      contentComponents: passedProps.contentComponents,
+      primaryToolbarIconBefore: passedProps.primaryToolbarIconBefore,
+      secondaryToolbarComponents: passedProps.secondaryToolbarComponents,
+      persistScrollGutter: passedProps.persistScrollGutter,
+      quickInsert: passedProps.quickInsert,
+      shouldFocus: passedProps.shouldFocus,
+      disabled: passedProps.disabled,
+      contextPanel: passedProps.contextPanel,
+      errorReporterHandler: passedProps.errorReporterHandler,
+      contentTransformerProvider: passedProps.contentTransformerProvider,
+      maxHeight: passedProps.maxHeight,
+      minHeight: passedProps.minHeight,
+      placeholder: passedProps.placeholder,
+      placeholderBracketHint: passedProps.placeholderBracketHint,
+      defaultValue: passedProps.defaultValue,
+      assistiveLabel: passedProps.assistiveLabel,
+      popupsMountPoint: passedProps.popupsMountPoint,
+      popupsBoundariesElement: passedProps.popupsBoundariesElement,
+      popupsScrollableElement: passedProps.popupsScrollableElement,
+      editorActions: passedProps.editorActions,
+      onEditorReady: passedProps.onEditorReady,
+      onDestroy: passedProps.onDestroy,
+      onChange: passedProps.onChange,
+      onCancel: passedProps.onCancel,
+      inputSamplingLimit: passedProps.inputSamplingLimit,
+      extensionProviders: passedProps.extensionProviders,
+      UNSAFE_useAnalyticsContext: passedProps.UNSAFE_useAnalyticsContext,
+      trackValidTransactions: passedProps.trackValidTransactions,
+      useStickyToolbar: passedProps.useStickyToolbar,
+      featureFlags: passedProps.featureFlags,
+      onSave: passedProps.onSave,
+      performanceTracking: passedProps.performanceTracking,
+      sanitizePrivateContent: passedProps.sanitizePrivateContent,
+      media: passedProps.media,
+      collabEdit: passedProps.collabEdit,
+      primaryToolbarComponents: passedProps.primaryToolbarComponents,
+      allowUndoRedoButtons: passedProps.allowUndoRedoButtons,
+      linking: passedProps.linking,
+      hideAvatarGroup: passedProps.hideAvatarGroup,
+      activityProvider: passedProps.activityProvider,
+      searchProvider: passedProps.searchProvider,
+      annotationProviders: passedProps.annotationProviders,
+      collabEditProvider: passedProps.collabEditProvider,
+      presenceProvider: passedProps.presenceProvider,
+      emojiProvider: passedProps.emojiProvider,
+      taskDecisionProvider: passedProps.taskDecisionProvider,
+      legacyImageUploadProvider: passedProps.legacyImageUploadProvider,
+      mentionProvider: passedProps.mentionProvider,
+      autoformattingProvider: passedProps.autoformattingProvider,
+      macroProvider: passedProps.macroProvider,
+      contextIdentifierProvider: passedProps.contextIdentifierProvider,
+      allowExpand: passedProps.allowExpand,
+      allowNestedTasks: passedProps.allowNestedTasks,
+      allowBlockType: passedProps.allowBlockType,
+      allowTasksAndDecisions: passedProps.allowTasksAndDecisions,
+      allowBreakout: passedProps.allowBreakout,
+      allowRule: passedProps.allowRule,
+      allowHelpDialog: passedProps.allowHelpDialog,
+      allowJiraIssue: passedProps.allowJiraIssue,
+      allowPanel: passedProps.allowPanel,
+      allowExtension: passedProps.allowExtension,
+      allowConfluenceInlineComment: passedProps.allowConfluenceInlineComment,
+      allowTemplatePlaceholders: passedProps.allowTemplatePlaceholders,
+      allowDate: passedProps.allowDate,
+      allowLayouts: passedProps.allowLayouts,
+      allowStatus: passedProps.allowStatus,
+      allowTextAlignment: passedProps.allowTextAlignment,
+      allowIndentation: passedProps.allowIndentation,
+      showIndentationButtons: passedProps.showIndentationButtons,
+      allowNewInsertionBehaviour: passedProps.allowNewInsertionBehaviour,
+      allowFindReplace: passedProps.allowFindReplace,
+      UNSAFE_allowBorderMark: passedProps.UNSAFE_allowBorderMark,
+      allowBorderMark: passedProps.allowBorderMark,
+      allowFragmentMark: passedProps.allowFragmentMark,
+      autoScrollIntoView: passedProps.autoScrollIntoView,
+      elementBrowser: passedProps.elementBrowser,
+      maxContentSize: passedProps.maxContentSize,
+      saveOnEnter: passedProps.saveOnEnter,
+      feedbackInfo: passedProps.feedbackInfo,
+      mention: passedProps.mention,
+      mentionInsertDisplayName: passedProps.mentionInsertDisplayName,
+      uploadErrorHandler: passedProps.uploadErrorHandler,
+      waitForMediaUpload: passedProps.waitForMediaUpload,
+      extensionHandlers: passedProps.extensionHandlers,
+      allowTextColor: passedProps.allowTextColor,
+      allowTables: passedProps.allowTables,
+      insertMenuItems: passedProps.insertMenuItems,
+      UNSAFE_cards: passedProps.UNSAFE_cards,
+      smartLinks: passedProps.smartLinks,
+      allowAnalyticsGASV3: passedProps.allowAnalyticsGASV3,
+      codeBlock: passedProps.codeBlock,
+      textFormatting: passedProps.textFormatting,
+      dangerouslyAppendPlugins: passedProps.dangerouslyAppendPlugins
+    };
+    var defaultProps = {
+      appearance: 'comment',
+      disabled: false,
+      quickInsert: true
+    };
+    var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
+    return nextProps;
+  }, [passedProps.preset, passedProps.appearance, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.inputSamplingLimit, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.trackValidTransactions, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.performanceTracking, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.hideAvatarGroup, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowJiraIssue, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowNewInsertionBehaviour, passedProps.allowFindReplace, passedProps.UNSAFE_allowBorderMark, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.dangerouslyAppendPlugins]);
+  return memodProps;
+};
+export default useMemoEditorProps;

package/dist/esm/ui/ConfigPanel/ErrorMessage/index.js

@@ -19,7 +19,8 @@ var ConfigPanelErrorMessage = function ConfigPanelErrorMessage(_ref) {
       return /*#__PURE__*/React.createElement(ErrorImage, null);
     },
     size: "narrow",
-    imageHeight: 80
+    imageHeight: 80,
+    testId: "config-panel-error-message"
   });
 };
 export default injectIntl(ConfigPanelErrorMessage);

package/dist/esm/ui/ConfigPanel/FieldMessages.js

@@ -77,11 +77,17 @@ var FieldMessages = function FieldMessages(_ref2) {
   }
   switch (error) {
     case ValidationError.Required:
-      return /*#__PURE__*/React.createElement(ErrorMessage, null, intl.formatMessage(messages.required));
+      return /*#__PURE__*/React.createElement(ErrorMessage, {
+        testId: "config-panel-error-message"
+      }, intl.formatMessage(messages.required));
     case ValidationError.Invalid:
-      return /*#__PURE__*/React.createElement(ErrorMessage, null, intl.formatMessage(messages.invalid));
+      return /*#__PURE__*/React.createElement(ErrorMessage, {
+        testId: "config-panel-error-message"
+      }, intl.formatMessage(messages.invalid));
     case FieldTypeError.isMultipleAndRadio:
-      return /*#__PURE__*/React.createElement(ErrorMessage, null, intl.formatMessage(messages.isMultipleAndRadio));
+      return /*#__PURE__*/React.createElement(ErrorMessage, {
+        testId: "config-panel-error-message"
+      }, intl.formatMessage(messages.isMultipleAndRadio));
     default:
       return null;
   }

package/dist/esm/ui/ConfigPanel/Fields/Boolean.js

@@ -87,7 +87,8 @@ function Toggle(_ref3) {
     validate: function validate(value) {
       return _validate(value, isRequired);
     },
-    defaultValue: defaultValue
+    defaultValue: defaultValue,
+    testId: "config-panel-toggle-".concat(name)
   }, function (_ref4) {
     var fieldProps = _ref4.fieldProps,
       error = _ref4.error;

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -363,6 +363,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
     name: name,
     isRequired: isRequired,
     defaultValue: defaultValue,
+    testId: "config-panel-color-picker-".concat(name),
     validate: function validate(value) {
       return _validate(field, value || '');
     }

package/dist/esm/ui/ConfigPanel/Fields/CustomSelect.js

@@ -140,7 +140,8 @@ function CustomSelect(_ref2) {
     defaultValue: defaultValue,
     validate: function validate(value) {
       return _validate(field, value);
-    }
+    },
+    testId: "config-panel-custom-select-".concat(name)
   }, function (_ref3) {
     var fieldProps = _ref3.fieldProps,
       error = _ref3.error;

package/dist/esm/ui/ConfigPanel/Fields/Date.js

@@ -23,7 +23,8 @@ function Date(_ref) {
     isRequired: isRequired,
     validate: function validate(value) {
       return _validate(field, value);
-    }
+    },
+    testId: "config-panel-date-picker-".concat(name)
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;

package/dist/esm/ui/ConfigPanel/Fields/DateRange.js

@@ -100,7 +100,8 @@ var DateRange = function DateRange(_ref3) {
     isRequired: field.isRequired,
     validate: function validate(value) {
       return _validate(field, value || '');
-    }
+    },
+    testId: "config-panel-date-range-".concat(name)
   }, function (_ref5) {
     var fieldProps = _ref5.fieldProps,
       error = _ref5.error;

package/dist/esm/ui/ConfigPanel/Fields/Number.js

@@ -34,7 +34,8 @@ export default function Number(_ref) {
     label: label,
     defaultValue: defaultValue === undefined ? '' : String(defaultValue),
     isRequired: isRequired,
-    validate: validateNumber
+    validate: validateNumber,
+    testId: "config-panel-number-".concat(name)
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error,

package/dist/esm/ui/ConfigPanel/Fields/RadioGroup.js

@@ -24,7 +24,8 @@ export default function RadioField(_ref) {
     isRequired: field.isRequired,
     validate: function validate(value) {
       return _validate(field, value);
-    }
+    },
+    testId: "config-panel-radio-group-".concat(field.name)
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;

package/dist/esm/ui/ConfigPanel/Fields/Select.js

@@ -19,6 +19,7 @@ export default function SelectField(_ref) {
     name: name,
     label: field.label,
     defaultValue: getOptionFromValue(field.items, field.defaultValue),
+    testId: "config-panel-select-".concat(name),
     isRequired: field.isRequired,
     validate: function validate(value) {
       return _validate(field, value);

package/dist/esm/ui/ConfigPanel/Fields/String.js

@@ -24,7 +24,8 @@ export default function String(_ref) {
     isRequired: isRequired,
     validate: function validate(value) {
       return _validate(field, value || '');
-    }
+    },
+    testId: "config-panel-string-".concat(name)
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error,
@@ -41,7 +42,8 @@ export default function String(_ref) {
           fieldProps.onBlur();
           onFieldChange(name, meta.dirty);
         },
-        placeholder: placeholder
+        placeholder: placeholder,
+        "data-testid": "config-panel-textarea-".concat(name)
       })), /*#__PURE__*/React.createElement(FieldMessages, {
         error: error,
         description: description

package/dist/esm/ui/ConfigPanel/Fields/UserSelect.js

@@ -224,7 +224,8 @@ export default function UserSelect(_ref2) {
     defaultValue: defaultValue,
     validate: function validate(value) {
       return _validate(field, value);
-    }
+    },
+    testId: "config-panel-user-select-".concat(name)
   }, function (_ref3) {
     var fieldProps = _ref3.fieldProps,
       error = _ref3.error;

package/dist/esm/ui/ConfigPanel/Header.js

@@ -15,12 +15,12 @@ var iconWidth = 40;
 var buttonWidth = 40;
 var margin = 16;
 var gapSizeForEllipsis = iconWidth + buttonWidth + margin * 2;
-var item = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-bottom: 24px;\n"])));
+var item = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-bottom: ", ";\n"])), "var(--ds-space-300, 24px)");
 var itemIcon = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  overflow: hidden;\n  border: 1px solid ", "; /* N60 at 50% */\n  border-radius: ", "px;\n  box-sizing: border-box;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  div {\n    width: ", "px;\n    height: ", "px;\n  }\n"])), iconWidth, iconWidth, "var(--ds-border, rgba(223, 225, 229, 0.5))", borderRadius(), iconWidth, iconWidth);
-var itemBody = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  line-height: 1.4;\n  margin: 0 16px;\n  flex-grow: 3;\n  max-width: calc(100% - ", "px);\n"])), gapSizeForEllipsis);
+var itemBody = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  line-height: 1.4;\n  margin: 0 ", ";\n  flex-grow: 3;\n  max-width: calc(100% - ", "px);\n"])), "var(--ds-space-200, 16px)", gapSizeForEllipsis);
 var centeredItemTitle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])));
-var itemText = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  max-width: 100%;\n  white-space: initial;\n  .item-summary {\n    font-size: ", ";\n    color: ", ";\n    margin-top: 4px;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])), relativeFontSizeToBase16(11.67), "var(--ds-text-subtlest, ".concat(N200, ")"));
-var descriptionStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-bottom: 24px;\n"])));
+var itemText = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  max-width: 100%;\n  white-space: initial;\n  .item-summary {\n    font-size: ", ";\n    color: ", ";\n    margin-top: ", ";\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])), relativeFontSizeToBase16(11.67), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-050, 4px)");
+var descriptionStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-300, 24px)");
 var closeButtonWrapper = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: ", "px;\n  text-align: right;\n"])), buttonWidth);
 var Header = function Header(_ref) {
   var icon = _ref.icon,
@@ -48,12 +48,14 @@ var Header = function Header(_ref) {
     css: itemText
   }, jsx("div", {
     className: "item-title",
-    id: "context-panel-title"
+    id: "context-panel-title",
+    "data-testId": "context-panel-title"
   }, title), jsx("div", {
     className: "item-summary"
   }, summary)) : jsx("div", {
     css: centeredItemTitle,
-    id: "context-panel-title"
+    id: "context-panel-title",
+    "data-testId": "context-panel-title"
   }, title)), jsx("div", {
     css: closeButtonWrapper
   }, jsx(Button, {
@@ -63,11 +65,13 @@ var Header = function Header(_ref) {
     }),
     onClick: onClose
   }))), (description || documentationUrl) && jsx("p", {
-    css: descriptionStyle
+    css: descriptionStyle,
+    "data-testid": "config-panel-header-description"
   }, description && jsx(Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && jsx("a", {
     target: "_blank",
     rel: "noopener noreferrer",
-    href: documentationUrl
+    href: documentationUrl,
+    "data-testid": "config-panel-header-documentation-link"
   }, intl.formatMessage(messages.documentation))));
 };
 export default injectIntl(Header);

package/dist/esm/version-wrapper.js

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

package/dist/types/composable-editor/hooks/useMemoEditorProps.d.ts

@@ -0,0 +1,6 @@
+import type { EditorProps, EditorNextProps } from '../../types/editor-props';
+export type Complete<T> = {
+    [P in keyof Required<T>]: Pick<T, P> extends Required<Pick<T, P>> ? T[P] : T[P] | undefined;
+};
+export declare const useMemoEditorProps: (passedProps: EditorProps & EditorNextProps) => EditorProps & EditorNextProps;
+export default useMemoEditorProps;

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" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "pattern" | "type" | "defaultValue" | "onError" | "onChange" | "open" | "onFocus" | "onBlur" | "onKeyDown" | "placeholder" | "value" | "autoFocus" | "name" | "key" | "action" | "disabled" | "children" | "property" | "media" | "mediaGroup" | "size" | "hidden" | "href" | "list" | "id" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "aria-label" | "className" | "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-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" | "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" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "wmode" | "wrap" | keyof {
+} & import("react").HTMLProps<HTMLDivElement>, "headers" | "method" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "dir" | "color" | "content" | "height" | "translate" | "width" | "pattern" | "type" | "defaultValue" | "onError" | "onChange" | "open" | "onFocus" | "onBlur" | "onKeyDown" | "placeholder" | "value" | "autoFocus" | "name" | "required" | "key" | "action" | "disabled" | "children" | "property" | "media" | "mediaGroup" | "size" | "hidden" | "href" | "list" | "id" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "aria-label" | "className" | "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-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" | "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" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "wmode" | "wrap" | keyof {
     theme?: any;
     featureFlags?: import("@atlaskit/editor-common/types").FeatureFlags | undefined;
 }> & import("react").RefAttributes<HTMLDivElement>>;