@atlaskit/editor-plugin-block-controls 3.10.2 → 3.11.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 3.11.0
+
+### Minor Changes
+
+- [#141095](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/141095)
+  [`5f0694bcf5c1f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f0694bcf5c1f) -
+  Add UserIntentPlugin as an optional dependency, and add its corresponding package as package
+  dependency
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.10.3
+
+### Patch Changes
+
+- [#139698](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/139698)
+  [`cf8ea53ed0264`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cf8ea53ed0264) -
+  Clean-up nested expand feature gate
+- [#142866](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142866)
+  [`b2ff4351e7e00`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2ff4351e7e00) -
+  Fix missing destroy callback for quick insert
+- Updated dependencies
+
 ## 3.10.2
 
 ### Patch Changes

package/dist/cjs/blockControlsPlugin.js

@@ -114,6 +114,12 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
               tr: tr
             });
           }
+          if ((0, _platformFeatureFlags.fg)('platform_editor_user_intent_plugin')) {
+            var _api$userIntent;
+            api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || _api$userIntent.commands.setCurrentUserIntent('dragging')({
+              tr: tr
+            });
+          }
           return tr;
         };
       },

package/dist/cjs/pm-plugins/decorations-drag-handle.js

@@ -30,7 +30,9 @@ var findHandleDec = exports.findHandleDec = function findHandleDec(decorations,
   });
 };
 var dragHandleDecoration = exports.dragHandleDecoration = function dragHandleDecoration(api, formatMessage, pos, anchorName, nodeType, nodeViewPortalProviderAPI, handleOptions, anchorRectCache) {
-  (0, _decorationsCommon.unmountDecorations)(nodeViewPortalProviderAPI, 'data-blocks-drag-handle-container', 'data-blocks-drag-handle-key');
+  if (!(0, _platformFeatureFlags.fg)('platform_editor_fix_widget_destroy')) {
+    (0, _decorationsCommon.unmountDecorations)(nodeViewPortalProviderAPI, 'data-blocks-drag-handle-container', 'data-blocks-drag-handle-key');
+  }
   var unbind;
   var key = (0, _uuid.default)();
   return _view.Decoration.widget(pos, function (view, getPosUnsafe) {
@@ -121,8 +123,12 @@ var dragHandleDecoration = exports.dragHandleDecoration = function dragHandleDec
     side: -1,
     type: _decorationsCommon.TYPE_HANDLE_DEC,
     testid: "".concat(_decorationsCommon.TYPE_HANDLE_DEC, "-").concat((0, _uuid.default)()),
-    destroy: function destroy() {
-      return unbind && unbind();
+    destroy: function destroy(node) {
+      unbind && unbind();
+      if ((0, _platformFeatureFlags.fg)('platform_editor_fix_widget_destroy')) {
+        // eslint-disable-next-line @atlaskit/editor/no-as-casting
+        _reactDom.default.unmountComponentAtNode(node);
+      }
     }
   });
 };

package/dist/cjs/pm-plugins/decorations-quick-insert-button.js

@@ -57,6 +57,11 @@ var quickInsertButtonDecoration = exports.quickInsertButtonDecoration = function
     return element;
   }, {
     side: -2,
-    type: TYPE_QUICK_INSERT
+    type: TYPE_QUICK_INSERT,
+    destroy: function destroy(_) {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_fix_widget_destroy')) {
+        nodeViewPortalProviderAPI.remove(key);
+      }
+    }
   });
 };

package/dist/cjs/pm-plugins/main.js

@@ -83,12 +83,15 @@ var destroyFn = function destroyFn(api, editorView) {
       if (isHTMLElement(scrollable)) {
         scrollable.style.setProperty('scroll-behavior', null);
       }
-      api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref3) {
+      if (!api) {
+        return;
+      }
+      (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref3) {
         var tr = _ref3.tr;
         var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
         if (isMultiSelect) {
           var _api$blockControls, _api$selection;
-          var _ref4 = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
+          var _ref4 = ((_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
             multiSelectDnD = _ref4.multiSelectDnD;
           // Restore the users initial Editor selection when the drop completes
           if (multiSelectDnD) {
@@ -105,7 +108,7 @@ var destroyFn = function destroyFn(api, editorView) {
               }
             }
           }
-          api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || _api$selection.commands.clearManualSelection()({
+          (_api$selection = api.selection) === null || _api$selection === void 0 || _api$selection.commands.clearManualSelection()({
             tr: tr
           });
         }
@@ -116,7 +119,7 @@ var destroyFn = function destroyFn(api, editorView) {
         if (lastDragCancelled) {
           var _api$analytics2;
           var nodeTypes, hasSelectedMultipleNodes;
-          if (isMultiSelect && api) {
+          if (isMultiSelect) {
             var position = (0, _selection2.getSelectedSlicePosition)(start, tr, api);
             var attributes = (0, _analytics2.getMultiSelectAnalyticsAttributes)(tr, position.from, position.to);
             nodeTypes = attributes.nodeTypes;
@@ -124,7 +127,7 @@ var destroyFn = function destroyFn(api, editorView) {
           }
           var resolvedMovingNode = tr.doc.resolve(start);
           var maybeNode = resolvedMovingNode.nodeAfter;
-          api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
+          (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
             eventType: _analytics.EVENT_TYPE.UI,
             action: _analytics.ACTION.CANCELLED,
             actionSubject: _analytics.ACTION_SUBJECT.DRAG,
@@ -140,7 +143,13 @@ var destroyFn = function destroyFn(api, editorView) {
         }
         if ((0, _platformFeatureFlags.fg)('platform_editor_ease_of_use_metrics')) {
           var _api$metrics;
-          api === null || api === void 0 || (_api$metrics = api.metrics) === null || _api$metrics === void 0 || _api$metrics.commands.startActiveSessionTimer()({
+          (_api$metrics = api.metrics) === null || _api$metrics === void 0 || _api$metrics.commands.startActiveSessionTimer()({
+            tr: tr
+          });
+        }
+        if ((0, _platformFeatureFlags.fg)('platform_editor_user_intent_plugin')) {
+          var _api$userIntent;
+          (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || _api$userIntent.commands.setCurrentUserIntent('default')({
             tr: tr
           });
         }

package/dist/cjs/pm-plugins/utils/validation.js

@@ -144,13 +144,6 @@ function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, $destNodePos,
     }
   }
 
-  // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
-  if ((0, _experiments.editorExperiment)('nested-expand-in-expand', false)) {
-    if (destParentNodeType === expand && (activeNodeType === expand || activeNodeType === nestedExpand)) {
-      return false;
-    }
-  }
-
   // NOTE: this will block drop targets from showing for dragging a table into another table
   // unless nested tables are supported and the nesting depth does not exceed 1
   if ((destParentNodeType === tableCell || destParentNodeType === tableHeader) && activeNodeType === table) {

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

@@ -166,6 +166,7 @@ var tooltipContainerStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   bottom: "-".concat(_consts.STICKY_CONTROLS_TOP_MARGIN, "px"),
   position: 'sticky',
+  display: 'block',
   zIndex: 100 // card = 100
 });
 var tooltipContainerStylesStickyHeaderWithMask = (0, _react2.css)({

package/dist/cjs/ui/quick-insert-button.js

@@ -105,6 +105,7 @@ var tooltipContainerStyles = (0, _react2.css)({
   top: '8px',
   bottom: '-8px',
   position: 'sticky',
+  display: 'block',
   zIndex: 'card'
 });
 var tooltipContainerStylesStickyHeader = (0, _react2.css)({

package/dist/es2019/blockControlsPlugin.js

@@ -105,6 +105,12 @@ export const blockControlsPlugin = ({
           tr
         });
       }
+      if (fg('platform_editor_user_intent_plugin')) {
+        var _api$userIntent;
+        api === null || api === void 0 ? void 0 : (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.commands.setCurrentUserIntent('dragging')({
+          tr
+        });
+      }
       return tr;
     },
     setMultiSelectPositions: (anchor, head) => ({

package/dist/es2019/pm-plugins/decorations-drag-handle.js

@@ -21,7 +21,9 @@ export const findHandleDec = (decorations, from, to) => {
   return decorations.find(from, to, spec => spec.type === TYPE_HANDLE_DEC);
 };
 export const dragHandleDecoration = (api, formatMessage, pos, anchorName, nodeType, nodeViewPortalProviderAPI, handleOptions, anchorRectCache) => {
-  unmountDecorations(nodeViewPortalProviderAPI, 'data-blocks-drag-handle-container', 'data-blocks-drag-handle-key');
+  if (!fg('platform_editor_fix_widget_destroy')) {
+    unmountDecorations(nodeViewPortalProviderAPI, 'data-blocks-drag-handle-container', 'data-blocks-drag-handle-key');
+  }
   let unbind;
   const key = uuid();
   return Decoration.widget(pos, (view, getPosUnsafe) => {
@@ -112,6 +114,12 @@ export const dragHandleDecoration = (api, formatMessage, pos, anchorName, nodeTy
     side: -1,
     type: TYPE_HANDLE_DEC,
     testid: `${TYPE_HANDLE_DEC}-${uuid()}`,
-    destroy: () => unbind && unbind()
+    destroy: node => {
+      unbind && unbind();
+      if (fg('platform_editor_fix_widget_destroy')) {
+        // eslint-disable-next-line @atlaskit/editor/no-as-casting
+        ReactDOM.unmountComponentAtNode(node);
+      }
+    }
   });
 };

package/dist/es2019/pm-plugins/decorations-quick-insert-button.js

@@ -44,6 +44,11 @@ export const quickInsertButtonDecoration = (api, formatMessage, rootPos, anchorN
     return element;
   }, {
     side: -2,
-    type: TYPE_QUICK_INSERT
+    type: TYPE_QUICK_INSERT,
+    destroy: _ => {
+      if (fg('platform_editor_fix_widget_destroy')) {
+        nodeViewPortalProviderAPI.remove(key);
+      }
+    }
   });
 };

package/dist/es2019/pm-plugins/main.js

@@ -75,7 +75,10 @@ const destroyFn = (api, editorView) => {
       if (isHTMLElement(scrollable)) {
         scrollable.style.setProperty('scroll-behavior', null);
       }
-      api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(({
+      if (!api) {
+        return;
+      }
+      (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(({
         tr
       }) => {
         const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
@@ -83,7 +86,7 @@ const destroyFn = (api, editorView) => {
           var _api$blockControls, _api$selection;
           const {
             multiSelectDnD
-          } = (api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {};
+          } = ((_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {};
           // Restore the users initial Editor selection when the drop completes
           if (multiSelectDnD) {
             // If the TextSelection between the drag start and end has changed, the document has changed, and we should not reapply the last selection
@@ -99,7 +102,7 @@ const destroyFn = (api, editorView) => {
               }
             }
           }
-          api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.commands.clearManualSelection()({
+          (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.commands.clearManualSelection()({
             tr
           });
         }
@@ -111,7 +114,7 @@ const destroyFn = (api, editorView) => {
         if (lastDragCancelled) {
           var _api$analytics2;
           let nodeTypes, hasSelectedMultipleNodes;
-          if (isMultiSelect && api) {
+          if (isMultiSelect) {
             const position = getSelectedSlicePosition(start, tr, api);
             const attributes = getMultiSelectAnalyticsAttributes(tr, position.from, position.to);
             nodeTypes = attributes.nodeTypes;
@@ -119,7 +122,7 @@ const destroyFn = (api, editorView) => {
           }
           const resolvedMovingNode = tr.doc.resolve(start);
           const maybeNode = resolvedMovingNode.nodeAfter;
-          api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
+          (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
             eventType: EVENT_TYPE.UI,
             action: ACTION.CANCELLED,
             actionSubject: ACTION_SUBJECT.DRAG,
@@ -136,7 +139,13 @@ const destroyFn = (api, editorView) => {
         }
         if (fg('platform_editor_ease_of_use_metrics')) {
           var _api$metrics;
-          api === null || api === void 0 ? void 0 : (_api$metrics = api.metrics) === null || _api$metrics === void 0 ? void 0 : _api$metrics.commands.startActiveSessionTimer()({
+          (_api$metrics = api.metrics) === null || _api$metrics === void 0 ? void 0 : _api$metrics.commands.startActiveSessionTimer()({
+            tr
+          });
+        }
+        if (fg('platform_editor_user_intent_plugin')) {
+          var _api$userIntent;
+          (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.commands.setCurrentUserIntent('default')({
             tr
           });
         }

package/dist/es2019/pm-plugins/utils/validation.js

@@ -135,13 +135,6 @@ export function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, $destNo
     }
   }
 
-  // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
-  if (editorExperiment('nested-expand-in-expand', false)) {
-    if (destParentNodeType === expand && (activeNodeType === expand || activeNodeType === nestedExpand)) {
-      return false;
-    }
-  }
-
   // NOTE: this will block drop targets from showing for dragging a table into another table
   // unless nested tables are supported and the nesting depth does not exceed 1
   if ((destParentNodeType === tableCell || destParentNodeType === tableHeader) && activeNodeType === table) {

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

@@ -158,6 +158,7 @@ const tooltipContainerStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   bottom: `-${STICKY_CONTROLS_TOP_MARGIN}px`,
   position: 'sticky',
+  display: 'block',
   zIndex: 100 // card = 100
 });
 const tooltipContainerStylesStickyHeaderWithMask = css({

package/dist/es2019/ui/quick-insert-button.js

@@ -95,6 +95,7 @@ const tooltipContainerStyles = css({
   top: '8px',
   bottom: '-8px',
   position: 'sticky',
+  display: 'block',
   zIndex: 'card'
 });
 const tooltipContainerStylesStickyHeader = css({

package/dist/esm/blockControlsPlugin.js

@@ -107,6 +107,12 @@ export var blockControlsPlugin = function blockControlsPlugin(_ref) {
               tr: tr
             });
           }
+          if (fg('platform_editor_user_intent_plugin')) {
+            var _api$userIntent;
+            api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || _api$userIntent.commands.setCurrentUserIntent('dragging')({
+              tr: tr
+            });
+          }
           return tr;
         };
       },

package/dist/esm/pm-plugins/decorations-drag-handle.js

@@ -23,7 +23,9 @@ export var findHandleDec = function findHandleDec(decorations, from, to) {
   });
 };
 export var dragHandleDecoration = function dragHandleDecoration(api, formatMessage, pos, anchorName, nodeType, nodeViewPortalProviderAPI, handleOptions, anchorRectCache) {
-  unmountDecorations(nodeViewPortalProviderAPI, 'data-blocks-drag-handle-container', 'data-blocks-drag-handle-key');
+  if (!fg('platform_editor_fix_widget_destroy')) {
+    unmountDecorations(nodeViewPortalProviderAPI, 'data-blocks-drag-handle-container', 'data-blocks-drag-handle-key');
+  }
   var unbind;
   var key = uuid();
   return Decoration.widget(pos, function (view, getPosUnsafe) {
@@ -114,8 +116,12 @@ export var dragHandleDecoration = function dragHandleDecoration(api, formatMessa
     side: -1,
     type: TYPE_HANDLE_DEC,
     testid: "".concat(TYPE_HANDLE_DEC, "-").concat(uuid()),
-    destroy: function destroy() {
-      return unbind && unbind();
+    destroy: function destroy(node) {
+      unbind && unbind();
+      if (fg('platform_editor_fix_widget_destroy')) {
+        // eslint-disable-next-line @atlaskit/editor/no-as-casting
+        ReactDOM.unmountComponentAtNode(node);
+      }
     }
   });
 };

package/dist/esm/pm-plugins/decorations-quick-insert-button.js

@@ -50,6 +50,11 @@ export var quickInsertButtonDecoration = function quickInsertButtonDecoration(ap
     return element;
   }, {
     side: -2,
-    type: TYPE_QUICK_INSERT
+    type: TYPE_QUICK_INSERT,
+    destroy: function destroy(_) {
+      if (fg('platform_editor_fix_widget_destroy')) {
+        nodeViewPortalProviderAPI.remove(key);
+      }
+    }
   });
 };

package/dist/esm/pm-plugins/main.js

@@ -76,12 +76,15 @@ var destroyFn = function destroyFn(api, editorView) {
       if (isHTMLElement(scrollable)) {
         scrollable.style.setProperty('scroll-behavior', null);
       }
-      api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref3) {
+      if (!api) {
+        return;
+      }
+      (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref3) {
         var tr = _ref3.tr;
         var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
         if (isMultiSelect) {
           var _api$blockControls, _api$selection;
-          var _ref4 = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
+          var _ref4 = ((_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
             multiSelectDnD = _ref4.multiSelectDnD;
           // Restore the users initial Editor selection when the drop completes
           if (multiSelectDnD) {
@@ -98,7 +101,7 @@ var destroyFn = function destroyFn(api, editorView) {
               }
             }
           }
-          api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || _api$selection.commands.clearManualSelection()({
+          (_api$selection = api.selection) === null || _api$selection === void 0 || _api$selection.commands.clearManualSelection()({
             tr: tr
           });
         }
@@ -109,7 +112,7 @@ var destroyFn = function destroyFn(api, editorView) {
         if (lastDragCancelled) {
           var _api$analytics2;
           var nodeTypes, hasSelectedMultipleNodes;
-          if (isMultiSelect && api) {
+          if (isMultiSelect) {
             var position = getSelectedSlicePosition(start, tr, api);
             var attributes = getMultiSelectAnalyticsAttributes(tr, position.from, position.to);
             nodeTypes = attributes.nodeTypes;
@@ -117,7 +120,7 @@ var destroyFn = function destroyFn(api, editorView) {
           }
           var resolvedMovingNode = tr.doc.resolve(start);
           var maybeNode = resolvedMovingNode.nodeAfter;
-          api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
+          (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
             eventType: EVENT_TYPE.UI,
             action: ACTION.CANCELLED,
             actionSubject: ACTION_SUBJECT.DRAG,
@@ -133,7 +136,13 @@ var destroyFn = function destroyFn(api, editorView) {
         }
         if (fg('platform_editor_ease_of_use_metrics')) {
           var _api$metrics;
-          api === null || api === void 0 || (_api$metrics = api.metrics) === null || _api$metrics === void 0 || _api$metrics.commands.startActiveSessionTimer()({
+          (_api$metrics = api.metrics) === null || _api$metrics === void 0 || _api$metrics.commands.startActiveSessionTimer()({
+            tr: tr
+          });
+        }
+        if (fg('platform_editor_user_intent_plugin')) {
+          var _api$userIntent;
+          (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || _api$userIntent.commands.setCurrentUserIntent('default')({
             tr: tr
           });
         }

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

@@ -134,13 +134,6 @@ export function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, $destNo
     }
   }
 
-  // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
-  if (editorExperiment('nested-expand-in-expand', false)) {
-    if (destParentNodeType === expand && (activeNodeType === expand || activeNodeType === nestedExpand)) {
-      return false;
-    }
-  }
-
   // NOTE: this will block drop targets from showing for dragging a table into another table
   // unless nested tables are supported and the nesting depth does not exceed 1
   if ((destParentNodeType === tableCell || destParentNodeType === tableHeader) && activeNodeType === table) {

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

@@ -163,6 +163,7 @@ var tooltipContainerStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   bottom: "-".concat(STICKY_CONTROLS_TOP_MARGIN, "px"),
   position: 'sticky',
+  display: 'block',
   zIndex: 100 // card = 100
 });
 var tooltipContainerStylesStickyHeaderWithMask = css({

package/dist/esm/ui/quick-insert-button.js

@@ -99,6 +99,7 @@ var tooltipContainerStyles = css({
   top: '8px',
   bottom: '-8px',
   position: 'sticky',
+  display: 'block',
   zIndex: 'card'
 });
 var tooltipContainerStylesStickyHeader = css({

package/dist/types/blockControlsPluginType.d.ts

@@ -9,6 +9,7 @@ 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 { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+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 = {
@@ -77,7 +78,8 @@ export type BlockControlsPluginDependencies = [
     OptionalPlugin<QuickInsertPlugin>,
     OptionalPlugin<TypeAheadPlugin>,
     OptionalPlugin<SelectionPlugin>,
-    OptionalPlugin<MetricsPlugin>
+    OptionalPlugin<MetricsPlugin>,
+    OptionalPlugin<UserIntentPlugin>
 ];
 export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
     dependencies: BlockControlsPluginDependencies;

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

@@ -9,6 +9,7 @@ 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 { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+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 = {
@@ -77,7 +78,8 @@ export type BlockControlsPluginDependencies = [
     OptionalPlugin<QuickInsertPlugin>,
     OptionalPlugin<TypeAheadPlugin>,
     OptionalPlugin<SelectionPlugin>,
-    OptionalPlugin<MetricsPlugin>
+    OptionalPlugin<MetricsPlugin>,
+    OptionalPlugin<UserIntentPlugin>
 ];
 export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
     dependencies: BlockControlsPluginDependencies;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "3.10.2",
+	"version": "3.11.0",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,15 +33,16 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^103.8.0",
+		"@atlaskit/editor-common": "^103.11.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^2.0.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.4.0",
 		"@atlaskit/editor-plugin-metrics": "^3.4.0",
-		"@atlaskit/editor-plugin-quick-insert": "^2.3.0",
+		"@atlaskit/editor-plugin-quick-insert": "^2.4.0",
 		"@atlaskit/editor-plugin-selection": "^2.1.0",
-		"@atlaskit/editor-plugin-type-ahead": "^2.4.0",
+		"@atlaskit/editor-plugin-type-ahead": "^2.5.0",
+		"@atlaskit/editor-plugin-user-intent": "^0.1.0",
 		"@atlaskit/editor-plugin-width": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
@@ -53,7 +54,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.1.0",
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.10.0",
+		"@atlaskit/tmp-editor-statsig": "^4.12.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -176,8 +177,14 @@
 		"platform_editor_controls_patch_5": {
 			"type": "boolean"
 		},
+		"platform_editor_user_intent_plugin": {
+			"type": "boolean"
+		},
 		"platform_editor_controls_sticky_mask": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_widget_destroy": {
+			"type": "boolean"
 		}
 	}
 }