@atlaskit/editor-plugin-block-controls 4.2.3 → 4.2.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 4.2.4
+
+### Patch Changes
+
+- [`265c1bf0cefa4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/265c1bf0cefa4) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
 ## 4.2.3
 
 ### Patch Changes

package/dist/types/blockControlsPluginType.d.ts

@@ -15,17 +15,17 @@ import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import { type DecorationSet } from '@atlaskit/editor-prosemirror/view';
 export type ActiveNode = {
-    pos: number;
     anchorName: string;
-    nodeType: string;
     handleOptions?: HandleOptions;
-    rootPos?: number;
+    nodeType: string;
+    pos: number;
     rootAnchorName?: string;
     rootNodeType?: string;
+    rootPos?: number;
 };
 export type ActiveDropTargetNode = {
-    pos: number;
     nodeTypeName: string | null;
+    pos: number;
 };
 export type MultiSelectDnD = {
     anchor: number;
@@ -36,52 +36,52 @@ export type MultiSelectDnD = {
     userHead: number;
 };
 export interface PluginState {
-    decorations: DecorationSet;
-    isDragging: boolean;
-    isMenuOpen?: boolean;
-    menuTriggerBy?: string;
+    activeDropTargetNode?: ActiveDropTargetNode;
+    activeNode?: ActiveNode;
     blockMenuOptions?: {
-        canMoveUp?: boolean;
         canMoveDown?: boolean;
+        canMoveUp?: boolean;
     };
+    decorations: DecorationSet;
     editorHeight: number;
     editorWidthLeft: number;
     editorWidthRight: number;
-    activeNode?: ActiveNode;
-    activeDropTargetNode?: ActiveDropTargetNode;
-    isResizerResizing: boolean;
     /**
      * @private
      * @deprecated Doc size limits no longer supported
      */
     isDocSizeLimitEnabled: boolean | null;
+    isDragging: boolean;
+    isMenuOpen?: boolean;
     /**
      * is dragging the node without using drag handle, i,e, native prosemirror DnD
      */
     isPMDragging: boolean;
-    multiSelectDnD?: MultiSelectDnD;
+    isResizerResizing: boolean;
+    isSelectedViaDragHandle?: boolean;
     isShiftDown?: boolean;
     lastDragCancelled: boolean;
-    isSelectedViaDragHandle?: boolean;
+    menuTriggerBy?: string;
+    multiSelectDnD?: MultiSelectDnD;
 }
 export type ReleaseHiddenDecoration = () => boolean | undefined;
 export type BlockControlsSharedState = {
-    isMenuOpen: boolean;
-    menuTriggerBy?: string;
+    activeDropTargetNode?: ActiveDropTargetNode;
+    activeNode?: ActiveNode;
     blockMenuOptions?: {
-        canMoveUp?: boolean;
         canMoveDown?: boolean;
+        canMoveUp?: boolean;
     };
-    activeNode?: ActiveNode;
-    activeDropTargetNode?: ActiveDropTargetNode;
     isDragging: boolean;
-    isPMDragging: boolean;
-    multiSelectDnD?: MultiSelectDnD;
-    isShiftDown?: boolean;
-    lastDragCancelled: boolean;
     isEditing?: boolean;
+    isMenuOpen: boolean;
     isMouseOut?: boolean;
+    isPMDragging: boolean;
     isSelectedViaDragHandle?: boolean;
+    isShiftDown?: boolean;
+    lastDragCancelled: boolean;
+    menuTriggerBy?: string;
+    multiSelectDnD?: MultiSelectDnD;
 } | undefined;
 export type HandleOptions = {
     isFocused: boolean;
@@ -102,9 +102,9 @@ export type BlockControlsPluginDependencies = [
     OptionalPlugin<UserIntentPlugin>
 ];
 export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
-    dependencies: BlockControlsPluginDependencies;
-    sharedState: BlockControlsSharedState;
     commands: {
+        moveNode: MoveNode;
+        moveNodeWithBlockMenu: (direction: DIRECTION.UP | DIRECTION.DOWN) => EditorCommand;
         /**
          * Move a node before (unless `moveToEnd` is set) another node to expand a layout or create a new layout
          * @param from position of the node to be moved
@@ -113,28 +113,28 @@ export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
          * @param options selectMovedNode: select the moved node after moving it
          */
         moveToLayout: (start: number, to: number, options?: {
+            moveNodeAtCursorPos?: boolean;
             moveToEnd?: boolean;
             selectMovedNode?: boolean;
-            moveNodeAtCursorPos?: boolean;
         }) => EditorCommand;
-        moveNode: MoveNode;
+        setMultiSelectPositions: (anchor?: number, head?: number) => EditorCommand;
+        setNodeDragged: (getPos: () => number | undefined, anchorName: string, nodeType: string) => EditorCommand;
+        setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean) => EditorCommand;
         showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: HandleOptions, rootPos?: number, rootAnchorName?: string, rootNodeType?: string) => EditorCommand;
         toggleBlockMenu: (options?: {
-            closeMenu?: boolean;
             anchorName?: string;
+            closeMenu?: boolean;
         }) => EditorCommand;
-        setNodeDragged: (getPos: () => number | undefined, anchorName: string, nodeType: string) => EditorCommand;
-        setMultiSelectPositions: (anchor?: number, head?: number) => EditorCommand;
-        setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean) => EditorCommand;
-        moveNodeWithBlockMenu: (direction: DIRECTION.UP | DIRECTION.DOWN) => EditorCommand;
     };
+    dependencies: BlockControlsPluginDependencies;
+    sharedState: BlockControlsSharedState;
 }>;
 export type BlockControlsMeta = {
     activeNode: ActiveNode;
-    type: string;
     dom: HTMLElement;
+    editorBlurred: boolean;
     editorHeight: number;
     nodeMoved: boolean;
-    editorBlurred: boolean;
+    type: string;
 };
 export type MoveNodeMethod = INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.SHORTCUT | INPUT_METHOD.BLOCK_MENU;

package/dist/types/editor-commands/move-to-layout.d.ts

@@ -1,7 +1,7 @@
 import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockControlsPlugin } from '../blockControlsPluginType';
 export declare const moveToLayout: (api?: ExtractInjectionAPI<BlockControlsPlugin>) => (from: number, to: number, options?: {
+    moveNodeAtCursorPos?: boolean;
     moveToEnd?: boolean;
     selectMovedNode?: boolean;
-    moveNodeAtCursorPos?: boolean;
 }) => EditorCommand;

package/dist/types/editor-commands/utils/move-node-utils.d.ts

@@ -2,9 +2,9 @@ import type { ResolvedPos, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import { type Selection } from '@atlaskit/editor-prosemirror/state';
 export declare const getCurrentNodePosFromDragHandleSelection: ({ selection, schema, resolve, }: {
-    selection: Selection;
-    schema: Schema;
     resolve: (pos: number) => ResolvedPos;
+    schema: Schema;
+    selection: Selection;
 }) => number;
 export declare const getPosWhenMoveNodeUp: ($currentNodePos: ResolvedPos, currentNodePos: number) => number;
 export declare const getPosWhenMoveNodeDown: ({ $currentNodePos, nodeAfterPos, tr, }: {
@@ -18,6 +18,6 @@ export declare const getShouldMoveNode: ({ currentNodePos, moveToPos, tr, }: {
     tr: Transaction;
 }) => boolean;
 export declare const canMoveNodeUpOrDown: (tr: Transaction) => {
-    moveUp: boolean;
     moveDown: boolean;
+    moveUp: boolean;
 };

package/dist/types/pm-plugins/decorations-drag-handle.d.ts

@@ -8,15 +8,15 @@ import { type AnchorRectCache } from './utils/anchor-utils';
 export declare const emptyParagraphNodeDecorations: () => Decoration;
 export declare const findHandleDec: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
 type DragHandleDecorationParams = {
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin>;
+    editorState: EditorState;
     formatMessage: IntlShape['formatMessage'];
-    pos: number;
-    anchorName: string;
+    handleOptions?: HandleOptions;
     nodeType: string;
     nodeViewPortalProviderAPI: PortalProviderAPI;
-    handleOptions?: HandleOptions;
-    anchorRectCache?: AnchorRectCache;
-    editorState: EditorState;
+    pos: number;
 };
 export declare const dragHandleDecoration: ({ api, formatMessage, pos, anchorName, nodeType, nodeViewPortalProviderAPI, handleOptions, anchorRectCache, editorState, }: DragHandleDecorationParams) => Decoration;
 export {};

package/dist/types/pm-plugins/decorations-find-surrounding-nodes.d.ts

@@ -1,13 +1,13 @@
 import type { Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 type SurroundingNodes = {
-    pos: number;
-    node: PMNode;
+    after: PMNode | null;
+    before: PMNode | null;
     depth: number;
     index: number;
+    node: PMNode;
     parent: PMNode;
-    before: PMNode | null;
-    after: PMNode | null;
+    pos: number;
 };
 /**
  * This function returns the surrounding nodes of a given resolved position in the editor.

package/dist/types/pm-plugins/decorations-quick-insert-button.d.ts

@@ -7,16 +7,16 @@ import type { BlockControlsPlugin } from '../blockControlsPluginType';
 import { type AnchorRectCache } from './utils/anchor-utils';
 export declare const findQuickInsertInsertButtonDecoration: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
 type QuickInsertButtonDecorationParams = {
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin>;
+    editorState: EditorState;
     formatMessage: IntlShape['formatMessage'];
-    rootPos: number;
-    anchorName: string;
     nodeType: string;
     nodeViewPortalProviderAPI: PortalProviderAPI;
     rootAnchorName?: string;
     rootNodeType?: string;
-    anchorRectCache?: AnchorRectCache;
-    editorState: EditorState;
+    rootPos: number;
 };
 export declare const quickInsertButtonDecoration: ({ api, formatMessage, rootPos, anchorName, nodeType, nodeViewPortalProviderAPI, rootAnchorName, rootNodeType, anchorRectCache, editorState, }: QuickInsertButtonDecorationParams) => Decoration;
 export {};

package/dist/types/pm-plugins/quick-insert-calculate-position.d.ts

@@ -2,11 +2,11 @@ import { type CSSProperties } from 'react';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type AnchorRectCache } from './utils/anchor-utils';
 export declare const calculatePosition: ({ rootAnchorName, anchorName, view, getPos, rootNodeType, macroInteractionUpdates, anchorRectCache, }: {
-    rootAnchorName: string | undefined;
-    getPos: () => number | undefined;
-    view: EditorView;
-    rootNodeType: string;
     anchorName: string;
-    macroInteractionUpdates: boolean | undefined;
     anchorRectCache: AnchorRectCache | undefined;
+    getPos: () => number | undefined;
+    macroInteractionUpdates: boolean | undefined;
+    rootAnchorName: string | undefined;
+    rootNodeType: string;
+    view: EditorView;
 }) => CSSProperties;

package/dist/types/pm-plugins/utils/anchor-utils.d.ts

@@ -1,12 +1,12 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const isAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
 type RectInfo = {
+    bottom: number;
     height: number;
-    top: number;
     left: number;
     right: number;
+    top: number;
     width: number;
-    bottom: number;
 };
 export declare class AnchorRectCache {
     private anchorRectMap;

package/dist/types/pm-plugins/utils/getNestedNodePosition.d.ts

@@ -1,7 +1,7 @@
 import type { ResolvedPos, Schema } from '@atlaskit/editor-prosemirror/model';
 import { type Selection } from '@atlaskit/editor-prosemirror/state';
 export declare const getNestedNodePosition: ({ selection, schema, resolve, }: {
-    selection: Selection;
-    schema: Schema;
     resolve: (pos: number) => ResolvedPos;
+    schema: Schema;
+    selection: Selection;
 }) => number;

package/dist/types/pm-plugins/utils/getSelection.d.ts

@@ -1,8 +1,8 @@
 import { type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState, NodeSelection, TextSelection, type Transaction, type Selection } from '@atlaskit/editor-prosemirror/state';
 export declare const getInlineNodePos: (tr: Transaction, start: number, nodeSize: number) => {
-    inlineNodePos: number;
     inlineNodeEndPos: number;
+    inlineNodePos: number;
 };
 export declare const getSelection: (tr: Transaction, start: number) => false | NodeSelection | TextSelection;
 export declare const selectNode: (tr: Transaction, start: number, nodeType: string) => Transaction;

package/dist/types/pm-plugins/utils/transactions.d.ts

@@ -2,10 +2,10 @@ import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemir
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 interface TransactionMetadata {
     from: number;
-    to: number;
-    numReplaceSteps: number;
     isAllText: boolean;
     isReplacedWithSameSize: boolean;
+    numReplaceSteps: number;
+    to: number;
 }
 /**
  * Checks if step adds inline char

package/dist/types/pm-plugins/utils/widget-positions.d.ts

@@ -1,4 +1,4 @@
 export declare const getLeftPositionForRootElement: (dom: HTMLElement | null, nodeType: string, widgetDimensions: {
-    width: number;
     height: number;
+    width: number;
 }, innerContainer?: HTMLElement | null, macroInteractionUpdates?: boolean) => string;

package/dist/types/pm-plugins/vanilla-quick-insert.d.ts

@@ -4,15 +4,15 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin } from '../blockControlsPluginType';
 import { type AnchorRectCache } from './utils/anchor-utils';
 type VanillaQuickInsertProps = {
-    formatMessage: IntlShape['formatMessage'];
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin>;
-    view: EditorView;
-    getPos: () => number | undefined;
     cleanupCallbacks: ((() => void) | undefined)[];
-    rootNodeType: string;
-    anchorRectCache?: AnchorRectCache;
-    anchorName: string;
+    formatMessage: IntlShape['formatMessage'];
+    getPos: () => number | undefined;
     rootAnchorName: string;
+    rootNodeType: string;
+    view: EditorView;
 };
 /**
  * Create a Node which contains the quick insert button

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

@@ -4,11 +4,11 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin } from '../blockControlsPluginType';
 type BlockMenuProps = {
+    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
+    boundariesElement?: HTMLElement;
     editorView: EditorView | undefined;
     mountPoint?: HTMLElement;
-    boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
-    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
 };
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<BlockMenuProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<BlockMenuProps & WrappedComponentProps>;

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

@@ -46,14 +46,14 @@ export declare const spaceLookupMap: {
 };
 export declare const spacingBetweenNodesForPreview: {
     [key: string]: {
-        top: string;
         bottom: string;
+        top: string;
     };
 };
 export declare const nodeMargins: {
     [key: string]: {
-        top: number;
         bottom: number;
+        top: number;
     };
 };
 export declare const DEFAULT_COLUMN_DISTRIBUTIONS: {

package/dist/types/ui/drag-handle.d.ts

@@ -5,15 +5,15 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin, HandleOptions } from '../blockControlsPluginType';
 import { type AnchorRectCache } from '../pm-plugins/utils/anchor-utils';
 type DragHandleProps = {
-    view: EditorView;
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
     formatMessage: IntlShape['formatMessage'];
     getPos: () => number | undefined;
-    anchorName: string;
-    nodeType: string;
     handleOptions?: HandleOptions;
     isTopLevelNode?: boolean;
-    anchorRectCache?: AnchorRectCache;
+    nodeType: string;
+    view: EditorView;
 };
 export declare const DragHandle: ({ view, api, formatMessage, getPos, anchorName, nodeType, handleOptions, isTopLevelNode, anchorRectCache, }: DragHandleProps) => jsx.JSX.Element;
 export declare const DragHandleWithVisibility: ({ view, api, formatMessage, getPos, anchorName, nodeType, handleOptions, anchorRectCache, }: DragHandleProps) => jsx.JSX.Element;

package/dist/types/ui/drag-preview.d.ts

@@ -1,9 +1,9 @@
 export type DragPreviewContent = {
     dom: HTMLElement;
-    nodeType: string;
     nodeSpacing?: {
-        top: string;
         bottom: string;
+        top: string;
     };
+    nodeType: string;
 };
 export declare const dragPreview: (container: HTMLElement, dragPreviewContent: DragPreviewContent | DragPreviewContent[]) => () => HTMLElement;

package/dist/types/ui/drop-target-layout.d.ts

@@ -6,9 +6,9 @@ import type { BlockControlsPlugin } from '../blockControlsPluginType';
 import { type AnchorRectCache } from '../pm-plugins/utils/anchor-utils';
 export type DropTargetLayoutProps = {
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
+    formatMessage?: IntlShape['formatMessage'];
     getPos: () => number | undefined;
     parent: PMNode;
-    formatMessage?: IntlShape['formatMessage'];
 };
 export declare const DropTargetLayout: (props: DropTargetLayoutProps & {
     anchorRectCache?: AnchorRectCache;

package/dist/types/ui/drop-target.d.ts

@@ -9,12 +9,12 @@ export declare const EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_GAP = "--editor-block-
 export type DropTargetStyle = 'default' | 'remainingHeight';
 export type DropTargetProps = {
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
+    dropTargetStyle?: DropTargetStyle;
+    formatMessage?: IntlShape['formatMessage'];
     getPos: () => number | undefined;
-    prevNode?: PMNode;
     nextNode?: PMNode;
     parentNode?: PMNode;
-    dropTargetStyle?: DropTargetStyle;
-    formatMessage?: IntlShape['formatMessage'];
+    prevNode?: PMNode;
 };
 export declare const DropTarget: (props: DropTargetProps & {
     anchorRectCache?: AnchorRectCache;

package/dist/types/ui/quick-insert-button.d.ts

@@ -9,15 +9,15 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin } from '../blockControlsPluginType';
 import { type AnchorRectCache } from '../pm-plugins/utils/anchor-utils';
 type Props = {
-    view: EditorView;
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin>;
     formatMessage: IntlShape['formatMessage'];
     getPos: () => number | undefined;
     nodeType: string;
-    anchorName: string;
     rootAnchorName?: string;
     rootNodeType: string;
-    anchorRectCache?: AnchorRectCache;
+    view: EditorView;
 };
 export declare const TypeAheadControl: ({ view, api, formatMessage, getPos, nodeType, anchorName, rootAnchorName, rootNodeType, anchorRectCache, }: Props) => jsx.JSX.Element;
 export declare const QuickInsertWithVisibility: ({ view, api, formatMessage, getPos, nodeType, anchorName, rootAnchorName, rootNodeType, anchorRectCache, }: Props) => jsx.JSX.Element;

package/dist/types/ui/utils/anchor-name.d.ts

@@ -1,8 +1,8 @@
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 type RefreshAnchorNameParams = {
+    anchorName?: string;
     getPos: () => number | undefined;
     view: EditorView;
-    anchorName?: string;
 };
 /**
  * Checks for plugin state for latest anchorName based on the position, returns

package/dist/types-ts4.5/blockControlsPluginType.d.ts

@@ -15,17 +15,17 @@ import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import { type DecorationSet } from '@atlaskit/editor-prosemirror/view';
 export type ActiveNode = {
-    pos: number;
     anchorName: string;
-    nodeType: string;
     handleOptions?: HandleOptions;
-    rootPos?: number;
+    nodeType: string;
+    pos: number;
     rootAnchorName?: string;
     rootNodeType?: string;
+    rootPos?: number;
 };
 export type ActiveDropTargetNode = {
-    pos: number;
     nodeTypeName: string | null;
+    pos: number;
 };
 export type MultiSelectDnD = {
     anchor: number;
@@ -36,52 +36,52 @@ export type MultiSelectDnD = {
     userHead: number;
 };
 export interface PluginState {
-    decorations: DecorationSet;
-    isDragging: boolean;
-    isMenuOpen?: boolean;
-    menuTriggerBy?: string;
+    activeDropTargetNode?: ActiveDropTargetNode;
+    activeNode?: ActiveNode;
     blockMenuOptions?: {
-        canMoveUp?: boolean;
         canMoveDown?: boolean;
+        canMoveUp?: boolean;
     };
+    decorations: DecorationSet;
     editorHeight: number;
     editorWidthLeft: number;
     editorWidthRight: number;
-    activeNode?: ActiveNode;
-    activeDropTargetNode?: ActiveDropTargetNode;
-    isResizerResizing: boolean;
     /**
      * @private
      * @deprecated Doc size limits no longer supported
      */
     isDocSizeLimitEnabled: boolean | null;
+    isDragging: boolean;
+    isMenuOpen?: boolean;
     /**
      * is dragging the node without using drag handle, i,e, native prosemirror DnD
      */
     isPMDragging: boolean;
-    multiSelectDnD?: MultiSelectDnD;
+    isResizerResizing: boolean;
+    isSelectedViaDragHandle?: boolean;
     isShiftDown?: boolean;
     lastDragCancelled: boolean;
-    isSelectedViaDragHandle?: boolean;
+    menuTriggerBy?: string;
+    multiSelectDnD?: MultiSelectDnD;
 }
 export type ReleaseHiddenDecoration = () => boolean | undefined;
 export type BlockControlsSharedState = {
-    isMenuOpen: boolean;
-    menuTriggerBy?: string;
+    activeDropTargetNode?: ActiveDropTargetNode;
+    activeNode?: ActiveNode;
     blockMenuOptions?: {
-        canMoveUp?: boolean;
         canMoveDown?: boolean;
+        canMoveUp?: boolean;
     };
-    activeNode?: ActiveNode;
-    activeDropTargetNode?: ActiveDropTargetNode;
     isDragging: boolean;
-    isPMDragging: boolean;
-    multiSelectDnD?: MultiSelectDnD;
-    isShiftDown?: boolean;
-    lastDragCancelled: boolean;
     isEditing?: boolean;
+    isMenuOpen: boolean;
     isMouseOut?: boolean;
+    isPMDragging: boolean;
     isSelectedViaDragHandle?: boolean;
+    isShiftDown?: boolean;
+    lastDragCancelled: boolean;
+    menuTriggerBy?: string;
+    multiSelectDnD?: MultiSelectDnD;
 } | undefined;
 export type HandleOptions = {
     isFocused: boolean;
@@ -102,9 +102,9 @@ export type BlockControlsPluginDependencies = [
     OptionalPlugin<UserIntentPlugin>
 ];
 export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
-    dependencies: BlockControlsPluginDependencies;
-    sharedState: BlockControlsSharedState;
     commands: {
+        moveNode: MoveNode;
+        moveNodeWithBlockMenu: (direction: DIRECTION.UP | DIRECTION.DOWN) => EditorCommand;
         /**
          * Move a node before (unless `moveToEnd` is set) another node to expand a layout or create a new layout
          * @param from position of the node to be moved
@@ -113,28 +113,28 @@ export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
          * @param options selectMovedNode: select the moved node after moving it
          */
         moveToLayout: (start: number, to: number, options?: {
+            moveNodeAtCursorPos?: boolean;
             moveToEnd?: boolean;
             selectMovedNode?: boolean;
-            moveNodeAtCursorPos?: boolean;
         }) => EditorCommand;
-        moveNode: MoveNode;
+        setMultiSelectPositions: (anchor?: number, head?: number) => EditorCommand;
+        setNodeDragged: (getPos: () => number | undefined, anchorName: string, nodeType: string) => EditorCommand;
+        setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean) => EditorCommand;
         showDragHandleAt: (pos: number, anchorName: string, nodeType: string, handleOptions?: HandleOptions, rootPos?: number, rootAnchorName?: string, rootNodeType?: string) => EditorCommand;
         toggleBlockMenu: (options?: {
-            closeMenu?: boolean;
             anchorName?: string;
+            closeMenu?: boolean;
         }) => EditorCommand;
-        setNodeDragged: (getPos: () => number | undefined, anchorName: string, nodeType: string) => EditorCommand;
-        setMultiSelectPositions: (anchor?: number, head?: number) => EditorCommand;
-        setSelectedViaDragHandle: (isSelectedViaDragHandle?: boolean) => EditorCommand;
-        moveNodeWithBlockMenu: (direction: DIRECTION.UP | DIRECTION.DOWN) => EditorCommand;
     };
+    dependencies: BlockControlsPluginDependencies;
+    sharedState: BlockControlsSharedState;
 }>;
 export type BlockControlsMeta = {
     activeNode: ActiveNode;
-    type: string;
     dom: HTMLElement;
+    editorBlurred: boolean;
     editorHeight: number;
     nodeMoved: boolean;
-    editorBlurred: boolean;
+    type: string;
 };
 export type MoveNodeMethod = INPUT_METHOD.DRAG_AND_DROP | INPUT_METHOD.SHORTCUT | INPUT_METHOD.BLOCK_MENU;

package/dist/types-ts4.5/editor-commands/move-to-layout.d.ts

@@ -1,7 +1,7 @@
 import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { BlockControlsPlugin } from '../blockControlsPluginType';
 export declare const moveToLayout: (api?: ExtractInjectionAPI<BlockControlsPlugin>) => (from: number, to: number, options?: {
+    moveNodeAtCursorPos?: boolean;
     moveToEnd?: boolean;
     selectMovedNode?: boolean;
-    moveNodeAtCursorPos?: boolean;
 }) => EditorCommand;

package/dist/types-ts4.5/editor-commands/utils/move-node-utils.d.ts

@@ -2,9 +2,9 @@ import type { ResolvedPos, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import { type Selection } from '@atlaskit/editor-prosemirror/state';
 export declare const getCurrentNodePosFromDragHandleSelection: ({ selection, schema, resolve, }: {
-    selection: Selection;
-    schema: Schema;
     resolve: (pos: number) => ResolvedPos;
+    schema: Schema;
+    selection: Selection;
 }) => number;
 export declare const getPosWhenMoveNodeUp: ($currentNodePos: ResolvedPos, currentNodePos: number) => number;
 export declare const getPosWhenMoveNodeDown: ({ $currentNodePos, nodeAfterPos, tr, }: {
@@ -18,6 +18,6 @@ export declare const getShouldMoveNode: ({ currentNodePos, moveToPos, tr, }: {
     tr: Transaction;
 }) => boolean;
 export declare const canMoveNodeUpOrDown: (tr: Transaction) => {
-    moveUp: boolean;
     moveDown: boolean;
+    moveUp: boolean;
 };

package/dist/types-ts4.5/pm-plugins/decorations-drag-handle.d.ts

@@ -8,15 +8,15 @@ import { type AnchorRectCache } from './utils/anchor-utils';
 export declare const emptyParagraphNodeDecorations: () => Decoration;
 export declare const findHandleDec: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
 type DragHandleDecorationParams = {
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin>;
+    editorState: EditorState;
     formatMessage: IntlShape['formatMessage'];
-    pos: number;
-    anchorName: string;
+    handleOptions?: HandleOptions;
     nodeType: string;
     nodeViewPortalProviderAPI: PortalProviderAPI;
-    handleOptions?: HandleOptions;
-    anchorRectCache?: AnchorRectCache;
-    editorState: EditorState;
+    pos: number;
 };
 export declare const dragHandleDecoration: ({ api, formatMessage, pos, anchorName, nodeType, nodeViewPortalProviderAPI, handleOptions, anchorRectCache, editorState, }: DragHandleDecorationParams) => Decoration;
 export {};

package/dist/types-ts4.5/pm-plugins/decorations-find-surrounding-nodes.d.ts

@@ -1,13 +1,13 @@
 import type { Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 type SurroundingNodes = {
-    pos: number;
-    node: PMNode;
+    after: PMNode | null;
+    before: PMNode | null;
     depth: number;
     index: number;
+    node: PMNode;
     parent: PMNode;
-    before: PMNode | null;
-    after: PMNode | null;
+    pos: number;
 };
 /**
  * This function returns the surrounding nodes of a given resolved position in the editor.

package/dist/types-ts4.5/pm-plugins/decorations-quick-insert-button.d.ts

@@ -7,16 +7,16 @@ import type { BlockControlsPlugin } from '../blockControlsPluginType';
 import { type AnchorRectCache } from './utils/anchor-utils';
 export declare const findQuickInsertInsertButtonDecoration: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
 type QuickInsertButtonDecorationParams = {
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin>;
+    editorState: EditorState;
     formatMessage: IntlShape['formatMessage'];
-    rootPos: number;
-    anchorName: string;
     nodeType: string;
     nodeViewPortalProviderAPI: PortalProviderAPI;
     rootAnchorName?: string;
     rootNodeType?: string;
-    anchorRectCache?: AnchorRectCache;
-    editorState: EditorState;
+    rootPos: number;
 };
 export declare const quickInsertButtonDecoration: ({ api, formatMessage, rootPos, anchorName, nodeType, nodeViewPortalProviderAPI, rootAnchorName, rootNodeType, anchorRectCache, editorState, }: QuickInsertButtonDecorationParams) => Decoration;
 export {};

package/dist/types-ts4.5/pm-plugins/quick-insert-calculate-position.d.ts

@@ -2,11 +2,11 @@ import { type CSSProperties } from 'react';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type AnchorRectCache } from './utils/anchor-utils';
 export declare const calculatePosition: ({ rootAnchorName, anchorName, view, getPos, rootNodeType, macroInteractionUpdates, anchorRectCache, }: {
-    rootAnchorName: string | undefined;
-    getPos: () => number | undefined;
-    view: EditorView;
-    rootNodeType: string;
     anchorName: string;
-    macroInteractionUpdates: boolean | undefined;
     anchorRectCache: AnchorRectCache | undefined;
+    getPos: () => number | undefined;
+    macroInteractionUpdates: boolean | undefined;
+    rootAnchorName: string | undefined;
+    rootNodeType: string;
+    view: EditorView;
 }) => CSSProperties;

package/dist/types-ts4.5/pm-plugins/utils/anchor-utils.d.ts

@@ -1,12 +1,12 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const isAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
 type RectInfo = {
+    bottom: number;
     height: number;
-    top: number;
     left: number;
     right: number;
+    top: number;
     width: number;
-    bottom: number;
 };
 export declare class AnchorRectCache {
     private anchorRectMap;

package/dist/types-ts4.5/pm-plugins/utils/getNestedNodePosition.d.ts

@@ -1,7 +1,7 @@
 import type { ResolvedPos, Schema } from '@atlaskit/editor-prosemirror/model';
 import { type Selection } from '@atlaskit/editor-prosemirror/state';
 export declare const getNestedNodePosition: ({ selection, schema, resolve, }: {
-    selection: Selection;
-    schema: Schema;
     resolve: (pos: number) => ResolvedPos;
+    schema: Schema;
+    selection: Selection;
 }) => number;

package/dist/types-ts4.5/pm-plugins/utils/getSelection.d.ts

@@ -1,8 +1,8 @@
 import { type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState, NodeSelection, TextSelection, type Transaction, type Selection } from '@atlaskit/editor-prosemirror/state';
 export declare const getInlineNodePos: (tr: Transaction, start: number, nodeSize: number) => {
-    inlineNodePos: number;
     inlineNodeEndPos: number;
+    inlineNodePos: number;
 };
 export declare const getSelection: (tr: Transaction, start: number) => false | NodeSelection | TextSelection;
 export declare const selectNode: (tr: Transaction, start: number, nodeType: string) => Transaction;

package/dist/types-ts4.5/pm-plugins/utils/transactions.d.ts

@@ -2,10 +2,10 @@ import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemir
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 interface TransactionMetadata {
     from: number;
-    to: number;
-    numReplaceSteps: number;
     isAllText: boolean;
     isReplacedWithSameSize: boolean;
+    numReplaceSteps: number;
+    to: number;
 }
 /**
  * Checks if step adds inline char

package/dist/types-ts4.5/pm-plugins/utils/widget-positions.d.ts

@@ -1,4 +1,4 @@
 export declare const getLeftPositionForRootElement: (dom: HTMLElement | null, nodeType: string, widgetDimensions: {
-    width: number;
     height: number;
+    width: number;
 }, innerContainer?: HTMLElement | null, macroInteractionUpdates?: boolean) => string;

package/dist/types-ts4.5/pm-plugins/vanilla-quick-insert.d.ts

@@ -4,15 +4,15 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin } from '../blockControlsPluginType';
 import { type AnchorRectCache } from './utils/anchor-utils';
 type VanillaQuickInsertProps = {
-    formatMessage: IntlShape['formatMessage'];
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin>;
-    view: EditorView;
-    getPos: () => number | undefined;
     cleanupCallbacks: ((() => void) | undefined)[];
-    rootNodeType: string;
-    anchorRectCache?: AnchorRectCache;
-    anchorName: string;
+    formatMessage: IntlShape['formatMessage'];
+    getPos: () => number | undefined;
     rootAnchorName: string;
+    rootNodeType: string;
+    view: EditorView;
 };
 /**
  * Create a Node which contains the quick insert button

package/dist/types-ts4.5/ui/block-menu.d.ts

@@ -4,11 +4,11 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin } from '../blockControlsPluginType';
 type BlockMenuProps = {
+    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
+    boundariesElement?: HTMLElement;
     editorView: EditorView | undefined;
     mountPoint?: HTMLElement;
-    boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
-    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
 };
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<BlockMenuProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<BlockMenuProps & WrappedComponentProps>;

package/dist/types-ts4.5/ui/consts.d.ts

@@ -46,14 +46,14 @@ export declare const spaceLookupMap: {
 };
 export declare const spacingBetweenNodesForPreview: {
     [key: string]: {
-        top: string;
         bottom: string;
+        top: string;
     };
 };
 export declare const nodeMargins: {
     [key: string]: {
-        top: number;
         bottom: number;
+        top: number;
     };
 };
 export declare const DEFAULT_COLUMN_DISTRIBUTIONS: {

package/dist/types-ts4.5/ui/drag-handle.d.ts

@@ -5,15 +5,15 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin, HandleOptions } from '../blockControlsPluginType';
 import { type AnchorRectCache } from '../pm-plugins/utils/anchor-utils';
 type DragHandleProps = {
-    view: EditorView;
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
     formatMessage: IntlShape['formatMessage'];
     getPos: () => number | undefined;
-    anchorName: string;
-    nodeType: string;
     handleOptions?: HandleOptions;
     isTopLevelNode?: boolean;
-    anchorRectCache?: AnchorRectCache;
+    nodeType: string;
+    view: EditorView;
 };
 export declare const DragHandle: ({ view, api, formatMessage, getPos, anchorName, nodeType, handleOptions, isTopLevelNode, anchorRectCache, }: DragHandleProps) => jsx.JSX.Element;
 export declare const DragHandleWithVisibility: ({ view, api, formatMessage, getPos, anchorName, nodeType, handleOptions, anchorRectCache, }: DragHandleProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/drag-preview.d.ts

@@ -1,9 +1,9 @@
 export type DragPreviewContent = {
     dom: HTMLElement;
-    nodeType: string;
     nodeSpacing?: {
-        top: string;
         bottom: string;
+        top: string;
     };
+    nodeType: string;
 };
 export declare const dragPreview: (container: HTMLElement, dragPreviewContent: DragPreviewContent | DragPreviewContent[]) => () => HTMLElement;

package/dist/types-ts4.5/ui/drop-target-layout.d.ts

@@ -6,9 +6,9 @@ import type { BlockControlsPlugin } from '../blockControlsPluginType';
 import { type AnchorRectCache } from '../pm-plugins/utils/anchor-utils';
 export type DropTargetLayoutProps = {
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
+    formatMessage?: IntlShape['formatMessage'];
     getPos: () => number | undefined;
     parent: PMNode;
-    formatMessage?: IntlShape['formatMessage'];
 };
 export declare const DropTargetLayout: (props: DropTargetLayoutProps & {
     anchorRectCache?: AnchorRectCache;

package/dist/types-ts4.5/ui/drop-target.d.ts

@@ -9,12 +9,12 @@ export declare const EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_GAP = "--editor-block-
 export type DropTargetStyle = 'default' | 'remainingHeight';
 export type DropTargetProps = {
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
+    dropTargetStyle?: DropTargetStyle;
+    formatMessage?: IntlShape['formatMessage'];
     getPos: () => number | undefined;
-    prevNode?: PMNode;
     nextNode?: PMNode;
     parentNode?: PMNode;
-    dropTargetStyle?: DropTargetStyle;
-    formatMessage?: IntlShape['formatMessage'];
+    prevNode?: PMNode;
 };
 export declare const DropTarget: (props: DropTargetProps & {
     anchorRectCache?: AnchorRectCache;

package/dist/types-ts4.5/ui/quick-insert-button.d.ts

@@ -9,15 +9,15 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin } from '../blockControlsPluginType';
 import { type AnchorRectCache } from '../pm-plugins/utils/anchor-utils';
 type Props = {
-    view: EditorView;
+    anchorName: string;
+    anchorRectCache?: AnchorRectCache;
     api: ExtractInjectionAPI<BlockControlsPlugin>;
     formatMessage: IntlShape['formatMessage'];
     getPos: () => number | undefined;
     nodeType: string;
-    anchorName: string;
     rootAnchorName?: string;
     rootNodeType: string;
-    anchorRectCache?: AnchorRectCache;
+    view: EditorView;
 };
 export declare const TypeAheadControl: ({ view, api, formatMessage, getPos, nodeType, anchorName, rootAnchorName, rootNodeType, anchorRectCache, }: Props) => jsx.JSX.Element;
 export declare const QuickInsertWithVisibility: ({ view, api, formatMessage, getPos, nodeType, anchorName, rootAnchorName, rootNodeType, anchorRectCache, }: Props) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/utils/anchor-name.d.ts

@@ -1,8 +1,8 @@
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 type RefreshAnchorNameParams = {
+    anchorName?: string;
     getPos: () => number | undefined;
     view: EditorView;
-    anchorName?: string;
 };
 /**
  * Checks for plugin state for latest anchorName based on the position, returns

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "4.2.3",
+	"version": "4.2.4",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,7 +40,7 @@
 		"@atlaskit/editor-plugin-limited-mode": "^0.0.3",
 		"@atlaskit/editor-plugin-metrics": "^4.0.0",
 		"@atlaskit/editor-plugin-quick-insert": "^3.0.0",
-		"@atlaskit/editor-plugin-selection": "^3.1.0",
+		"@atlaskit/editor-plugin-selection": "^3.2.0",
 		"@atlaskit/editor-plugin-type-ahead": "^3.1.0",
 		"@atlaskit/editor-plugin-user-intent": "^1.1.0",
 		"@atlaskit/editor-plugin-width": "^4.0.0",
@@ -55,7 +55,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.5.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -67,7 +67,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.26.0",
+		"@atlaskit/editor-common": "^107.28.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"