@manuscripts/body-editor 1.10.3-LEAN-3608.5 → 1.10.3

package/dist/cjs/commands.js

@@ -95,7 +95,7 @@ const createSelection = (nodeType, position, doc) => {
     }
 };
 exports.createSelection = createSelection;
-const createBlock = (nodeType, position, state, dispatch, attrs) => {
+const createBlock = (nodeType, position, state, dispatch) => {
     let node;
     switch (nodeType) {
         case state.schema.nodes.table_element:
@@ -116,7 +116,7 @@ const createBlock = (nodeType, position, state, dispatch, attrs) => {
             ]);
             break;
         default:
-            node = nodeType.createAndFill(attrs);
+            node = nodeType.createAndFill();
     }
     const tr = state.tr.insert(position, node);
     if (dispatch) {
@@ -393,7 +393,10 @@ const insertSection = (subsection = false) => (state, dispatch) => {
     return true;
 };
 exports.insertSection = insertSection;
-const findSelectedList = (0, prosemirror_utils_1.findParentNodeOfType)([transform_1.schema.nodes.list]);
+const findSelectedList = (0, prosemirror_utils_1.findParentNodeOfType)([
+    transform_1.schema.nodes.ordered_list,
+    transform_1.schema.nodes.bullet_list,
+]);
 const findRootList = ($pos) => {
     for (let i = 0; i < $pos.depth; i++) {
         const node = $pos.node(i);
@@ -460,7 +463,7 @@ const insertList = (type, style) => (state, dispatch, view) => {
         for (const { node, pos } of nodes) {
             tr.setNodeMarkup(pos, type, Object.assign(Object.assign({}, node.attrs), { listStyleType: style }), node.marks);
         }
-        dispatch(tr);
+        dispatch((0, track_changes_plugin_1.skipTracking)(tr));
         return true;
     }
     else {

package/dist/cjs/components/toolbar/LevelSelector.js

@@ -36,7 +36,7 @@ const optionName = (nodeType, depth) => {
     }
 };
 const titleCase = (text) => text.replace(/\b([a-z])/g, (match) => match.toUpperCase());
-const buildOption = (props) => (Object.assign(Object.assign({}, props), { icon: (0, node_type_icons_1.nodeTypeIcon)(props.nodeType, props.listType), label: titleCase(optionName(props.nodeType, props.depth)), isDisabled: Boolean(props.isDisabled), isSelected: Boolean(props.isSelected), isFocused: Boolean(props.isFocused) }));
+const buildOption = (props) => (Object.assign(Object.assign({}, props), { icon: (0, node_type_icons_1.nodeTypeIcon)(props.nodeType), label: titleCase(optionName(props.nodeType, props.depth)), isDisabled: Boolean(props.isDisabled), isSelected: Boolean(props.isSelected), isFocused: Boolean(props.isFocused) }));
 const buildOptions = (state, dispatch, view) => {
     const { doc, selection: { $from, $to }, schema, tr, } = state;
     const { nodes } = schema;
@@ -189,13 +189,12 @@ const buildOptions = (state, dispatch, view) => {
         dispatch(tr.scrollIntoView());
         view && view.focus();
     };
-    const convertParagraphToList = (nodeType, listType) => () => {
+    const convertParagraphToList = (nodeType) => () => {
         const paragraph = $from.node($from.depth);
         const beforeParagraph = $from.before($from.depth);
         const afterParagraph = $from.after($from.depth);
         const list = nodeType.create({
             id: (0, transform_1.generateNodeID)(nodeType),
-            listStyleType: listType,
         }, nodes.list_item.create({}, schema.nodes.paragraph.create({}, paragraph.content)));
         tr.replaceWith(beforeParagraph, afterParagraph, list);
         const anchor = beforeParagraph + 3;
@@ -203,8 +202,8 @@ const buildOptions = (state, dispatch, view) => {
         dispatch(tr.scrollIntoView());
         view && view.focus();
     };
-    const convertListType = (nodeType, list, listType) => () => {
-        tr.setNodeMarkup(list.before, nodeType, Object.assign(Object.assign({}, list.node.attrs), { listStyleType: listType }));
+    const convertListType = (nodeType, list) => () => {
+        tr.setNodeMarkup(list.before, nodeType, list.node.attrs);
         dispatch(tr.scrollIntoView());
         view && view.focus();
     };
@@ -226,18 +225,16 @@ const buildOptions = (state, dispatch, view) => {
                     isDisabled: sectionDepth <= 1 && sectionOffset <= 1,
                 }),
                 buildOption({
-                    nodeType: nodes.list,
+                    nodeType: nodes.ordered_list,
                     value: -3,
                     depth: 1,
                     isDisabled: true,
-                    listType: 'order',
                 }),
                 buildOption({
-                    nodeType: nodes.list,
+                    nodeType: nodes.bullet_list,
                     value: -2,
                     depth: 1,
                     isDisabled: true,
-                    listType: 'bullet',
                 }),
             ];
             const sectionOptions = [];
@@ -294,18 +291,16 @@ const buildOptions = (state, dispatch, view) => {
                     isSelected: true,
                 }),
                 buildOption({
-                    nodeType: nodes.list,
+                    nodeType: nodes.ordered_list,
                     value: -3,
                     depth: 1,
-                    action: convertParagraphToList(nodes.list, 'order'),
-                    listType: 'order',
+                    action: convertParagraphToList(nodes.ordered_list),
                 }),
                 buildOption({
-                    nodeType: nodes.list,
+                    nodeType: nodes.bullet_list,
                     value: -2,
                     depth: 1,
-                    action: convertParagraphToList(nodes.list, 'bullet'),
-                    listType: 'bullet',
+                    action: convertParagraphToList(nodes.bullet_list),
                 }),
             ];
             const sectionOptions = [];
@@ -331,8 +326,7 @@ const buildOptions = (state, dispatch, view) => {
             }));
             return [{ options: typeOptions }, { options: sectionOptions }];
         }
-        case schema.nodes.list: {
-            const { style, type } = (0, transform_1.getListType)(parentElement.node.attrs.listStyleType);
+        case schema.nodes.bullet_list: {
             return [
                 {
                     options: [
@@ -348,11 +342,35 @@ const buildOptions = (state, dispatch, view) => {
                 {
                     options: [
                         buildOption({
-                            nodeType: nodes.list,
+                            nodeType: nodes.ordered_list,
                             value: -3,
                             depth: 1,
-                            action: convertListType(nodes.list, parentElement, style),
-                            listType: type === 'ol' ? 'order' : 'bullet',
+                            action: convertListType(nodes.ordered_list, parentElement),
+                        }),
+                    ],
+                },
+            ];
+        }
+        case parentElementType.schema.nodes.ordered_list: {
+            return [
+                {
+                    options: [
+                        buildOption({
+                            nodeType: parentElementType,
+                            value: -4,
+                            depth: 1,
+                            isDisabled: true,
+                            isSelected: true,
+                        }),
+                    ],
+                },
+                {
+                    options: [
+                        buildOption({
+                            nodeType: nodes.bullet_list,
+                            value: -3,
+                            depth: 1,
+                            action: convertListType(nodes.bullet_list, parentElement),
                         }),
                     ],
                 },
@@ -440,7 +458,7 @@ const LevelSelector = ({ state, dispatch, view }) => {
                     style.opacity = 0.4;
                 }
                 return (react_1.default.createElement(OptionContainer, Object.assign({}, props.innerProps, { ref: null, style: style }),
-                    react_1.default.createElement(OptionIcon, null, (0, node_type_icons_1.nodeTypeIcon)(data.nodeType, data.listType)),
+                    react_1.default.createElement(OptionIcon, null, (0, node_type_icons_1.nodeTypeIcon)(data.nodeType)),
                     react_1.default.createElement(OptionLabel, null, data.label)));
             },
         }, onChange: (value) => {

package/dist/cjs/components/views/FigureDropdown.js

@@ -37,7 +37,7 @@ const FigureOptions = ({ can, files, getFilesMap, handleDownload, handleUpload,
     return (react_1.default.createElement(DropdownWrapper, { ref: wrapperRef },
         react_1.default.createElement(OptionsButton, { className: 'options-button', onClick: toggleOpen },
             react_1.default.createElement(style_guide_1.DotsIcon, null)),
-        isOpen && (react_1.default.createElement(OptionsDropdownList, { direction: 'right', width: 128, top: 5 },
+        isOpen && (react_1.default.createElement(OptionsDropdownList, { direction: 'right', width: 128, onClick: toggleOpen, top: 5 },
             react_1.default.createElement(ListItemButton, { onClick: handleDownload, disabled: !showDownload }, "Download"),
             react_1.default.createElement(NestedDropdown, { disabled: !showReplace, parentToggleOpen: toggleOpen, buttonText: 'Replace', moveLeft: true, list: react_1.default.createElement(react_1.default.Fragment, null,
                     otherFiles.map((file, index) => (react_1.default.createElement(ListItemButton, { key: file.id, id: index.toString(), onClick: () => handleReplace && handleReplace(file) },

package/dist/cjs/configs/editor-views.js

@@ -21,6 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const affiliations_1 = __importDefault(require("../views/affiliations"));
 const bibliography_element_editable_1 = __importDefault(require("../views/bibliography_element_editable"));
 const blockquote_element_editable_1 = __importDefault(require("../views/blockquote_element_editable"));
+const bullet_list_editable_1 = __importDefault(require("../views/bullet_list_editable"));
 const citation_editable_1 = __importDefault(require("../views/citation_editable"));
 const contributors_1 = __importDefault(require("../views/contributors"));
 const cross_reference_editable_1 = __importDefault(require("../views/cross_reference_editable"));
@@ -36,10 +37,10 @@ const inline_footnote_editable_1 = __importDefault(require("../views/inline_foot
 const keyword_1 = __importDefault(require("../views/keyword"));
 const keyword_group_1 = __importDefault(require("../views/keyword_group"));
 const link_editable_1 = __importDefault(require("../views/link_editable"));
-const list_1 = __importDefault(require("../views/list"));
 const list_item_1 = __importDefault(require("../views/list_item"));
 const listing_editable_1 = __importDefault(require("../views/listing_editable"));
 const listing_element_editable_1 = __importDefault(require("../views/listing_element_editable"));
+const ordered_list_editable_1 = __importDefault(require("../views/ordered_list_editable"));
 const paragraph_editable_1 = __importDefault(require("../views/paragraph_editable"));
 const placeholder_1 = __importDefault(require("../views/placeholder"));
 const placeholder_element_editable_1 = __importDefault(require("../views/placeholder_element_editable"));
@@ -55,7 +56,7 @@ exports.default = (props, dispatch) => {
         title: (0, title_editable_1.default)(props, dispatch),
         bibliography_element: (0, bibliography_element_editable_1.default)(props, dispatch),
         blockquote_element: (0, blockquote_element_editable_1.default)(props),
-        list: (0, list_1.default)(props),
+        bullet_list: (0, bullet_list_editable_1.default)(props),
         citation: (0, citation_editable_1.default)(props, dispatch),
         cross_reference: (0, cross_reference_editable_1.default)(props, dispatch),
         contributors: (0, contributors_1.default)(props, dispatch),
@@ -74,6 +75,7 @@ exports.default = (props, dispatch) => {
         listing: (0, listing_editable_1.default)(props),
         listing_element: (0, listing_element_editable_1.default)(props),
         list_item: (0, list_item_1.default)(props),
+        ordered_list: (0, ordered_list_editable_1.default)(props),
         paragraph: (0, paragraph_editable_1.default)(props),
         placeholder: (0, placeholder_1.default)(props),
         placeholder_element: (0, placeholder_element_editable_1.default)(props),

package/dist/cjs/keys/list.js

@@ -60,8 +60,8 @@ const listKeymap = {
     Enter: (0, prosemirror_schema_list_1.splitListItem)(transform_1.schema.nodes.list_item),
     'Mod-[': (0, exports.skipCommandTracking)(liftToOuterList(transform_1.schema.nodes.list_item)),
     'Mod-]': (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.sinkListItem)(transform_1.schema.nodes.list_item)),
-    'Mod-Alt-o': (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.list, { listStyleType: 'order' })),
-    'Mod-Alt-k': (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.list, { listStyleType: 'bullet' })),
+    'Mod-Alt-o': (0, exports.skipCommandTracking)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.ordered_list)),
+    '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)(listItemBackward),

package/dist/cjs/lib/context-menu.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenu = exports.contextMenuBtnClass = exports.sectionLevel = void 0;
+exports.ContextMenu = exports.sectionLevel = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
@@ -28,6 +28,7 @@ const ReactSubView_1 = __importDefault(require("../views/ReactSubView"));
 const popper_1 = require("./popper");
 const track_changes_utils_1 = require("./track-changes-utils");
 const popper = new popper_1.PopperManager();
+const listTypes = [transform_1.schema.nodes.ordered_list, transform_1.schema.nodes.bullet_list];
 const readonlyTypes = [transform_1.schema.nodes.keywords, transform_1.schema.nodes.bibliography_element];
 const sectionLevel = (depth) => {
     switch (depth) {
@@ -41,7 +42,6 @@ exports.sectionLevel = sectionLevel;
 const hasAny = (set, ...items) => {
     return items.some((i) => set.has(i));
 };
-exports.contextMenuBtnClass = 'btn-context-menu';
 class ContextMenu {
     constructor(node, view, getPos, actions = {}, props) {
         this.showAddMenu = (target, after) => {
@@ -54,12 +54,12 @@ class ContextMenu {
             const insertPos = after ? $pos.after($pos.depth) : $pos.before($pos.depth);
             const endPos = $pos.end();
             const types = this.insertableTypes(after, insertPos, endPos);
-            const insertNode = (type, pos, attrs) => {
+            const insertNode = (type, pos) => {
                 const { state, dispatch } = this.view;
                 if (pos === undefined) {
                     pos = after ? this.getPos() + this.node.nodeSize : this.getPos();
                 }
-                (0, commands_1.createBlock)(type, pos, state, dispatch, attrs);
+                (0, commands_1.createBlock)(type, pos, state, dispatch);
             };
             if (hasAny(types, 'section', 'subsection')) {
                 menu.appendChild(this.createMenuSection((section) => {
@@ -86,7 +86,7 @@ class ContextMenu {
                     }
                 }));
             }
-            if (hasAny(types, 'paragraph', 'list')) {
+            if (hasAny(types, 'paragraph', 'ordered_list', 'bullet_list')) {
                 menu.appendChild(this.createMenuSection((section) => {
                     if (types.has('paragraph')) {
                         section.appendChild(this.createMenuItem('Paragraph', () => {
@@ -94,17 +94,15 @@ class ContextMenu {
                             popper.destroy();
                         }));
                     }
-                    if (types.has('list')) {
-                        section.appendChild(this.createMenuItem('Bullet List', () => {
-                            insertNode(transform_1.schema.nodes.list, undefined, {
-                                listStyleType: 'bullet',
-                            });
+                    if (types.has('ordered_list')) {
+                        section.appendChild(this.createMenuItem('Numbered List', () => {
+                            insertNode(transform_1.schema.nodes.ordered_list);
                             popper.destroy();
                         }));
-                        section.appendChild(this.createMenuItem('Ordered List', () => {
-                            insertNode(transform_1.schema.nodes.list, undefined, {
-                                listStyleType: 'order',
-                            });
+                    }
+                    if (types.has('bullet_list')) {
+                        section.appendChild(this.createMenuItem('Bullet List', () => {
+                            insertNode(transform_1.schema.nodes.bullet_list);
                             popper.destroy();
                         }));
                     }
@@ -149,18 +147,17 @@ class ContextMenu {
             menu.className = 'menu';
             const $pos = this.resolvePos();
             const type = this.node.type;
-            if (type === transform_1.schema.nodes.list) {
+            if (listTypes.includes(type)) {
                 menu.appendChild(this.createMenuSection((section) => {
-                    const list_type = (0, transform_1.getListType)(this.node.attrs.listStyleType).type;
-                    if (list_type === 'ul') {
+                    if (type === transform_1.schema.nodes.bullet_list) {
                         section.appendChild(this.createMenuItem('Change to Numbered List', () => {
-                            this.changeNodeType(transform_1.schema.nodes.list, 'order');
+                            this.changeNodeType(transform_1.schema.nodes.ordered_list);
                             popper.destroy();
                         }));
                     }
-                    if (list_type === 'ol') {
+                    if (type === transform_1.schema.nodes.ordered_list) {
                         section.appendChild(this.createMenuItem('Change to Bullet List', () => {
-                            this.changeNodeType(transform_1.schema.nodes.list, 'bullet');
+                            this.changeNodeType(transform_1.schema.nodes.bullet_list);
                             popper.destroy();
                         }));
                     }
@@ -320,7 +317,8 @@ class ContextMenu {
             }
             checkNode('section', insertPos);
             checkNode('paragraph');
-            checkNode('list');
+            checkNode('ordered_list');
+            checkNode('bullet_list');
             checkNode('figure_element');
             checkNode('table_element');
             checkNode('equation_element');
@@ -328,10 +326,9 @@ class ContextMenu {
             checkNode('pullquote_element');
             return insertable;
         };
-        this.changeNodeType = (nodeType, listType) => {
+        this.changeNodeType = (nodeType) => {
             this.view.dispatch(this.view.state.tr.setNodeMarkup(this.getPos(), nodeType, {
                 id: this.node.attrs.id,
-                listStyleType: listType,
             }));
             popper.destroy();
         };
@@ -358,11 +355,7 @@ class ContextMenu {
         };
         this.resolvePos = () => this.view.state.doc.resolve(this.getPos());
         this.addPopperEventListeners = () => {
-            const mouseListener = (event) => {
-                const target = event.target;
-                if (target.classList.contains(exports.contextMenuBtnClass)) {
-                    return;
-                }
+            const mouseListener = () => {
                 window.requestAnimationFrame(() => {
                     window.removeEventListener('mousedown', mouseListener);
                     popper.destroy();

package/dist/cjs/lib/popper.js

@@ -22,7 +22,9 @@ exports.PopperManager = void 0;
 const popper_js_1 = __importDefault(require("popper.js"));
 class PopperManager {
     show(target, contents, placement = 'bottom', showArrow = true, modifiers = {}) {
-        this.destroy();
+        if (this.activePopper) {
+            return this.destroy();
+        }
         window.requestAnimationFrame(() => {
             const container = document.createElement('div');
             container.className = 'popper';
@@ -62,9 +64,7 @@ class PopperManager {
                     this.destroy();
                 }
             };
-            if (contents.classList.contains('context-menu')) {
-                window.addEventListener('click', this.handleDocumentClick);
-            }
+            document.addEventListener('click', this.handleDocumentClick);
         });
     }
     destroy() {
@@ -72,7 +72,7 @@ class PopperManager {
             this.removeContainerClass(this.activePopper.reference);
             this.activePopper.destroy();
             if (this.handleDocumentClick) {
-                window.removeEventListener('click', this.handleDocumentClick);
+                document.removeEventListener('click', this.handleDocumentClick);
             }
             delete this.activePopper;
         }

package/dist/cjs/menus.js

@@ -300,15 +300,15 @@ const getEditorMenus = (editor) => {
             {
                 id: 'insert-bullet-list',
                 label: 'Bullet List',
-                isEnabled: isCommandValid((0, commands_1.insertList)(transform_1.schema.nodes.list, 'bullet')),
+                isEnabled: isCommandValid((0, commands_1.insertList)(transform_1.schema.nodes.bullet_list)),
                 submenu: [
                     {
                         id: 'bullet-list-context-menu',
                         label: '',
                         isEnabled: true,
                         options: {
-                            bullet: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'bullet')),
-                            simple: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'simple')),
+                            bullet: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.bullet_list, 'bullet')),
+                            simple: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.bullet_list, 'simple')),
                         },
                     },
                 ],
@@ -316,18 +316,18 @@ const getEditorMenus = (editor) => {
             {
                 id: 'insert-ordered-list',
                 label: 'Ordered List',
-                isEnabled: isCommandValid((0, commands_1.insertList)(transform_1.schema.nodes.list, 'order')),
+                isEnabled: isCommandValid((0, commands_1.insertList)(transform_1.schema.nodes.ordered_list)),
                 submenu: [
                     {
                         id: 'ordered-list-context-menu',
                         label: '',
                         isEnabled: true,
                         options: {
-                            order: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'order')),
-                            'alpha-upper': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'alpha-upper')),
-                            'alpha-lower': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'alpha-lower')),
-                            'roman-upper': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'roman-upper')),
-                            'roman-lower': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'roman-lower')),
+                            order: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'order')),
+                            'alpha-upper': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'alpha-upper')),
+                            'alpha-lower': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'alpha-lower')),
+                            'roman-upper': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'roman-upper')),
+                            'roman-lower': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'roman-lower')),
                         },
                     },
                 ],

package/dist/cjs/node-type-icons.js

@@ -27,8 +27,10 @@ const icons = new Map([
     [nodes.manuscript, style_guide_1.OutlineManuscriptIcon],
     [nodes.bibliography_section, style_guide_1.OutlineSectionIcon],
     [nodes.blockquote_element, style_guide_1.OutlineBlockQuoteIcon],
+    [nodes.bullet_list, style_guide_1.OutlineUnorderedListIcon],
     [nodes.equation_element, style_guide_1.OutlineEquationIcon],
     [nodes.figure_element, style_guide_1.OutlineFigureIcon],
+    [nodes.ordered_list, style_guide_1.OutlineOrderedListIcon],
     [nodes.paragraph, style_guide_1.OutlineParagraphIcon],
     [nodes.pullquote_element, style_guide_1.OutlinePullQuoteIcon],
     [nodes.section, style_guide_1.OutlineSectionIcon],
@@ -37,15 +39,7 @@ const icons = new Map([
     [nodes.graphical_abstract_section, style_guide_1.OutlineSectionIcon],
     [nodes.footnotes_section, style_guide_1.OutlineSectionIcon],
 ]);
-const nodeTypeIcon = (nodeType, listType) => {
-    if (nodeType === transform_1.schema.nodes.list) {
-        if (listType === 'bullet') {
-            return react_1.default.createElement(style_guide_1.OutlineUnorderedListIcon, null);
-        }
-        else {
-            return react_1.default.createElement(style_guide_1.OutlineOrderedListIcon, null);
-        }
-    }
+const nodeTypeIcon = (nodeType) => {
     const Icon = icons.get(nodeType);
     return Icon ? react_1.default.createElement(Icon, null) : null;
 };

package/dist/cjs/rules.js

@@ -35,7 +35,8 @@ exports.default = (0, prosemirror_inputrules_1.inputRules)({
         ...prosemirror_inputrules_1.smartQuotes,
         prosemirror_inputrules_1.ellipsis,
         prosemirror_inputrules_1.emDash,
-        creatingInputRule(/^(\d+[.)]\s|\s*\*\s)$/, transform_1.schema.nodes.list),
+        creatingInputRule(/^\d+[.)]\s$/, transform_1.schema.nodes.ordered_list),
+        creatingInputRule(/^\s*\*\s$/, transform_1.schema.nodes.bullet_list),
         creatingInputRule(/^\s*>\s$/, transform_1.schema.nodes.blockquote_element),
         creatingInputRule(/^```$/, transform_1.schema.nodes.listing_element),
         creatingInputRule(/^#\s$/, transform_1.schema.nodes.section),

package/dist/cjs/toolbar.js

@@ -68,26 +68,26 @@ exports.toolbar = {
         bullet_list: {
             title: 'Wrap in bullet list',
             content: react_1.default.createElement(style_guide_1.ToolbarUnorderedListIcon, null),
-            isActive: (0, commands_1.blockActive)(transform_1.schema.nodes.list),
-            isEnabled: (0, commands_1.insertList)(transform_1.schema.nodes.list, 'bullet'),
-            run: (0, commands_1.insertList)(transform_1.schema.nodes.list, 'bullet'),
+            isActive: (0, commands_1.blockActive)(transform_1.schema.nodes.bullet_list),
+            isEnabled: (0, commands_1.insertList)(transform_1.schema.nodes.bullet_list, 'bullet'),
+            run: (0, commands_1.insertList)(transform_1.schema.nodes.bullet_list, 'bullet'),
             options: {
-                bullet: (0, commands_1.insertList)(transform_1.schema.nodes.list, 'bullet'),
-                simple: (0, commands_1.insertList)(transform_1.schema.nodes.list, 'simple'),
+                bullet: (0, commands_1.insertList)(transform_1.schema.nodes.bullet_list, 'bullet'),
+                simple: (0, commands_1.insertList)(transform_1.schema.nodes.bullet_list, 'simple'),
             },
         },
         ordered_list: {
             title: 'Wrap in ordered list',
             content: react_1.default.createElement(style_guide_1.ToolbarOrderedListIcon, null),
-            isActive: (0, commands_1.blockActive)(transform_1.schema.nodes.list),
-            isEnabled: (0, commands_1.insertList)(transform_1.schema.nodes.list, 'order'),
-            run: (0, commands_1.insertList)(transform_1.schema.nodes.list, 'order'),
+            isActive: (0, commands_1.blockActive)(transform_1.schema.nodes.ordered_list),
+            isEnabled: (0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'order'),
+            run: (0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'order'),
             options: {
-                order: (0, commands_1.insertList)(transform_1.schema.nodes.list, 'order'),
-                'alpha-upper': (0, commands_1.insertList)(transform_1.schema.nodes.list, 'alpha-upper'),
-                'alpha-lower': (0, commands_1.insertList)(transform_1.schema.nodes.list, 'alpha-lower'),
-                'roman-upper': (0, commands_1.insertList)(transform_1.schema.nodes.list, 'roman-upper'),
-                'roman-lower': (0, commands_1.insertList)(transform_1.schema.nodes.list, 'roman-lower'),
+                order: (0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'order'),
+                'alpha-upper': (0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'alpha-upper'),
+                'alpha-lower': (0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'alpha-lower'),
+                'roman-upper': (0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'roman-upper'),
+                'roman-lower': (0, commands_1.insertList)(transform_1.schema.nodes.ordered_list, 'roman-lower'),
             },
         },
     },

package/dist/cjs/views/bibliography_element.js

@@ -36,6 +36,7 @@ class BibliographyElementBlockView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.showPopper = (id) => {
+            this.props.popper.destroy();
             const bib = (0, bibliography_1.getBibliographyPluginState)(this.view.state);
             if (!bib) {
                 return;
@@ -56,7 +57,6 @@ class BibliographyElementBlockView extends block_view_1.default {
             this.showPopper(citationId);
         };
         this.handleComment = (citationId) => {
-            this.props.popper.destroy();
             this.props.setComment((0, transform_1.buildComment)(citationId));
         };
         this.showContextMenu = (element) => {

package/dist/cjs/views/citation_editable.js

@@ -59,6 +59,10 @@ class CitationEditableView extends citation_1.CitationView {
                 }
             }
         };
+        this.deselectNode = () => {
+            this.dom.classList.remove('ProseMirror-selectednode');
+            this.props.popper.destroy();
+        };
         this.destroy = () => {
             var _a;
             (_a = this.editor) === null || _a === void 0 ? void 0 : _a.remove();

package/dist/cjs/views/editable_block.js

@@ -41,12 +41,13 @@ const EditableBlock = (Base) => {
                 }
                 const after = !hasParent($pos, transform_1.schema.nodes.bibliography_section);
                 const button = document.createElement('a');
-                button.classList.add('add-block', context_menu_1.contextMenuBtnClass);
+                button.classList.add('add-block');
                 button.classList.add(after ? 'add-block-after' : 'add-block-before');
                 button.setAttribute('aria-label', `Add an element ${after ? 'below' : 'above'}`);
                 button.setAttribute('data-balloon-pos', 'down-left');
                 button.addEventListener('mousedown', (event) => {
                     event.preventDefault();
+                    event.stopPropagation();
                     const menu = this.createMenu();
                     menu.showAddMenu(event.currentTarget, after);
                 });
@@ -58,11 +59,12 @@ const EditableBlock = (Base) => {
                     return null;
                 }
                 const button = document.createElement('a');
-                button.classList.add('edit-block', context_menu_1.contextMenuBtnClass);
+                button.classList.add('edit-block');
                 button.setAttribute('aria-label', 'Open menu');
                 button.setAttribute('data-balloon-pos', 'down-left');
                 button.addEventListener('mousedown', (event) => {
                     event.preventDefault();
+                    event.stopPropagation();
                     const menu = this.createMenu();
                     menu.showEditMenu(event.currentTarget);
                 });

package/dist/es/commands.js

@@ -87,7 +87,7 @@ export const createSelection = (nodeType, position, doc) => {
                 : TextSelection.near(doc.resolve(position + 1));
     }
 };
-export const createBlock = (nodeType, position, state, dispatch, attrs) => {
+export const createBlock = (nodeType, position, state, dispatch) => {
     let node;
     switch (nodeType) {
         case state.schema.nodes.table_element:
@@ -108,7 +108,7 @@ export const createBlock = (nodeType, position, state, dispatch, attrs) => {
             ]);
             break;
         default:
-            node = nodeType.createAndFill(attrs);
+            node = nodeType.createAndFill();
     }
     const tr = state.tr.insert(position, node);
     if (dispatch) {
@@ -371,7 +371,10 @@ export const insertSection = (subsection = false) => (state, dispatch) => {
     }
     return true;
 };
-const findSelectedList = findParentNodeOfType([schema.nodes.list]);
+const findSelectedList = findParentNodeOfType([
+    schema.nodes.ordered_list,
+    schema.nodes.bullet_list,
+]);
 const findRootList = ($pos) => {
     for (let i = 0; i < $pos.depth; i++) {
         const node = $pos.node(i);
@@ -438,7 +441,7 @@ export const insertList = (type, style) => (state, dispatch, view) => {
         for (const { node, pos } of nodes) {
             tr.setNodeMarkup(pos, type, Object.assign(Object.assign({}, node.attrs), { listStyleType: style }), node.marks);
         }
-        dispatch(tr);
+        dispatch(skipTracking(tr));
         return true;
     }
     else {