@atlaskit/editor-plugin-expand 2.10.14 → 2.11.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-expand
 
+## 2.11.0
+
+### Minor Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.10.14
 
 ### Patch Changes

package/dist/cjs/legacyExpand/nodeviews/index.js

@@ -26,10 +26,7 @@ var _ExpandIconButton = require("../ui/ExpandIconButton");
 function buildExpandClassName(type, expanded) {
   return "".concat(_styles.expandClassNames.prefix, " ").concat(_styles.expandClassNames.type(type), " ").concat(expanded ? _styles.expandClassNames.expanded : '');
 }
-var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable) {
   return ['div', {
     // prettier-ignore
     'class': buildExpandClassName(node.type.name, __livePage && (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') ? !node.attrs.__expanded : node.attrs.__expanded),
@@ -65,8 +62,6 @@ var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditabl
   }, 0]];
 };
 var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   function ExpandNodeView(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI) {
     var _this = this,
       _api$editorDisabled;

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

@@ -68,8 +68,6 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, getInt
       }, {
         useLongPressSelection: useLongPressSelection
       }),
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       handleDrop: function handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }

package/dist/cjs/legacyExpand/ui/ExpandIconButton.js

@@ -44,14 +44,17 @@ var withTooltip = exports.withTooltip = function withTooltip(WrapperComponent) {
       key: "render",
       value: function render() {
         var label = this.props.label;
-        return (0, _react2.jsx)(_tooltip.default, {
-          content: label,
-          position: "top",
-          tag: _ui.ExpandLayoutWrapperWithRef
-        }, (0, _react2.jsx)(WrapperComponent
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        , this.props));
+        return (
+          // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+          (0, _react2.jsx)(_tooltip.default, {
+            content: label,
+            position: "top",
+            tag: _ui.ExpandLayoutWrapperWithRef
+          }, (0, _react2.jsx)(WrapperComponent
+          // Ignored via go/ees005
+          // eslint-disable-next-line react/jsx-props-no-spreading
+          , this.props))
+        );
       }
     }]);
   }(_react.default.Component);

package/dist/cjs/singlePlayerExpand/node-views/index.js

@@ -21,16 +21,15 @@ var _history = require("@atlaskit/editor-prosemirror/history");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("../commands");
 var _ExpandButton = require("../ui/ExpandButton");
 var _NodeView = require("../ui/NodeView");
 var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   function ExpandNodeView(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI) {
     var _this = this,
       _api$editorDisabled,
-      _this$api6;
+      _this$api8;
     var allowInteractiveExpand = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : true;
     var __livePage = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
     var cleanUpEditorDisabledOnChange = arguments.length > 10 ? arguments[10] : undefined;
@@ -125,9 +124,17 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "handleFocus", function (event) {
       event.stopImmediatePropagation();
     });
+    (0, _defineProperty2.default)(this, "handleInputClick", function () {
+      if (!(0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control')) {
+        var _this$api2, _this$api3;
+        (_this$api2 = _this.api) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.core) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.actions) === null || _this$api2 === void 0 || _this$api2.execute((_this$api3 = _this.api) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.editorViewMode) === null || _this$api3 === void 0 ? void 0 : _this$api3.commands.updateContentMode({
+          type: 'intent-to-edit'
+        }));
+      }
+    });
     (0, _defineProperty2.default)(this, "handleInputFocus", function () {
-      var _this$api2;
-      _this.decorationCleanup = (_this$api2 = _this.api) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.selectionMarker) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.actions) === null || _this$api2 === void 0 ? void 0 : _this$api2.hideDecoration();
+      var _this$api4;
+      _this.decorationCleanup = (_this$api4 = _this.api) === null || _this$api4 === void 0 || (_this$api4 = _this$api4.selectionMarker) === null || _this$api4 === void 0 || (_this$api4 = _this$api4.actions) === null || _this$api4 === void 0 ? void 0 : _this$api4.hideDecoration();
     });
     (0, _defineProperty2.default)(this, "handleBlur", function () {
       var _this$decorationClean;
@@ -179,8 +186,8 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         return;
       }
       if (expandNode && (0, _utils.isEmptyNode)(state.schema)(expandNode)) {
-        var _this$api3;
-        (0, _commands.deleteExpand)((_this$api3 = _this.api) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.analytics) === null || _this$api3 === void 0 ? void 0 : _this$api3.actions)(state, _this.view.dispatch);
+        var _this$api5;
+        (0, _commands.deleteExpand)((_this$api5 = _this.api) === null || _this$api5 === void 0 || (_this$api5 = _this$api5.analytics) === null || _this$api5 === void 0 ? void 0 : _this$api5.actions)(state, _this.view.dispatch);
       }
     });
     (0, _defineProperty2.default)(this, "toggleExpand", function () {
@@ -189,12 +196,12 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         return;
       }
       if (_this.allowInteractiveExpand) {
-        var _this$api4;
+        var _this$api6;
         var _this$view3 = _this.view,
           state = _this$view3.state,
           dispatch = _this$view3.dispatch;
         (0, _commands.toggleExpandExpanded)({
-          editorAnalyticsAPI: (_this$api4 = _this.api) === null || _this$api4 === void 0 || (_this$api4 = _this$api4.analytics) === null || _this$api4 === void 0 ? void 0 : _this$api4.actions,
+          editorAnalyticsAPI: (_this$api6 = _this.api) === null || _this$api6 === void 0 || (_this$api6 = _this$api6.analytics) === null || _this$api6 === void 0 ? void 0 : _this$api6.actions,
           pos: pos,
           node: _this.node
         })(state, dispatch);
@@ -316,13 +323,13 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         selectionStart = _this$input5.selectionStart,
         selectionEnd = _this$input5.selectionEnd;
       if (selectionStart === selectionEnd && selectionStart === 0) {
-        var _this$api5;
+        var _this$api7;
         event.preventDefault();
         var _this$view8 = _this.view,
           state = _this$view8.state,
           dispatch = _this$view8.dispatch;
         _this.view.focus();
-        var selectionSharedState = ((_this$api5 = _this.api) === null || _this$api5 === void 0 || (_this$api5 = _this$api5.selection) === null || _this$api5 === void 0 ? void 0 : _this$api5.sharedState.currentState()) || {};
+        var selectionSharedState = ((_this$api7 = _this.api) === null || _this$api7 === void 0 || (_this$api7 = _this$api7.selection) === null || _this$api7 === void 0 ? void 0 : _this$api7.sharedState.currentState()) || {};
         // selectionRelativeToNode is undefined when user clicked to select node, then hit left to get focus in title
         // This is a special case where we want to bypass node selection and jump straight to gap cursor
         if ((selectionSharedState === null || selectionSharedState === void 0 ? void 0 : selectionSharedState.selectionRelativeToNode) === undefined) {
@@ -431,8 +438,11 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
     // If the user interacts in our title bar (either toggle or input)
     // Prevent ProseMirror from getting a focus event (causes weird selection issues).
     this.titleContainer.addEventListener('focus', this.handleFocus);
+    if (!(0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control')) {
+      this.input.addEventListener('click', this.handleInputClick);
+    }
     this.icon.addEventListener('keydown', this.handleIconKeyDown);
-    if ((_this$api6 = this.api) !== null && _this$api6 !== void 0 && _this$api6.editorDisabled) {
+    if ((_this$api8 = this.api) !== null && _this$api8 !== void 0 && _this$api8.editorDisabled) {
       this.cleanUpEditorDisabledOnChange = this.api.editorDisabled.sharedState.onChange(function (sharedState) {
         var editorDisabled = sharedState.nextSharedState.editorDisabled;
         if (_this.input) {
@@ -532,6 +542,9 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
       this.input.removeEventListener('blur', this.handleBlur);
       this.input.removeEventListener('focus', this.handleInputFocus);
       this.titleContainer.removeEventListener('focus', this.handleFocus);
+      if (!(0, _experiments.editorExperiment)('live_pages_graceful_edit', 'control')) {
+        this.input.removeEventListener('click', this.handleInputClick);
+      }
       this.icon.removeEventListener('keydown', this.handleIconKeyDown);
       (_this$decorationClean2 = this.decorationCleanup) === null || _this$decorationClean2 === void 0 || _this$decorationClean2.call(this);
       if (this.cleanUpEditorDisabledOnChange) {

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

@@ -66,8 +66,6 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, getInt
       }, {
         useLongPressSelection: useLongPressSelection
       }),
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       handleDrop: function handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }

package/dist/cjs/singlePlayerExpand/ui/ExpandButton.js

@@ -30,14 +30,17 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function withTooltip(Component) {
   return function WithTooltip(props) {
-    return (0, _react2.jsx)(_tooltip.default, {
-      content: props.label,
-      position: "top",
-      tag: _ui.ExpandLayoutWrapperWithRef
-    }, (0, _react2.jsx)(Component
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    , props));
+    return (
+      // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+      (0, _react2.jsx)(_tooltip.default, {
+        content: props.label,
+        position: "top",
+        tag: _ui.ExpandLayoutWrapperWithRef
+      }, (0, _react2.jsx)(Component
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      , props))
+    );
   };
 }
 var ExpandButtonInner = exports.ExpandButtonInner = function ExpandButtonInner(props) {

package/dist/cjs/singlePlayerExpand/ui/NodeView.js

@@ -10,10 +10,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var buildExpandClassName = exports.buildExpandClassName = function buildExpandClassName(type, expanded) {
   return "".concat(_styles.expandClassNames.prefix, " ").concat(_styles.expandClassNames.type(type), " ").concat(expanded ? _styles.expandClassNames.expanded : '');
 };
-var toDOM = exports.toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var toDOM = exports.toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable) {
   var _expandedState$get;
   return ['div', {
     // prettier-ignore

package/dist/es2019/legacyExpand/nodeviews/index.js

@@ -16,10 +16,7 @@ import { ExpandIconButton } from '../ui/ExpandIconButton';
 function buildExpandClassName(type, expanded) {
   return `${expandClassNames.prefix} ${expandClassNames.type(type)} ${expanded ? expandClassNames.expanded : ''}`;
 }
-const toDOM = (node, __livePage, intl, titleReadOnly, contentEditable
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => ['div', {
+const toDOM = (node, __livePage, intl, titleReadOnly, contentEditable) => ['div', {
   // prettier-ignore
   'class': buildExpandClassName(node.type.name, __livePage && fg('platform.editor.live-pages-expand-divergence') ? !node.attrs.__expanded : node.attrs.__expanded),
   'data-node-type': node.type.name,
@@ -53,8 +50,6 @@ const toDOM = (node, __livePage, intl, titleReadOnly, contentEditable
   contenteditable: contentEditable !== undefined ? contentEditable ? 'true' : 'false' : undefined
 }, 0]];
 export class ExpandNodeView {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   constructor(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI, allowInteractiveExpand = true, __livePage = false, cleanUpEditorDisabledOnChange) {
     var _api$editorDisabled, _api$editorDisabled$s;
     _defineProperty(this, "allowInteractiveExpand", true);

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

@@ -13,10 +13,7 @@ export function containsClass(element, className) {
   var _element$classList;
   return Boolean(element === null || element === void 0 ? void 0 : (_element$classList = element.classList) === null || _element$classList === void 0 ? void 0 : _element$classList.contains(className));
 }
-export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLongPressSelection = false, api, nodeViewPortalProviderAPI, allowInteractiveExpand = true, __livePage = false
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLongPressSelection = false, api, nodeViewPortalProviderAPI, allowInteractiveExpand = true, __livePage = false) => {
   const state = createPluginState(dispatch, {});
   const isMobile = false;
   return new SafePlugin({
@@ -53,8 +50,6 @@ export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLon
       handleClickOn: createSelectionClickHandler(['expand', 'nestedExpand'], target => target.classList.contains(expandClassNames.prefix), {
         useLongPressSelection
       }),
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }

package/dist/es2019/legacyExpand/ui/ExpandIconButton.js

@@ -23,14 +23,17 @@ export const withTooltip = WrapperComponent => {
       const {
         label
       } = this.props;
-      return jsx(Tooltip, {
-        content: label,
-        position: "top",
-        tag: ExpandLayoutWrapperWithRef
-      }, jsx(WrapperComponent
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      , this.props));
+      return (
+        // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+        jsx(Tooltip, {
+          content: label,
+          position: "top",
+          tag: ExpandLayoutWrapperWithRef
+        }, jsx(WrapperComponent
+        // Ignored via go/ees005
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        , this.props))
+      );
     }
   };
 };

package/dist/es2019/singlePlayerExpand/node-views/index.js

@@ -11,14 +11,13 @@ import { redo, undo } from '@atlaskit/editor-prosemirror/history';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { deleteExpand, setSelectionInsideExpand, toggleExpandExpanded, updateExpandTitle } from '../commands';
 import { ExpandButton } from '../ui/ExpandButton';
 import { buildExpandClassName, toDOM } from '../ui/NodeView';
 export class ExpandNodeView {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   constructor(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI, allowInteractiveExpand = true, __livePage = false, cleanUpEditorDisabledOnChange) {
-    var _api$editorDisabled, _api$editorDisabled$s, _this$api6;
+    var _api$editorDisabled, _api$editorDisabled$s, _this$api8;
     _defineProperty(this, "allowInteractiveExpand", true);
     _defineProperty(this, "isMobile", false);
     _defineProperty(this, "focusTitle", () => {
@@ -111,9 +110,17 @@ export class ExpandNodeView {
     _defineProperty(this, "handleFocus", event => {
       event.stopImmediatePropagation();
     });
+    _defineProperty(this, "handleInputClick", () => {
+      if (!editorExperiment('live_pages_graceful_edit', 'control')) {
+        var _this$api2, _this$api2$core, _this$api2$core$actio, _this$api3, _this$api3$editorView;
+        (_this$api2 = this.api) === null || _this$api2 === void 0 ? void 0 : (_this$api2$core = _this$api2.core) === null || _this$api2$core === void 0 ? void 0 : (_this$api2$core$actio = _this$api2$core.actions) === null || _this$api2$core$actio === void 0 ? void 0 : _this$api2$core$actio.execute((_this$api3 = this.api) === null || _this$api3 === void 0 ? void 0 : (_this$api3$editorView = _this$api3.editorViewMode) === null || _this$api3$editorView === void 0 ? void 0 : _this$api3$editorView.commands.updateContentMode({
+          type: 'intent-to-edit'
+        }));
+      }
+    });
     _defineProperty(this, "handleInputFocus", () => {
-      var _this$api2, _this$api2$selectionM, _this$api2$selectionM2;
-      this.decorationCleanup = (_this$api2 = this.api) === null || _this$api2 === void 0 ? void 0 : (_this$api2$selectionM = _this$api2.selectionMarker) === null || _this$api2$selectionM === void 0 ? void 0 : (_this$api2$selectionM2 = _this$api2$selectionM.actions) === null || _this$api2$selectionM2 === void 0 ? void 0 : _this$api2$selectionM2.hideDecoration();
+      var _this$api4, _this$api4$selectionM, _this$api4$selectionM2;
+      this.decorationCleanup = (_this$api4 = this.api) === null || _this$api4 === void 0 ? void 0 : (_this$api4$selectionM = _this$api4.selectionMarker) === null || _this$api4$selectionM === void 0 ? void 0 : (_this$api4$selectionM2 = _this$api4$selectionM.actions) === null || _this$api4$selectionM2 === void 0 ? void 0 : _this$api4$selectionM2.hideDecoration();
     });
     _defineProperty(this, "handleBlur", () => {
       var _this$decorationClean;
@@ -168,8 +175,8 @@ export class ExpandNodeView {
         return;
       }
       if (expandNode && isEmptyNode(state.schema)(expandNode)) {
-        var _this$api3, _this$api3$analytics;
-        deleteExpand((_this$api3 = this.api) === null || _this$api3 === void 0 ? void 0 : (_this$api3$analytics = _this$api3.analytics) === null || _this$api3$analytics === void 0 ? void 0 : _this$api3$analytics.actions)(state, this.view.dispatch);
+        var _this$api5, _this$api5$analytics;
+        deleteExpand((_this$api5 = this.api) === null || _this$api5 === void 0 ? void 0 : (_this$api5$analytics = _this$api5.analytics) === null || _this$api5$analytics === void 0 ? void 0 : _this$api5$analytics.actions)(state, this.view.dispatch);
       }
     });
     _defineProperty(this, "toggleExpand", () => {
@@ -178,13 +185,13 @@ export class ExpandNodeView {
         return;
       }
       if (this.allowInteractiveExpand) {
-        var _this$api4, _this$api4$analytics;
+        var _this$api6, _this$api6$analytics;
         const {
           state,
           dispatch
         } = this.view;
         toggleExpandExpanded({
-          editorAnalyticsAPI: (_this$api4 = this.api) === null || _this$api4 === void 0 ? void 0 : (_this$api4$analytics = _this$api4.analytics) === null || _this$api4$analytics === void 0 ? void 0 : _this$api4$analytics.actions,
+          editorAnalyticsAPI: (_this$api6 = this.api) === null || _this$api6 === void 0 ? void 0 : (_this$api6$analytics = _this$api6.analytics) === null || _this$api6$analytics === void 0 ? void 0 : _this$api6$analytics.actions,
           pos,
           node: this.node
         })(state, dispatch);
@@ -314,14 +321,14 @@ export class ExpandNodeView {
         selectionEnd
       } = this.input;
       if (selectionStart === selectionEnd && selectionStart === 0) {
-        var _this$api5, _this$api5$selection;
+        var _this$api7, _this$api7$selection;
         event.preventDefault();
         const {
           state,
           dispatch
         } = this.view;
         this.view.focus();
-        const selectionSharedState = ((_this$api5 = this.api) === null || _this$api5 === void 0 ? void 0 : (_this$api5$selection = _this$api5.selection) === null || _this$api5$selection === void 0 ? void 0 : _this$api5$selection.sharedState.currentState()) || {};
+        const selectionSharedState = ((_this$api7 = this.api) === null || _this$api7 === void 0 ? void 0 : (_this$api7$selection = _this$api7.selection) === null || _this$api7$selection === void 0 ? void 0 : _this$api7$selection.sharedState.currentState()) || {};
         // selectionRelativeToNode is undefined when user clicked to select node, then hit left to get focus in title
         // This is a special case where we want to bypass node selection and jump straight to gap cursor
         if ((selectionSharedState === null || selectionSharedState === void 0 ? void 0 : selectionSharedState.selectionRelativeToNode) === undefined) {
@@ -431,8 +438,11 @@ export class ExpandNodeView {
     // If the user interacts in our title bar (either toggle or input)
     // Prevent ProseMirror from getting a focus event (causes weird selection issues).
     this.titleContainer.addEventListener('focus', this.handleFocus);
+    if (!editorExperiment('live_pages_graceful_edit', 'control')) {
+      this.input.addEventListener('click', this.handleInputClick);
+    }
     this.icon.addEventListener('keydown', this.handleIconKeyDown);
-    if ((_this$api6 = this.api) !== null && _this$api6 !== void 0 && _this$api6.editorDisabled) {
+    if ((_this$api8 = this.api) !== null && _this$api8 !== void 0 && _this$api8.editorDisabled) {
       this.cleanUpEditorDisabledOnChange = this.api.editorDisabled.sharedState.onChange(sharedState => {
         const editorDisabled = sharedState.nextSharedState.editorDisabled;
         if (this.input) {
@@ -519,6 +529,9 @@ export class ExpandNodeView {
     this.input.removeEventListener('blur', this.handleBlur);
     this.input.removeEventListener('focus', this.handleInputFocus);
     this.titleContainer.removeEventListener('focus', this.handleFocus);
+    if (!editorExperiment('live_pages_graceful_edit', 'control')) {
+      this.input.removeEventListener('click', this.handleInputClick);
+    }
     this.icon.removeEventListener('keydown', this.handleIconKeyDown);
     (_this$decorationClean2 = this.decorationCleanup) === null || _this$decorationClean2 === void 0 ? void 0 : _this$decorationClean2.call(this);
     if (this.cleanUpEditorDisabledOnChange) {

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

@@ -12,10 +12,7 @@ export function containsClass(element, className) {
   var _element$classList;
   return Boolean(element === null || element === void 0 ? void 0 : (_element$classList = element.classList) === null || _element$classList === void 0 ? void 0 : _element$classList.contains(className));
 }
-export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLongPressSelection = false, api, nodeViewPortalProviderAPI, allowInteractiveExpand = true, __livePage = false
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLongPressSelection = false, api, nodeViewPortalProviderAPI, allowInteractiveExpand = true, __livePage = false) => {
   const isMobile = false;
   return new SafePlugin({
     key: pluginKey,
@@ -50,8 +47,6 @@ export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLon
       handleClickOn: createSelectionClickHandler(['expand', 'nestedExpand'], target => target.classList.contains(expandClassNames.prefix), {
         useLongPressSelection
       }),
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }

package/dist/es2019/singlePlayerExpand/ui/ExpandButton.js

@@ -16,14 +16,17 @@ import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
 import Tooltip from '@atlaskit/tooltip';
 function withTooltip(Component) {
   return function WithTooltip(props) {
-    return jsx(Tooltip, {
-      content: props.label,
-      position: "top",
-      tag: ExpandLayoutWrapperWithRef
-    }, jsx(Component
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    , props));
+    return (
+      // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+      jsx(Tooltip, {
+        content: props.label,
+        position: "top",
+        tag: ExpandLayoutWrapperWithRef
+      }, jsx(Component
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      , props))
+    );
   };
 }
 export const ExpandButtonInner = props => {

package/dist/es2019/singlePlayerExpand/ui/NodeView.js

@@ -4,10 +4,7 @@ import { expandMessages } from '@atlaskit/editor-common/ui';
 export const buildExpandClassName = (type, expanded) => {
   return `${expandClassNames.prefix} ${expandClassNames.type(type)} ${expanded ? expandClassNames.expanded : ''}`;
 };
-export const toDOM = (node, __livePage, intl, titleReadOnly, contentEditable
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const toDOM = (node, __livePage, intl, titleReadOnly, contentEditable) => {
   var _expandedState$get;
   return ['div', {
     // prettier-ignore

package/dist/esm/legacyExpand/nodeviews/index.js

@@ -18,10 +18,7 @@ import { ExpandIconButton } from '../ui/ExpandIconButton';
 function buildExpandClassName(type, expanded) {
   return "".concat(expandClassNames.prefix, " ").concat(expandClassNames.type(type), " ").concat(expanded ? expandClassNames.expanded : '');
 }
-var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable) {
   return ['div', {
     // prettier-ignore
     'class': buildExpandClassName(node.type.name, __livePage && fg('platform.editor.live-pages-expand-divergence') ? !node.attrs.__expanded : node.attrs.__expanded),
@@ -57,8 +54,6 @@ var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditabl
   }, 0]];
 };
 export var ExpandNodeView = /*#__PURE__*/function () {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   function ExpandNodeView(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI) {
     var _this = this,
       _api$editorDisabled;

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

@@ -58,8 +58,6 @@ export var createPlugin = function createPlugin(dispatch, getIntl) {
       }, {
         useLongPressSelection: useLongPressSelection
       }),
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       handleDrop: function handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }

package/dist/esm/legacyExpand/ui/ExpandIconButton.js

@@ -37,14 +37,17 @@ export var withTooltip = function withTooltip(WrapperComponent) {
       key: "render",
       value: function render() {
         var label = this.props.label;
-        return jsx(Tooltip, {
-          content: label,
-          position: "top",
-          tag: ExpandLayoutWrapperWithRef
-        }, jsx(WrapperComponent
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        , this.props));
+        return (
+          // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+          jsx(Tooltip, {
+            content: label,
+            position: "top",
+            tag: ExpandLayoutWrapperWithRef
+          }, jsx(WrapperComponent
+          // Ignored via go/ees005
+          // eslint-disable-next-line react/jsx-props-no-spreading
+          , this.props))
+        );
       }
     }]);
   }(React.Component);

package/dist/esm/singlePlayerExpand/node-views/index.js

@@ -13,16 +13,15 @@ import { redo, undo } from '@atlaskit/editor-prosemirror/history';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { deleteExpand, setSelectionInsideExpand, toggleExpandExpanded, updateExpandTitle } from '../commands';
 import { ExpandButton } from '../ui/ExpandButton';
 import { buildExpandClassName, toDOM } from '../ui/NodeView';
 export var ExpandNodeView = /*#__PURE__*/function () {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   function ExpandNodeView(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI) {
     var _this = this,
       _api$editorDisabled,
-      _this$api6;
+      _this$api8;
     var allowInteractiveExpand = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : true;
     var __livePage = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
     var cleanUpEditorDisabledOnChange = arguments.length > 10 ? arguments[10] : undefined;
@@ -117,9 +116,17 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     _defineProperty(this, "handleFocus", function (event) {
       event.stopImmediatePropagation();
     });
+    _defineProperty(this, "handleInputClick", function () {
+      if (!editorExperiment('live_pages_graceful_edit', 'control')) {
+        var _this$api2, _this$api3;
+        (_this$api2 = _this.api) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.core) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.actions) === null || _this$api2 === void 0 || _this$api2.execute((_this$api3 = _this.api) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.editorViewMode) === null || _this$api3 === void 0 ? void 0 : _this$api3.commands.updateContentMode({
+          type: 'intent-to-edit'
+        }));
+      }
+    });
     _defineProperty(this, "handleInputFocus", function () {
-      var _this$api2;
-      _this.decorationCleanup = (_this$api2 = _this.api) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.selectionMarker) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.actions) === null || _this$api2 === void 0 ? void 0 : _this$api2.hideDecoration();
+      var _this$api4;
+      _this.decorationCleanup = (_this$api4 = _this.api) === null || _this$api4 === void 0 || (_this$api4 = _this$api4.selectionMarker) === null || _this$api4 === void 0 || (_this$api4 = _this$api4.actions) === null || _this$api4 === void 0 ? void 0 : _this$api4.hideDecoration();
     });
     _defineProperty(this, "handleBlur", function () {
       var _this$decorationClean;
@@ -171,8 +178,8 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         return;
       }
       if (expandNode && isEmptyNode(state.schema)(expandNode)) {
-        var _this$api3;
-        deleteExpand((_this$api3 = _this.api) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.analytics) === null || _this$api3 === void 0 ? void 0 : _this$api3.actions)(state, _this.view.dispatch);
+        var _this$api5;
+        deleteExpand((_this$api5 = _this.api) === null || _this$api5 === void 0 || (_this$api5 = _this$api5.analytics) === null || _this$api5 === void 0 ? void 0 : _this$api5.actions)(state, _this.view.dispatch);
       }
     });
     _defineProperty(this, "toggleExpand", function () {
@@ -181,12 +188,12 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         return;
       }
       if (_this.allowInteractiveExpand) {
-        var _this$api4;
+        var _this$api6;
         var _this$view3 = _this.view,
           state = _this$view3.state,
           dispatch = _this$view3.dispatch;
         toggleExpandExpanded({
-          editorAnalyticsAPI: (_this$api4 = _this.api) === null || _this$api4 === void 0 || (_this$api4 = _this$api4.analytics) === null || _this$api4 === void 0 ? void 0 : _this$api4.actions,
+          editorAnalyticsAPI: (_this$api6 = _this.api) === null || _this$api6 === void 0 || (_this$api6 = _this$api6.analytics) === null || _this$api6 === void 0 ? void 0 : _this$api6.actions,
           pos: pos,
           node: _this.node
         })(state, dispatch);
@@ -308,13 +315,13 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         selectionStart = _this$input5.selectionStart,
         selectionEnd = _this$input5.selectionEnd;
       if (selectionStart === selectionEnd && selectionStart === 0) {
-        var _this$api5;
+        var _this$api7;
         event.preventDefault();
         var _this$view8 = _this.view,
           state = _this$view8.state,
           dispatch = _this$view8.dispatch;
         _this.view.focus();
-        var selectionSharedState = ((_this$api5 = _this.api) === null || _this$api5 === void 0 || (_this$api5 = _this$api5.selection) === null || _this$api5 === void 0 ? void 0 : _this$api5.sharedState.currentState()) || {};
+        var selectionSharedState = ((_this$api7 = _this.api) === null || _this$api7 === void 0 || (_this$api7 = _this$api7.selection) === null || _this$api7 === void 0 ? void 0 : _this$api7.sharedState.currentState()) || {};
         // selectionRelativeToNode is undefined when user clicked to select node, then hit left to get focus in title
         // This is a special case where we want to bypass node selection and jump straight to gap cursor
         if ((selectionSharedState === null || selectionSharedState === void 0 ? void 0 : selectionSharedState.selectionRelativeToNode) === undefined) {
@@ -423,8 +430,11 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     // If the user interacts in our title bar (either toggle or input)
     // Prevent ProseMirror from getting a focus event (causes weird selection issues).
     this.titleContainer.addEventListener('focus', this.handleFocus);
+    if (!editorExperiment('live_pages_graceful_edit', 'control')) {
+      this.input.addEventListener('click', this.handleInputClick);
+    }
     this.icon.addEventListener('keydown', this.handleIconKeyDown);
-    if ((_this$api6 = this.api) !== null && _this$api6 !== void 0 && _this$api6.editorDisabled) {
+    if ((_this$api8 = this.api) !== null && _this$api8 !== void 0 && _this$api8.editorDisabled) {
       this.cleanUpEditorDisabledOnChange = this.api.editorDisabled.sharedState.onChange(function (sharedState) {
         var editorDisabled = sharedState.nextSharedState.editorDisabled;
         if (_this.input) {
@@ -524,6 +534,9 @@ export var ExpandNodeView = /*#__PURE__*/function () {
       this.input.removeEventListener('blur', this.handleBlur);
       this.input.removeEventListener('focus', this.handleInputFocus);
       this.titleContainer.removeEventListener('focus', this.handleFocus);
+      if (!editorExperiment('live_pages_graceful_edit', 'control')) {
+        this.input.removeEventListener('click', this.handleInputClick);
+      }
       this.icon.removeEventListener('keydown', this.handleIconKeyDown);
       (_this$decorationClean2 = this.decorationCleanup) === null || _this$decorationClean2 === void 0 || _this$decorationClean2.call(this);
       if (this.cleanUpEditorDisabledOnChange) {

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

@@ -55,8 +55,6 @@ export var createPlugin = function createPlugin(dispatch, getIntl) {
       }, {
         useLongPressSelection: useLongPressSelection
       }),
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       handleDrop: function handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }

package/dist/esm/singlePlayerExpand/ui/ExpandButton.js

@@ -21,14 +21,17 @@ import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
 import Tooltip from '@atlaskit/tooltip';
 function withTooltip(Component) {
   return function WithTooltip(props) {
-    return jsx(Tooltip, {
-      content: props.label,
-      position: "top",
-      tag: ExpandLayoutWrapperWithRef
-    }, jsx(Component
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    , props));
+    return (
+      // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+      jsx(Tooltip, {
+        content: props.label,
+        position: "top",
+        tag: ExpandLayoutWrapperWithRef
+      }, jsx(Component
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      , props))
+    );
   };
 }
 export var ExpandButtonInner = function ExpandButtonInner(props) {

package/dist/esm/singlePlayerExpand/ui/NodeView.js

@@ -4,10 +4,7 @@ import { expandMessages } from '@atlaskit/editor-common/ui';
 export var buildExpandClassName = function buildExpandClassName(type, expanded) {
   return "".concat(expandClassNames.prefix, " ").concat(expandClassNames.type(type), " ").concat(expanded ? expandClassNames.expanded : '');
 };
-export var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable) {
   var _expandedState$get;
   return ['div', {
     // prettier-ignore

package/dist/types/legacyExpand/ui/ExpandIconButton.d.ts

@@ -16,12 +16,10 @@ interface ExpandIconButtonWithLabelProps extends ExpandIconButtonProps {
 export declare const withTooltip: (WrapperComponent: React.ElementType) => {
     new (props: ExpandIconButtonWithLabelProps): {
         render(): jsx.JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ExpandIconButtonWithLabelProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ExpandIconButtonWithLabelProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ExpandIconButtonWithLabelProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;

package/dist/types/singlePlayerExpand/node-views/index.d.ts

@@ -31,6 +31,7 @@ export declare class ExpandNodeView implements NodeView {
     private handleClick;
     private handleInput;
     private handleFocus;
+    private handleInputClick;
     private handleInputFocus;
     private handleBlur;
     private handleTitleKeydown;

package/dist/types/types.d.ts

@@ -3,6 +3,7 @@ import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugi
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { SelectionMarkerPlugin } from '@atlaskit/editor-plugin-selection-marker';
@@ -37,16 +38,18 @@ export interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
      */
     __livePage?: boolean;
 }
+export type ExpandPluginDependencies = [
+    DecorationsPlugin,
+    SelectionPlugin,
+    OptionalPlugin<AnalyticsPlugin>,
+    OptionalPlugin<SelectionMarkerPlugin>,
+    OptionalPlugin<EditorDisabledPlugin>,
+    OptionalPlugin<FeatureFlagsPlugin>,
+    OptionalPlugin<EditorViewModePlugin>
+];
 export type ExpandPlugin = NextEditorPlugin<'expand', {
     pluginConfiguration: ExpandPluginOptions | undefined;
-    dependencies: [
-        DecorationsPlugin,
-        SelectionPlugin,
-        OptionalPlugin<AnalyticsPlugin>,
-        OptionalPlugin<SelectionMarkerPlugin>,
-        OptionalPlugin<EditorDisabledPlugin>,
-        OptionalPlugin<FeatureFlagsPlugin>
-    ];
+    dependencies: ExpandPluginDependencies;
     actions: {
         /**
          * Insert an expand node and dispatch event with `insertMenu` inputMethod

package/dist/types-ts4.5/legacyExpand/ui/ExpandIconButton.d.ts

@@ -16,12 +16,10 @@ interface ExpandIconButtonWithLabelProps extends ExpandIconButtonProps {
 export declare const withTooltip: (WrapperComponent: React.ElementType) => {
     new (props: ExpandIconButtonWithLabelProps): {
         render(): jsx.JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ExpandIconButtonWithLabelProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ExpandIconButtonWithLabelProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ExpandIconButtonWithLabelProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;

package/dist/types-ts4.5/singlePlayerExpand/node-views/index.d.ts

@@ -31,6 +31,7 @@ export declare class ExpandNodeView implements NodeView {
     private handleClick;
     private handleInput;
     private handleFocus;
+    private handleInputClick;
     private handleInputFocus;
     private handleBlur;
     private handleTitleKeydown;

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

@@ -3,6 +3,7 @@ import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugi
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { SelectionMarkerPlugin } from '@atlaskit/editor-plugin-selection-marker';
@@ -37,16 +38,18 @@ export interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
      */
     __livePage?: boolean;
 }
+export type ExpandPluginDependencies = [
+    DecorationsPlugin,
+    SelectionPlugin,
+    OptionalPlugin<AnalyticsPlugin>,
+    OptionalPlugin<SelectionMarkerPlugin>,
+    OptionalPlugin<EditorDisabledPlugin>,
+    OptionalPlugin<FeatureFlagsPlugin>,
+    OptionalPlugin<EditorViewModePlugin>
+];
 export type ExpandPlugin = NextEditorPlugin<'expand', {
     pluginConfiguration: ExpandPluginOptions | undefined;
-    dependencies: [
-        DecorationsPlugin,
-        SelectionPlugin,
-        OptionalPlugin<AnalyticsPlugin>,
-        OptionalPlugin<SelectionMarkerPlugin>,
-        OptionalPlugin<EditorDisabledPlugin>,
-        OptionalPlugin<FeatureFlagsPlugin>
-    ];
+    dependencies: ExpandPluginDependencies;
     actions: {
         /**
          * Insert an expand node and dispatch event with `insertMenu` inputMethod

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-expand",
-	"version": "2.10.14",
+	"version": "2.11.0",
 	"description": "Expand plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,21 +32,22 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/editor-common": "^99.0.0",
-		"@atlaskit/editor-plugin-analytics": "^1.10.0",
-		"@atlaskit/editor-plugin-decorations": "^1.3.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
+		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/editor-common": "^99.6.0",
+		"@atlaskit/editor-plugin-analytics": "^1.11.0",
+		"@atlaskit/editor-plugin-decorations": "^1.4.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^1.4.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.16",
 		"@atlaskit/editor-plugin-selection": "^1.6.0",
-		"@atlaskit/editor-plugin-selection-marker": "^1.5.0",
+		"@atlaskit/editor-plugin-selection-marker": "^1.7.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
-		"@atlaskit/icon": "^23.3.0",
+		"@atlaskit/icon": "^23.5.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/tmp-editor-statsig": "^2.33.0",
-		"@atlaskit/tokens": "^3.0.0",
-		"@atlaskit/tooltip": "^19.0.0",
+		"@atlaskit/tmp-editor-statsig": "^2.41.0",
+		"@atlaskit/tokens": "^3.3.0",
+		"@atlaskit/tooltip": "^19.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"uuid": "^3.1.0",
@@ -58,15 +59,15 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@atlaskit/analytics-next": "^10.2.0",
-		"@atlaskit/editor-plugin-content-insertion": "^1.11.0",
-		"@atlaskit/editor-plugin-guideline": "^1.2.0",
-		"@atlaskit/editor-plugin-quick-insert": "^1.8.0",
-		"@atlaskit/editor-plugin-table": "^9.1.0",
-		"@atlaskit/editor-plugin-type-ahead": "^1.11.0",
+		"@atlaskit/analytics-next": "^10.3.0",
+		"@atlaskit/editor-plugin-content-insertion": "^1.12.0",
+		"@atlaskit/editor-plugin-guideline": "^1.3.0",
+		"@atlaskit/editor-plugin-quick-insert": "^1.9.0",
+		"@atlaskit/editor-plugin-table": "^9.3.0",
+		"@atlaskit/editor-plugin-type-ahead": "^1.12.0",
 		"@atlaskit/editor-plugin-width": "^2.0.0",
-		"@testing-library/react": "^12.1.5",
-		"react-test-renderer": "^16.8.0",
+		"@testing-library/react": "^13.4.0",
+		"react-test-renderer": "^18.2.0",
 		"typescript": "~5.4.2"
 	},
 	"techstack": {