@atlaskit/editor-plugin-expand 7.4.4 → 7.4.6

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-expand
 
+## 7.4.6
+
+### Patch Changes
+
+- [`4d676bbdb3ce6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4d676bbdb3ce6) -
+  ts-ignore added temporarily to unblock local consumption for help-center, will be removed once
+  project refs are setup
+- Updated dependencies
+
+## 7.4.5
+
+### Patch Changes
+
+- [`15164638b4d1a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/15164638b4d1a) -
+  [ux] [EDITOR-2461] handle ArrowUp navigation out of the Expand title
+- Updated dependencies
+
 ## 7.4.4
 
 ### Patch Changes

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

@@ -193,7 +193,11 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
           _this.handleArrowLeftFromTitle(event);
           break;
         case 'ArrowUp':
-          _this.setLeftGapCursor(event);
+          if ((0, _expValEquals.expValEquals)('platform_editor_lovability_navigation_fixes', 'isEnabled', true)) {
+            _this.moveToPreviousLine(event);
+          } else {
+            _this.setLeftGapCursor(event);
+          }
           break;
         case 'Backspace':
           _this.deleteExpand(event);
@@ -315,7 +319,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         dispatch(state.tr.setSelection(new _selection.GapCursorSelection(state.doc.resolve(_this.node.nodeSize + pos), _selection.Side.RIGHT)));
       }
     });
-    (0, _defineProperty2.default)(this, "setLeftGapCursor", function (event) {
+    (0, _defineProperty2.default)(this, "moveToPreviousLine", function (event) {
       if (!_this.input) {
         return;
       }
@@ -331,12 +335,23 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         var _this$view7 = _this.view,
           state = _this$view7.state,
           dispatch = _this$view7.dispatch;
-        _this.view.focus();
-        dispatch(state.tr.setSelection(new _selection.GapCursorSelection(state.doc.resolve(pos), _selection.Side.LEFT)));
+        var resolvedPos = state.doc.resolve(pos);
+        if (!resolvedPos) {
+          return;
+        }
+        if (resolvedPos.pos === 0) {
+          _this.setLeftGapCursor(event);
+          return;
+        }
+        var sel = _state.Selection.findFrom(resolvedPos, -1);
+        if (sel) {
+          _this.view.focus();
+          dispatch(state.tr.setSelection(sel));
+        }
       }
     });
-    (0, _defineProperty2.default)(this, "handleArrowRightFromTitle", function (event) {
-      if (!_this.input || !_this.selectNearNode) {
+    (0, _defineProperty2.default)(this, "setLeftGapCursor", function (event) {
+      if (!_this.input) {
         return;
       }
       var pos = _this.getPos();
@@ -344,15 +359,35 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         return;
       }
       var _this$input4 = _this.input,
-        value = _this$input4.value,
         selectionStart = _this$input4.selectionStart,
         selectionEnd = _this$input4.selectionEnd;
-      if (selectionStart === selectionEnd && selectionStart === value.length) {
+      if (selectionStart === selectionEnd && selectionStart === 0) {
         event.preventDefault();
         var _this$view8 = _this.view,
           state = _this$view8.state,
           dispatch = _this$view8.dispatch;
         _this.view.focus();
+        dispatch(state.tr.setSelection(new _selection.GapCursorSelection(state.doc.resolve(pos), _selection.Side.LEFT)));
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleArrowRightFromTitle", function (event) {
+      if (!_this.input || !_this.selectNearNode) {
+        return;
+      }
+      var pos = _this.getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
+      var _this$input5 = _this.input,
+        value = _this$input5.value,
+        selectionStart = _this$input5.selectionStart,
+        selectionEnd = _this$input5.selectionEnd;
+      if (selectionStart === selectionEnd && selectionStart === value.length) {
+        event.preventDefault();
+        var _this$view9 = _this.view,
+          state = _this$view9.state,
+          dispatch = _this$view9.dispatch;
+        _this.view.focus();
         var tr = _this.selectNearNode({
           selectionRelativeToNode: _selection.RelativeSelectionPos.End,
           selection: _state.NodeSelection.create(state.doc, pos)
@@ -370,15 +405,15 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
       if (typeof pos !== 'number') {
         return;
       }
-      var _this$input5 = _this.input,
-        selectionStart = _this$input5.selectionStart,
-        selectionEnd = _this$input5.selectionEnd;
+      var _this$input6 = _this.input,
+        selectionStart = _this$input6.selectionStart,
+        selectionEnd = _this$input6.selectionEnd;
       if (selectionStart === selectionEnd && selectionStart === 0) {
         var _this$api5;
         event.preventDefault();
-        var _this$view9 = _this.view,
-          state = _this$view9.state,
-          dispatch = _this$view9.dispatch;
+        var _this$view0 = _this.view,
+          state = _this$view0.state,
+          dispatch = _this$view0.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()) || {};
         // selectionRelativeToNode is undefined when user clicked to select node, then hit left to get focus in title
@@ -403,17 +438,17 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
       }
     });
     (0, _defineProperty2.default)(this, "handleUndoFromTitle", function (event) {
-      var _this$view0 = _this.view,
-        state = _this$view0.state,
-        dispatch = _this$view0.dispatch;
+      var _this$view1 = _this.view,
+        state = _this$view1.state,
+        dispatch = _this$view1.dispatch;
       (0, _prosemirrorHistory.undo)(state, dispatch);
       event.preventDefault();
       return;
     });
     (0, _defineProperty2.default)(this, "handleRedoFromTitle", function (event) {
-      var _this$view1 = _this.view,
-        state = _this$view1.state,
-        dispatch = _this$view1.dispatch;
+      var _this$view10 = _this.view,
+        state = _this$view10.state,
+        dispatch = _this$view10.dispatch;
       (0, _prosemirrorHistory.redo)(state, dispatch);
       event.preventDefault();
       return;

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

@@ -35,6 +35,8 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, getInt
     state: state,
     key: _pluginFactory.pluginKey,
     props: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       nodeViews: {
         expand: (0, _nodeviews.default)({
           getIntl: getIntl,
@@ -53,9 +55,11 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, getInt
           __livePage: __livePage
         })
       },
+      // @ts-ignore - Workaround for help-center local consumption
       handleKeyDown: function handleKeyDown(_view, event) {
         return containsClass(event.target, _styles.expandClassNames.titleContainer);
       },
+      // @ts-ignore - Workaround for help-center local consumption
       handleKeyPress: function handleKeyPress(_view, event) {
         return containsClass(event.target, _styles.expandClassNames.titleContainer);
       },
@@ -67,11 +71,13 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, getInt
       }, {
         useLongPressSelection: useLongPressSelection
       }),
+      // @ts-ignore - Workaround for help-center local consumption
       handleDrop: function handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }
     },
     // @see ED-8027 to follow up on this work-around
+    // @ts-ignore - Workaround for help-center local consumption
     filterTransaction: function filterTransaction(tr) {
       if (containsClass(document.activeElement, _styles.expandClassNames.titleInput) && tr.selectionSet && (!tr.steps.length || tr.isGeneric)) {
         return false;
@@ -109,6 +115,9 @@ function handleExpandDrag(view, event, slice) {
     to = selection.to;
   var sliceContainsExpand = false;
   var sliceContainsNestedExpand = false;
+
+  // @ts-ignore - Workaround for help-center local consumption
+
   slice.content.forEach(function (node) {
     if (node.type === state.schema.nodes.expand) {
       sliceContainsExpand = true;

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

@@ -151,7 +151,11 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
           _this.handleArrowLeftFromTitle(event);
           break;
         case 'ArrowUp':
-          _this.setLeftGapCursor(event);
+          if ((0, _expValEquals.expValEquals)('platform_editor_lovability_navigation_fixes', 'isEnabled', true)) {
+            _this.moveToPreviousLine(event);
+          } else {
+            _this.setLeftGapCursor(event);
+          }
           break;
         case 'Backspace':
           _this.deleteEmptyExpand();
@@ -270,7 +274,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         dispatch(state.tr.setSelection(new _selection.GapCursorSelection(state.doc.resolve(_this.node.nodeSize + pos), _selection.Side.RIGHT)));
       }
     });
-    (0, _defineProperty2.default)(this, "setLeftGapCursor", function (event) {
+    (0, _defineProperty2.default)(this, "moveToPreviousLine", function (event) {
       if (!_this.input) {
         return;
       }
@@ -286,12 +290,23 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         var _this$view6 = _this.view,
           state = _this$view6.state,
           dispatch = _this$view6.dispatch;
-        _this.view.focus();
-        dispatch(state.tr.setSelection(new _selection.GapCursorSelection(state.doc.resolve(pos), _selection.Side.LEFT)));
+        var resolvedPos = state.doc.resolve(pos);
+        if (!resolvedPos) {
+          return;
+        }
+        if (resolvedPos.pos === 0) {
+          _this.setLeftGapCursor(event);
+          return;
+        }
+        var sel = _state.Selection.findFrom(resolvedPos, -1);
+        if (sel) {
+          _this.view.focus();
+          dispatch(state.tr.setSelection(sel));
+        }
       }
     });
-    (0, _defineProperty2.default)(this, "handleArrowRightFromTitle", function (event) {
-      if (!_this.input || !_this.selectNearNode) {
+    (0, _defineProperty2.default)(this, "setLeftGapCursor", function (event) {
+      if (!_this.input) {
         return;
       }
       var pos = _this.getPos();
@@ -299,15 +314,35 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         return;
       }
       var _this$input4 = _this.input,
-        value = _this$input4.value,
         selectionStart = _this$input4.selectionStart,
         selectionEnd = _this$input4.selectionEnd;
-      if (selectionStart === selectionEnd && selectionStart === value.length) {
+      if (selectionStart === selectionEnd && selectionStart === 0) {
         event.preventDefault();
         var _this$view7 = _this.view,
           state = _this$view7.state,
           dispatch = _this$view7.dispatch;
         _this.view.focus();
+        dispatch(state.tr.setSelection(new _selection.GapCursorSelection(state.doc.resolve(pos), _selection.Side.LEFT)));
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleArrowRightFromTitle", function (event) {
+      if (!_this.input || !_this.selectNearNode) {
+        return;
+      }
+      var pos = _this.getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
+      var _this$input5 = _this.input,
+        value = _this$input5.value,
+        selectionStart = _this$input5.selectionStart,
+        selectionEnd = _this$input5.selectionEnd;
+      if (selectionStart === selectionEnd && selectionStart === value.length) {
+        event.preventDefault();
+        var _this$view8 = _this.view,
+          state = _this$view8.state,
+          dispatch = _this$view8.dispatch;
+        _this.view.focus();
         var tr = _this.selectNearNode({
           selectionRelativeToNode: _selection.RelativeSelectionPos.End,
           selection: _state.NodeSelection.create(state.doc, pos)
@@ -325,15 +360,15 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
       if (typeof pos !== 'number') {
         return;
       }
-      var _this$input5 = _this.input,
-        selectionStart = _this$input5.selectionStart,
-        selectionEnd = _this$input5.selectionEnd;
+      var _this$input6 = _this.input,
+        selectionStart = _this$input6.selectionStart,
+        selectionEnd = _this$input6.selectionEnd;
       if (selectionStart === selectionEnd && selectionStart === 0) {
         var _this$api5;
         event.preventDefault();
-        var _this$view8 = _this.view,
-          state = _this$view8.state,
-          dispatch = _this$view8.dispatch;
+        var _this$view9 = _this.view,
+          state = _this$view9.state,
+          dispatch = _this$view9.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()) || {};
         // selectionRelativeToNode is undefined when user clicked to select node, then hit left to get focus in title
@@ -358,17 +393,17 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
       }
     });
     (0, _defineProperty2.default)(this, "handleUndoFromTitle", function (event) {
-      var _this$view9 = _this.view,
-        state = _this$view9.state,
-        dispatch = _this$view9.dispatch;
+      var _this$view0 = _this.view,
+        state = _this$view0.state,
+        dispatch = _this$view0.dispatch;
       (0, _prosemirrorHistory.undo)(state, dispatch);
       event.preventDefault();
       return;
     });
     (0, _defineProperty2.default)(this, "handleRedoFromTitle", function (event) {
-      var _this$view0 = _this.view,
-        state = _this$view0.state,
-        dispatch = _this$view0.dispatch;
+      var _this$view1 = _this.view,
+        state = _this$view1.state,
+        dispatch = _this$view1.dispatch;
       (0, _prosemirrorHistory.redo)(state, dispatch);
       event.preventDefault();
       return;

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

@@ -33,6 +33,8 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, getInt
   return new _safePlugin.SafePlugin({
     key: pluginKey,
     props: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       nodeViews: {
         expand: (0, _nodeViews.default)({
           getIntl: getIntl,
@@ -51,9 +53,11 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, getInt
           __livePage: __livePage
         })
       },
+      // @ts-ignore - Workaround for help-center local consumption
       handleKeyDown: function handleKeyDown(_view, event) {
         return containsClass(event.target, _styles.expandClassNames.titleContainer);
       },
+      // @ts-ignore - Workaround for help-center local consumption
       handleKeyPress: function handleKeyPress(_view, event) {
         return containsClass(event.target, _styles.expandClassNames.titleContainer);
       },
@@ -65,11 +69,13 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, getInt
       }, {
         useLongPressSelection: useLongPressSelection
       }),
+      // @ts-ignore - Workaround for help-center local consumption
       handleDrop: function handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }
     },
     // @see ED-8027 to follow up on this work-around
+    // @ts-ignore - Workaround for help-center local consumption
     filterTransaction: function filterTransaction(tr) {
       if (containsClass(document.activeElement, _styles.expandClassNames.titleInput) && tr.selectionSet && (!tr.steps.length || tr.isGeneric)) {
         return false;
@@ -91,6 +97,9 @@ function handleExpandDrag(view, event, slice) {
     to = selection.to;
   var sliceContainsExpand = false;
   var sliceContainsNestedExpand = false;
+
+  // @ts-ignore - Workaround for help-center local consumption
+
   slice.content.forEach(function (node) {
     if (node.type === state.schema.nodes.expand) {
       sliceContainsExpand = true;

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

@@ -179,7 +179,11 @@ export class ExpandNodeView {
           this.handleArrowLeftFromTitle(event);
           break;
         case 'ArrowUp':
-          this.setLeftGapCursor(event);
+          if (expValEquals('platform_editor_lovability_navigation_fixes', 'isEnabled', true)) {
+            this.moveToPreviousLine(event);
+          } else {
+            this.setLeftGapCursor(event);
+          }
           break;
         case 'Backspace':
           this.deleteExpand(event);
@@ -308,6 +312,39 @@ export class ExpandNodeView {
         dispatch(state.tr.setSelection(new GapCursorSelection(state.doc.resolve(this.node.nodeSize + pos), Side.RIGHT)));
       }
     });
+    _defineProperty(this, "moveToPreviousLine", event => {
+      if (!this.input) {
+        return;
+      }
+      const pos = this.getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
+      const {
+        selectionStart,
+        selectionEnd
+      } = this.input;
+      if (selectionStart === selectionEnd && selectionStart === 0) {
+        event.preventDefault();
+        const {
+          state,
+          dispatch
+        } = this.view;
+        const resolvedPos = state.doc.resolve(pos);
+        if (!resolvedPos) {
+          return;
+        }
+        if (resolvedPos.pos === 0) {
+          this.setLeftGapCursor(event);
+          return;
+        }
+        const sel = Selection.findFrom(resolvedPos, -1);
+        if (sel) {
+          this.view.focus();
+          dispatch(state.tr.setSelection(sel));
+        }
+      }
+    });
     _defineProperty(this, "setLeftGapCursor", event => {
       if (!this.input) {
         return;

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

@@ -19,6 +19,8 @@ export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLon
     state: state,
     key: pluginKey,
     props: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       nodeViews: {
         expand: ExpandNodeView({
           getIntl,
@@ -37,9 +39,13 @@ export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLon
           __livePage
         })
       },
+      // @ts-ignore - Workaround for help-center local consumption
+
       handleKeyDown(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);
       },
+      // @ts-ignore - Workaround for help-center local consumption
+
       handleKeyPress(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);
       },
@@ -49,11 +55,15 @@ export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLon
       handleClickOn: createSelectionClickHandler(['expand', 'nestedExpand'], target => target.classList.contains(expandClassNames.prefix), {
         useLongPressSelection
       }),
+      // @ts-ignore - Workaround for help-center local consumption
+
       handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }
     },
     // @see ED-8027 to follow up on this work-around
+    // @ts-ignore - Workaround for help-center local consumption
+
     filterTransaction(tr) {
       if (containsClass(document.activeElement, expandClassNames.titleInput) && tr.selectionSet && (!tr.steps.length || tr.isGeneric)) {
         return false;
@@ -99,6 +109,9 @@ export function handleExpandDrag(view, event, slice) {
   } = selection;
   let sliceContainsExpand = false;
   let sliceContainsNestedExpand = false;
+
+  // @ts-ignore - Workaround for help-center local consumption
+
   slice.content.forEach(node => {
     if (node.type === state.schema.nodes.expand) {
       sliceContainsExpand = true;

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

@@ -136,7 +136,11 @@ export class ExpandNodeView {
           this.handleArrowLeftFromTitle(event);
           break;
         case 'ArrowUp':
-          this.setLeftGapCursor(event);
+          if (expValEquals('platform_editor_lovability_navigation_fixes', 'isEnabled', true)) {
+            this.moveToPreviousLine(event);
+          } else {
+            this.setLeftGapCursor(event);
+          }
           break;
         case 'Backspace':
           this.deleteEmptyExpand();
@@ -262,6 +266,39 @@ export class ExpandNodeView {
         dispatch(state.tr.setSelection(new GapCursorSelection(state.doc.resolve(this.node.nodeSize + pos), Side.RIGHT)));
       }
     });
+    _defineProperty(this, "moveToPreviousLine", event => {
+      if (!this.input) {
+        return;
+      }
+      const pos = this.getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
+      const {
+        selectionStart,
+        selectionEnd
+      } = this.input;
+      if (selectionStart === selectionEnd && selectionStart === 0) {
+        event.preventDefault();
+        const {
+          state,
+          dispatch
+        } = this.view;
+        const resolvedPos = state.doc.resolve(pos);
+        if (!resolvedPos) {
+          return;
+        }
+        if (resolvedPos.pos === 0) {
+          this.setLeftGapCursor(event);
+          return;
+        }
+        const sel = Selection.findFrom(resolvedPos, -1);
+        if (sel) {
+          this.view.focus();
+          dispatch(state.tr.setSelection(sel));
+        }
+      }
+    });
     _defineProperty(this, "setLeftGapCursor", event => {
       if (!this.input) {
         return;

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

@@ -16,6 +16,8 @@ export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLon
   return new SafePlugin({
     key: pluginKey,
     props: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       nodeViews: {
         expand: ExpandNodeView({
           getIntl,
@@ -34,9 +36,13 @@ export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLon
           __livePage
         })
       },
+      // @ts-ignore - Workaround for help-center local consumption
+
       handleKeyDown(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);
       },
+      // @ts-ignore - Workaround for help-center local consumption
+
       handleKeyPress(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);
       },
@@ -46,11 +52,15 @@ export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLon
       handleClickOn: createSelectionClickHandler(['expand', 'nestedExpand'], target => target.classList.contains(expandClassNames.prefix), {
         useLongPressSelection
       }),
+      // @ts-ignore - Workaround for help-center local consumption
+
       handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }
     },
     // @see ED-8027 to follow up on this work-around
+    // @ts-ignore - Workaround for help-center local consumption
+
     filterTransaction(tr) {
       if (containsClass(document.activeElement, expandClassNames.titleInput) && tr.selectionSet && (!tr.steps.length || tr.isGeneric)) {
         return false;
@@ -78,6 +88,9 @@ export function handleExpandDrag(view, event, slice) {
   } = selection;
   let sliceContainsExpand = false;
   let sliceContainsNestedExpand = false;
+
+  // @ts-ignore - Workaround for help-center local consumption
+
   slice.content.forEach(node => {
     if (node.type === state.schema.nodes.expand) {
       sliceContainsExpand = true;

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

@@ -186,7 +186,11 @@ export var ExpandNodeView = /*#__PURE__*/function () {
           _this.handleArrowLeftFromTitle(event);
           break;
         case 'ArrowUp':
-          _this.setLeftGapCursor(event);
+          if (expValEquals('platform_editor_lovability_navigation_fixes', 'isEnabled', true)) {
+            _this.moveToPreviousLine(event);
+          } else {
+            _this.setLeftGapCursor(event);
+          }
           break;
         case 'Backspace':
           _this.deleteExpand(event);
@@ -308,7 +312,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         dispatch(state.tr.setSelection(new GapCursorSelection(state.doc.resolve(_this.node.nodeSize + pos), Side.RIGHT)));
       }
     });
-    _defineProperty(this, "setLeftGapCursor", function (event) {
+    _defineProperty(this, "moveToPreviousLine", function (event) {
       if (!_this.input) {
         return;
       }
@@ -324,12 +328,23 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         var _this$view7 = _this.view,
           state = _this$view7.state,
           dispatch = _this$view7.dispatch;
-        _this.view.focus();
-        dispatch(state.tr.setSelection(new GapCursorSelection(state.doc.resolve(pos), Side.LEFT)));
+        var resolvedPos = state.doc.resolve(pos);
+        if (!resolvedPos) {
+          return;
+        }
+        if (resolvedPos.pos === 0) {
+          _this.setLeftGapCursor(event);
+          return;
+        }
+        var sel = Selection.findFrom(resolvedPos, -1);
+        if (sel) {
+          _this.view.focus();
+          dispatch(state.tr.setSelection(sel));
+        }
       }
     });
-    _defineProperty(this, "handleArrowRightFromTitle", function (event) {
-      if (!_this.input || !_this.selectNearNode) {
+    _defineProperty(this, "setLeftGapCursor", function (event) {
+      if (!_this.input) {
         return;
       }
       var pos = _this.getPos();
@@ -337,15 +352,35 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         return;
       }
       var _this$input4 = _this.input,
-        value = _this$input4.value,
         selectionStart = _this$input4.selectionStart,
         selectionEnd = _this$input4.selectionEnd;
-      if (selectionStart === selectionEnd && selectionStart === value.length) {
+      if (selectionStart === selectionEnd && selectionStart === 0) {
         event.preventDefault();
         var _this$view8 = _this.view,
           state = _this$view8.state,
           dispatch = _this$view8.dispatch;
         _this.view.focus();
+        dispatch(state.tr.setSelection(new GapCursorSelection(state.doc.resolve(pos), Side.LEFT)));
+      }
+    });
+    _defineProperty(this, "handleArrowRightFromTitle", function (event) {
+      if (!_this.input || !_this.selectNearNode) {
+        return;
+      }
+      var pos = _this.getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
+      var _this$input5 = _this.input,
+        value = _this$input5.value,
+        selectionStart = _this$input5.selectionStart,
+        selectionEnd = _this$input5.selectionEnd;
+      if (selectionStart === selectionEnd && selectionStart === value.length) {
+        event.preventDefault();
+        var _this$view9 = _this.view,
+          state = _this$view9.state,
+          dispatch = _this$view9.dispatch;
+        _this.view.focus();
         var tr = _this.selectNearNode({
           selectionRelativeToNode: RelativeSelectionPos.End,
           selection: NodeSelection.create(state.doc, pos)
@@ -363,15 +398,15 @@ export var ExpandNodeView = /*#__PURE__*/function () {
       if (typeof pos !== 'number') {
         return;
       }
-      var _this$input5 = _this.input,
-        selectionStart = _this$input5.selectionStart,
-        selectionEnd = _this$input5.selectionEnd;
+      var _this$input6 = _this.input,
+        selectionStart = _this$input6.selectionStart,
+        selectionEnd = _this$input6.selectionEnd;
       if (selectionStart === selectionEnd && selectionStart === 0) {
         var _this$api5;
         event.preventDefault();
-        var _this$view9 = _this.view,
-          state = _this$view9.state,
-          dispatch = _this$view9.dispatch;
+        var _this$view0 = _this.view,
+          state = _this$view0.state,
+          dispatch = _this$view0.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()) || {};
         // selectionRelativeToNode is undefined when user clicked to select node, then hit left to get focus in title
@@ -396,17 +431,17 @@ export var ExpandNodeView = /*#__PURE__*/function () {
       }
     });
     _defineProperty(this, "handleUndoFromTitle", function (event) {
-      var _this$view0 = _this.view,
-        state = _this$view0.state,
-        dispatch = _this$view0.dispatch;
+      var _this$view1 = _this.view,
+        state = _this$view1.state,
+        dispatch = _this$view1.dispatch;
       undo(state, dispatch);
       event.preventDefault();
       return;
     });
     _defineProperty(this, "handleRedoFromTitle", function (event) {
-      var _this$view1 = _this.view,
-        state = _this$view1.state,
-        dispatch = _this$view1.dispatch;
+      var _this$view10 = _this.view,
+        state = _this$view10.state,
+        dispatch = _this$view10.dispatch;
       redo(state, dispatch);
       event.preventDefault();
       return;

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

@@ -25,6 +25,8 @@ export var createPlugin = function createPlugin(dispatch, getIntl) {
     state: state,
     key: pluginKey,
     props: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       nodeViews: {
         expand: ExpandNodeView({
           getIntl: getIntl,
@@ -43,9 +45,11 @@ export var createPlugin = function createPlugin(dispatch, getIntl) {
           __livePage: __livePage
         })
       },
+      // @ts-ignore - Workaround for help-center local consumption
       handleKeyDown: function handleKeyDown(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);
       },
+      // @ts-ignore - Workaround for help-center local consumption
       handleKeyPress: function handleKeyPress(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);
       },
@@ -57,11 +61,13 @@ export var createPlugin = function createPlugin(dispatch, getIntl) {
       }, {
         useLongPressSelection: useLongPressSelection
       }),
+      // @ts-ignore - Workaround for help-center local consumption
       handleDrop: function handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }
     },
     // @see ED-8027 to follow up on this work-around
+    // @ts-ignore - Workaround for help-center local consumption
     filterTransaction: function filterTransaction(tr) {
       if (containsClass(document.activeElement, expandClassNames.titleInput) && tr.selectionSet && (!tr.steps.length || tr.isGeneric)) {
         return false;
@@ -99,6 +105,9 @@ export function handleExpandDrag(view, event, slice) {
     to = selection.to;
   var sliceContainsExpand = false;
   var sliceContainsNestedExpand = false;
+
+  // @ts-ignore - Workaround for help-center local consumption
+
   slice.content.forEach(function (node) {
     if (node.type === state.schema.nodes.expand) {
       sliceContainsExpand = true;

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

@@ -143,7 +143,11 @@ export var ExpandNodeView = /*#__PURE__*/function () {
           _this.handleArrowLeftFromTitle(event);
           break;
         case 'ArrowUp':
-          _this.setLeftGapCursor(event);
+          if (expValEquals('platform_editor_lovability_navigation_fixes', 'isEnabled', true)) {
+            _this.moveToPreviousLine(event);
+          } else {
+            _this.setLeftGapCursor(event);
+          }
           break;
         case 'Backspace':
           _this.deleteEmptyExpand();
@@ -262,7 +266,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         dispatch(state.tr.setSelection(new GapCursorSelection(state.doc.resolve(_this.node.nodeSize + pos), Side.RIGHT)));
       }
     });
-    _defineProperty(this, "setLeftGapCursor", function (event) {
+    _defineProperty(this, "moveToPreviousLine", function (event) {
       if (!_this.input) {
         return;
       }
@@ -278,12 +282,23 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         var _this$view6 = _this.view,
           state = _this$view6.state,
           dispatch = _this$view6.dispatch;
-        _this.view.focus();
-        dispatch(state.tr.setSelection(new GapCursorSelection(state.doc.resolve(pos), Side.LEFT)));
+        var resolvedPos = state.doc.resolve(pos);
+        if (!resolvedPos) {
+          return;
+        }
+        if (resolvedPos.pos === 0) {
+          _this.setLeftGapCursor(event);
+          return;
+        }
+        var sel = Selection.findFrom(resolvedPos, -1);
+        if (sel) {
+          _this.view.focus();
+          dispatch(state.tr.setSelection(sel));
+        }
       }
     });
-    _defineProperty(this, "handleArrowRightFromTitle", function (event) {
-      if (!_this.input || !_this.selectNearNode) {
+    _defineProperty(this, "setLeftGapCursor", function (event) {
+      if (!_this.input) {
         return;
       }
       var pos = _this.getPos();
@@ -291,15 +306,35 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         return;
       }
       var _this$input4 = _this.input,
-        value = _this$input4.value,
         selectionStart = _this$input4.selectionStart,
         selectionEnd = _this$input4.selectionEnd;
-      if (selectionStart === selectionEnd && selectionStart === value.length) {
+      if (selectionStart === selectionEnd && selectionStart === 0) {
         event.preventDefault();
         var _this$view7 = _this.view,
           state = _this$view7.state,
           dispatch = _this$view7.dispatch;
         _this.view.focus();
+        dispatch(state.tr.setSelection(new GapCursorSelection(state.doc.resolve(pos), Side.LEFT)));
+      }
+    });
+    _defineProperty(this, "handleArrowRightFromTitle", function (event) {
+      if (!_this.input || !_this.selectNearNode) {
+        return;
+      }
+      var pos = _this.getPos();
+      if (typeof pos !== 'number') {
+        return;
+      }
+      var _this$input5 = _this.input,
+        value = _this$input5.value,
+        selectionStart = _this$input5.selectionStart,
+        selectionEnd = _this$input5.selectionEnd;
+      if (selectionStart === selectionEnd && selectionStart === value.length) {
+        event.preventDefault();
+        var _this$view8 = _this.view,
+          state = _this$view8.state,
+          dispatch = _this$view8.dispatch;
+        _this.view.focus();
         var tr = _this.selectNearNode({
           selectionRelativeToNode: RelativeSelectionPos.End,
           selection: NodeSelection.create(state.doc, pos)
@@ -317,15 +352,15 @@ export var ExpandNodeView = /*#__PURE__*/function () {
       if (typeof pos !== 'number') {
         return;
       }
-      var _this$input5 = _this.input,
-        selectionStart = _this$input5.selectionStart,
-        selectionEnd = _this$input5.selectionEnd;
+      var _this$input6 = _this.input,
+        selectionStart = _this$input6.selectionStart,
+        selectionEnd = _this$input6.selectionEnd;
       if (selectionStart === selectionEnd && selectionStart === 0) {
         var _this$api5;
         event.preventDefault();
-        var _this$view8 = _this.view,
-          state = _this$view8.state,
-          dispatch = _this$view8.dispatch;
+        var _this$view9 = _this.view,
+          state = _this$view9.state,
+          dispatch = _this$view9.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()) || {};
         // selectionRelativeToNode is undefined when user clicked to select node, then hit left to get focus in title
@@ -350,17 +385,17 @@ export var ExpandNodeView = /*#__PURE__*/function () {
       }
     });
     _defineProperty(this, "handleUndoFromTitle", function (event) {
-      var _this$view9 = _this.view,
-        state = _this$view9.state,
-        dispatch = _this$view9.dispatch;
+      var _this$view0 = _this.view,
+        state = _this$view0.state,
+        dispatch = _this$view0.dispatch;
       undo(state, dispatch);
       event.preventDefault();
       return;
     });
     _defineProperty(this, "handleRedoFromTitle", function (event) {
-      var _this$view0 = _this.view,
-        state = _this$view0.state,
-        dispatch = _this$view0.dispatch;
+      var _this$view1 = _this.view,
+        state = _this$view1.state,
+        dispatch = _this$view1.dispatch;
       redo(state, dispatch);
       event.preventDefault();
       return;

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

@@ -22,6 +22,8 @@ export var createPlugin = function createPlugin(dispatch, getIntl) {
   return new SafePlugin({
     key: pluginKey,
     props: {
+      // @ts-ignore - Workaround for help-center local consumption
+
       nodeViews: {
         expand: ExpandNodeView({
           getIntl: getIntl,
@@ -40,9 +42,11 @@ export var createPlugin = function createPlugin(dispatch, getIntl) {
           __livePage: __livePage
         })
       },
+      // @ts-ignore - Workaround for help-center local consumption
       handleKeyDown: function handleKeyDown(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);
       },
+      // @ts-ignore - Workaround for help-center local consumption
       handleKeyPress: function handleKeyPress(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);
       },
@@ -54,11 +58,13 @@ export var createPlugin = function createPlugin(dispatch, getIntl) {
       }, {
         useLongPressSelection: useLongPressSelection
       }),
+      // @ts-ignore - Workaround for help-center local consumption
       handleDrop: function handleDrop(view, event, slice, moved) {
         return handleExpandDrag(view, event, slice);
       }
     },
     // @see ED-8027 to follow up on this work-around
+    // @ts-ignore - Workaround for help-center local consumption
     filterTransaction: function filterTransaction(tr) {
       if (containsClass(document.activeElement, expandClassNames.titleInput) && tr.selectionSet && (!tr.steps.length || tr.isGeneric)) {
         return false;
@@ -80,6 +86,9 @@ export function handleExpandDrag(view, event, slice) {
     to = selection.to;
   var sliceContainsExpand = false;
   var sliceContainsNestedExpand = false;
+
+  // @ts-ignore - Workaround for help-center local consumption
+
   slice.content.forEach(function (node) {
     if (node.type === state.schema.nodes.expand) {
       sliceContainsExpand = true;

package/dist/types/legacyExpand/nodeviews/index.d.ts

@@ -42,6 +42,7 @@ export declare class ExpandNodeView implements NodeView {
     private moveToOutsideOfTitle;
     private isCollapsed;
     private setRightGapCursor;
+    private moveToPreviousLine;
     private setLeftGapCursor;
     private handleArrowRightFromTitle;
     private handleArrowLeftFromTitle;

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

@@ -40,6 +40,7 @@ export declare class ExpandNodeView implements NodeView {
     private moveToOutsideOfTitle;
     private isCollapsed;
     private setRightGapCursor;
+    private moveToPreviousLine;
     private setLeftGapCursor;
     private handleArrowRightFromTitle;
     private handleArrowLeftFromTitle;

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

@@ -42,6 +42,7 @@ export declare class ExpandNodeView implements NodeView {
     private moveToOutsideOfTitle;
     private isCollapsed;
     private setRightGapCursor;
+    private moveToPreviousLine;
     private setLeftGapCursor;
     private handleArrowRightFromTitle;
     private handleArrowLeftFromTitle;

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

@@ -40,6 +40,7 @@ export declare class ExpandNodeView implements NodeView {
     private moveToOutsideOfTitle;
     private isCollapsed;
     private setRightGapCursor;
+    private moveToPreviousLine;
     private setLeftGapCursor;
     private handleArrowRightFromTitle;
     private handleArrowLeftFromTitle;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-expand",
-	"version": "7.4.4",
+	"version": "7.4.6",
 	"description": "Expand plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -48,16 +48,16 @@
 		"@atlaskit/icon-lab": "^5.12.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/tmp-editor-statsig": "^13.38.0",
-		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.9.0",
+		"@atlaskit/tmp-editor-statsig": "^13.42.0",
+		"@atlaskit/tokens": "^8.3.0",
+		"@atlaskit/tooltip": "^20.10.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"uuid": "^3.1.0",
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.32.0",
+		"@atlaskit/editor-common": "^110.34.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -67,7 +67,7 @@
 		"@atlaskit/editor-plugin-content-insertion": "^6.0.0",
 		"@atlaskit/editor-plugin-guideline": "^6.0.0",
 		"@atlaskit/editor-plugin-quick-insert": "^6.0.0",
-		"@atlaskit/editor-plugin-table": "^15.3.0",
+		"@atlaskit/editor-plugin-table": "^15.4.0",
 		"@atlaskit/editor-plugin-type-ahead": "^6.5.0",
 		"@atlaskit/editor-plugin-width": "^7.0.0",
 		"@testing-library/react": "^13.4.0",