@atlaskit/editor-common 70.2.1 → 71.0.0

package/dist/esm/utils/performance/measure-render.js

@@ -1,4 +1,40 @@
 import { isPerformanceAPIAvailable } from './is-performance-api-available';
+/**
+ * Monitors if a pages enters a visibility state which will lead to
+ * distorted duration measurements (where the measurement uses the
+ * requestAnimationFrame api).
+ */
+
+export function getDistortedDurationMonitor() {
+  // If an editor is rendered when the document is not visible -- the callback passed to
+  // requestAnimationFrame will not fire until the document becomes visible again.
+  //
+  // For the purposes of using performance measurement -- this behaviour means the events
+  // which have been fired in the background are not useful -- and lead to other events
+  // being hard to draw conclusions from.
+  //
+  // To mitigate this -- we detect this state -- and fire a seperate callback when the
+  // measurement has occured when the render was in the backgroun
+  var distortedDuration = document.visibilityState !== 'visible';
+
+  function handleVisibilityChange() {
+    if (document.visibilityState !== 'visible') {
+      distortedDuration = true;
+    }
+  }
+
+  document.addEventListener('visibilitychange', handleVisibilityChange);
+  return {
+    distortedDuration: distortedDuration,
+
+    /**
+     * Cleans up the document visibility event listener
+     */
+    cleanup: function cleanup() {
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+    }
+  };
+}
 /**
  * Measures time it takes to render a frame including -> style, paint, layout and composition.
  *
@@ -37,29 +73,12 @@ onMeasureComplete) {
   var startMark = "[START]: ".concat(measureName);
   var endMark = "[END]: ".concat(measureName);
   var startTime = performance.now();
-  performance.mark(startMark); // If an editor is rendered when the document is not visible -- the callback passed to
-  // requestAnimationFrame will not fire until the document becomes visible again.
-  //
-  // For the purposes of using performance measurement -- this behaviour means the events
-  // which have been fired in the background are not useful -- and lead to other events
-  // being hard to draw conclusions from.
-  //
-  // To mitigate this -- we detect this state -- and fire a seperate callback when the
-  // measurement has occured when the render was in the backgroun
-
-  var distortedDuration = document.visibilityState !== 'visible';
-
-  function handleVisibilityChange() {
-    if (document.visibilityState !== 'visible') {
-      distortedDuration = true;
-    }
-  }
-
-  document.addEventListener('visibilitychange', handleVisibilityChange);
+  performance.mark(startMark);
+  var distortedDurationMonitor = getDistortedDurationMonitor();
   requestAnimationFrame(function () {
     requestAnimationFrame(function () {
       performance.mark(endMark);
-      document.removeEventListener('visibilitychange', handleVisibilityChange);
+      distortedDurationMonitor.cleanup();
       var duration = performance.now() - startTime;
 
       try {
@@ -70,20 +89,20 @@ onMeasureComplete) {
           onMeasureComplete({
             duration: duration,
             startTime: startTime,
-            distortedDuration: distortedDuration
+            distortedDuration: distortedDurationMonitor.distortedDuration
           });
         } else {
           onMeasureComplete({
             duration: entry.duration,
             startTime: entry.startTime,
-            distortedDuration: distortedDuration
+            distortedDuration: distortedDurationMonitor.distortedDuration
           });
         }
       } catch (e) {
         onMeasureComplete({
           duration: duration,
           startTime: startTime,
-          distortedDuration: distortedDuration
+          distortedDuration: distortedDurationMonitor.distortedDuration
         });
       }
 

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "70.2.1",
+	"version": "71.0.0",
 	"sideEffects": false
 }

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

@@ -1,3 +1,3 @@
 export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, } from './types';
-export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, NodeCount, NodeEventPayload, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, } from './types';
+export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, NodeCount, NodeEventPayload, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './types';
 export type { EditorAnalyticsAPI } from './api';

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

@@ -19,6 +19,8 @@ export declare enum ACTION {
     CLICKED = "clicked",
     CLOSED = "closed",
     COMMITTED = "committed",
+    /** used in @atlassian/editor-referentiality */
+    CONNECTED_NODES = "connectedNodes",
     CONVERTED = "converted",
     COPIED = "copied",
     CUT = "cut",
@@ -26,6 +28,10 @@ export declare enum ACTION {
     DECREMENTED = "decremented",
     DELETED = "deleted",
     DISCARDED_INVALID_STEPS_FROM_TRANSACTION = "discardedInvalidStepsFromTransaction",
+    /** used in @atlassian/editor-referentiality */
+    DISCONNECTED_SOURCE = "disconnectedSource",
+    /** used in @atlassian/editor-referentiality */
+    DISCONNECTED_TARGET = "disconnectedTarget",
     DISMISSED = "dismissed",
     DISPATCHED_INVALID_TRANSACTION = "dispatchedInvalidTransaction",
     DISPATCHED_VALID_TRANSACTION = "dispatchedValidTransaction",
@@ -49,11 +55,15 @@ export declare enum ACTION {
     INCREMENTED = "incremented",
     INDENTED = "indented",
     INITIALISED = "initialised",
+    /** used in @atlassian/editor-referentiality */
+    INITIALISED_FRAGMENT_MARK = "initialisedFragmentMark",
     INPUT_PERF_SAMPLING = "inputPerfSampling",
     INPUT_PERF_SAMPLING_AVG = "inputPerfSamplingAvg",
     INSERTED = "inserted",
     INVALID_DOCUMENT_ENCOUNTERED = "invalidDocumentEncountered",
     INVOKED = "invoked",
+    /** used in @atlassian/editor-referentiality */
+    GOT_CONNECTIONS = "gotConnections",
     LANGUAGE_SELECTED = "languageSelected",
     LIST_ITEM_JOINED = "listItemJoined",
     MATCHED = "matched",
@@ -82,6 +92,7 @@ export declare enum ACTION {
     DEDUPE_MARKS_TRANSFORMED = "dedupeMarksTransformed",
     NODES_MISSING_CONTENT_TRANSFORMED = "nodesMissingContentTransformed",
     INDENTATION_MARKS_TRANSFORMED = "indentationMarksTransformed",
+    INVALID_MEDIA_CONTENT_TRANSFORMED = "invalidMediaContentTransformed",
     TOGGLE_EXPAND = "toggleExpand",
     TRANSACTION_DISPATCHED = "transactionDispatched",
     TRANSACTION_MUTATED_AFTER_DISPATCH = "transactionMutatedAfterDispatched",
@@ -90,6 +101,12 @@ export declare enum ACTION {
     UNLINK = "unlinked",
     UNSUPPORTED_CONTENT_ENCOUNTERED = "unsupportedContentEncountered",
     UPDATED = "updated",
+    /** used in @atlassian/editor-referentiality */
+    UPDATED_FRAGMENT_MARK_NAME = "updatedFragmentMarkName",
+    /** used in @atlassian/editor-referentiality */
+    UPDATED_SOURCE = "updatedSource",
+    /** used in @atlassian/editor-referentiality */
+    UPDATED_TARGET = "updatedTarget",
     UPLOAD_EXTERNAL_FAIL = "uploadExternalFailed",
     VIEWED = "viewed",
     VISITED = "visited",
@@ -225,7 +242,7 @@ export declare enum ACTION_SUBJECT_ID {
     FORMAT_SUB = "subscript",
     FORMAT_SUPER = "superscript",
     FORMAT_UNDERLINE = "underline",
-    FRAGMENT_MARKS = "fragmentMarks",
+    FRAGMENT_MARK = "fragmentMark",
     GOTO_SMART_LINK_SETTINGS = "goToSmartLinkSettings",
     HELP_QUICK_INSERT = "helpQuickInsert",
     HYPERLINK = "hyperlink",

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

@@ -175,5 +175,6 @@ declare type DedupeMarksTransformedAEP = OperationalAEP<ACTION.DEDUPE_MARKS_TRAN
 }, undefined>;
 declare type IndentationMarksTransformedAEP = OperationalAEP<ACTION.INDENTATION_MARKS_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined, undefined>;
 declare type NodesMissingContentTransformedAEP = OperationalAEP<ACTION.NODES_MISSING_CONTENT_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 | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP;
+declare type InvalidMediaContentTransformedAEP = OperationalAEP<ACTION.INVALID_MEDIA_CONTENT_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 | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP;
 export {};

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

@@ -32,3 +32,4 @@ export type { ToolbarEventPayload } from './toolbar-button';
 export type { TypeAheadPayload } from './type-ahead';
 export { SELECTION_POSITION, SELECTION_TYPE } from './utils';
 export type { PluginMethodReport, PluginsReport, NodeCount, PluginPerformanceReportData, } from './performance-report';
+export type { InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './referentiality-events';

package/dist/types/analytics/types/referentiality-events.d.ts

@@ -1,9 +1,52 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from './enums';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './enums';
 import { OperationalAEP } from './utils';
-declare type InitialiseFragmentMarks = OperationalAEP<ACTION.INITIALISED, ACTION_SUBJECT.DOCUMENT, ACTION_SUBJECT_ID.FRAGMENT_MARKS, {
+export declare type InitialiseFragmentMarksAEP = OperationalAEP<ACTION.INITIALISED_FRAGMENT_MARK, ACTION_SUBJECT.DOCUMENT, undefined, {
     duration: number;
     docSize: number;
     count: number;
 }, EVENT_TYPE.OPERATIONAL>;
-export declare type ReferentialityEventPayload = InitialiseFragmentMarks;
-export {};
+export declare type ConnectedNodesAEP = OperationalAEP<ACTION.CONNECTED_NODES, ACTION_SUBJECT.DOCUMENT, undefined, {
+    actionType: string;
+    docSize: number;
+    duration: number;
+    sourceNodeType: string;
+    targetNodeType: string;
+    type: string;
+}, EVENT_TYPE.OPERATIONAL>;
+export declare type DisconnectedSourceAEP = OperationalAEP<ACTION.DISCONNECTED_SOURCE, ACTION_SUBJECT.DOCUMENT, undefined, {
+    docSize: number;
+    duration: number;
+    targetNodeType: string;
+}, EVENT_TYPE.OPERATIONAL>;
+export declare type DisconnectedTargetAEP = OperationalAEP<ACTION.DISCONNECTED_TARGET, ACTION_SUBJECT.DOCUMENT, undefined, {
+    docSize: number;
+    duration: number;
+    sourceNodeType: string;
+    targetNodeType: string;
+}, EVENT_TYPE.OPERATIONAL>;
+export declare type GotConnectionsAEP = OperationalAEP<ACTION.GOT_CONNECTIONS, ACTION_SUBJECT.DOCUMENT, undefined, {
+    count: number;
+    docSize: number;
+    duration: number;
+}, EVENT_TYPE.OPERATIONAL>;
+export declare type UpdatedFragmentMarkNameAEP = OperationalAEP<ACTION.UPDATED_FRAGMENT_MARK_NAME, ACTION_SUBJECT.DOCUMENT, undefined, {
+    duration: number;
+    nodeType: string;
+}, EVENT_TYPE.OPERATIONAL>;
+export declare type UpdatedSourceAEP = OperationalAEP<ACTION.UPDATED_SOURCE, ACTION_SUBJECT.DOCUMENT, undefined, {
+    docSize: number;
+    duration: number;
+    newSourceNodeType: string;
+    oldSourceNodeType: string;
+    type: UPDATED_TYPE;
+}, EVENT_TYPE.OPERATIONAL>;
+export declare type UPDATED_TYPE = 'update' | 'replaceAndUpdate';
+export declare type UpdatedTargetAEP = OperationalAEP<ACTION.UPDATED_TARGET, ACTION_SUBJECT.DOCUMENT, undefined, {
+    docSize: number;
+    duration: number;
+    newTargetNodeType: string;
+    oldTargetNodeType: string;
+    sourceNodeType: string;
+    type: UPDATED_TYPE;
+}, EVENT_TYPE.OPERATIONAL>;
+export declare type ReferentialityEventPayload = InitialiseFragmentMarksAEP | ConnectedNodesAEP | DisconnectedSourceAEP | DisconnectedTargetAEP | GotConnectionsAEP | UpdatedFragmentMarkNameAEP | UpdatedSourceAEP | UpdatedTargetAEP;

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

@@ -64,7 +64,6 @@ export declare const paste: Keymap;
 export declare const altPaste: Keymap;
 export declare const find: Keymap;
 export declare const alignLeft: Keymap;
-export declare const alignRight: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;

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

@@ -19,12 +19,17 @@ export declare const toolbarInsertBlockMessages: {
         defaultMessage: string;
         description: string;
     };
-    filesAndImages: {
+    mediaFiles: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    filesAndImagesDescription: {
+    addMediaFiles: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    mediaFilesDescription: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types/panel.d.ts

@@ -1 +1 @@
-export { getPanelTypeBackground, darkPanelColors, getPanelDarkColor, panelSharedStyles, panelSharedStylesWithoutPrefix, PanelSharedCssClassName, PanelSharedSelectors, getPanelBackgroundDarkModeColors, } from './styles/shared/panel';
+export { getPanelTypeBackground, getPanelTypeBackgroundNoTokens, darkPanelColors, getPanelDarkColor, panelSharedStyles, panelSharedStylesWithoutPrefix, PanelSharedCssClassName, PanelSharedSelectors, getPanelBackgroundDarkModeColors, } from './styles/shared/panel';

package/dist/types/styles/shared/code-block.d.ts

@@ -3,6 +3,7 @@ export declare const CodeBlockSharedCssClassName: {
     CODEBLOCK_CONTAINER: string;
     CODEBLOCK_START: string;
     CODEBLOCK_END: string;
+    CODEBLOCK_CONTENT_WRAPPER: string;
     CODEBLOCK_LINE_NUMBER_GUTTER: string;
     CODEBLOCK_CONTENT: string;
     DS_CODEBLOCK: string;

package/dist/types/styles/shared/panel.d.ts

@@ -79,6 +79,7 @@ export declare const PanelSharedSelectors: {
     yellowWarningIcon: string;
     copyButton: string;
 };
+export declare const getPanelTypeBackgroundNoTokens: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
 export declare const getPanelTypeBackground: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
 export declare const panelSharedStylesWithoutPrefix: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const panelSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

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

@@ -244,12 +244,6 @@ export declare type FeatureFlags = {
      * @default false
      */
     saferDispatchedTransactions?: boolean;
-    /**
-     * Create non-smart hyperlinks on plain text paste (Cmd/Ctrl+Shift+v)
-     * @see https://product-fabric.atlassian.net/browse/EDM-2492
-     * @default false
-     */
-    plainTextPasteLinkification?: boolean;
     /**
      * @description
      * Enable new collab service
@@ -339,6 +333,33 @@ export declare type FeatureFlags = {
      * @default null
      */
     floatingToolbarLinkSettingsButton?: string;
+    /**
+     * @description
+     * Allow numbered lists to start from any number greater than 0, not just 1
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3257270398/MAKE+PP+Restart+Numbered+Lists
+     * @see https://product-fabric.atlassian.net/browse/ED-15210
+     * @default false
+     */
+    restartNumberedLists?: boolean;
+    /**
+     * @description
+     * Allow lists to continue their numbering when split by other nodes
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3257270398/MAKE+PP+Restart+Numbered+Lists
+     * @see https://product-fabric.atlassian.net/browse/ED-15210
+     * @default false
+     */
+    listNumberContinuity?: boolean;
+    /**
+     * @description
+     * Show a toolbar for users to restart the numbering of a list
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3257270398/MAKE+PP+Restart+Numbered+Lists
+     * @see https://product-fabric.atlassian.net/browse/ED-15210
+     * @default false
+     */
+    restartNumberedListsToolbar?: boolean;
 };
 export declare type FeatureFlagKey = keyof FeatureFlags;
 export declare type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types/types/floating-toolbar.d.ts

@@ -17,6 +17,9 @@ export interface DropdownOptionT<T> {
     id?: string;
     title: string;
     onClick: T;
+    onMouseOver?: T;
+    onMouseEnter?: T;
+    onMouseLeave?: T;
     selected?: boolean;
     disabled?: boolean;
     hidden?: boolean;
@@ -198,6 +201,7 @@ export interface FloatingToolbarConfig {
     className?: string;
     height?: number;
     width?: number;
+    zIndex?: number;
     offset?: [number, number];
     forcePlacement?: boolean;
     onPositionCalculated?: (editorView: EditorView, nextPos: Position) => Position;

package/dist/types/ui-color/ColorPalette/Color/index.d.ts

@@ -10,6 +10,11 @@ export interface Props {
     borderColor: string;
     checkMarkColor?: string;
     autoFocus?: boolean;
+    /**
+     * When set to true -- the presentation of colors in the
+     * palette will use design tokens when available.
+     */
+    useDesignTokens: boolean;
 }
 declare class Color extends PureComponent<Props> {
     render(): jsx.JSX.Element;

package/dist/types/ui-color/ColorPalette/index.d.ts

@@ -8,6 +8,14 @@ interface Props {
     onClick: (value: string, label: string) => void;
     cols?: number;
     className?: string;
+    /**
+     * When the color picker is used to present text colors we
+     * make a number of changes to how it works
+     * - the check mark color uses design tokens when available
+     * - the colors use design tokens when available
+     * @default false
+     */
+    textPalette?: boolean;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;

package/dist/types/ui-menu/Dropdown/index.d.ts

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react';
 import { OpenChangedEvent } from '../../ui/DropList';
+import { KeyDownHandlerContext } from '../DropdownMenu/types';
 export interface Props {
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
@@ -10,6 +11,8 @@ export interface Props {
     fitWidth?: number;
     fitHeight?: number;
     zIndex?: number;
+    disableArrowKeyNavigation?: boolean;
+    keyDownHandlerContext?: KeyDownHandlerContext;
 }
 export interface State {
     target?: HTMLElement;

package/dist/types/ui-menu/DropdownMenu/index.d.ts

@@ -13,6 +13,7 @@ export default class DropdownMenuWrapper extends PureComponent<Props, State> {
     state: State;
     private handleRef;
     private updatePopupPlacement;
+    private handleCloseandFocus;
     private handleClose;
     private renderDropdownMenu;
     render(): jsx.JSX.Element;

package/dist/types/ui-menu/DropdownMenu/types.d.ts

@@ -9,6 +9,7 @@ export interface Props {
     onItemActivated?: (attrs: any) => void;
     onMouseEnter?: (attrs: any) => void;
     onMouseLeave?: (attrs: any) => void;
+    keyDownHandlerContext?: KeyDownHandlerContext;
     fitWidth?: number;
     fitHeight?: number;
     offset?: Array<number>;
@@ -17,6 +18,12 @@ export interface Props {
         items: MenuItem[];
     }>;
     shouldUseDefaultRole?: boolean;
+    disableArrowKeyNavigation?: boolean;
+}
+export interface KeyDownHandlerContext {
+    handleArrowRight: () => void;
+    handleArrowLeft: () => void;
+    handleTab: () => void;
 }
 export interface MenuItem {
     key?: string;

package/dist/types/ui-menu/MenuArrowKeyNavigationProvider/index.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { KeyDownHandlerContext } from '../DropdownMenu/types';
+declare type SimpleEventHandler<T> = (event: T) => void;
+/**
+ * This component is a wrapper of vertical menus which listens to keydown events of children
+ * and handles up/down arrow key navigation
+ */
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeonTab, }: {
+    children: ReactNode;
+    handleClose?: SimpleEventHandler<KeyboardEvent> | undefined;
+    disableArrowKeyNavigation?: boolean | undefined;
+    keyDownHandlerContext?: KeyDownHandlerContext | undefined;
+    closeonTab?: boolean | undefined;
+}) => JSX.Element;
+export {};

package/dist/types/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -4,6 +4,8 @@ export interface WithOutsideClickProps {
     handleClickOutside?: SimpleEventHandler<MouseEvent>;
     handleEscapeKeydown?: SimpleEventHandler<KeyboardEvent>;
     handleEnterKeydown?: SimpleEventHandler<KeyboardEvent>;
+    targetRef?: any;
+    closeonTab?: boolean;
 }
 export default function withReactEditorViewOuterListeners<P>(Component: ComponentClass<P> | StatelessComponent<P>): React.FC<P & WithOutsideClickProps>;
 export {};

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

@@ -21,7 +21,7 @@ export { default as ADFTraversor } from './traversor';
 export { analyticsEventKey, getAnalyticsAppearance, getAnalyticsEventSeverity, SEVERITY, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, } from './analytics';
 export type { UnsupportedContentTooltipPayload, UnsupportedContentPayload, UnsupportedContentLevelsTracking, } from './analytics';
 export { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
-export { measureRender } from './performance/measure-render';
+export { getDistortedDurationMonitor, measureRender, } from './performance/measure-render';
 export { startMeasure, stopMeasure, clearMeasure } from './performance/measure';
 export { measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS, } from './performance/measure-tti';
 export { isPerformanceAPIAvailable, isPerformanceObserverAvailable, } from './performance/is-performance-api-available';

package/dist/types/utils/performance/measure-render.d.ts

@@ -1,3 +1,15 @@
+/**
+ * Monitors if a pages enters a visibility state which will lead to
+ * distorted duration measurements (where the measurement uses the
+ * requestAnimationFrame api).
+ */
+export declare function getDistortedDurationMonitor(): {
+    distortedDuration: boolean;
+    /**
+     * Cleans up the document visibility event listener
+     */
+    cleanup(): void;
+};
 /**
  * Measures time it takes to render a frame including -> style, paint, layout and composition.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "70.2.1",
+  "version": "71.0.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -63,21 +63,22 @@
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
-    "@atlaskit/button": "^16.4.0",
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
+    "@atlaskit/editor-palette": "0.1.0",
     "@atlaskit/editor-shared-styles": "^2.2.0",
-    "@atlaskit/emoji": "^66.0.0",
+    "@atlaskit/emoji": "^66.1.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^74.2.0",
-    "@atlaskit/media-client": "^18.1.0",
+    "@atlaskit/media-card": "^74.3.0",
+    "@atlaskit/media-client": "^19.0.0",
     "@atlaskit/media-picker": "^64.0.0",
     "@atlaskit/mention": "^21.0.0",
     "@atlaskit/menu": "^1.4.0",
-    "@atlaskit/profilecard": "^17.2.0",
-    "@atlaskit/smart-card": "^23.4.0",
+    "@atlaskit/profilecard": "^17.3.0",
+    "@atlaskit/smart-card": "^23.7.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/task-decision": "^17.5.0",
     "@atlaskit/theme": "^12.2.0",

package/report.api.md

@@ -1,13 +1,20 @@
+<!-- API Report Version: 2.2 -->
+
 ## API Report File for "@atlaskit/editor-common"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
 
-<!--
-	Generated API Report version: 2.0
--->
+- [Main Entry Types](#main-entry-types)
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 // (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->