@atlaskit/editor-plugin-extension 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-extension
 
+## 1.0.3
+
+### Patch Changes
+
+- [#74716](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74716) [`e4dcc12c4f8d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e4dcc12c4f8d) - ED-22048 Disable MBE partial selection to fix unwanted extensionFrame deletion.
+- Updated dependencies
+
+## 1.0.2
+
+### Patch Changes
+
+- [#72671](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72671) [`c446a8ca183b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c446a8ca183b) - ED-21912 Adding support for left arrow navigation from within MBE tabs.
+- Updated dependencies
+
 ## 1.0.1
 
 ### Patch Changes

package/dist/cjs/context-panel.js

@@ -180,7 +180,6 @@ function _onChangeAction() {
       _ref6,
       positions,
       node,
-      newAttributes,
       newNode,
       positionUpdated,
       transaction,
@@ -238,18 +237,15 @@ function _onChangeAction() {
           return _context3.abrupt("return");
         case 23:
           node = nodeWithPos.node;
-          newAttributes = _objectSpread(_objectSpread({}, node.attrs), {}, {
-            parameters: _objectSpread(_objectSpread(_objectSpread({}, oldParameters), newParameters), {}, {
-              macroParams: _objectSpread(_objectSpread({}, oldParameters === null || oldParameters === void 0 ? void 0 : oldParameters.macroParams), newParameters === null || newParameters === void 0 ? void 0 : newParameters.macroParams)
-            })
-          });
-          newNode = (0, _actions.buildExtensionNode)(nodeWithPos.node.toJSON().type, editorView.state.schema, newAttributes, node.content, node.marks);
+          newNode = (0, _actions.buildExtensionNode)(nodeWithPos.node.toJSON().type, editorView.state.schema, _objectSpread(_objectSpread({}, node.attrs), {}, {
+            parameters: _objectSpread(_objectSpread({}, oldParameters), newParameters)
+          }), node.content, node.marks);
           if (newNode) {
-            _context3.next = 28;
+            _context3.next = 27;
             break;
           }
           return _context3.abrupt("return");
-        case 28:
+        case 27:
           positionUpdated = positions[key];
           transaction = editorView.state.tr.replaceWith(positionUpdated, positionUpdated + newNode.nodeSize, newNode); // Ensure we preserve the selection, tr.replaceWith causes it to be lost in some cases
           // when replacing the node
@@ -262,13 +258,13 @@ function _onChangeAction() {
           }
           positionsLess = _objectSpread({}, (0, _main.getPluginState)(editorView.state).positions);
           delete positionsLess[key];
-          _context3.next = 36;
+          _context3.next = 35;
           return (0, _commands.updateState)({
             positions: positionsLess
           })(editorView.state, editorView.dispatch);
-        case 36:
+        case 35:
           editorView.dispatch(transaction);
-        case 37:
+        case 36:
         case "end":
           return _context3.stop();
       }

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

@@ -29,9 +29,10 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extensibility = require("@atlaskit/editor-common/extensibility");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _selection = require("@atlaskit/editor-common/selection");
+var _selection2 = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../commands");
 var _pluginFactory = require("../plugin-factory");
 var _pluginKey = require("../plugin-key");
@@ -238,7 +239,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
               var maybeBodiedExtension = selection instanceof _state.TextSelection ? (0, _utils.findParentNodeOfTypeClosestToPos)($head, bodiedExtension) : (0, _utils.findSelectedNodeOfType)(bodiedExtension)(selection);
               if (maybeBodiedExtension) {
                 var end = maybeBodiedExtension.pos + maybeBodiedExtension.node.nodeSize;
-                if (event.key === 'ArrowUp' || event.key === 'ArrowLeft' && (0, _selection.isSelectionAtStartOfNode)($head, maybeBodiedExtension)) {
+                if (event.key === 'ArrowUp' || event.key === 'ArrowLeft' && (0, _selection2.isSelectionAtStartOfNode)($head, maybeBodiedExtension)) {
                   var anchor = end + 1;
 
                   // an offset is used here so that left arrow selects the first character before the node (consistent with arrow right)
@@ -248,7 +249,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
                   view.dispatch(tr.setSelection(newSelection));
                   return true;
                 }
-                if (event.key === 'ArrowDown' || event.key === 'ArrowRight' && (0, _selection.isSelectionAtEndOfNode)($head, maybeBodiedExtension)) {
+                if (event.key === 'ArrowDown' || event.key === 'ArrowRight' && (0, _selection2.isSelectionAtEndOfNode)($head, maybeBodiedExtension)) {
                   var _anchor = maybeBodiedExtension.pos - 1;
                   var _head = end + 1;
                   var _newSelection = _state.TextSelection.create(doc, Math.min(_anchor, selection.anchor), _head);
@@ -258,6 +259,34 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
               }
             }
           }
+
+          // Handle non shift key case for MBE
+          if (event instanceof KeyboardEvent && !event.shiftKey && event.key === 'ArrowLeft') {
+            var _view$state2 = view.state,
+              _schema = _view$state2.schema,
+              _selection = _view$state2.selection,
+              _$head = _view$state2.selection.$head,
+              _doc = _view$state2.doc,
+              _tr = _view$state2.tr;
+            var _schema$nodes = _schema.nodes,
+              multiBodiedExtension = _schema$nodes.multiBodiedExtension,
+              extensionFrame = _schema$nodes.extensionFrame,
+              paragraph = _schema$nodes.paragraph;
+            if (_selection instanceof _selection2.GapCursorSelection || _selection instanceof _state.TextSelection && _$head.parent.type === paragraph) {
+              var maybeMultiBodiedExtension = (0, _utils.findParentNodeOfTypeClosestToPos)(_$head, multiBodiedExtension);
+              if (maybeMultiBodiedExtension) {
+                var _tr$doc$nodeAt;
+                /* In case of gap cursor, we need to decrement the position by 1 as we need to check the node at previous position
+                 * In case of text selection, we need to decrement the position by 2 as we need to jump back twice, once from text node and then its parent paragraph node
+                 */
+                var previousPositionDecrement = _selection instanceof _selection2.GapCursorSelection ? 1 : 2;
+                if (((_tr$doc$nodeAt = _tr.doc.nodeAt(_$head.pos - previousPositionDecrement)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.type) === extensionFrame) {
+                  var _newSelection2 = _state.TextSelection.create(_doc, _tr.doc.resolve(_$head.pos - previousPositionDecrement).start(_$head.depth - previousPositionDecrement));
+                  view.dispatch(_tr.setSelection(_newSelection2));
+                }
+              }
+            }
+          }
           return false;
         }
       },
@@ -270,7 +299,33 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
         inlineExtension: (0, _extensibility.ExtensionNodeView)(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi),
         multiBodiedExtension: (0, _extensibility.ExtensionNodeView)(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi)
       },
-      handleClickOn: (0, _selection.createSelectionClickHandler)(['extension', 'bodiedExtension', 'multiBodiedExtension'], function (target) {
+      createSelectionBetween: function createSelectionBetween(view, anchor, head) {
+        if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.multi-bodied-extension_0rygg')) {
+          return null;
+        }
+        var _view$state3 = view.state,
+          schema = _view$state3.schema,
+          doc = _view$state3.doc;
+        var multiBodiedExtension = schema.nodes.multiBodiedExtension;
+        var isAnchorInMBE = (0, _utils.findParentNodeOfTypeClosestToPos)(anchor, multiBodiedExtension);
+        var isHeadInMBE = (0, _utils.findParentNodeOfTypeClosestToPos)(head, multiBodiedExtension);
+        if (isAnchorInMBE !== undefined && isHeadInMBE === undefined) {
+          // Anchor is in MBE, where user started selecting within MBE and then moved outside
+          var newSelection = _state.TextSelection.create(doc, isAnchorInMBE.pos < head.pos ? isAnchorInMBE.pos : isAnchorInMBE.pos + isAnchorInMBE.node.nodeSize,
+          // isAnchorInMBE.pos < head.pos represents downwards selection
+          head.pos);
+          return newSelection;
+        }
+        if (isAnchorInMBE === undefined && isHeadInMBE !== undefined) {
+          // Head is in MBE, where user started selecting outside MBE and then moved inside
+          var _newSelection3 = _state.TextSelection.create(doc, anchor.pos, isHeadInMBE.pos < anchor.pos ? isHeadInMBE.pos : isHeadInMBE.pos + isHeadInMBE.node.nodeSize // isHeadInMBE.pos < anchor.pos represents upwards selection
+          );
+
+          return _newSelection3;
+        }
+        return null;
+      },
+      handleClickOn: (0, _selection2.createSelectionClickHandler)(['extension', 'bodiedExtension', 'multiBodiedExtension'], function (target) {
         return !target.closest('.extension-content');
       }, {
         useLongPressSelection: useLongPressSelection

package/dist/es2019/context-panel.js

@@ -152,18 +152,13 @@ export async function onChangeAction(editorView, updatedParameters = {}, oldPara
   const {
     node
   } = nodeWithPos;
-  const newAttributes = {
+  const newNode = buildExtensionNode(nodeWithPos.node.toJSON().type, editorView.state.schema, {
     ...node.attrs,
     parameters: {
       ...oldParameters,
-      ...newParameters,
-      macroParams: {
-        ...(oldParameters === null || oldParameters === void 0 ? void 0 : oldParameters.macroParams),
-        ...(newParameters === null || newParameters === void 0 ? void 0 : newParameters.macroParams)
-      }
+      ...newParameters
     }
-  };
-  const newNode = buildExtensionNode(nodeWithPos.node.toJSON().type, editorView.state.schema, newAttributes, node.content, node.marks);
+  }, node.content, node.marks);
   if (!newNode) {
     return;
   }

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

@@ -1,8 +1,9 @@
 import { ExtensionNodeView } from '@atlaskit/editor-common/extensibility';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { createSelectionClickHandler, isSelectionAtEndOfNode, isSelectionAtStartOfNode } from '@atlaskit/editor-common/selection';
+import { createSelectionClickHandler, GapCursorSelection, isSelectionAtEndOfNode, isSelectionAtStartOfNode } from '@atlaskit/editor-common/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { clearEditingContext, updateState } from '../commands';
 import { createCommand, createPluginState, getPluginState } from '../plugin-factory';
 import { pluginKey } from '../plugin-key';
@@ -190,6 +191,38 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
               }
             }
           }
+
+          // Handle non shift key case for MBE
+          if (event instanceof KeyboardEvent && !event.shiftKey && event.key === 'ArrowLeft') {
+            const {
+              schema,
+              selection,
+              selection: {
+                $head
+              },
+              doc,
+              tr
+            } = view.state;
+            const {
+              multiBodiedExtension,
+              extensionFrame,
+              paragraph
+            } = schema.nodes;
+            if (selection instanceof GapCursorSelection || selection instanceof TextSelection && $head.parent.type === paragraph) {
+              const maybeMultiBodiedExtension = findParentNodeOfTypeClosestToPos($head, multiBodiedExtension);
+              if (maybeMultiBodiedExtension) {
+                var _tr$doc$nodeAt;
+                /* In case of gap cursor, we need to decrement the position by 1 as we need to check the node at previous position
+                 * In case of text selection, we need to decrement the position by 2 as we need to jump back twice, once from text node and then its parent paragraph node
+                 */
+                const previousPositionDecrement = selection instanceof GapCursorSelection ? 1 : 2;
+                if (((_tr$doc$nodeAt = tr.doc.nodeAt($head.pos - previousPositionDecrement)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.type) === extensionFrame) {
+                  const newSelection = TextSelection.create(doc, tr.doc.resolve($head.pos - previousPositionDecrement).start($head.depth - previousPositionDecrement));
+                  view.dispatch(tr.setSelection(newSelection));
+                }
+              }
+            }
+          }
           return false;
         }
       },
@@ -202,6 +235,35 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
         inlineExtension: ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi),
         multiBodiedExtension: ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi)
       },
+      createSelectionBetween: function (view, anchor, head) {
+        if (!getBooleanFF('platform.editor.multi-bodied-extension_0rygg')) {
+          return null;
+        }
+        const {
+          schema,
+          doc
+        } = view.state;
+        const {
+          multiBodiedExtension
+        } = schema.nodes;
+        const isAnchorInMBE = findParentNodeOfTypeClosestToPos(anchor, multiBodiedExtension);
+        const isHeadInMBE = findParentNodeOfTypeClosestToPos(head, multiBodiedExtension);
+        if (isAnchorInMBE !== undefined && isHeadInMBE === undefined) {
+          // Anchor is in MBE, where user started selecting within MBE and then moved outside
+          const newSelection = TextSelection.create(doc, isAnchorInMBE.pos < head.pos ? isAnchorInMBE.pos : isAnchorInMBE.pos + isAnchorInMBE.node.nodeSize,
+          // isAnchorInMBE.pos < head.pos represents downwards selection
+          head.pos);
+          return newSelection;
+        }
+        if (isAnchorInMBE === undefined && isHeadInMBE !== undefined) {
+          // Head is in MBE, where user started selecting outside MBE and then moved inside
+          const newSelection = TextSelection.create(doc, anchor.pos, isHeadInMBE.pos < anchor.pos ? isHeadInMBE.pos : isHeadInMBE.pos + isHeadInMBE.node.nodeSize // isHeadInMBE.pos < anchor.pos represents upwards selection
+          );
+
+          return newSelection;
+        }
+        return null;
+      },
       handleClickOn: createSelectionClickHandler(['extension', 'bodiedExtension', 'multiBodiedExtension'], target => !target.closest('.extension-content'), {
         useLongPressSelection
       })

package/dist/esm/context-panel.js

@@ -173,7 +173,6 @@ function _onChangeAction() {
       _ref6,
       positions,
       node,
-      newAttributes,
       newNode,
       positionUpdated,
       transaction,
@@ -231,18 +230,15 @@ function _onChangeAction() {
           return _context3.abrupt("return");
         case 23:
           node = nodeWithPos.node;
-          newAttributes = _objectSpread(_objectSpread({}, node.attrs), {}, {
-            parameters: _objectSpread(_objectSpread(_objectSpread({}, oldParameters), newParameters), {}, {
-              macroParams: _objectSpread(_objectSpread({}, oldParameters === null || oldParameters === void 0 ? void 0 : oldParameters.macroParams), newParameters === null || newParameters === void 0 ? void 0 : newParameters.macroParams)
-            })
-          });
-          newNode = buildExtensionNode(nodeWithPos.node.toJSON().type, editorView.state.schema, newAttributes, node.content, node.marks);
+          newNode = buildExtensionNode(nodeWithPos.node.toJSON().type, editorView.state.schema, _objectSpread(_objectSpread({}, node.attrs), {}, {
+            parameters: _objectSpread(_objectSpread({}, oldParameters), newParameters)
+          }), node.content, node.marks);
           if (newNode) {
-            _context3.next = 28;
+            _context3.next = 27;
             break;
           }
           return _context3.abrupt("return");
-        case 28:
+        case 27:
           positionUpdated = positions[key];
           transaction = editorView.state.tr.replaceWith(positionUpdated, positionUpdated + newNode.nodeSize, newNode); // Ensure we preserve the selection, tr.replaceWith causes it to be lost in some cases
           // when replacing the node
@@ -255,13 +251,13 @@ function _onChangeAction() {
           }
           positionsLess = _objectSpread({}, getPluginState(editorView.state).positions);
           delete positionsLess[key];
-          _context3.next = 36;
+          _context3.next = 35;
           return updateState({
             positions: positionsLess
           })(editorView.state, editorView.dispatch);
-        case 36:
+        case 35:
           editorView.dispatch(transaction);
-        case 37:
+        case 36:
         case "end":
           return _context3.stop();
       }

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

@@ -3,9 +3,10 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { ExtensionNodeView } from '@atlaskit/editor-common/extensibility';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { createSelectionClickHandler, isSelectionAtEndOfNode, isSelectionAtStartOfNode } from '@atlaskit/editor-common/selection';
+import { createSelectionClickHandler, GapCursorSelection, isSelectionAtEndOfNode, isSelectionAtStartOfNode } from '@atlaskit/editor-common/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { clearEditingContext, updateState } from '../commands';
 import { createCommand, createPluginState, getPluginState } from '../plugin-factory';
 import { pluginKey } from '../plugin-key';
@@ -232,6 +233,34 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
               }
             }
           }
+
+          // Handle non shift key case for MBE
+          if (event instanceof KeyboardEvent && !event.shiftKey && event.key === 'ArrowLeft') {
+            var _view$state2 = view.state,
+              _schema = _view$state2.schema,
+              _selection = _view$state2.selection,
+              _$head = _view$state2.selection.$head,
+              _doc = _view$state2.doc,
+              _tr = _view$state2.tr;
+            var _schema$nodes = _schema.nodes,
+              multiBodiedExtension = _schema$nodes.multiBodiedExtension,
+              extensionFrame = _schema$nodes.extensionFrame,
+              paragraph = _schema$nodes.paragraph;
+            if (_selection instanceof GapCursorSelection || _selection instanceof TextSelection && _$head.parent.type === paragraph) {
+              var maybeMultiBodiedExtension = findParentNodeOfTypeClosestToPos(_$head, multiBodiedExtension);
+              if (maybeMultiBodiedExtension) {
+                var _tr$doc$nodeAt;
+                /* In case of gap cursor, we need to decrement the position by 1 as we need to check the node at previous position
+                 * In case of text selection, we need to decrement the position by 2 as we need to jump back twice, once from text node and then its parent paragraph node
+                 */
+                var previousPositionDecrement = _selection instanceof GapCursorSelection ? 1 : 2;
+                if (((_tr$doc$nodeAt = _tr.doc.nodeAt(_$head.pos - previousPositionDecrement)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.type) === extensionFrame) {
+                  var _newSelection2 = TextSelection.create(_doc, _tr.doc.resolve(_$head.pos - previousPositionDecrement).start(_$head.depth - previousPositionDecrement));
+                  view.dispatch(_tr.setSelection(_newSelection2));
+                }
+              }
+            }
+          }
           return false;
         }
       },
@@ -244,6 +273,32 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
         inlineExtension: ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi),
         multiBodiedExtension: ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi)
       },
+      createSelectionBetween: function createSelectionBetween(view, anchor, head) {
+        if (!getBooleanFF('platform.editor.multi-bodied-extension_0rygg')) {
+          return null;
+        }
+        var _view$state3 = view.state,
+          schema = _view$state3.schema,
+          doc = _view$state3.doc;
+        var multiBodiedExtension = schema.nodes.multiBodiedExtension;
+        var isAnchorInMBE = findParentNodeOfTypeClosestToPos(anchor, multiBodiedExtension);
+        var isHeadInMBE = findParentNodeOfTypeClosestToPos(head, multiBodiedExtension);
+        if (isAnchorInMBE !== undefined && isHeadInMBE === undefined) {
+          // Anchor is in MBE, where user started selecting within MBE and then moved outside
+          var newSelection = TextSelection.create(doc, isAnchorInMBE.pos < head.pos ? isAnchorInMBE.pos : isAnchorInMBE.pos + isAnchorInMBE.node.nodeSize,
+          // isAnchorInMBE.pos < head.pos represents downwards selection
+          head.pos);
+          return newSelection;
+        }
+        if (isAnchorInMBE === undefined && isHeadInMBE !== undefined) {
+          // Head is in MBE, where user started selecting outside MBE and then moved inside
+          var _newSelection3 = TextSelection.create(doc, anchor.pos, isHeadInMBE.pos < anchor.pos ? isHeadInMBE.pos : isHeadInMBE.pos + isHeadInMBE.node.nodeSize // isHeadInMBE.pos < anchor.pos represents upwards selection
+          );
+
+          return _newSelection3;
+        }
+        return null;
+      },
       handleClickOn: createSelectionClickHandler(['extension', 'bodiedExtension', 'multiBodiedExtension'], function (target) {
         return !target.closest('.extension-content');
       }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-extension",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "editor-plugin-extension plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -27,11 +27,11 @@
     "@atlaskit/adf-schema": "^35.5.1",
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/avatar": "^21.4.0",
+    "@atlaskit/avatar": "^21.5.0",
     "@atlaskit/button": "^17.4.0",
     "@atlaskit/checkbox": "^13.0.0",
     "@atlaskit/datetime-picker": "^13.0.3",
-    "@atlaskit/editor-common": "^78.0.0",
+    "@atlaskit/editor-common": "^78.4.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-context-identifier": "^1.0.0",
@@ -44,20 +44,20 @@
     "@atlaskit/editor-tables": "^2.5.0",
     "@atlaskit/empty-state": "^7.7.0",
     "@atlaskit/form": "^9.0.3",
-    "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/icon": "^22.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^2.0.0",
+    "@atlaskit/primitives": "^2.1.0",
     "@atlaskit/radio": "^6.0.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/select": "^17.1.0",
-    "@atlaskit/smart-user-picker": "^6.7.0",
+    "@atlaskit/smart-user-picker": "^6.8.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/textarea": "^5.0.0",
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/toggle": "^13.0.0",
-    "@atlaskit/tokens": "^1.37.0",
+    "@atlaskit/tokens": "^1.38.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",