@manuscripts/body-editor 1.9.7 → 1.9.10-LEAN-3508.0

package/dist/cjs/components/outline/DraggableTree.js

@@ -176,6 +176,6 @@ const DraggableTree = ({ tree, view, depth, can, }) => {
             react_1.default.createElement(Outline_1.OutlineItemLink, { to: `#${node.attrs.id}` },
                 react_1.default.createElement(Outline_1.OutlineItemIcon, null, (0, node_type_icons_1.nodeTypeIcon)(node.type)),
                 react_1.default.createElement(Outline_1.OutlineItemLinkText, { className: `outline-text-${node.type.name} ${isDeletedItem && 'deleted'}` }, itemText(node))))),
-        items.length ? (react_1.default.createElement("div", { className: `subtree ${isOpen ? '' : 'collapsed'}` }, items.map((subtree) => (react_1.default.createElement(exports.DraggableTree, { key: subtree.node.attrs.id, tree: subtree, view: view, depth: !tree.parent ? depth : depth + 1, can: can }))))) : null));
+        items.length ? (react_1.default.createElement("div", { className: `subtree ${isOpen ? '' : 'collapsed'}` }, items.map((subtree, index) => (react_1.default.createElement(exports.DraggableTree, { key: subtree.node.attrs.id || 'subtree-' + index, tree: subtree, view: view, depth: !tree.parent ? depth : depth + 1, can: can }))))) : null));
 };
 exports.DraggableTree = DraggableTree;

package/dist/cjs/keys/list.js

@@ -18,17 +18,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.skipCommandTracking = void 0;
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
+const prosemirror_commands_1 = require("prosemirror-commands");
+const prosemirror_inputrules_1 = require("prosemirror-inputrules");
 const prosemirror_schema_list_1 = require("prosemirror-schema-list");
+const prosemirror_utils_1 = require("prosemirror-utils");
 const skipCommandTracking = (command) => (state, dispatch) => {
-    command(state, (tr) => {
+    return command(state, (tr) => {
         if (dispatch) {
             (0, track_changes_plugin_1.skipTracking)(tr);
             dispatch(tr);
         }
     });
-    return true;
 };
 exports.skipCommandTracking = skipCommandTracking;
+const listItemBackward = (state, dispatch) => {
+    const { selection } = state;
+    const isListItem = (0, prosemirror_utils_1.findParentNodeOfType)(transform_1.schema.nodes.list_item)(selection);
+    if (isListItem) {
+        return (0, prosemirror_commands_1.joinBackward)(state, dispatch);
+    }
+    return false;
+};
 const liftToOuterList = (itemType) => {
     return function (state, dispatch) {
         const { $from, $to } = state.selection;
@@ -55,5 +65,6 @@ const listKeymap = {
     'Mod-Alt-k': (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.bullet_list)),
     'Shift-Tab': (0, exports.skipCommandTracking)(liftToOuterList(transform_1.schema.nodes.list_item)),
     Tab: (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.sinkListItem)(transform_1.schema.nodes.list_item)),
+    Backspace: (0, exports.skipCommandTracking)((0, prosemirror_commands_1.chainCommands)(prosemirror_inputrules_1.undoInputRule, listItemBackward, prosemirror_commands_1.deleteSelection)),
 };
 exports.default = listKeymap;

package/dist/cjs/views/citation_editable.js

@@ -118,7 +118,7 @@ class CitationEditableView extends citation_1.CitationView {
                 };
                 this.editor = (0, ReactSubView_1.default)(this.props, CitationViewer_1.CitationViewer, componentProps, this.node, this.getPos, this.view, 'citation-editor');
             }
-            this.props.popper.show(this.dom, this.editor, 'right');
+            this.props.popper.show(this.dom, this.editor, 'auto');
         };
         this.handleEdit = () => {
             this.showPopper();

package/dist/es/components/outline/DraggableTree.js

@@ -149,5 +149,5 @@ export const DraggableTree = ({ tree, view, depth, can, }) => {
             React.createElement(OutlineItemLink, { to: `#${node.attrs.id}` },
                 React.createElement(OutlineItemIcon, null, nodeTypeIcon(node.type)),
                 React.createElement(OutlineItemLinkText, { className: `outline-text-${node.type.name} ${isDeletedItem && 'deleted'}` }, itemText(node))))),
-        items.length ? (React.createElement("div", { className: `subtree ${isOpen ? '' : 'collapsed'}` }, items.map((subtree) => (React.createElement(DraggableTree, { key: subtree.node.attrs.id, tree: subtree, view: view, depth: !tree.parent ? depth : depth + 1, can: can }))))) : null));
+        items.length ? (React.createElement("div", { className: `subtree ${isOpen ? '' : 'collapsed'}` }, items.map((subtree, index) => (React.createElement(DraggableTree, { key: subtree.node.attrs.id || 'subtree-' + index, tree: subtree, view: view, depth: !tree.parent ? depth : depth + 1, can: can }))))) : null));
 };

package/dist/es/keys/list.js

@@ -15,15 +15,25 @@
  */
 import { skipTracking } from '@manuscripts/track-changes-plugin';
 import { schema } from '@manuscripts/transform';
+import { chainCommands, deleteSelection, joinBackward, } from 'prosemirror-commands';
+import { undoInputRule } from 'prosemirror-inputrules';
 import { liftListItem, sinkListItem, splitListItem, wrapInList, } from 'prosemirror-schema-list';
+import { findParentNodeOfType } from 'prosemirror-utils';
 export const skipCommandTracking = (command) => (state, dispatch) => {
-    command(state, (tr) => {
+    return command(state, (tr) => {
         if (dispatch) {
             skipTracking(tr);
             dispatch(tr);
         }
     });
-    return true;
+};
+const listItemBackward = (state, dispatch) => {
+    const { selection } = state;
+    const isListItem = findParentNodeOfType(schema.nodes.list_item)(selection);
+    if (isListItem) {
+        return joinBackward(state, dispatch);
+    }
+    return false;
 };
 const liftToOuterList = (itemType) => {
     return function (state, dispatch) {
@@ -51,5 +61,6 @@ const listKeymap = {
     'Mod-Alt-k': skipCommandTracking(wrapInList(schema.nodes.bullet_list)),
     'Shift-Tab': skipCommandTracking(liftToOuterList(schema.nodes.list_item)),
     Tab: skipCommandTracking(sinkListItem(schema.nodes.list_item)),
+    Backspace: skipCommandTracking(chainCommands(undoInputRule, listItemBackward, deleteSelection)),
 };
 export default listKeymap;

package/dist/es/views/citation_editable.js

@@ -112,7 +112,7 @@ export class CitationEditableView extends CitationView {
                 };
                 this.editor = ReactSubView(this.props, CitationViewer, componentProps, this.node, this.getPos, this.view, 'citation-editor');
             }
-            this.props.popper.show(this.dom, this.editor, 'right');
+            this.props.popper.show(this.dom, this.editor, 'auto');
         };
         this.handleEdit = () => {
             this.showPopper();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.9.7",
+  "version": "1.9.10-LEAN-3508.0",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -111,4 +111,4 @@
     "@types/react": "^17.0.2",
     "prosemirror-tables": "^1.3.5"
   }
-}
+}

package/styles/popper.css

@@ -188,6 +188,7 @@
 }
 
 .popper .link-editor {
+  position: relative;
   background: #fff;
   border-radius: 8px;
   border: 1px solid #e2e2e2;
@@ -195,7 +196,10 @@
   height: auto;
 }
 
-.popper .citation-editor,
+.popper .citation-editor {
+  position: relative;
+  width: 600px;
+}
 .popper .table-footnote-editor {
   width: 600px;
 }