@atlaskit/editor-plugin-expand 1.4.3 → 1.5.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-expand
 
+## 1.5.0
+
+### Minor Changes
+
+- [#92831](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92831) [`c8652f78a9ce`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c8652f78a9ce) - [ED-22991] add functionality for moving left and moving right with the single player expands. the single player expand is only used when live view is enabled and the platform.editor.single-player-expand FF is enabled.
+
+### Patch Changes
+
+- [#92956](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92956) [`33ba4a1b556d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/33ba4a1b556d) - [ux] [ED-23085] Fix contenteditable being not set to false when expand closed for single player expand. This single player expand is only used when live view is enabled and the platform.editor.single-player-expand FF is enabled.
+
 ## 1.4.3
 
 ### Patch Changes

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

@@ -335,9 +335,11 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
     this.icon = this.dom.querySelector(".".concat(_styles.expandClassNames.icon));
     this.input = this.dom.querySelector(".".concat(_styles.expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(_styles.expandClassNames.titleContainer));
+    this.content = this.dom.querySelector(".".concat(_styles.expandClassNames.content));
     if (!_expand.expandedState.has(this.node)) {
       _expand.expandedState.set(this.node, false);
     }
+    this.updateExpandBodyContentEditable();
     (0, _NodeView.renderIcon)(this.icon, this.allowInteractiveExpand, (_expandedState$get = _expand.expandedState.get(this.node)) !== null && _expandedState$get !== void 0 ? _expandedState$get : false, this.intl);
     if (!this.input || !this.titleContainer || !this.icon) {
       return;
@@ -410,6 +412,15 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         // Re-render the icon to update the aria-expanded attribute
         (0, _NodeView.renderIcon)(this.icon ? this.icon : null, this.allowInteractiveExpand, (_expandedState$get2 = _expand.expandedState.get(this.node)) !== null && _expandedState$get2 !== void 0 ? _expandedState$get2 : false, this.intl);
       }
+      this.updateExpandBodyContentEditable();
+    }
+  }, {
+    key: "updateExpandBodyContentEditable",
+    value: function updateExpandBodyContentEditable() {
+      // Disallow interaction/selection inside expand body when collapsed.
+      if (this.content) {
+        this.content.setAttribute('contenteditable', _expand.expandedState.get(this.node) ? 'true' : 'false');
+      }
     }
   }, {
     key: "destroy",

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.expandKeymap = expandKeymap;
+var _expand = require("@atlaskit/editor-common/expand");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _selection = require("@atlaskit/editor-common/selection");
 var _transforms = require("@atlaskit/editor-common/transforms");
@@ -14,8 +15,37 @@ var _commands = require("../commands");
 var isExpandNode = function isExpandNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
 };
+var isExpandSelected = function isExpandSelected(selection) {
+  return selection instanceof _state.NodeSelection && isExpandNode(selection.node);
+};
 function expandKeymap(api, options) {
   var list = {};
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRight.common, function (state, dispatch, editorView) {
+    var _api$selection;
+    if (!editorView) {
+      return false;
+    }
+    var selection = state.selection;
+    var selectionSharedState = (api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.currentState()) || {};
+    var selectionRelativeToNode = selectionSharedState.selectionRelativeToNode;
+    if (isExpandSelected(selection) && selectionRelativeToNode === _selection.RelativeSelectionPos.Start) {
+      return (0, _commands.focusTitle)(selection.from + 1)(state, dispatch, editorView);
+    }
+    return false;
+  }, list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveLeft.common, function (state, dispatch, editorView) {
+    var _api$selection2;
+    if (!editorView) {
+      return false;
+    }
+    var selection = state.selection;
+    var selectionSharedState = (api === null || api === void 0 || (_api$selection2 = api.selection) === null || _api$selection2 === void 0 ? void 0 : _api$selection2.sharedState.currentState()) || {};
+    var selectionRelativeToNode = selectionSharedState.selectionRelativeToNode;
+    if (isExpandSelected(selection) && (selectionRelativeToNode === undefined || selectionRelativeToNode === _selection.RelativeSelectionPos.End)) {
+      return (0, _commands.focusTitle)(selection.from + 1)(state, dispatch, editorView);
+    }
+    return false;
+  }, list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveUp.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
@@ -23,10 +53,7 @@ function expandKeymap(api, options) {
     var selection = state.selection,
       schema = state.schema;
     var nodeBefore = selection.$from.nodeBefore;
-    if (selection instanceof _selection.GapCursorSelection && selection.side === _selection.Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand)
-    // https://product-fabric.atlassian.net/browse/ED-22991
-    // TODO: add back in expanded logic
-    ) {
+    if (selection instanceof _selection.GapCursorSelection && selection.side === _selection.Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && (0, _expand.isExpandCollapsed)(nodeBefore)) {
       var _$from = selection.$from;
       return (0, _commands.focusTitle)(Math.max(_$from.pos - 1, 0))(state, dispatch, editorView);
     }
@@ -50,10 +77,14 @@ function expandKeymap(api, options) {
       var expandBefore = (0, _transforms.findExpand)(state, sel);
       if (sel && expandBefore) {
         // moving cursor from outside of an expand to the title when it is collapsed
-
-        // https://product-fabric.atlassian.net/browse/ED-22991
-        // TODO: add back in expanded logic
-        return (0, _commands.focusTitle)(expandBefore.start)(state, dispatch, editorView);
+        if ((0, _expand.isExpandCollapsed)(expandBefore.node)) {
+          return (0, _commands.focusTitle)(expandBefore.start)(state, dispatch, editorView);
+        }
+        // moving cursor from outside of an expand to the content when it is expanded
+        else if (dispatch) {
+          dispatch(state.tr.setSelection(sel));
+        }
+        return true;
       }
     }
     return false;
@@ -67,10 +98,7 @@ function expandKeymap(api, options) {
       nestedExpand = _state$schema$nodes.nestedExpand;
     var selection = state.selection;
     var nodeAfter = selection.$from.nodeAfter;
-    if (selection instanceof _selection.GapCursorSelection && selection.side === _selection.Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand)
-    // https://product-fabric.atlassian.net/browse/ED-22991
-    // TODO: add back in expanded logic
-    ) {
+    if (selection instanceof _selection.GapCursorSelection && selection.side === _selection.Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && (0, _expand.isExpandCollapsed)(nodeAfter)) {
       var $from = selection.$from;
       return (0, _commands.focusTitle)($from.pos + 1)(state, dispatch, editorView);
     }
@@ -100,10 +128,7 @@ function expandKeymap(api, options) {
       // @see ED-7977
       var sel = _state.Selection.findFrom(state.doc.resolve(Math.max(selection.$from.pos - 1, 0)), -1);
       var expandBefore = (0, _transforms.findExpand)(state, sel);
-      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand)
-      // https://product-fabric.atlassian.net/browse/ED-22991
-      // TODO: add back in expanded logic
-      ) {
+      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && (0, _expand.isExpandCollapsed)(expandBefore.node)) {
         return (0, _commands.focusTitle)(expandBefore.start)(state, dispatch, editorView);
       }
       return false;

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

@@ -337,9 +337,11 @@ export class ExpandNodeView {
     this.icon = this.dom.querySelector(`.${expandClassNames.icon}`);
     this.input = this.dom.querySelector(`.${expandClassNames.titleInput}`);
     this.titleContainer = this.dom.querySelector(`.${expandClassNames.titleContainer}`);
+    this.content = this.dom.querySelector(`.${expandClassNames.content}`);
     if (!expandedState.has(this.node)) {
       expandedState.set(this.node, false);
     }
+    this.updateExpandBodyContentEditable();
     renderIcon(this.icon, this.allowInteractiveExpand, (_expandedState$get = expandedState.get(this.node)) !== null && _expandedState$get !== void 0 ? _expandedState$get : false, this.intl);
     if (!this.input || !this.titleContainer || !this.icon) {
       return;
@@ -403,6 +405,13 @@ export class ExpandNodeView {
       // Re-render the icon to update the aria-expanded attribute
       renderIcon(this.icon ? this.icon : null, this.allowInteractiveExpand, (_expandedState$get2 = expandedState.get(this.node)) !== null && _expandedState$get2 !== void 0 ? _expandedState$get2 : false, this.intl);
     }
+    this.updateExpandBodyContentEditable();
+  }
+  updateExpandBodyContentEditable() {
+    // Disallow interaction/selection inside expand body when collapsed.
+    if (this.content) {
+      this.content.setAttribute('contenteditable', expandedState.get(this.node) ? 'true' : 'false');
+    }
   }
   destroy() {
     var _this$decorationClean2;

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

@@ -1,15 +1,51 @@
-import { backspace, bindKeymapWithCommand, moveDown, moveUp } from '@atlaskit/editor-common/keymaps';
-import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
+import { isExpandCollapsed } from '@atlaskit/editor-common/expand';
+import { backspace, bindKeymapWithCommand, moveDown, moveLeft, moveRight, moveUp } from '@atlaskit/editor-common/keymaps';
+import { GapCursorSelection, RelativeSelectionPos, Side } from '@atlaskit/editor-common/selection';
 import { findExpand } from '@atlaskit/editor-common/transforms';
 import { isEmptyNode, isPositionNearTableRow } from '@atlaskit/editor-common/utils';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { deleteExpand, focusTitle } from '../commands';
 const isExpandNode = node => {
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
 };
+const isExpandSelected = selection => selection instanceof NodeSelection && isExpandNode(selection.node);
 export function expandKeymap(api, options) {
   const list = {};
+  bindKeymapWithCommand(moveRight.common, (state, dispatch, editorView) => {
+    var _api$selection;
+    if (!editorView) {
+      return false;
+    }
+    const {
+      selection
+    } = state;
+    const selectionSharedState = (api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.currentState()) || {};
+    const {
+      selectionRelativeToNode
+    } = selectionSharedState;
+    if (isExpandSelected(selection) && selectionRelativeToNode === RelativeSelectionPos.Start) {
+      return focusTitle(selection.from + 1)(state, dispatch, editorView);
+    }
+    return false;
+  }, list);
+  bindKeymapWithCommand(moveLeft.common, (state, dispatch, editorView) => {
+    var _api$selection2;
+    if (!editorView) {
+      return false;
+    }
+    const {
+      selection
+    } = state;
+    const selectionSharedState = (api === null || api === void 0 ? void 0 : (_api$selection2 = api.selection) === null || _api$selection2 === void 0 ? void 0 : _api$selection2.sharedState.currentState()) || {};
+    const {
+      selectionRelativeToNode
+    } = selectionSharedState;
+    if (isExpandSelected(selection) && (selectionRelativeToNode === undefined || selectionRelativeToNode === RelativeSelectionPos.End)) {
+      return focusTitle(selection.from + 1)(state, dispatch, editorView);
+    }
+    return false;
+  }, list);
   bindKeymapWithCommand(moveUp.common, (state, dispatch, editorView) => {
     if (!editorView) {
       return false;
@@ -21,10 +57,7 @@ export function expandKeymap(api, options) {
     const {
       nodeBefore
     } = selection.$from;
-    if (selection instanceof GapCursorSelection && selection.side === Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand)
-    // https://product-fabric.atlassian.net/browse/ED-22991
-    // TODO: add back in expanded logic
-    ) {
+    if (selection instanceof GapCursorSelection && selection.side === Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && isExpandCollapsed(nodeBefore)) {
       const {
         $from
       } = selection;
@@ -52,10 +85,14 @@ export function expandKeymap(api, options) {
       const expandBefore = findExpand(state, sel);
       if (sel && expandBefore) {
         // moving cursor from outside of an expand to the title when it is collapsed
-
-        // https://product-fabric.atlassian.net/browse/ED-22991
-        // TODO: add back in expanded logic
-        return focusTitle(expandBefore.start)(state, dispatch, editorView);
+        if (isExpandCollapsed(expandBefore.node)) {
+          return focusTitle(expandBefore.start)(state, dispatch, editorView);
+        }
+        // moving cursor from outside of an expand to the content when it is expanded
+        else if (dispatch) {
+          dispatch(state.tr.setSelection(sel));
+        }
+        return true;
       }
     }
     return false;
@@ -74,10 +111,7 @@ export function expandKeymap(api, options) {
     const {
       nodeAfter
     } = selection.$from;
-    if (selection instanceof GapCursorSelection && selection.side === Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand)
-    // https://product-fabric.atlassian.net/browse/ED-22991
-    // TODO: add back in expanded logic
-    ) {
+    if (selection instanceof GapCursorSelection && selection.side === Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && isExpandCollapsed(nodeAfter)) {
       const {
         $from
       } = selection;
@@ -116,10 +150,7 @@ export function expandKeymap(api, options) {
       // @see ED-7977
       const sel = Selection.findFrom(state.doc.resolve(Math.max(selection.$from.pos - 1, 0)), -1);
       const expandBefore = findExpand(state, sel);
-      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand)
-      // https://product-fabric.atlassian.net/browse/ED-22991
-      // TODO: add back in expanded logic
-      ) {
+      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && isExpandCollapsed(expandBefore.node)) {
         return focusTitle(expandBefore.start)(state, dispatch, editorView);
       }
       return false;

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

@@ -327,9 +327,11 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     this.icon = this.dom.querySelector(".".concat(expandClassNames.icon));
     this.input = this.dom.querySelector(".".concat(expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(expandClassNames.titleContainer));
+    this.content = this.dom.querySelector(".".concat(expandClassNames.content));
     if (!expandedState.has(this.node)) {
       expandedState.set(this.node, false);
     }
+    this.updateExpandBodyContentEditable();
     renderIcon(this.icon, this.allowInteractiveExpand, (_expandedState$get = expandedState.get(this.node)) !== null && _expandedState$get !== void 0 ? _expandedState$get : false, this.intl);
     if (!this.input || !this.titleContainer || !this.icon) {
       return;
@@ -402,6 +404,15 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         // Re-render the icon to update the aria-expanded attribute
         renderIcon(this.icon ? this.icon : null, this.allowInteractiveExpand, (_expandedState$get2 = expandedState.get(this.node)) !== null && _expandedState$get2 !== void 0 ? _expandedState$get2 : false, this.intl);
       }
+      this.updateExpandBodyContentEditable();
+    }
+  }, {
+    key: "updateExpandBodyContentEditable",
+    value: function updateExpandBodyContentEditable() {
+      // Disallow interaction/selection inside expand body when collapsed.
+      if (this.content) {
+        this.content.setAttribute('contenteditable', expandedState.get(this.node) ? 'true' : 'false');
+      }
     }
   }, {
     key: "destroy",

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

@@ -1,15 +1,45 @@
-import { backspace, bindKeymapWithCommand, moveDown, moveUp } from '@atlaskit/editor-common/keymaps';
-import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
+import { isExpandCollapsed } from '@atlaskit/editor-common/expand';
+import { backspace, bindKeymapWithCommand, moveDown, moveLeft, moveRight, moveUp } from '@atlaskit/editor-common/keymaps';
+import { GapCursorSelection, RelativeSelectionPos, Side } from '@atlaskit/editor-common/selection';
 import { findExpand } from '@atlaskit/editor-common/transforms';
 import { isEmptyNode, isPositionNearTableRow } from '@atlaskit/editor-common/utils';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { deleteExpand, focusTitle } from '../commands';
 var isExpandNode = function isExpandNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
 };
+var isExpandSelected = function isExpandSelected(selection) {
+  return selection instanceof NodeSelection && isExpandNode(selection.node);
+};
 export function expandKeymap(api, options) {
   var list = {};
+  bindKeymapWithCommand(moveRight.common, function (state, dispatch, editorView) {
+    var _api$selection;
+    if (!editorView) {
+      return false;
+    }
+    var selection = state.selection;
+    var selectionSharedState = (api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.currentState()) || {};
+    var selectionRelativeToNode = selectionSharedState.selectionRelativeToNode;
+    if (isExpandSelected(selection) && selectionRelativeToNode === RelativeSelectionPos.Start) {
+      return focusTitle(selection.from + 1)(state, dispatch, editorView);
+    }
+    return false;
+  }, list);
+  bindKeymapWithCommand(moveLeft.common, function (state, dispatch, editorView) {
+    var _api$selection2;
+    if (!editorView) {
+      return false;
+    }
+    var selection = state.selection;
+    var selectionSharedState = (api === null || api === void 0 || (_api$selection2 = api.selection) === null || _api$selection2 === void 0 ? void 0 : _api$selection2.sharedState.currentState()) || {};
+    var selectionRelativeToNode = selectionSharedState.selectionRelativeToNode;
+    if (isExpandSelected(selection) && (selectionRelativeToNode === undefined || selectionRelativeToNode === RelativeSelectionPos.End)) {
+      return focusTitle(selection.from + 1)(state, dispatch, editorView);
+    }
+    return false;
+  }, list);
   bindKeymapWithCommand(moveUp.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
@@ -17,10 +47,7 @@ export function expandKeymap(api, options) {
     var selection = state.selection,
       schema = state.schema;
     var nodeBefore = selection.$from.nodeBefore;
-    if (selection instanceof GapCursorSelection && selection.side === Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand)
-    // https://product-fabric.atlassian.net/browse/ED-22991
-    // TODO: add back in expanded logic
-    ) {
+    if (selection instanceof GapCursorSelection && selection.side === Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && isExpandCollapsed(nodeBefore)) {
       var _$from = selection.$from;
       return focusTitle(Math.max(_$from.pos - 1, 0))(state, dispatch, editorView);
     }
@@ -44,10 +71,14 @@ export function expandKeymap(api, options) {
       var expandBefore = findExpand(state, sel);
       if (sel && expandBefore) {
         // moving cursor from outside of an expand to the title when it is collapsed
-
-        // https://product-fabric.atlassian.net/browse/ED-22991
-        // TODO: add back in expanded logic
-        return focusTitle(expandBefore.start)(state, dispatch, editorView);
+        if (isExpandCollapsed(expandBefore.node)) {
+          return focusTitle(expandBefore.start)(state, dispatch, editorView);
+        }
+        // moving cursor from outside of an expand to the content when it is expanded
+        else if (dispatch) {
+          dispatch(state.tr.setSelection(sel));
+        }
+        return true;
       }
     }
     return false;
@@ -61,10 +92,7 @@ export function expandKeymap(api, options) {
       nestedExpand = _state$schema$nodes.nestedExpand;
     var selection = state.selection;
     var nodeAfter = selection.$from.nodeAfter;
-    if (selection instanceof GapCursorSelection && selection.side === Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand)
-    // https://product-fabric.atlassian.net/browse/ED-22991
-    // TODO: add back in expanded logic
-    ) {
+    if (selection instanceof GapCursorSelection && selection.side === Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && isExpandCollapsed(nodeAfter)) {
       var $from = selection.$from;
       return focusTitle($from.pos + 1)(state, dispatch, editorView);
     }
@@ -94,10 +122,7 @@ export function expandKeymap(api, options) {
       // @see ED-7977
       var sel = Selection.findFrom(state.doc.resolve(Math.max(selection.$from.pos - 1, 0)), -1);
       var expandBefore = findExpand(state, sel);
-      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand)
-      // https://product-fabric.atlassian.net/browse/ED-22991
-      // TODO: add back in expanded logic
-      ) {
+      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && isExpandCollapsed(expandBefore.node)) {
         return focusTitle(expandBefore.start)(state, dispatch, editorView);
       }
       return false;

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

@@ -45,6 +45,7 @@ export declare class ExpandNodeView implements NodeView {
     }): boolean;
     update(node: PmNode, _decorations: readonly Decoration[]): boolean;
     updateExpandToggleIcon(): void;
+    updateExpandBodyContentEditable(): void;
     destroy(): void;
 }
 export default function ({ getIntl, isMobile, api, allowInteractiveExpand, __livePage, }: {

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

@@ -45,6 +45,7 @@ export declare class ExpandNodeView implements NodeView {
     }): boolean;
     update(node: PmNode, _decorations: readonly Decoration[]): boolean;
     updateExpandToggleIcon(): void;
+    updateExpandBodyContentEditable(): void;
     destroy(): void;
 }
 export default function ({ getIntl, isMobile, api, allowInteractiveExpand, __livePage, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-expand",
-  "version": "1.4.3",
+  "version": "1.5.0",
   "description": "Expand plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",