@atlaskit/editor-core 189.3.13 → 189.3.15

package/dist/cjs/plugins/expand/nodeviews/index.js

@@ -1,485 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExpandNodeView = void 0;
-exports.default = _default;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _ExpandIconButton = require("../ui/ExpandIconButton");
-var _w3cKeyname = require("w3c-keyname");
-var _model = require("@atlaskit/editor-prosemirror/model");
-var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("../../../utils");
-var _commands = require("../commands");
-var _classNames = require("../ui/class-names");
-var _selection = require("@atlaskit/editor-common/selection");
-var _dom = require("../../../utils/dom");
-function buildExpandClassName(type, expanded) {
-  return "".concat(_classNames.expandClassNames.prefix, " ").concat(_classNames.expandClassNames.type(type), " ").concat(expanded ? _classNames.expandClassNames.expanded : '');
-}
-var toDOM = function toDOM(node, intl) {
-  return ['div', {
-    // prettier-ignore
-    'class': buildExpandClassName(node.type.name, node.attrs.__expanded),
-    'data-node-type': node.type.name,
-    'data-title': node.attrs.title
-  }, ['div', {
-    // prettier-ignore
-    'class': _classNames.expandClassNames.titleContainer,
-    contenteditable: 'false',
-    // Element gains access to focus events.
-    // This is needed to prevent PM gaining access
-    // on interacting with our controls.
-    tabindex: '-1'
-  },
-  // prettier-ignore
-  ['div', {
-    'class': _classNames.expandClassNames.icon
-  }], ['div', {
-    // prettier-ignore
-    'class': _classNames.expandClassNames.inputContainer
-  }, ['input', {
-    // prettier-ignore
-    'class': _classNames.expandClassNames.titleInput,
-    value: node.attrs.title,
-    placeholder: intl && intl.formatMessage(_ui.expandMessages.expandPlaceholderText) || _ui.expandMessages.expandPlaceholderText.defaultMessage,
-    type: 'text'
-  }]]],
-  // prettier-ignore
-  ['div', {
-    'class': _classNames.expandClassNames.content
-  }, 0]];
-};
-var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
-  function ExpandNodeView(node, view, getPos, getIntl, isMobile, featureFlags, selectNearNode, api) {
-    var _this = this;
-    (0, _classCallCheck2.default)(this, ExpandNodeView);
-    (0, _defineProperty2.default)(this, "allowInteractiveExpand", true);
-    (0, _defineProperty2.default)(this, "isMobile", false);
-    (0, _defineProperty2.default)(this, "focusTitle", function () {
-      if (_this.input) {
-        var _this$view = _this.view,
-          state = _this$view.state,
-          dispatch = _this$view.dispatch;
-        if (_this.selectNearNode) {
-          var tr = _this.selectNearNode({
-            selectionRelativeToNode: _selection.RelativeSelectionPos.Start
-          })(state);
-          if (dispatch) {
-            dispatch(tr);
-          }
-        }
-        var pos = _this.getPos();
-        if (typeof pos === 'number') {
-          (0, _commands.setSelectionInsideExpand)(pos)(state, dispatch, _this.view);
-        }
-        _this.input.focus();
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleIconKeyDown", function (event) {
-      switch ((0, _w3cKeyname.keyName)(event)) {
-        case 'Tab':
-          event.preventDefault();
-          _this.focusTitle();
-          break;
-        case 'Enter':
-          event.preventDefault();
-          _this.handleClick(event);
-          break;
-      }
-    });
-    (0, _defineProperty2.default)(this, "isAllowInteractiveExpandEnabled", function () {
-      return _this.featureFlags && !!_this.featureFlags.interactiveExpand;
-    });
-    (0, _defineProperty2.default)(this, "handleClick", function (event) {
-      var pos = _this.getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      var target = event.target;
-      var _this$view2 = _this.view,
-        state = _this$view2.state,
-        dispatch = _this$view2.dispatch;
-      if ((0, _dom.closestElement)(target, ".".concat(_classNames.expandClassNames.icon))) {
-        var _this$api;
-        if (!_this.isAllowInteractiveExpandEnabled()) {
-          return;
-        }
-        event.stopPropagation();
-
-        // We blur the editorView, to prevent any keyboard showing on mobile
-        // When we're interacting with the expand toggle
-        if (_this.view.dom instanceof HTMLElement) {
-          _this.view.dom.blur();
-        }
-        (0, _commands.toggleExpandExpanded)((_this$api = _this.api) === null || _this$api === void 0 || (_this$api = _this$api.analytics) === null || _this$api === void 0 ? void 0 : _this$api.actions)(pos, _this.node.type)(state, dispatch);
-        return;
-      }
-      if (target === _this.input) {
-        event.stopPropagation();
-        _this.focusTitle();
-        return;
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleInput", function (event) {
-      var pos = _this.getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      var target = event.target;
-      if (target === _this.input) {
-        event.stopPropagation();
-        var _this$view3 = _this.view,
-          state = _this$view3.state,
-          dispatch = _this$view3.dispatch;
-        (0, _commands.updateExpandTitle)(target.value, pos, _this.node.type)(state, dispatch);
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleFocus", function (event) {
-      event.stopImmediatePropagation();
-    });
-    (0, _defineProperty2.default)(this, "handleTitleKeydown", function (event) {
-      switch ((0, _w3cKeyname.keyName)(event)) {
-        case 'Enter':
-          _this.toggleExpand();
-          break;
-        case 'Tab':
-        case 'ArrowDown':
-          _this.moveToOutsideOfTitle(event);
-          break;
-        case 'ArrowRight':
-          _this.handleArrowRightFromTitle(event);
-          break;
-        case 'ArrowLeft':
-          _this.handleArrowLeftFromTitle(event);
-          break;
-        case 'ArrowUp':
-          _this.setLeftGapCursor(event);
-          break;
-        case 'Backspace':
-          _this.deleteExpand(event);
-          break;
-      }
-    });
-    (0, _defineProperty2.default)(this, "deleteExpand", function (event) {
-      if (!_this.input) {
-        return;
-      }
-      var pos = _this.getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      var _this$input = _this.input,
-        selectionStart = _this$input.selectionStart,
-        selectionEnd = _this$input.selectionEnd;
-      if (selectionStart !== selectionEnd || selectionStart !== 0) {
-        return;
-      }
-      var state = _this.view.state;
-      var expandNode = _this.node;
-      if (expandNode && (0, _utils.isEmptyNode)(state.schema)(expandNode)) {
-        var _this$api2;
-        (0, _commands.deleteExpandAtPos)((_this$api2 = _this.api) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.analytics) === null || _this$api2 === void 0 ? void 0 : _this$api2.actions)(pos, expandNode)(state, _this.view.dispatch);
-      }
-    });
-    (0, _defineProperty2.default)(this, "toggleExpand", function () {
-      var pos = _this.getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      if (_this.isAllowInteractiveExpandEnabled()) {
-        var _this$api3;
-        var _this$view4 = _this.view,
-          state = _this$view4.state,
-          dispatch = _this$view4.dispatch;
-        (0, _commands.toggleExpandExpanded)((_this$api3 = _this.api) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.analytics) === null || _this$api3 === void 0 ? void 0 : _this$api3.actions)(pos, _this.node.type)(state, dispatch);
-      }
-    });
-    (0, _defineProperty2.default)(this, "moveToOutsideOfTitle", function (event) {
-      event.preventDefault();
-      var _this$view5 = _this.view,
-        state = _this$view5.state,
-        dispatch = _this$view5.dispatch;
-      var expandPos = _this.getPos();
-      if (typeof expandPos !== 'number') {
-        return;
-      }
-      var pos = expandPos;
-      if (_this.isCollapsed()) {
-        pos = expandPos + _this.node.nodeSize;
-      }
-      var resolvedPos = state.doc.resolve(pos);
-      if (!resolvedPos) {
-        return;
-      }
-      if (_this.isCollapsed() && resolvedPos.nodeAfter && ['expand', 'nestedExpand'].indexOf(resolvedPos.nodeAfter.type.name) > -1) {
-        return _this.setRightGapCursor(event);
-      }
-      var sel = _state.Selection.findFrom(resolvedPos, 1, true);
-      if (sel) {
-        // If the input has focus, ProseMirror doesn't
-        // Give PM focus back before changing our selection
-        _this.view.focus();
-        dispatch(state.tr.setSelection(sel));
-      }
-    });
-    (0, _defineProperty2.default)(this, "isCollapsed", function () {
-      return !_this.node.attrs.__expanded;
-    });
-    (0, _defineProperty2.default)(this, "setRightGapCursor", function (event) {
-      if (!_this.input) {
-        return;
-      }
-      var pos = _this.getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      var _this$input2 = _this.input,
-        value = _this$input2.value,
-        selectionStart = _this$input2.selectionStart,
-        selectionEnd = _this$input2.selectionEnd;
-      if (selectionStart === selectionEnd && selectionStart === value.length) {
-        var _this$view6 = _this.view,
-          state = _this$view6.state,
-          dispatch = _this$view6.dispatch;
-        event.preventDefault();
-        _this.view.focus();
-        dispatch(state.tr.setSelection(new _selection.GapCursorSelection(state.doc.resolve(_this.node.nodeSize + pos), _selection.Side.RIGHT)));
-      }
-    });
-    (0, _defineProperty2.default)(this, "setLeftGapCursor", function (event) {
-      if (!_this.input) {
-        return;
-      }
-      var pos = _this.getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      var _this$input3 = _this.input,
-        selectionStart = _this$input3.selectionStart,
-        selectionEnd = _this$input3.selectionEnd;
-      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$input4 = _this.input,
-        value = _this$input4.value,
-        selectionStart = _this$input4.selectionStart,
-        selectionEnd = _this$input4.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)
-        })(state);
-        if (dispatch) {
-          dispatch(tr);
-        }
-      }
-    });
-    (0, _defineProperty2.default)(this, "handleArrowLeftFromTitle", function (event) {
-      if (!_this.input || !_this.selectNearNode) {
-        return;
-      }
-      var pos = _this.getPos();
-      if (typeof pos !== 'number') {
-        return;
-      }
-      var _this$input5 = _this.input,
-        selectionStart = _this$input5.selectionStart,
-        selectionEnd = _this$input5.selectionEnd;
-      if (selectionStart === selectionEnd && selectionStart === 0) {
-        var _this$api4;
-        event.preventDefault();
-        var _this$view9 = _this.view,
-          state = _this$view9.state,
-          dispatch = _this$view9.dispatch;
-        _this.view.focus();
-        var selectionSharedState = ((_this$api4 = _this.api) === null || _this$api4 === void 0 || (_this$api4 = _this$api4.selection) === null || _this$api4 === void 0 ? void 0 : _this$api4.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) {
-          var tr = _this.selectNearNode({
-            selectionRelativeToNode: undefined,
-            selection: new _selection.GapCursorSelection(state.doc.resolve(pos), _selection.Side.LEFT)
-          })(state);
-          if (dispatch) {
-            dispatch(tr);
-          }
-        } else {
-          var _tr = _this.selectNearNode({
-            selectionRelativeToNode: _selection.RelativeSelectionPos.Start,
-            selection: _state.NodeSelection.create(state.doc, pos)
-          })(state);
-          if (dispatch) {
-            dispatch(_tr);
-          }
-        }
-      }
-    });
-    this.selectNearNode = selectNearNode;
-    this.intl = getIntl();
-    var _DOMSerializer$render = _model.DOMSerializer.renderSpec(document, toDOM(node, this.intl)),
-      dom = _DOMSerializer$render.dom,
-      contentDOM = _DOMSerializer$render.contentDOM;
-    this.getPos = getPos;
-    this.view = view;
-    this.node = node;
-    this.dom = dom;
-    this.contentDOM = contentDOM;
-    this.isMobile = isMobile;
-    this.featureFlags = featureFlags;
-    this.api = api;
-    this.icon = this.dom.querySelector(".".concat(_classNames.expandClassNames.icon));
-    this.input = this.dom.querySelector(".".concat(_classNames.expandClassNames.titleInput));
-    this.titleContainer = this.dom.querySelector(".".concat(_classNames.expandClassNames.titleContainer));
-    this.content = this.dom.querySelector(".".concat(_classNames.expandClassNames.content));
-    this.renderIcon(this.intl);
-    this.initHandlers();
-  }
-  (0, _createClass2.default)(ExpandNodeView, [{
-    key: "initHandlers",
-    value: function initHandlers() {
-      if (this.dom) {
-        this.dom.addEventListener('click', this.handleClick);
-        this.dom.addEventListener('input', this.handleInput);
-      }
-      if (this.input) {
-        this.input.addEventListener('keydown', this.handleTitleKeydown);
-      }
-      if (this.titleContainer) {
-        // 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 (this.icon) {
-        this.icon.addEventListener('keydown', this.handleIconKeyDown);
-      }
-    }
-  }, {
-    key: "renderIcon",
-    value: function renderIcon(intl, node) {
-      if (!this.icon) {
-        return;
-      }
-      var _ref = node && node.attrs || this.node.attrs,
-        __expanded = _ref.__expanded;
-      _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_ExpandIconButton.ExpandIconButton, {
-        intl: intl,
-        allowInteractiveExpand: this.isAllowInteractiveExpandEnabled(),
-        expanded: __expanded
-      }), this.icon);
-    }
-  }, {
-    key: "stopEvent",
-    value: function stopEvent(event) {
-      var target = event.target;
-      return target === this.input || target === this.icon || !!(0, _dom.closestElement)(target, ".".concat(_classNames.expandClassNames.icon));
-    }
-  }, {
-    key: "ignoreMutation",
-    value: function ignoreMutation(mutationRecord) {
-      // ME-1931: Mobile relies on composition which creates dom mutations. If we ignore them, prosemirror
-      // does not recognise the changes and reverts them.
-      if (this.isMobile && (mutationRecord.type === 'characterData' || mutationRecord.type === 'childList')) {
-        return false;
-      }
-      if (mutationRecord.type === 'selection') {
-        return false;
-      }
-      return true;
-    }
-  }, {
-    key: "update",
-    value: function update(node, _decorations) {
-      var _this2 = this;
-      if (this.node.type === node.type) {
-        if (this.node.attrs.__expanded !== node.attrs.__expanded) {
-          // Instead of re-rendering the view on an expand toggle
-          // we toggle a class name to hide the content and animate the chevron.
-          if (this.dom) {
-            this.dom.classList.toggle(_classNames.expandClassNames.expanded);
-            this.renderIcon(this && this.intl, node);
-          }
-          if (this.content) {
-            // Disallow interaction/selection inside when collapsed.
-            this.content.setAttribute('contenteditable', node.attrs.__expanded);
-          }
-        }
-
-        // During a collab session the title doesn't sync with other users
-        // since we're intentionally being less aggressive about re-rendering.
-        // We also apply a rAF to avoid abrupt continuous replacement of the title.
-        window.requestAnimationFrame(function () {
-          if (_this2.input && _this2.node.attrs.title !== _this2.input.value) {
-            _this2.input.value = _this2.node.attrs.title;
-          }
-        });
-        this.node = node;
-        return true;
-      }
-      return false;
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      if (this.dom) {
-        this.dom.removeEventListener('click', this.handleClick);
-        this.dom.removeEventListener('input', this.handleInput);
-      }
-      if (this.input) {
-        this.input.removeEventListener('keydown', this.handleTitleKeydown);
-      }
-      if (this.titleContainer) {
-        this.titleContainer.removeEventListener('focus', this.handleFocus);
-      }
-      if (this.icon) {
-        this.icon.removeEventListener('keydown', this.handleIconKeyDown);
-        _reactDom.default.unmountComponentAtNode(this.icon);
-      }
-
-      // @ts-ignore - [unblock prosemirror bump] reset non optional prop to undefined to clear reference
-      this.dom = undefined;
-      this.contentDOM = undefined;
-      this.icon = undefined;
-      this.input = undefined;
-      this.titleContainer = undefined;
-      this.content = undefined;
-    }
-  }]);
-  return ExpandNodeView;
-}();
-function _default(_ref2) {
-  var getIntl = _ref2.getIntl,
-    isMobile = _ref2.isMobile,
-    featureFlags = _ref2.featureFlags,
-    api = _ref2.api;
-  return function (node, view, getPos) {
-    var _api$selection;
-    return new ExpandNodeView(node, view, getPos, getIntl, isMobile, featureFlags, api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.actions) === null || _api$selection === void 0 ? void 0 : _api$selection.selectNearNode, api);
-  };
-}

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

@@ -1,171 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.expandKeymap = expandKeymap;
-var _keymap = require("@atlaskit/editor-prosemirror/keymap");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _selection = require("@atlaskit/editor-common/selection");
-var _utils = require("../utils");
-var _utils2 = require("../../../utils");
-var _classNames = require("../ui/class-names");
-var _commands = require("../commands");
-var _utils3 = require("@atlaskit/editor-common/utils");
-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) {
-  var list = {};
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRight.common, function (state, dispatch, editorView) {
-    if (!editorView) {
-      return false;
-    }
-    var selection = state.selection;
-    var selectionSharedState = (api === null || api === 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) {
-    if (!editorView) {
-      return false;
-    }
-    var selection = state.selection;
-    var selectionSharedState = (api === null || api === void 0 ? void 0 : api.selection.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.tab.common, function (state, dispatch, editorView) {
-    if (state.selection instanceof _state.NodeSelection && state.selection.node.type === state.schema.nodes.expand && editorView && editorView.dom instanceof HTMLElement) {
-      var from = state.selection.from;
-      var expand = editorView.nodeDOM(from);
-      if (!expand || !(expand instanceof HTMLElement)) {
-        return false;
-      }
-      var iconContainer = expand.querySelector(".".concat(_classNames.expandClassNames.iconContainer));
-      if (iconContainer && iconContainer.focus) {
-        var tr = state.tr;
-        var pos = state.selection.from;
-        tr.setSelection(new _state.TextSelection(tr.doc.resolve(pos)));
-        if (dispatch) {
-          dispatch(tr);
-        }
-        editorView.dom.blur();
-        iconContainer.focus();
-      }
-      return true;
-    }
-    return false;
-  }, list);
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveUp.common, function (state, dispatch, editorView) {
-    if (!editorView) {
-      return false;
-    }
-    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) && !nodeBefore.attrs.__expanded) {
-      var _$from = selection.$from;
-      return (0, _commands.focusTitle)(Math.max(_$from.pos - 1, 0))(state, dispatch, editorView);
-    }
-    var $from = state.selection.$from;
-    if (editorView.endOfTextblock('up')) {
-      var expand = (0, _utils.findExpand)(state);
-
-      // Moving UP in a table should move the cursor to the row above
-      // however when an expand is in a table cell to the left of the
-      // current table cell, arrow UP moves the cursor to the left
-      // see ED-15425
-      if ((0, _utils3.isPositionNearTableRow)($from, schema, 'before') && !expand) {
-        return false;
-      }
-      var prevCursorPos = Math.max($from.pos - $from.parentOffset - 1, 0);
-      // move cursor from expand's content to its title
-      if (expand && expand.start === prevCursorPos) {
-        return (0, _commands.focusTitle)(expand.start)(state, dispatch, editorView);
-      }
-      var sel = _state.Selection.findFrom(state.doc.resolve(prevCursorPos), -1);
-      var expandBefore = (0, _utils.findExpand)(state, sel);
-      if (sel && expandBefore) {
-        // moving cursor from outside of an expand to the title when it is collapsed
-        if (!expandBefore.node.attrs.__expanded) {
-          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;
-  }, list);
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveDown.common, function (state, dispatch, editorView) {
-    if (!editorView) {
-      return false;
-    }
-    var _state$schema$nodes = state.schema.nodes,
-      expand = _state$schema$nodes.expand,
-      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) && !nodeAfter.attrs.__expanded) {
-      var $from = selection.$from;
-      return (0, _commands.focusTitle)($from.pos + 1)(state, dispatch, editorView);
-    }
-    if (editorView.endOfTextblock('down')) {
-      var _$from2 = state.selection.$from;
-      if (_$from2.depth === 0) {
-        return false;
-      }
-      var $after = state.doc.resolve(_$from2.after());
-      if ($after.nodeAfter && ($after.nodeAfter.type === expand || $after.nodeAfter.type === nestedExpand)) {
-        return (0, _commands.focusTitle)($after.pos + 1)(state, dispatch, editorView);
-      }
-    }
-    return false;
-  }, list);
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.backspace.common, function (state, dispatch, editorView) {
-    var selection = state.selection;
-    var $from = selection.$from;
-    if (!editorView || !selection.empty) {
-      return false;
-    }
-    var _state$schema$nodes2 = state.schema.nodes,
-      expand = _state$schema$nodes2.expand,
-      nestedExpand = _state$schema$nodes2.nestedExpand;
-    var expandNode = (0, _utils.findExpand)(state);
-    if (!expandNode) {
-      // @see ED-7977
-      var sel = _state.Selection.findFrom(state.doc.resolve(Math.max(selection.$from.pos - 1, 0)), -1);
-      var expandBefore = (0, _utils.findExpand)(state, sel);
-      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && !expandBefore.node.attrs.__expanded) {
-        return (0, _commands.focusTitle)(expandBefore.start)(state, dispatch, editorView);
-      }
-      return false;
-    }
-    var parentNode = state.doc.nodeAt($from.before(Math.max($from.depth - 1, 1)));
-    // ED-10012 catch cases where the expand has another node nested within it and
-    // the backspace should be applied only to the inner node instead of the expand
-    if (parentNode && !isExpandNode(parentNode)) {
-      return false;
-    }
-    var textSel = _state.Selection.findFrom(state.doc.resolve(expandNode.pos), 1, true);
-    if (textSel && selection.$from.pos === textSel.$from.pos && (0, _utils2.isEmptyNode)(state.schema)(expandNode.node) && dispatch) {
-      var _api$analytics;
-      return (0, _commands.deleteExpand)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(state, dispatch);
-    }
-    return false;
-  }, list);
-  return (0, _keymap.keymap)(list);
-}