@atlaskit/editor-plugin-block-controls 7.4.2 → 7.5.0

package/dist/esm/pm-plugins/utils/getSelection.js

@@ -1,9 +1,9 @@
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
+import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { selectTableClosestToPos } from '@atlaskit/editor-tables/utils';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var getInlineNodePos = function getInlineNodePos(tr, start, nodeSize) {
   var $startPos = tr.doc.resolve(start);
   // To trigger the annotation floating toolbar for non-selectable node, we need to select inline nodes
@@ -115,25 +115,25 @@ var newGetSelection = function newGetSelection(tr, start) {
     inlineNodeEndPos = _getInlineNodePos2.inlineNodeEndPos;
   return new TextSelection(tr.doc.resolve(inlineNodePos), tr.doc.resolve(inlineNodeEndPos));
 };
-export var getSelection = function getSelection(tr, start) {
-  if (editorExperiment('platform_editor_controls', 'variant1')) {
+export var getSelection = function getSelection(tr, start, api) {
+  if (areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar))) {
     return newGetSelection(tr, start);
   }
   return oldGetSelection(tr, start);
 };
-export var selectNode = function selectNode(tr, start, nodeType) {
+export var selectNode = function selectNode(tr, start, nodeType, api) {
   // For table, we need to do cell selection instead of node selection
   if (nodeType === 'table') {
     tr = selectTableClosestToPos(tr, tr.doc.resolve(start + 1));
     return tr;
   }
-  var selection = getSelection(tr, start);
+  var selection = getSelection(tr, start, api);
   if (selection) {
     tr.setSelection(selection);
   }
   return tr;
 };
-export var setCursorPositionAtMovedNode = function setCursorPositionAtMovedNode(tr, start) {
+export var setCursorPositionAtMovedNode = function setCursorPositionAtMovedNode(tr, start, api) {
   var node = tr.doc.nodeAt(start);
   var isNodeSelection = node && NodeSelection.isSelectable(node);
   var nodeSize = node ? node.nodeSize : 1;
@@ -147,7 +147,7 @@ export var setCursorPositionAtMovedNode = function setCursorPositionAtMovedNode(
   }
 
   // this is a fix for empty paragraph selection - can safely use start position as the paragraph is empty
-  if ((node === null || node === void 0 ? void 0 : node.type.name) === 'paragraph' && (node === null || node === void 0 ? void 0 : node.childCount) === 0 && editorExperiment('platform_editor_controls', 'variant1')) {
+  if ((node === null || node === void 0 ? void 0 : node.type.name) === 'paragraph' && (node === null || node === void 0 ? void 0 : node.childCount) === 0 && areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar))) {
     var _selection = new TextSelection(tr.doc.resolve(start));
     tr.setSelection(_selection);
     return tr;

package/dist/esm/pm-plugins/utils/transactions.js

@@ -1,5 +1,4 @@
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 /**
  * Checks if step adds inline char
  * @param s
@@ -41,7 +40,7 @@ var isStepContentReplacedWithAnotherOfSameSize = function isStepContentReplacedW
  * Number of ReplaceStep and ReplaceAroundStep steps 'numReplaceSteps'.
  * 'isAllText' if all steps are represent adding inline text or a backspace/delete or no-op
  */
-export var getTrMetadata = function getTrMetadata(tr) {
+export var getTrMetadata = function getTrMetadata(tr, flags) {
   var from;
   var to;
   var numReplaceSteps = 0;
@@ -52,7 +51,9 @@ export var getTrMetadata = function getTrMetadata(tr) {
       if (s instanceof ReplaceAroundStep || s instanceof ReplaceStep && !isStepText(s) && !isStepDelete(s)) {
         isAllText = false;
       }
-      if (editorExperiment('platform_editor_controls', 'variant1')) {
+      // Fixes drag handle and quick insert button overlap issues
+      if (flags.toolbarFlagsEnabled) {
+        // platform_editor_controls note: fixes drag handle and quick insert button overlap issues
         isReplacedWithSameSize = isStepContentReplacedWithAnotherOfSameSize(s);
       }
       var mappedTo = tr.mapping.map(s.to);

package/dist/esm/ui/drag-handle.js

@@ -293,7 +293,7 @@ var getNodeMargins = function getNodeMargins(node) {
   return nodeMargins[nodeTypeName] || nodeMargins['default'];
 };
 export var DragHandle = function DragHandle(_ref) {
-  var _api$core2, _api$blockControls4, _api$analytics2, _api$core4, _api$core6, _api$blockControls6, _api$userIntent2;
+  var _api$core3;
   var view = _ref.view,
     api = _ref.api,
     formatMessage = _ref.formatMessage,
@@ -388,10 +388,10 @@ export var DragHandle = function DragHandle(_ref) {
             var _selection = new NodeSelection(tr.doc.resolve(startPos));
             tr.setSelection(_selection);
           } else {
-            tr = selectNode(tr, startPos, nodeType);
+            tr = selectNode(tr, startPos, nodeType, api);
           }
         } else {
-          tr = selectNode(tr, startPos, nodeType);
+          tr = selectNode(tr, startPos, nodeType, api);
         }
         if (BLOCK_MENU_ENABLED && editorExperiment('platform_editor_controls', 'variant1')) {
           var _api$blockControls;
@@ -437,7 +437,7 @@ export var DragHandle = function DragHandle(_ref) {
       return tr;
     });
     view.focus();
-  }, [isMultiSelect, api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions, api === null || api === void 0 ? void 0 : api.blockControls.sharedState, api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 ? void 0 : _api$blockControls4.commands, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, view, dragHandleSelected, getPos, isTopLevelNode, nodeType, anchorName]);
+  }, [isMultiSelect, api, view, dragHandleSelected, getPos, isTopLevelNode, nodeType, anchorName]);
 
   // TODO: ED-26959 - This needs to be investigated further. Drag preview generation is not always working
   // as expected with a node selection. This workaround sets the selection to the node on mouseDown,
@@ -455,9 +455,9 @@ export var DragHandle = function DragHandle(_ref) {
   var handleKeyDown = useCallback(function (e) {
     // allow user to use spacebar to select the node
     if (!e.repeat && e.key === ' ') {
-      var _api$core3;
+      var _api$core2;
       var startPos = getPos();
-      api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
+      api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref3) {
         var tr = _ref3.tr;
         if (startPos === undefined) {
           return tr;
@@ -481,28 +481,28 @@ export var DragHandle = function DragHandle(_ref) {
       // return focus to editor to resume editing from caret position
       view.focus();
     }
-  }, [getPos, api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, isMultiSelect, view]);
+  }, [getPos, api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions, isMultiSelect, view]);
   var handleKeyDownNew = useCallback(function (e) {
     // allow user to use spacebar to select the node
     if (e.key === 'Enter' || !e.repeat && e.key === ' ') {
-      var _api$core5;
+      var _api$core4;
       if (document.activeElement !== buttonRef.current) {
         return;
       }
       e.preventDefault();
       e.stopPropagation();
       var startPos = getPos();
-      api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref4) {
-        var _api$blockControls5, _api$userIntent;
+      api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(function (_ref4) {
+        var _api$blockControls4, _api$userIntent;
         var tr = _ref4.tr;
         if (startPos === undefined) {
           return tr;
         }
-        tr = selectNode(tr, startPos, nodeType);
+        tr = selectNode(tr, startPos, nodeType, api);
         !isMultiSelect && tr.setMeta(key, {
           pos: startPos
         });
-        api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.toggleBlockMenu({
+        api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 || _api$blockControls4.commands.toggleBlockMenu({
           anchorName: anchorName,
           openedViaKeyboard: true
         })({
@@ -520,7 +520,7 @@ export var DragHandle = function DragHandle(_ref) {
       // return focus to editor to resume editing from caret position
       view.focus();
     }
-  }, [getPos, api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions, api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 ? void 0 : _api$blockControls6.commands, api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.commands, nodeType, isMultiSelect, anchorName, view]);
+  }, [getPos, api, nodeType, isMultiSelect, anchorName, view]);
   useEffect(function () {
     var element = buttonRef.current;
     if (!element) {
@@ -538,8 +538,8 @@ export var DragHandle = function DragHandle(_ref) {
         var _api$blockControls$sh2;
         var nativeSetDragImage = _ref5.nativeSetDragImage;
         if (isMultiSelect) {
-          var _api$core7;
-          api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref6) {
+          var _api$core5;
+          api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref6) {
             var tr = _ref6.tr;
             var handlePos = getPos();
             if (typeof handlePos !== 'number') {
@@ -547,12 +547,12 @@ export var DragHandle = function DragHandle(_ref) {
             }
             var newHandlePosCheck = isHandleCorrelatedToSelection(view.state, tr.selection, handlePos);
             if (!tr.selection.empty && newHandlePosCheck) {
-              var _api$blockControls7;
-              api === null || api === void 0 || (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 || _api$blockControls7.commands.setMultiSelectPositions()({
+              var _api$blockControls5;
+              api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.setMultiSelectPositions()({
                 tr: tr
               });
             } else if (fg('platform_editor_elements_dnd_select_node_on_drag')) {
-              tr = selectNode(tr, handlePos, nodeType);
+              tr = selectNode(tr, handlePos, nodeType, api);
             }
             return tr;
           });
@@ -651,12 +651,12 @@ export var DragHandle = function DragHandle(_ref) {
         });
       },
       onDragStart: function onDragStart() {
-        var _api$core8;
+        var _api$core6;
         if (start === undefined) {
           return;
         }
-        api === null || api === void 0 || (_api$core8 = api.core) === null || _api$core8 === void 0 || _api$core8.actions.execute(function (_ref8) {
-          var _api$blockControls$sh3, _api$blockControls8, _api$analytics3;
+        api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(function (_ref8) {
+          var _api$blockControls$sh3, _api$blockControls6, _api$analytics2;
           var tr = _ref8.tr;
           var nodeTypes, hasSelectedMultipleNodes;
           var resolvedMovingNode = tr.doc.resolve(start);
@@ -670,11 +670,11 @@ export var DragHandle = function DragHandle(_ref) {
             nodeTypes = maybeNode === null || maybeNode === void 0 ? void 0 : maybeNode.type.name;
             hasSelectedMultipleNodes = false;
           }
-          api === null || api === void 0 || (_api$blockControls8 = api.blockControls) === null || _api$blockControls8 === void 0 || _api$blockControls8.commands.setNodeDragged(getPos, anchorName, nodeType)({
+          api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.setNodeDragged(getPos, anchorName, nodeType)({
             tr: tr
           });
           tr.setMeta('scrollIntoView', false);
-          api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
+          api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
             eventType: EVENT_TYPE.UI,
             action: ACTION.DRAGGED,
             actionSubject: ACTION_SUBJECT.ELEMENT,

package/dist/esm/ui/global-styles.js

@@ -6,6 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, Global, jsx } from '@emotion/react';
 import { tableControlsSpacing, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
+import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { akEditorBreakoutPadding, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
@@ -402,9 +403,12 @@ export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
   var isDragging = useSharedPluginStateSelector(api, 'blockControls.isDragging', {
     disabled: !expValEquals('platform_editor_block_controls_perf_optimization', 'isEnabled', true)
   });
+  var toolbarFlagsEnabled = areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
   return jsx(Global, {
     styles: [globalStyles(), globalDnDStyle, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && (expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), editorExperiment('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
-    }) ? expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined, editorExperiment('platform_editor_controls', 'variant1') ? undefined : withInlineNodeStyle, editorExperiment('platform_editor_block_control_optimise_render', true) ? quickInsertStyles : undefined, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withRelativePosStyleNext : withRelativePosStyle, topLevelNodeMarginStyles, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withAnchorNameZindexStyleNext : withAnchorNameZindexStyle, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) && expValEquals('advanced_layouts', 'isEnabled', true) ? layoutColumnExtendedHoverZone : layoutColumnWithoutHoverZone]
+    }) ? expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined,
+    // platform_editor_controls note: this allows drag handles to render on empty lines
+    toolbarFlagsEnabled ? undefined : withInlineNodeStyle, editorExperiment('platform_editor_block_control_optimise_render', true) ? quickInsertStyles : undefined, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withRelativePosStyleNext : withRelativePosStyle, topLevelNodeMarginStyles, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withAnchorNameZindexStyleNext : withAnchorNameZindexStyle, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) && expValEquals('advanced_layouts', 'isEnabled', true) ? layoutColumnExtendedHoverZone : layoutColumnWithoutHoverZone]
   });
 };

package/dist/types/blockControlsPluginType.d.ts

@@ -10,6 +10,7 @@ import type { LimitedModePlugin } from '@atlaskit/editor-plugin-limited-mode';
 import type { MetricsPlugin } from '@atlaskit/editor-plugin-metrics';
 import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
+import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
@@ -101,7 +102,8 @@ export type BlockControlsPluginDependencies = [
     OptionalPlugin<SelectionPlugin>,
     OptionalPlugin<MetricsPlugin>,
     OptionalPlugin<InteractionPlugin>,
-    OptionalPlugin<UserIntentPlugin>
+    OptionalPlugin<UserIntentPlugin>,
+    OptionalPlugin<ToolbarPlugin>
 ];
 export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
     commands: {

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

@@ -10,6 +10,7 @@ import { AnchorRectCache } from './utils/anchor-utils';
 export declare const key: PluginKey<PluginState>;
 export interface FlagType {
     isMultiSelectEnabled: boolean;
+    toolbarFlagsEnabled: boolean;
 }
 export declare const getDecorations: (state: EditorState) => DecorationSet | undefined;
 export declare const apply: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape["formatMessage"], tr: ReadonlyTransaction, currentState: PluginState, newState: EditorState, flags: FlagType, nodeViewPortalProviderAPI: PortalProviderAPI, anchorRectCache?: AnchorRectCache, resizeObserverWidth?: ResizeObserver, pragmaticCleanup?: (() => void) | null) => PluginState | {

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

@@ -1,13 +1,15 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState, NodeSelection, TextSelection, type Transaction, type Selection } from '@atlaskit/editor-prosemirror/state';
+import type { BlockControlsPlugin } from '../../blockControlsPluginType';
 export declare const getInlineNodePos: (tr: Transaction, start: number, nodeSize: number) => {
     inlineNodeEndPos: number;
     inlineNodePos: number;
 };
 export declare const isNodeWithCodeBlock: (tr: Transaction, start: number, nodeSize: number) => boolean;
-export declare const getSelection: (tr: Transaction, start: number) => false | NodeSelection | TextSelection;
-export declare const selectNode: (tr: Transaction, start: number, nodeType: string) => Transaction;
-export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number) => Transaction;
+export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | NodeSelection | TextSelection;
+export declare const selectNode: (tr: Transaction, start: number, nodeType: string, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
+export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 /**
  * Checks if handle position is with the selection or corresponds to a (partially) selected node
  * @param state

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

@@ -1,5 +1,6 @@
 import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import type { FlagType } from '../main';
 interface TransactionMetadata {
     from: number;
     isAllText: boolean;
@@ -26,5 +27,5 @@ export declare const isStepDelete: (s: ReplaceStep) => boolean;
  * Number of ReplaceStep and ReplaceAroundStep steps 'numReplaceSteps'.
  * 'isAllText' if all steps are represent adding inline text or a backspace/delete or no-op
  */
-export declare const getTrMetadata: (tr: Transaction | ReadonlyTransaction) => TransactionMetadata;
+export declare const getTrMetadata: (tr: Transaction | ReadonlyTransaction, flags: FlagType) => TransactionMetadata;
 export {};

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

@@ -10,6 +10,7 @@ import type { LimitedModePlugin } from '@atlaskit/editor-plugin-limited-mode';
 import type { MetricsPlugin } from '@atlaskit/editor-plugin-metrics';
 import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
+import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
@@ -101,7 +102,8 @@ export type BlockControlsPluginDependencies = [
     OptionalPlugin<SelectionPlugin>,
     OptionalPlugin<MetricsPlugin>,
     OptionalPlugin<InteractionPlugin>,
-    OptionalPlugin<UserIntentPlugin>
+    OptionalPlugin<UserIntentPlugin>,
+    OptionalPlugin<ToolbarPlugin>
 ];
 export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
     commands: {

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

@@ -10,6 +10,7 @@ import { AnchorRectCache } from './utils/anchor-utils';
 export declare const key: PluginKey<PluginState>;
 export interface FlagType {
     isMultiSelectEnabled: boolean;
+    toolbarFlagsEnabled: boolean;
 }
 export declare const getDecorations: (state: EditorState) => DecorationSet | undefined;
 export declare const apply: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape["formatMessage"], tr: ReadonlyTransaction, currentState: PluginState, newState: EditorState, flags: FlagType, nodeViewPortalProviderAPI: PortalProviderAPI, anchorRectCache?: AnchorRectCache, resizeObserverWidth?: ResizeObserver, pragmaticCleanup?: (() => void) | null) => PluginState | {

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

@@ -1,13 +1,15 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState, NodeSelection, TextSelection, type Transaction, type Selection } from '@atlaskit/editor-prosemirror/state';
+import type { BlockControlsPlugin } from '../../blockControlsPluginType';
 export declare const getInlineNodePos: (tr: Transaction, start: number, nodeSize: number) => {
     inlineNodeEndPos: number;
     inlineNodePos: number;
 };
 export declare const isNodeWithCodeBlock: (tr: Transaction, start: number, nodeSize: number) => boolean;
-export declare const getSelection: (tr: Transaction, start: number) => false | NodeSelection | TextSelection;
-export declare const selectNode: (tr: Transaction, start: number, nodeType: string) => Transaction;
-export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number) => Transaction;
+export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | NodeSelection | TextSelection;
+export declare const selectNode: (tr: Transaction, start: number, nodeType: string, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
+export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 /**
  * Checks if handle position is with the selection or corresponds to a (partially) selected node
  * @param state

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

@@ -1,5 +1,6 @@
 import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import type { FlagType } from '../main';
 interface TransactionMetadata {
     from: number;
     isAllText: boolean;
@@ -26,5 +27,5 @@ export declare const isStepDelete: (s: ReplaceStep) => boolean;
  * Number of ReplaceStep and ReplaceAroundStep steps 'numReplaceSteps'.
  * 'isAllText' if all steps are represent adding inline text or a backspace/delete or no-op
  */
-export declare const getTrMetadata: (tr: Transaction | ReadonlyTransaction) => TransactionMetadata;
+export declare const getTrMetadata: (tr: Transaction | ReadonlyTransaction, flags: FlagType) => TransactionMetadata;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "7.4.2",
+	"version": "7.5.0",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,7 +28,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^51.3.0",
+		"@atlaskit/adf-schema": "^51.3.1",
 		"@atlaskit/editor-plugin-accessibility-utils": "^6.0.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^6.1.0",
@@ -38,6 +38,7 @@
 		"@atlaskit/editor-plugin-metrics": "^7.1.0",
 		"@atlaskit/editor-plugin-quick-insert": "^6.0.0",
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
+		"@atlaskit/editor-plugin-toolbar": "^3.4.0",
 		"@atlaskit/editor-plugin-type-ahead": "^6.5.0",
 		"@atlaskit/editor-plugin-user-intent": "^4.0.0",
 		"@atlaskit/editor-plugin-width": "^7.0.0",
@@ -64,7 +65,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.16.0",
+		"@atlaskit/editor-common": "^110.18.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"