@atlaskit/editor-plugin-table 24.2.4 → 24.2.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 24.2.6
+
+### Patch Changes
+
+- [`5aa3054549632`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5aa3054549632) -
+  Fix cell menu to drag handle interaction by ensuring a menu always appears
+- Updated dependencies
+
+## 24.2.5
+
+### Patch Changes
+
+- [`6ad6ef706e851`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6ad6ef706e851) -
+  Clean up experiment `platform_editor_table_update_table_ref`
+- Updated dependencies
+
 ## 24.2.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -804,7 +804,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "dispatchTableRefUpdate",
     value: function dispatchTableRefUpdate() {
-      if (this.table && this.table !== this.lastSetTableRef && (!(0, _expValEquals.expValEquals)('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && ((0, _expValEquals.expValEquals)('platform_editor_table_update_table_ref', 'isEnabled', true) || (0, _platformFeatureFlags.fg)('platform_editor_enable_table_update_ref_atlas'))) {
+      if (this.table && this.table !== this.lastSetTableRef && (!(0, _expValEquals.expValEquals)('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view) {
         this.lastSetTableRef = this.table;
         (0, _commands.setTableRef)(this.table)(this.props.view.state, this.props.view.dispatch);
       }

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

@@ -168,18 +168,14 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
       }
       return {
         update: function update(view, prevState) {
-          var _pluginInjectionApi$e2;
+          var _pluginInjectionApi$e2, _pluginInjectionApi$i;
           var state = view.state,
             dispatch = view.dispatch;
           var selection = state.selection;
           var pluginState = (0, _pluginFactory.getPluginState)(state);
           var tableRef;
           var parent = (0, _utils2.findParentDomRefOfType)(state.schema.nodes.table, domAtPos)(selection);
-          var shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e2 === void 0 || (_pluginInjectionApi$e2 = _pluginInjectionApi$e2.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) !== 'view';
-          if ((0, _expValEquals.expValEquals)('platform_editor_table_update_table_ref', 'isEnabled', true)) {
-            var _pluginInjectionApi$e3, _pluginInjectionApi$i;
-            shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e3 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e3 === void 0 || (_pluginInjectionApi$e3 = _pluginInjectionApi$e3.sharedState.currentState()) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.mode) !== 'view' && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i = pluginInjectionApi.interaction) === null || _pluginInjectionApi$i === void 0 || (_pluginInjectionApi$i = _pluginInjectionApi$i.sharedState.currentState()) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.interactionState) !== 'hasNotHadInteraction';
-          }
+          var shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e2 === void 0 || (_pluginInjectionApi$e2 = _pluginInjectionApi$e2.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) !== 'view' && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i = pluginInjectionApi.interaction) === null || _pluginInjectionApi$i === void 0 || (_pluginInjectionApi$i = _pluginInjectionApi$i.sharedState.currentState()) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.interactionState) !== 'hasNotHadInteraction';
           if (shouldSetTableRef) {
             tableRef =
             // Ignored via go/ees005

package/dist/cjs/ui/FloatingContextualMenu/CellMenuPopup.js

@@ -74,11 +74,20 @@ var CellMenuPopup = exports.CellMenuPopup = function CellMenuPopup(_ref) {
     });
   }, [target]);
   var handleCellMenuClickOutside = (0, _react.useCallback)(function (event) {
+    var _api$table;
     if (isEventInsideCellMenu(event)) {
       return;
     }
+
+    // Another table menu (e.g. a row/column drag menu) may have just been opened by this same
+    // click. Its React handler runs before this document listener, so the active menu is no
+    // longer 'cell' — don't clobber the newly opened menu back to 'none'.
+    var activeTableMenu = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 || (_api$table = _api$table.sharedState.currentState()) === null || _api$table === void 0 ? void 0 : _api$table.activeTableMenu;
+    if ((activeTableMenu === null || activeTableMenu === void 0 ? void 0 : activeTableMenu.type) !== 'cell') {
+      return;
+    }
     closeCellMenu();
-  }, [closeCellMenu, isEventInsideCellMenu]);
+  }, [api, closeCellMenu, isEventInsideCellMenu]);
   return /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
     alignX: "end",
     alignY: "start",

package/dist/cjs/ui/FloatingTableMenu/index.js

@@ -112,13 +112,21 @@ var FloatingTableMenu = function FloatingTableMenu(_ref) {
     return false;
   }, []);
   var handleClickOutside = (0, _react.useCallback)(function (event) {
-    var _popupContentRef$curr;
+    var _popupContentRef$curr, _api$table;
     var target = event.target;
     // Ignore clicks handled by this popup, drag handles, or nested portalled
     // dropdowns so those controls can manage their own open/close behavior.
     if (target instanceof Node && (_popupContentRef$curr = popupContentRef.current) !== null && _popupContentRef$curr !== void 0 && _popupContentRef$curr.contains(target) || target instanceof Element && (target.closest(DRAG_HANDLE_CONTROLS_SELECTOR) || target.closest(NESTED_DROPDOWN_SELECTOR))) {
       return;
     }
+
+    // Another table menu (e.g. the cell menu) may have just been opened by this same click.
+    // Its React handler runs before this document listener, so the active menu is no longer a
+    // row/column menu — don't clobber the newly opened menu back to 'none'.
+    var currentActiveTableMenu = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 || (_api$table = _api$table.sharedState.currentState()) === null || _api$table === void 0 ? void 0 : _api$table.activeTableMenu;
+    if ((currentActiveTableMenu === null || currentActiveTableMenu === void 0 ? void 0 : currentActiveTableMenu.type) !== 'row' && (currentActiveTableMenu === null || currentActiveTableMenu === void 0 ? void 0 : currentActiveTableMenu.type) !== 'column') {
+      return;
+    }
     api === null || api === void 0 || api.core.actions.execute((0, _commands.closeActiveTableMenu)(api));
   }, [api]);
   if (!isDragMenuOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {

package/dist/es2019/nodeviews/TableComponent.js

@@ -765,7 +765,7 @@ class TableComponent extends React.Component {
     this.dispatchTableRefUpdate();
   }
   dispatchTableRefUpdate() {
-    if (this.table && this.table !== this.lastSetTableRef && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) || fg('platform_editor_enable_table_update_ref_atlas'))) {
+    if (this.table && this.table !== this.lastSetTableRef && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view) {
       this.lastSetTableRef = this.table;
       setTableRef(this.table)(this.props.view.state, this.props.view.dispatch);
     }

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

@@ -153,7 +153,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
       }
       return {
         update: (view, prevState) => {
-          var _pluginInjectionApi$e3, _pluginInjectionApi$e4;
+          var _pluginInjectionApi$e3, _pluginInjectionApi$e4, _pluginInjectionApi$i, _pluginInjectionApi$i2;
           const {
             state,
             dispatch
@@ -164,11 +164,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
           const pluginState = getPluginState(state);
           let tableRef;
           const parent = findParentDomRefOfType(state.schema.nodes.table, domAtPos)(selection);
-          let shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e3 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : (_pluginInjectionApi$e4 = _pluginInjectionApi$e3.sharedState.currentState()) === null || _pluginInjectionApi$e4 === void 0 ? void 0 : _pluginInjectionApi$e4.mode) !== 'view';
-          if (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true)) {
-            var _pluginInjectionApi$e5, _pluginInjectionApi$e6, _pluginInjectionApi$i, _pluginInjectionApi$i2;
-            shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e5 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e5 === void 0 ? void 0 : (_pluginInjectionApi$e6 = _pluginInjectionApi$e5.sharedState.currentState()) === null || _pluginInjectionApi$e6 === void 0 ? void 0 : _pluginInjectionApi$e6.mode) !== 'view' && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$i = pluginInjectionApi.interaction) === null || _pluginInjectionApi$i === void 0 ? void 0 : (_pluginInjectionApi$i2 = _pluginInjectionApi$i.sharedState.currentState()) === null || _pluginInjectionApi$i2 === void 0 ? void 0 : _pluginInjectionApi$i2.interactionState) !== 'hasNotHadInteraction';
-          }
+          const shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e3 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : (_pluginInjectionApi$e4 = _pluginInjectionApi$e3.sharedState.currentState()) === null || _pluginInjectionApi$e4 === void 0 ? void 0 : _pluginInjectionApi$e4.mode) !== 'view' && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$i = pluginInjectionApi.interaction) === null || _pluginInjectionApi$i === void 0 ? void 0 : (_pluginInjectionApi$i2 = _pluginInjectionApi$i.sharedState.currentState()) === null || _pluginInjectionApi$i2 === void 0 ? void 0 : _pluginInjectionApi$i2.interactionState) !== 'hasNotHadInteraction';
           if (shouldSetTableRef) {
             tableRef =
             // Ignored via go/ees005

package/dist/es2019/ui/FloatingContextualMenu/CellMenuPopup.js

@@ -62,11 +62,20 @@ export const CellMenuPopup = ({
     };
   }, [target]);
   const handleCellMenuClickOutside = useCallback(event => {
+    var _api$table, _api$table$sharedStat;
     if (isEventInsideCellMenu(event)) {
       return;
     }
+
+    // Another table menu (e.g. a row/column drag menu) may have just been opened by this same
+    // click. Its React handler runs before this document listener, so the active menu is no
+    // longer 'cell' — don't clobber the newly opened menu back to 'none'.
+    const activeTableMenu = api === null || api === void 0 ? void 0 : (_api$table = api.table) === null || _api$table === void 0 ? void 0 : (_api$table$sharedStat = _api$table.sharedState.currentState()) === null || _api$table$sharedStat === void 0 ? void 0 : _api$table$sharedStat.activeTableMenu;
+    if ((activeTableMenu === null || activeTableMenu === void 0 ? void 0 : activeTableMenu.type) !== 'cell') {
+      return;
+    }
     closeCellMenu();
-  }, [closeCellMenu, isEventInsideCellMenu]);
+  }, [api, closeCellMenu, isEventInsideCellMenu]);
   return /*#__PURE__*/React.createElement(PopupWithListeners, {
     alignX: "end",
     alignY: "start",

package/dist/es2019/ui/FloatingTableMenu/index.js

@@ -102,13 +102,21 @@ const FloatingTableMenu = ({
   // by a global page-level shortcut.
   const isShortcutToFocusToolbar = useCallback(() => false, []);
   const handleClickOutside = useCallback(event => {
-    var _popupContentRef$curr;
+    var _popupContentRef$curr, _api$table, _api$table$sharedStat;
     const target = event.target;
     // Ignore clicks handled by this popup, drag handles, or nested portalled
     // dropdowns so those controls can manage their own open/close behavior.
     if (target instanceof Node && (_popupContentRef$curr = popupContentRef.current) !== null && _popupContentRef$curr !== void 0 && _popupContentRef$curr.contains(target) || target instanceof Element && (target.closest(DRAG_HANDLE_CONTROLS_SELECTOR) || target.closest(NESTED_DROPDOWN_SELECTOR))) {
       return;
     }
+
+    // Another table menu (e.g. the cell menu) may have just been opened by this same click.
+    // Its React handler runs before this document listener, so the active menu is no longer a
+    // row/column menu — don't clobber the newly opened menu back to 'none'.
+    const currentActiveTableMenu = api === null || api === void 0 ? void 0 : (_api$table = api.table) === null || _api$table === void 0 ? void 0 : (_api$table$sharedStat = _api$table.sharedState.currentState()) === null || _api$table$sharedStat === void 0 ? void 0 : _api$table$sharedStat.activeTableMenu;
+    if ((currentActiveTableMenu === null || currentActiveTableMenu === void 0 ? void 0 : currentActiveTableMenu.type) !== 'row' && (currentActiveTableMenu === null || currentActiveTableMenu === void 0 ? void 0 : currentActiveTableMenu.type) !== 'column') {
+      return;
+    }
     api === null || api === void 0 ? void 0 : api.core.actions.execute(closeActiveTableMenu(api));
   }, [api]);
   if (!isDragMenuOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {

package/dist/esm/nodeviews/TableComponent.js

@@ -798,7 +798,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "dispatchTableRefUpdate",
     value: function dispatchTableRefUpdate() {
-      if (this.table && this.table !== this.lastSetTableRef && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) || fg('platform_editor_enable_table_update_ref_atlas'))) {
+      if (this.table && this.table !== this.lastSetTableRef && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view) {
         this.lastSetTableRef = this.table;
         setTableRef(this.table)(this.props.view.state, this.props.view.dispatch);
       }

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

@@ -161,18 +161,14 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       }
       return {
         update: function update(view, prevState) {
-          var _pluginInjectionApi$e2;
+          var _pluginInjectionApi$e2, _pluginInjectionApi$i;
           var state = view.state,
             dispatch = view.dispatch;
           var selection = state.selection;
           var pluginState = getPluginState(state);
           var tableRef;
           var parent = findParentDomRefOfType(state.schema.nodes.table, domAtPos)(selection);
-          var shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e2 === void 0 || (_pluginInjectionApi$e2 = _pluginInjectionApi$e2.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) !== 'view';
-          if (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true)) {
-            var _pluginInjectionApi$e3, _pluginInjectionApi$i;
-            shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e3 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e3 === void 0 || (_pluginInjectionApi$e3 = _pluginInjectionApi$e3.sharedState.currentState()) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.mode) !== 'view' && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i = pluginInjectionApi.interaction) === null || _pluginInjectionApi$i === void 0 || (_pluginInjectionApi$i = _pluginInjectionApi$i.sharedState.currentState()) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.interactionState) !== 'hasNotHadInteraction';
-          }
+          var shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e2 === void 0 || (_pluginInjectionApi$e2 = _pluginInjectionApi$e2.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) !== 'view' && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i = pluginInjectionApi.interaction) === null || _pluginInjectionApi$i === void 0 || (_pluginInjectionApi$i = _pluginInjectionApi$i.sharedState.currentState()) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.interactionState) !== 'hasNotHadInteraction';
           if (shouldSetTableRef) {
             tableRef =
             // Ignored via go/ees005

package/dist/esm/ui/FloatingContextualMenu/CellMenuPopup.js

@@ -65,11 +65,20 @@ export var CellMenuPopup = function CellMenuPopup(_ref) {
     });
   }, [target]);
   var handleCellMenuClickOutside = useCallback(function (event) {
+    var _api$table;
     if (isEventInsideCellMenu(event)) {
       return;
     }
+
+    // Another table menu (e.g. a row/column drag menu) may have just been opened by this same
+    // click. Its React handler runs before this document listener, so the active menu is no
+    // longer 'cell' — don't clobber the newly opened menu back to 'none'.
+    var activeTableMenu = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 || (_api$table = _api$table.sharedState.currentState()) === null || _api$table === void 0 ? void 0 : _api$table.activeTableMenu;
+    if ((activeTableMenu === null || activeTableMenu === void 0 ? void 0 : activeTableMenu.type) !== 'cell') {
+      return;
+    }
     closeCellMenu();
-  }, [closeCellMenu, isEventInsideCellMenu]);
+  }, [api, closeCellMenu, isEventInsideCellMenu]);
   return /*#__PURE__*/React.createElement(PopupWithListeners, {
     alignX: "end",
     alignY: "start",

package/dist/esm/ui/FloatingTableMenu/index.js

@@ -104,13 +104,21 @@ var FloatingTableMenu = function FloatingTableMenu(_ref) {
     return false;
   }, []);
   var handleClickOutside = useCallback(function (event) {
-    var _popupContentRef$curr;
+    var _popupContentRef$curr, _api$table;
     var target = event.target;
     // Ignore clicks handled by this popup, drag handles, or nested portalled
     // dropdowns so those controls can manage their own open/close behavior.
     if (target instanceof Node && (_popupContentRef$curr = popupContentRef.current) !== null && _popupContentRef$curr !== void 0 && _popupContentRef$curr.contains(target) || target instanceof Element && (target.closest(DRAG_HANDLE_CONTROLS_SELECTOR) || target.closest(NESTED_DROPDOWN_SELECTOR))) {
       return;
     }
+
+    // Another table menu (e.g. the cell menu) may have just been opened by this same click.
+    // Its React handler runs before this document listener, so the active menu is no longer a
+    // row/column menu — don't clobber the newly opened menu back to 'none'.
+    var currentActiveTableMenu = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 || (_api$table = _api$table.sharedState.currentState()) === null || _api$table === void 0 ? void 0 : _api$table.activeTableMenu;
+    if ((currentActiveTableMenu === null || currentActiveTableMenu === void 0 ? void 0 : currentActiveTableMenu.type) !== 'row' && (currentActiveTableMenu === null || currentActiveTableMenu === void 0 ? void 0 : currentActiveTableMenu.type) !== 'column') {
+      return;
+    }
     api === null || api === void 0 || api.core.actions.execute(closeActiveTableMenu(api));
   }, [api]);
   if (!isDragMenuOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {

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

@@ -2,8 +2,7 @@ import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import { NodeRange } from '@atlaskit/editor-prosemirror/model';
 import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 interface IsTableCollapsibleResult {
-    findWrappingRes?: // Ignored via go/ees005
-    Array<{
+    findWrappingRes?: Array<{
         attrs?: {
             [key: string]: any;
         } | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "24.2.4",
+	"version": "24.2.6",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,9 +29,9 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^12.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^12.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^14.0.0",
-		"@atlaskit/editor-plugin-extension": "15.0.6",
+		"@atlaskit/editor-plugin-extension": "15.0.7",
 		"@atlaskit/editor-plugin-guideline": "^12.0.0",
-		"@atlaskit/editor-plugin-interaction": "^21.0.0",
+		"@atlaskit/editor-plugin-interaction": "^22.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^9.0.0",
 		"@atlaskit/editor-plugin-selection": "^12.0.0",
 		"@atlaskit/editor-plugin-toolbar": "^9.0.0",
@@ -44,7 +44,7 @@
 		"@atlaskit/editor-toolbar": "^2.0.0",
 		"@atlaskit/editor-ui-control-model": "^2.0.0",
 		"@atlaskit/icon": "^36.0.0",
-		"@atlaskit/icon-lab": "^7.0.0",
+		"@atlaskit/icon-lab": "^7.1.0",
 		"@atlaskit/insm": "^1.0.0",
 		"@atlaskit/menu": "^9.0.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
@@ -52,9 +52,9 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.0.0",
 		"@atlaskit/primitives": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^109.2.0",
+		"@atlaskit/tmp-editor-statsig": "^110.1.0",
 		"@atlaskit/toggle": "^17.0.0",
-		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tokens": "^15.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -67,7 +67,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.10.0",
+		"@atlaskit/editor-common": "^116.11.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"