@atlaskit/editor-plugin-block-controls 1.4.21 → 1.4.22

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 1.4.22
+
+### Patch Changes
+
+- [#111855](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111855)
+  [`858997cc1d1e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/858997cc1d1e0) -
+  ED-23619 Improve drop latency by cleaning up decorations before they are being redrawn
+
 ## 1.4.21
 
 ### Patch Changes

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

@@ -14,6 +14,7 @@ var _dropTarget = require("../ui/drop-target");
 var _mouseMoveWrapper = require("../ui/mouse-move-wrapper");
 var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetDecorations(oldState, newState, api) {
   var decs = [];
+  unmountDecorations('data-blocks-drop-target-container');
   // Decoration state is used to keep track of the position of the drop targets
   // and allows us to easily map the updated position in the plugin apply method.
   var decorationState = [];
@@ -24,6 +25,7 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
     });
     decs.push(_view.Decoration.widget(pos, function () {
       var element = document.createElement('div');
+      element.setAttribute('data-blocks-drop-target-container', 'true');
       _reactDom.default.render( /*#__PURE__*/(0, _react.createElement)(_dropTarget.DropTarget, {
         api: api,
         index: index
@@ -48,6 +50,7 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
   });
   decs.push(_view.Decoration.widget(newState.doc.nodeSize - 2, function () {
     var element = document.createElement('div');
+    element.setAttribute('data-blocks-drop-target-container', 'true');
     _reactDom.default.render( /*#__PURE__*/(0, _react.createElement)(_dropTarget.DropTarget, {
       api: api,
       index: decorationState.length
@@ -80,10 +83,12 @@ var nodeDecorations = exports.nodeDecorations = function nodeDecorations(newStat
  */
 var mouseMoveWrapperDecorations = exports.mouseMoveWrapperDecorations = function mouseMoveWrapperDecorations(newState, api) {
   var decs = [];
+  unmountDecorations('data-blocks-decoration-container');
   newState.doc.descendants(function (node, pos, _parent, index) {
     var anchorName = "--node-anchor-".concat(node.type.name, "-").concat(index);
     decs.push(_view.Decoration.widget(pos, function (view, getPos) {
       var element = document.createElement('div');
+      element.setAttribute('data-blocks-decoration-container', 'true');
       _reactDom.default.render( /*#__PURE__*/(0, _react.createElement)(_mouseMoveWrapper.MouseMoveWrapper, {
         view: view,
         api: api,
@@ -108,6 +113,7 @@ var dragHandleDecoration = exports.dragHandleDecoration = function dragHandleDec
   return _view.Decoration.widget(pos, function (view, getPos) {
     var element = document.createElement('div');
     element.setAttribute('data-testid', 'block-ctrl-decorator-widget');
+    element.setAttribute('data-blocks-drag-handle-container', 'true');
     _reactDom.default.render( /*#__PURE__*/(0, _react.createElement)(_dragHandle.DragHandle, {
       view: view,
       api: api,
@@ -118,6 +124,17 @@ var dragHandleDecoration = exports.dragHandleDecoration = function dragHandleDec
     return element;
   }, {
     side: -1,
-    id: 'drag-handle'
+    id: 'drag-handle',
+    destroy: function destroy(node) {
+      _reactDom.default.unmountComponentAtNode(node);
+    }
+  });
+};
+var unmountDecorations = function unmountDecorations(selector) {
+  // Removing decorations manually instead of using native destroy function in prosemirror API
+  // as it was more responsive and causes less re-rendering
+  var decorationsToRemove = document.querySelectorAll("[".concat(selector, "=\"true\"]"));
+  decorationsToRemove.forEach(function (el) {
+    _reactDom.default.unmountComponentAtNode(el);
   });
 };

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

@@ -34,18 +34,24 @@ var destroyFn = function destroyFn(api) {
       scrollable.style.setProperty('scroll-behavior', 'unset');
     },
     onDrop: function onDrop(_ref2) {
+      var _api$core;
       var location = _ref2.location,
         source = _ref2.source;
       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) {
+        var tr = _ref3.tr;
+        return tr.setMeta(key, {
+          isDragging: false
+        });
+      });
       // if no drop targets are rendered, assume that drop is invalid
       if (location.current.dropTargets.length === 0) {
-        var _api$core;
-        var _ref3 = source.data,
-          start = _ref3.start;
-        api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref4) {
+        var _api$core2;
+        var _ref4 = source.data,
+          start = _ref4.start;
+        api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref5) {
           var _api$analytics;
-          var tr = _ref4.tr;
+          var tr = _ref5.tr;
           var resolvedMovingNode = tr.doc.resolve(start);
           var maybeNode = resolvedMovingNode.nodeAfter;
           api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
@@ -106,8 +112,8 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
 
         // During resize, remove the drag handle widget
         if (isResizerResizing || nodeCountChanged || meta !== null && meta !== void 0 && meta.nodeMoved) {
-          var oldHandle = decorations.find().filter(function (_ref5) {
-            var spec = _ref5.spec;
+          var oldHandle = decorations.find().filter(function (_ref6) {
+            var spec = _ref6.spec;
             return spec.id === 'drag-handle';
           });
           decorations = decorations.remove(oldHandle);
@@ -134,8 +140,8 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
 
         // Remove previous drag handle widget and draw new drag handle widget when activeNode changes
         if (meta !== null && meta !== void 0 && meta.activeNode && (meta === null || meta === void 0 ? void 0 : meta.activeNode.pos) !== (activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos) && (meta === null || meta === void 0 ? void 0 : meta.activeNode.anchorName) !== (activeNode === null || activeNode === void 0 ? void 0 : activeNode.anchorName) && api) {
-          var _oldHandle = decorations.find().filter(function (_ref6) {
-            var spec = _ref6.spec;
+          var _oldHandle = decorations.find().filter(function (_ref7) {
+            var spec = _ref7.spec;
             return spec.id === 'drag-handle';
           });
           decorations = decorations.remove(_oldHandle);
@@ -154,8 +160,8 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
 
         // Remove drop target decoration when dragging stops
         if ((meta === null || meta === void 0 ? void 0 : meta.isDragging) === false && !tr.docChanged) {
-          var dropTargetDecs = decorations.find().filter(function (_ref7) {
-            var spec = _ref7.spec;
+          var dropTargetDecs = decorations.find().filter(function (_ref8) {
+            var spec = _ref8.spec;
             return spec.type === 'drop-target-decoration';
           });
           decorations = decorations.remove(dropTargetDecs);
@@ -163,9 +169,9 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
 
         // Map drop target decoration positions when the document changes
         if (tr.docChanged && currentState.isDragging) {
-          decorationState = decorationState.map(function (_ref8) {
-            var index = _ref8.index,
-              pos = _ref8.pos;
+          decorationState = decorationState.map(function (_ref9) {
+            var index = _ref9.index,
+              pos = _ref9.pos;
             return {
               index: index,
               pos: tr.mapping.map(pos)
@@ -231,7 +237,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
       return {
         destroy: function destroy() {
           resizeObserver.unobserve(dom);
-          return pragmaticCleanup;
+          pragmaticCleanup();
         }
       };
     }

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

@@ -132,15 +132,6 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
         }
         api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.commands.setNodeDragged(start, anchorName, nodeType));
         api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.focus();
-      },
-      onDrop: function onDrop() {
-        var _api$core7;
-        api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref6) {
-          var tr = _ref6.tr;
-          return tr.setMeta(_main.key, {
-            isDragging: false
-          });
-        });
       }
     });
   }, [api, start, view, anchorName, nodeType]);

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

@@ -6,6 +6,7 @@ import { DropTarget } from '../ui/drop-target';
 import { MouseMoveWrapper } from '../ui/mouse-move-wrapper';
 export const dropTargetDecorations = (oldState, newState, api) => {
   const decs = [];
+  unmountDecorations('data-blocks-drop-target-container');
   // Decoration state is used to keep track of the position of the drop targets
   // and allows us to easily map the updated position in the plugin apply method.
   const decorationState = [];
@@ -16,6 +17,7 @@ export const dropTargetDecorations = (oldState, newState, api) => {
     });
     decs.push(Decoration.widget(pos, () => {
       const element = document.createElement('div');
+      element.setAttribute('data-blocks-drop-target-container', 'true');
       ReactDOM.render( /*#__PURE__*/createElement(DropTarget, {
         api,
         index
@@ -40,6 +42,7 @@ export const dropTargetDecorations = (oldState, newState, api) => {
   });
   decs.push(Decoration.widget(newState.doc.nodeSize - 2, () => {
     const element = document.createElement('div');
+    element.setAttribute('data-blocks-drop-target-container', 'true');
     ReactDOM.render( /*#__PURE__*/createElement(DropTarget, {
       api,
       index: decorationState.length
@@ -73,10 +76,12 @@ export const nodeDecorations = newState => {
  */
 export const mouseMoveWrapperDecorations = (newState, api) => {
   const decs = [];
+  unmountDecorations('data-blocks-decoration-container');
   newState.doc.descendants((node, pos, _parent, index) => {
     const anchorName = `--node-anchor-${node.type.name}-${index}`;
     decs.push(Decoration.widget(pos, (view, getPos) => {
       const element = document.createElement('div');
+      element.setAttribute('data-blocks-decoration-container', 'true');
       ReactDOM.render( /*#__PURE__*/createElement(MouseMoveWrapper, {
         view,
         api,
@@ -101,6 +106,7 @@ export const dragHandleDecoration = (pos, anchorName, nodeType, api) => {
   return Decoration.widget(pos, (view, getPos) => {
     const element = document.createElement('div');
     element.setAttribute('data-testid', 'block-ctrl-decorator-widget');
+    element.setAttribute('data-blocks-drag-handle-container', 'true');
     ReactDOM.render( /*#__PURE__*/createElement(DragHandle, {
       view,
       api,
@@ -111,6 +117,17 @@ export const dragHandleDecoration = (pos, anchorName, nodeType, api) => {
     return element;
   }, {
     side: -1,
-    id: 'drag-handle'
+    id: 'drag-handle',
+    destroy: node => {
+      ReactDOM.unmountComponentAtNode(node);
+    }
+  });
+};
+const unmountDecorations = selector => {
+  // Removing decorations manually instead of using native destroy function in prosemirror API
+  // as it was more responsive and causes less re-rendering
+  const decorationsToRemove = document.querySelectorAll(`[${selector}="true"]`);
+  decorationsToRemove.forEach(el => {
+    ReactDOM.unmountComponentAtNode(el);
   });
 };

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

@@ -28,15 +28,22 @@ const destroyFn = api => {
       location,
       source
     }) => {
+      var _api$core;
       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(({
+        tr
+      }) => {
+        return tr.setMeta(key, {
+          isDragging: false
+        });
+      });
       // if no drop targets are rendered, assume that drop is invalid
       if (location.current.dropTargets.length === 0) {
-        var _api$core;
+        var _api$core2;
         const {
           start
         } = source.data;
-        api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(({
+        api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.execute(({
           tr
         }) => {
           var _api$analytics;
@@ -226,7 +233,7 @@ export const createPlugin = api => {
       return {
         destroy() {
           resizeObserver.unobserve(dom);
-          return pragmaticCleanup;
+          pragmaticCleanup();
         }
       };
     }

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

@@ -124,16 +124,6 @@ export const DragHandle = ({
         }
         api === null || api === void 0 ? void 0 : (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.commands.setNodeDragged(start, anchorName, nodeType));
         api === null || api === void 0 ? void 0 : (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions.focus();
-      },
-      onDrop() {
-        var _api$core7;
-        api === null || api === void 0 ? void 0 : (_api$core7 = api.core) === null || _api$core7 === void 0 ? void 0 : _api$core7.actions.execute(({
-          tr
-        }) => {
-          return tr.setMeta(key, {
-            isDragging: false
-          });
-        });
       }
     });
   }, [api, start, view, anchorName, nodeType]);

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

@@ -7,6 +7,7 @@ import { DropTarget } from '../ui/drop-target';
 import { MouseMoveWrapper } from '../ui/mouse-move-wrapper';
 export var dropTargetDecorations = function dropTargetDecorations(oldState, newState, api) {
   var decs = [];
+  unmountDecorations('data-blocks-drop-target-container');
   // Decoration state is used to keep track of the position of the drop targets
   // and allows us to easily map the updated position in the plugin apply method.
   var decorationState = [];
@@ -17,6 +18,7 @@ export var dropTargetDecorations = function dropTargetDecorations(oldState, newS
     });
     decs.push(Decoration.widget(pos, function () {
       var element = document.createElement('div');
+      element.setAttribute('data-blocks-drop-target-container', 'true');
       ReactDOM.render( /*#__PURE__*/createElement(DropTarget, {
         api: api,
         index: index
@@ -41,6 +43,7 @@ export var dropTargetDecorations = function dropTargetDecorations(oldState, newS
   });
   decs.push(Decoration.widget(newState.doc.nodeSize - 2, function () {
     var element = document.createElement('div');
+    element.setAttribute('data-blocks-drop-target-container', 'true');
     ReactDOM.render( /*#__PURE__*/createElement(DropTarget, {
       api: api,
       index: decorationState.length
@@ -73,10 +76,12 @@ export var nodeDecorations = function nodeDecorations(newState) {
  */
 export var mouseMoveWrapperDecorations = function mouseMoveWrapperDecorations(newState, api) {
   var decs = [];
+  unmountDecorations('data-blocks-decoration-container');
   newState.doc.descendants(function (node, pos, _parent, index) {
     var anchorName = "--node-anchor-".concat(node.type.name, "-").concat(index);
     decs.push(Decoration.widget(pos, function (view, getPos) {
       var element = document.createElement('div');
+      element.setAttribute('data-blocks-decoration-container', 'true');
       ReactDOM.render( /*#__PURE__*/createElement(MouseMoveWrapper, {
         view: view,
         api: api,
@@ -101,6 +106,7 @@ export var dragHandleDecoration = function dragHandleDecoration(pos, anchorName,
   return Decoration.widget(pos, function (view, getPos) {
     var element = document.createElement('div');
     element.setAttribute('data-testid', 'block-ctrl-decorator-widget');
+    element.setAttribute('data-blocks-drag-handle-container', 'true');
     ReactDOM.render( /*#__PURE__*/createElement(DragHandle, {
       view: view,
       api: api,
@@ -111,6 +117,17 @@ export var dragHandleDecoration = function dragHandleDecoration(pos, anchorName,
     return element;
   }, {
     side: -1,
-    id: 'drag-handle'
+    id: 'drag-handle',
+    destroy: function destroy(node) {
+      ReactDOM.unmountComponentAtNode(node);
+    }
+  });
+};
+var unmountDecorations = function unmountDecorations(selector) {
+  // Removing decorations manually instead of using native destroy function in prosemirror API
+  // as it was more responsive and causes less re-rendering
+  var decorationsToRemove = document.querySelectorAll("[".concat(selector, "=\"true\"]"));
+  decorationsToRemove.forEach(function (el) {
+    ReactDOM.unmountComponentAtNode(el);
   });
 };

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

@@ -27,18 +27,24 @@ var destroyFn = function destroyFn(api) {
       scrollable.style.setProperty('scroll-behavior', 'unset');
     },
     onDrop: function onDrop(_ref2) {
+      var _api$core;
       var location = _ref2.location,
         source = _ref2.source;
       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) {
+        var tr = _ref3.tr;
+        return tr.setMeta(key, {
+          isDragging: false
+        });
+      });
       // if no drop targets are rendered, assume that drop is invalid
       if (location.current.dropTargets.length === 0) {
-        var _api$core;
-        var _ref3 = source.data,
-          start = _ref3.start;
-        api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref4) {
+        var _api$core2;
+        var _ref4 = source.data,
+          start = _ref4.start;
+        api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref5) {
           var _api$analytics;
-          var tr = _ref4.tr;
+          var tr = _ref5.tr;
           var resolvedMovingNode = tr.doc.resolve(start);
           var maybeNode = resolvedMovingNode.nodeAfter;
           api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
@@ -99,8 +105,8 @@ export var createPlugin = function createPlugin(api) {
 
         // During resize, remove the drag handle widget
         if (isResizerResizing || nodeCountChanged || meta !== null && meta !== void 0 && meta.nodeMoved) {
-          var oldHandle = decorations.find().filter(function (_ref5) {
-            var spec = _ref5.spec;
+          var oldHandle = decorations.find().filter(function (_ref6) {
+            var spec = _ref6.spec;
             return spec.id === 'drag-handle';
           });
           decorations = decorations.remove(oldHandle);
@@ -127,8 +133,8 @@ export var createPlugin = function createPlugin(api) {
 
         // Remove previous drag handle widget and draw new drag handle widget when activeNode changes
         if (meta !== null && meta !== void 0 && meta.activeNode && (meta === null || meta === void 0 ? void 0 : meta.activeNode.pos) !== (activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos) && (meta === null || meta === void 0 ? void 0 : meta.activeNode.anchorName) !== (activeNode === null || activeNode === void 0 ? void 0 : activeNode.anchorName) && api) {
-          var _oldHandle = decorations.find().filter(function (_ref6) {
-            var spec = _ref6.spec;
+          var _oldHandle = decorations.find().filter(function (_ref7) {
+            var spec = _ref7.spec;
             return spec.id === 'drag-handle';
           });
           decorations = decorations.remove(_oldHandle);
@@ -147,8 +153,8 @@ export var createPlugin = function createPlugin(api) {
 
         // Remove drop target decoration when dragging stops
         if ((meta === null || meta === void 0 ? void 0 : meta.isDragging) === false && !tr.docChanged) {
-          var dropTargetDecs = decorations.find().filter(function (_ref7) {
-            var spec = _ref7.spec;
+          var dropTargetDecs = decorations.find().filter(function (_ref8) {
+            var spec = _ref8.spec;
             return spec.type === 'drop-target-decoration';
           });
           decorations = decorations.remove(dropTargetDecs);
@@ -156,9 +162,9 @@ export var createPlugin = function createPlugin(api) {
 
         // Map drop target decoration positions when the document changes
         if (tr.docChanged && currentState.isDragging) {
-          decorationState = decorationState.map(function (_ref8) {
-            var index = _ref8.index,
-              pos = _ref8.pos;
+          decorationState = decorationState.map(function (_ref9) {
+            var index = _ref9.index,
+              pos = _ref9.pos;
             return {
               index: index,
               pos: tr.mapping.map(pos)
@@ -224,7 +230,7 @@ export var createPlugin = function createPlugin(api) {
       return {
         destroy: function destroy() {
           resizeObserver.unobserve(dom);
-          return pragmaticCleanup;
+          pragmaticCleanup();
         }
       };
     }

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

@@ -124,15 +124,6 @@ export var DragHandle = function DragHandle(_ref) {
         }
         api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.commands.setNodeDragged(start, anchorName, nodeType));
         api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.focus();
-      },
-      onDrop: function onDrop() {
-        var _api$core7;
-        api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref6) {
-          var tr = _ref6.tr;
-          return tr.setMeta(key, {
-            isDragging: false
-          });
-        });
       }
     });
   }, [api, start, view, anchorName, nodeType]);

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
 export { blockControlsPlugin } from './plugin';
-export type { BlockControlsPlugin, DecorationState } from './types';
+export type { BlockControlsPlugin, DecorationState, BlockControlsSharedState } from './types';

package/dist/types/types.d.ts

@@ -19,6 +19,15 @@ export interface PluginState {
     isDocSizeLimitEnabled: boolean;
 }
 export type ReleaseHiddenDecoration = () => boolean | undefined;
+export type BlockControlsSharedState = {
+    isMenuOpen: boolean;
+    activeNode: {
+        pos: number;
+        anchorName: string;
+    } | null;
+    decorationState: DecorationState;
+    isDragging: boolean;
+} | undefined;
 export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
     dependencies: [
         OptionalPlugin<EditorDisabledPlugin>,
@@ -26,15 +35,7 @@ export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
         OptionalPlugin<FeatureFlagsPlugin>,
         OptionalPlugin<AnalyticsPlugin>
     ];
-    sharedState: {
-        isMenuOpen: boolean;
-        activeNode: {
-            pos: number;
-            anchorName: string;
-        } | null;
-        decorationState: DecorationState;
-        isDragging: boolean;
-    } | undefined;
+    sharedState: BlockControlsSharedState;
     commands: {
         moveNode: (start: number, to: number) => EditorCommand;
         showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => EditorCommand;

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

@@ -1,2 +1,2 @@
 export { blockControlsPlugin } from './plugin';
-export type { BlockControlsPlugin, DecorationState } from './types';
+export type { BlockControlsPlugin, DecorationState, BlockControlsSharedState } from './types';

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

@@ -19,6 +19,15 @@ export interface PluginState {
     isDocSizeLimitEnabled: boolean;
 }
 export type ReleaseHiddenDecoration = () => boolean | undefined;
+export type BlockControlsSharedState = {
+    isMenuOpen: boolean;
+    activeNode: {
+        pos: number;
+        anchorName: string;
+    } | null;
+    decorationState: DecorationState;
+    isDragging: boolean;
+} | undefined;
 export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
     dependencies: [
         OptionalPlugin<EditorDisabledPlugin>,
@@ -26,15 +35,7 @@ export type BlockControlsPlugin = NextEditorPlugin<'blockControls', {
         OptionalPlugin<FeatureFlagsPlugin>,
         OptionalPlugin<AnalyticsPlugin>
     ];
-    sharedState: {
-        isMenuOpen: boolean;
-        activeNode: {
-            pos: number;
-            anchorName: string;
-        } | null;
-        decorationState: DecorationState;
-        isDragging: boolean;
-    } | undefined;
+    sharedState: BlockControlsSharedState;
     commands: {
         moveNode: (start: number, to: number) => EditorCommand;
         showDragHandleAt: (pos: number, anchorName: string, nodeType: string) => EditorCommand;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "1.4.21",
+	"version": "1.4.22",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/editor-common": "^82.7.0",
+		"@atlaskit/editor-common": "^82.8.0",
 		"@atlaskit/editor-plugin-analytics": "^1.2.3",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.1.5",
 		"@atlaskit/editor-plugin-feature-flags": "^1.1.0",