@atlaskit/editor-plugin-block-controls 1.4.32 → 1.4.34

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 1.4.34
+
+### Patch Changes
+
+- [#115110](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115110)
+  [`cc8cc2bbe88f8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cc8cc2bbe88f8) -
+  Fix a regression where drag and drop a node at itself duplicates the node
+- [#114841](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114841)
+  [`2ea1a74c41971`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2ea1a74c41971) -
+  Fix drag handle position when change from paragraph to blockQuote
+- [#115110](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115110)
+  [`bfa2f902f0cb3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bfa2f902f0cb3) -
+  change doc size limit to child count
+
+## 1.4.33
+
+### Patch Changes
+
+- [#111344](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111344)
+  [`a89589001c3b1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a89589001c3b1) -
+  [ED-23591] Select media node when there is only one within mediaGroup
+- [#114726](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114726)
+  [`3735569cbd151`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3735569cbd151) -
+  ED-23811 Set selection when command+shift+up is pressed in blocks plugin
+- Updated dependencies
+
 ## 1.4.32
 
 ### Patch Changes

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

@@ -10,6 +10,7 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _steps = require("@atlaskit/adf-schema/steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -77,13 +78,10 @@ var initialState = {
   isMenuOpen: false,
   editorHeight: 0,
   isResizerResizing: false,
-  isDocSizeLimitEnabled: false,
+  isDocSizeLimitEnabled: null,
   isPMDragging: false
 };
-if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.elements.drag-and-drop-doc-size-limit_7k4vq')) {
-  initialState.isDocSizeLimitEnabled = true;
-}
-var DRAG_AND_DROP_DOC_SIZE_LIMIT = 20000;
+var DRAG_AND_DROP_DOC_SIZE_LIMIT = 50;
 var createPlugin = exports.createPlugin = function createPlugin(api) {
   return new _safePlugin.SafePlugin({
     key: key,
@@ -93,7 +91,14 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
       },
       apply: function apply(tr, currentState, oldState, newState) {
         var _meta$activeNode, _meta$activeNode2, _meta$isDragging, _meta$editorHeight, _meta$isPMDragging;
-        if (initialState.isDocSizeLimitEnabled && newState.doc.nodeSize > DRAG_AND_DROP_DOC_SIZE_LIMIT) {
+        if (initialState.isDocSizeLimitEnabled === null) {
+          if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.elements.drag-and-drop-doc-size-limit_7k4vq')) {
+            initialState.isDocSizeLimitEnabled = true;
+          } else {
+            initialState.isDocSizeLimitEnabled = false;
+          }
+        }
+        if (initialState.isDocSizeLimitEnabled && newState.doc.childCount > DRAG_AND_DROP_DOC_SIZE_LIMIT) {
           return initialState;
         }
         var activeNode = currentState.activeNode,
@@ -165,10 +170,18 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
           // Note: Quite often the handle is not in the right position after a node is moved
           // it is safer for now to not show it when a node is moved
           if (activeNode && !(meta !== null && meta !== void 0 && meta.nodeMoved) && !isDecsMissing) {
-            var newActiveNode = activeNode && tr.doc.nodeAt(tr.mapping.map(activeNode.pos));
+            var mappedPosisiton = tr.mapping.map(activeNode.pos);
+            var prevMappedPos = oldState.tr.mapping.map(activeNode.pos);
+
+            // When a node type changed to be nested inside another node, the position of the active node is off by 1
+            // This is a workaround to fix the position of the active node when it is nested
+            if (mappedPosisiton === prevMappedPos + 1) {
+              mappedPosisiton = prevMappedPos;
+            }
+            var newActiveNode = tr.doc.nodeAt(mappedPosisiton);
             var nodeType = activeNode.nodeType;
             var anchorName = activeNode.anchorName;
-            if (newActiveNode && (newActiveNode === null || newActiveNode === void 0 ? void 0 : newActiveNode.type.name) !== activeNode.nodeType && !(meta !== null && meta !== void 0 && meta.nodeMoved)) {
+            if (newActiveNode && (newActiveNode === null || newActiveNode === void 0 ? void 0 : newActiveNode.type.name) !== activeNode.nodeType) {
               nodeType = newActiveNode.type.name;
               anchorName = activeNode.anchorName.replace(activeNode.nodeType, nodeType);
             }
@@ -255,12 +268,12 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
       },
       handleDOMEvents: {
         drop: function drop(view, event) {
-          var _pluginState$activeNo;
           // prosemirror has sends a default transaction on drop (meta where uiEvent is 'drop'),
           // this duplicates the an empty version of the node it was dropping,
           // Adding some check here to prevent that if drop position is within activeNode
           var state = view.state,
-            dispatch = view.dispatch;
+            dispatch = view.dispatch,
+            dragging = view.dragging;
           var pluginState = key.getState(state);
           if (pluginState !== null && pluginState !== void 0 && pluginState.isPMDragging) {
             dispatch(state.tr.setMeta(key, {
@@ -270,9 +283,11 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
           if (!(event.target instanceof HTMLElement) || !(pluginState !== null && pluginState !== void 0 && pluginState.activeNode)) {
             return false;
           }
-          var node = view.nodeDOM(pluginState === null || pluginState === void 0 || (_pluginState$activeNo = pluginState.activeNode) === null || _pluginState$activeNo === void 0 ? void 0 : _pluginState$activeNo.pos);
-          var isActiveNode = event.target === node;
-          if (isActiveNode) {
+          // Currently we can only drag one node at a time
+          // so we only need to check first child
+          var draggable = dragging === null || dragging === void 0 ? void 0 : dragging.slice.content.firstChild;
+          var activeNode = state.tr.doc.nodeAt(pluginState.activeNode.pos);
+          if (draggable === activeNode) {
             // Prevent the default drop behavior if the position is within the activeNode
             event.preventDefault();
             return true;
@@ -299,6 +314,22 @@ var createPlugin = exports.createPlugin = function createPlugin(api) {
             (0, _handleMouseOver.handleMouseOver)(view, event, api);
           }
           return false;
+        },
+        keydown: function keydown(view, event) {
+          // Command + Shift + ArrowUp to select was broken with the plugin enabled so this manually sets the selection
+          var _view$state = view.state,
+            selection = _view$state.selection,
+            doc = _view$state.doc,
+            tr = _view$state.tr;
+          var metaKey = _utils.browser.mac ? event.metaKey : event.ctrlKey;
+          if (event.key === 'ArrowUp' && event.shiftKey && metaKey) {
+            if (selection instanceof _state.TextSelection || selection instanceof _state.NodeSelection) {
+              var newSelection = _state.TextSelection.create(doc, selection.head, 1);
+              view.dispatch(tr.setSelection(newSelection));
+              return true;
+            }
+          }
+          return false;
         }
       }
     },

package/dist/cjs/utils/getSelection.js

@@ -15,6 +15,10 @@ var getSelection = exports.getSelection = function getSelection(tr, start) {
   // decisionList node is not selectable, but we want to select the whole node not just text
   if (isNodeSelection || (node === null || node === void 0 ? void 0 : node.type.name) === 'decisionList') {
     return new _state.NodeSelection($startPos);
+    // TODO: support multiple nodes selection
+  } else if ((node === null || node === void 0 ? void 0 : node.type.name) === 'mediaGroup' && node.childCount === 1) {
+    var $mediaStartPos = tr.doc.resolve(start + 1);
+    return new _state.NodeSelection($mediaStartPos);
   } else {
     // To trigger the annotation floating toolbar for non-selectable node, we need to select inline nodes
     // Find the first inline node in the node

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

@@ -2,7 +2,8 @@ import rafSchedule from 'raf-schd';
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { browser } from '@atlaskit/editor-common/utils';
+import { NodeSelection, PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
@@ -71,13 +72,10 @@ const initialState = {
   isMenuOpen: false,
   editorHeight: 0,
   isResizerResizing: false,
-  isDocSizeLimitEnabled: false,
+  isDocSizeLimitEnabled: null,
   isPMDragging: false
 };
-if (getBooleanFF('platform.editor.elements.drag-and-drop-doc-size-limit_7k4vq')) {
-  initialState.isDocSizeLimitEnabled = true;
-}
-const DRAG_AND_DROP_DOC_SIZE_LIMIT = 20000;
+const DRAG_AND_DROP_DOC_SIZE_LIMIT = 50;
 export const createPlugin = api => {
   return new SafePlugin({
     key,
@@ -87,7 +85,14 @@ export const createPlugin = api => {
       },
       apply(tr, currentState, oldState, newState) {
         var _meta$activeNode, _meta$activeNode2, _meta$isDragging, _meta$editorHeight, _meta$isPMDragging;
-        if (initialState.isDocSizeLimitEnabled && newState.doc.nodeSize > DRAG_AND_DROP_DOC_SIZE_LIMIT) {
+        if (initialState.isDocSizeLimitEnabled === null) {
+          if (getBooleanFF('platform.editor.elements.drag-and-drop-doc-size-limit_7k4vq')) {
+            initialState.isDocSizeLimitEnabled = true;
+          } else {
+            initialState.isDocSizeLimitEnabled = false;
+          }
+        }
+        if (initialState.isDocSizeLimitEnabled && newState.doc.childCount > DRAG_AND_DROP_DOC_SIZE_LIMIT) {
           return initialState;
         }
         let {
@@ -156,10 +161,18 @@ export const createPlugin = api => {
           // Note: Quite often the handle is not in the right position after a node is moved
           // it is safer for now to not show it when a node is moved
           if (activeNode && !(meta !== null && meta !== void 0 && meta.nodeMoved) && !isDecsMissing) {
-            const newActiveNode = activeNode && tr.doc.nodeAt(tr.mapping.map(activeNode.pos));
+            let mappedPosisiton = tr.mapping.map(activeNode.pos);
+            const prevMappedPos = oldState.tr.mapping.map(activeNode.pos);
+
+            // When a node type changed to be nested inside another node, the position of the active node is off by 1
+            // This is a workaround to fix the position of the active node when it is nested
+            if (mappedPosisiton === prevMappedPos + 1) {
+              mappedPosisiton = prevMappedPos;
+            }
+            const newActiveNode = tr.doc.nodeAt(mappedPosisiton);
             let nodeType = activeNode.nodeType;
             let anchorName = activeNode.anchorName;
-            if (newActiveNode && (newActiveNode === null || newActiveNode === void 0 ? void 0 : newActiveNode.type.name) !== activeNode.nodeType && !(meta !== null && meta !== void 0 && meta.nodeMoved)) {
+            if (newActiveNode && (newActiveNode === null || newActiveNode === void 0 ? void 0 : newActiveNode.type.name) !== activeNode.nodeType) {
               nodeType = newActiveNode.type.name;
               anchorName = activeNode.anchorName.replace(activeNode.nodeType, nodeType);
             }
@@ -246,13 +259,13 @@ export const createPlugin = api => {
       },
       handleDOMEvents: {
         drop(view, event) {
-          var _pluginState$activeNo;
           // prosemirror has sends a default transaction on drop (meta where uiEvent is 'drop'),
           // this duplicates the an empty version of the node it was dropping,
           // Adding some check here to prevent that if drop position is within activeNode
           const {
             state,
-            dispatch
+            dispatch,
+            dragging
           } = view;
           const pluginState = key.getState(state);
           if (pluginState !== null && pluginState !== void 0 && pluginState.isPMDragging) {
@@ -263,9 +276,11 @@ export const createPlugin = api => {
           if (!(event.target instanceof HTMLElement) || !(pluginState !== null && pluginState !== void 0 && pluginState.activeNode)) {
             return false;
           }
-          const node = view.nodeDOM(pluginState === null || pluginState === void 0 ? void 0 : (_pluginState$activeNo = pluginState.activeNode) === null || _pluginState$activeNo === void 0 ? void 0 : _pluginState$activeNo.pos);
-          const isActiveNode = event.target === node;
-          if (isActiveNode) {
+          // Currently we can only drag one node at a time
+          // so we only need to check first child
+          const draggable = dragging === null || dragging === void 0 ? void 0 : dragging.slice.content.firstChild;
+          const activeNode = state.tr.doc.nodeAt(pluginState.activeNode.pos);
+          if (draggable === activeNode) {
             // Prevent the default drop behavior if the position is within the activeNode
             event.preventDefault();
             return true;
@@ -294,6 +309,23 @@ export const createPlugin = api => {
             handleMouseOver(view, event, api);
           }
           return false;
+        },
+        keydown(view, event) {
+          // Command + Shift + ArrowUp to select was broken with the plugin enabled so this manually sets the selection
+          const {
+            selection,
+            doc,
+            tr
+          } = view.state;
+          const metaKey = browser.mac ? event.metaKey : event.ctrlKey;
+          if (event.key === 'ArrowUp' && event.shiftKey && metaKey) {
+            if (selection instanceof TextSelection || selection instanceof NodeSelection) {
+              const newSelection = TextSelection.create(doc, selection.head, 1);
+              view.dispatch(tr.setSelection(newSelection));
+              return true;
+            }
+          }
+          return false;
         }
       }
     },

package/dist/es2019/utils/getSelection.js

@@ -9,6 +9,10 @@ export const getSelection = (tr, start) => {
   // decisionList node is not selectable, but we want to select the whole node not just text
   if (isNodeSelection || (node === null || node === void 0 ? void 0 : node.type.name) === 'decisionList') {
     return new NodeSelection($startPos);
+    // TODO: support multiple nodes selection
+  } else if ((node === null || node === void 0 ? void 0 : node.type.name) === 'mediaGroup' && node.childCount === 1) {
+    const $mediaStartPos = tr.doc.resolve(start + 1);
+    return new NodeSelection($mediaStartPos);
   } else {
     // To trigger the annotation floating toolbar for non-selectable node, we need to select inline nodes
     // Find the first inline node in the node

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

@@ -3,7 +3,8 @@ import rafSchedule from 'raf-schd';
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { browser } from '@atlaskit/editor-common/utils';
+import { NodeSelection, PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
@@ -70,13 +71,10 @@ var initialState = {
   isMenuOpen: false,
   editorHeight: 0,
   isResizerResizing: false,
-  isDocSizeLimitEnabled: false,
+  isDocSizeLimitEnabled: null,
   isPMDragging: false
 };
-if (getBooleanFF('platform.editor.elements.drag-and-drop-doc-size-limit_7k4vq')) {
-  initialState.isDocSizeLimitEnabled = true;
-}
-var DRAG_AND_DROP_DOC_SIZE_LIMIT = 20000;
+var DRAG_AND_DROP_DOC_SIZE_LIMIT = 50;
 export var createPlugin = function createPlugin(api) {
   return new SafePlugin({
     key: key,
@@ -86,7 +84,14 @@ export var createPlugin = function createPlugin(api) {
       },
       apply: function apply(tr, currentState, oldState, newState) {
         var _meta$activeNode, _meta$activeNode2, _meta$isDragging, _meta$editorHeight, _meta$isPMDragging;
-        if (initialState.isDocSizeLimitEnabled && newState.doc.nodeSize > DRAG_AND_DROP_DOC_SIZE_LIMIT) {
+        if (initialState.isDocSizeLimitEnabled === null) {
+          if (getBooleanFF('platform.editor.elements.drag-and-drop-doc-size-limit_7k4vq')) {
+            initialState.isDocSizeLimitEnabled = true;
+          } else {
+            initialState.isDocSizeLimitEnabled = false;
+          }
+        }
+        if (initialState.isDocSizeLimitEnabled && newState.doc.childCount > DRAG_AND_DROP_DOC_SIZE_LIMIT) {
           return initialState;
         }
         var activeNode = currentState.activeNode,
@@ -158,10 +163,18 @@ export var createPlugin = function createPlugin(api) {
           // Note: Quite often the handle is not in the right position after a node is moved
           // it is safer for now to not show it when a node is moved
           if (activeNode && !(meta !== null && meta !== void 0 && meta.nodeMoved) && !isDecsMissing) {
-            var newActiveNode = activeNode && tr.doc.nodeAt(tr.mapping.map(activeNode.pos));
+            var mappedPosisiton = tr.mapping.map(activeNode.pos);
+            var prevMappedPos = oldState.tr.mapping.map(activeNode.pos);
+
+            // When a node type changed to be nested inside another node, the position of the active node is off by 1
+            // This is a workaround to fix the position of the active node when it is nested
+            if (mappedPosisiton === prevMappedPos + 1) {
+              mappedPosisiton = prevMappedPos;
+            }
+            var newActiveNode = tr.doc.nodeAt(mappedPosisiton);
             var nodeType = activeNode.nodeType;
             var anchorName = activeNode.anchorName;
-            if (newActiveNode && (newActiveNode === null || newActiveNode === void 0 ? void 0 : newActiveNode.type.name) !== activeNode.nodeType && !(meta !== null && meta !== void 0 && meta.nodeMoved)) {
+            if (newActiveNode && (newActiveNode === null || newActiveNode === void 0 ? void 0 : newActiveNode.type.name) !== activeNode.nodeType) {
               nodeType = newActiveNode.type.name;
               anchorName = activeNode.anchorName.replace(activeNode.nodeType, nodeType);
             }
@@ -248,12 +261,12 @@ export var createPlugin = function createPlugin(api) {
       },
       handleDOMEvents: {
         drop: function drop(view, event) {
-          var _pluginState$activeNo;
           // prosemirror has sends a default transaction on drop (meta where uiEvent is 'drop'),
           // this duplicates the an empty version of the node it was dropping,
           // Adding some check here to prevent that if drop position is within activeNode
           var state = view.state,
-            dispatch = view.dispatch;
+            dispatch = view.dispatch,
+            dragging = view.dragging;
           var pluginState = key.getState(state);
           if (pluginState !== null && pluginState !== void 0 && pluginState.isPMDragging) {
             dispatch(state.tr.setMeta(key, {
@@ -263,9 +276,11 @@ export var createPlugin = function createPlugin(api) {
           if (!(event.target instanceof HTMLElement) || !(pluginState !== null && pluginState !== void 0 && pluginState.activeNode)) {
             return false;
           }
-          var node = view.nodeDOM(pluginState === null || pluginState === void 0 || (_pluginState$activeNo = pluginState.activeNode) === null || _pluginState$activeNo === void 0 ? void 0 : _pluginState$activeNo.pos);
-          var isActiveNode = event.target === node;
-          if (isActiveNode) {
+          // Currently we can only drag one node at a time
+          // so we only need to check first child
+          var draggable = dragging === null || dragging === void 0 ? void 0 : dragging.slice.content.firstChild;
+          var activeNode = state.tr.doc.nodeAt(pluginState.activeNode.pos);
+          if (draggable === activeNode) {
             // Prevent the default drop behavior if the position is within the activeNode
             event.preventDefault();
             return true;
@@ -292,6 +307,22 @@ export var createPlugin = function createPlugin(api) {
             handleMouseOver(view, event, api);
           }
           return false;
+        },
+        keydown: function keydown(view, event) {
+          // Command + Shift + ArrowUp to select was broken with the plugin enabled so this manually sets the selection
+          var _view$state = view.state,
+            selection = _view$state.selection,
+            doc = _view$state.doc,
+            tr = _view$state.tr;
+          var metaKey = browser.mac ? event.metaKey : event.ctrlKey;
+          if (event.key === 'ArrowUp' && event.shiftKey && metaKey) {
+            if (selection instanceof TextSelection || selection instanceof NodeSelection) {
+              var newSelection = TextSelection.create(doc, selection.head, 1);
+              view.dispatch(tr.setSelection(newSelection));
+              return true;
+            }
+          }
+          return false;
         }
       }
     },

package/dist/esm/utils/getSelection.js

@@ -9,6 +9,10 @@ export var getSelection = function getSelection(tr, start) {
   // decisionList node is not selectable, but we want to select the whole node not just text
   if (isNodeSelection || (node === null || node === void 0 ? void 0 : node.type.name) === 'decisionList') {
     return new NodeSelection($startPos);
+    // TODO: support multiple nodes selection
+  } else if ((node === null || node === void 0 ? void 0 : node.type.name) === 'mediaGroup' && node.childCount === 1) {
+    var $mediaStartPos = tr.doc.resolve(start + 1);
+    return new NodeSelection($mediaStartPos);
   } else {
     // To trigger the annotation floating toolbar for non-selectable node, we need to select inline nodes
     // Find the first inline node in the node

package/dist/types/types.d.ts

@@ -16,7 +16,7 @@ export interface PluginState {
         nodeType: string;
     } | null;
     isResizerResizing: boolean;
-    isDocSizeLimitEnabled: boolean;
+    isDocSizeLimitEnabled: boolean | null;
     /**
      * is dragging the node without using drag handle, i,e, native prosemirror DnD
      */

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

@@ -16,7 +16,7 @@ export interface PluginState {
         nodeType: string;
     } | null;
     isResizerResizing: boolean;
-    isDocSizeLimitEnabled: boolean;
+    isDocSizeLimitEnabled: boolean | null;
     /**
      * is dragging the node without using drag handle, i,e, native prosemirror DnD
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "1.4.32",
+	"version": "1.4.34",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,7 +40,7 @@
 		"@atlaskit/editor-prosemirror": "4.0.1",
 		"@atlaskit/editor-shared-styles": "^2.12.0",
 		"@atlaskit/editor-tables": "^2.7.0",
-		"@atlaskit/icon": "^22.4.0",
+		"@atlaskit/icon": "^22.5.0",
 		"@atlaskit/platform-feature-flags": "^0.2.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.3.0",