@fiduswriter/editor 0.1.20 → 0.1.21

package/dist/menus/toolbar/model.js

@@ -4,7 +4,8 @@ import { wrapInList } from "prosemirror-schema-list";
 import { COMMENT_ONLY_ROLES, READ_ONLY_ROLES } from "../../index.js";
 import { CitationDialog, FigureDialog, LinkDialog, MathDialog, TableDialog } from "../../dialogs/index.js";
 import { setBlockType } from "../../keymap.js";
-import { checkProtectedInSelection, getInlineReferenceState, setInlineReferenceState } from "../../state_plugins/index.js";
+import { checkProtectedInSelection } from "../../state_plugins/document_template.js";
+import { getInlineReferenceState, setInlineReferenceState } from "../../state_plugins/inline_reference/index.js";
 const BLOCK_LABELS = {
     paragraph: gettext("Normal Text"),
     heading1: gettext("1st Heading"),
@@ -16,21 +17,23 @@ const BLOCK_LABELS = {
     code_block: gettext("Code"),
     figure: gettext("Figure")
 };
+function currentSelection(editor) {
+    return editor.currentView.state.selection;
+}
 // from https://github.com/ProseMirror/prosemirror-tables/blob/master/src/util.js
-const findTable = state => {
+const findTable = (state) => {
     const $head = state.selection.$head;
     for (let d = $head.depth; d > 0; d--) {
         if ($head.node(d).type.spec.tableRole == "table") {
             return $head.node(d);
         }
     }
-    return false;
+    return null;
 };
 function elementAvailable(editor, elementName) {
     let elementInDocParts = false;
     editor.view.state.doc.forEach(docPart => {
-        if (docPart.attrs.elements &&
-            docPart.attrs.elements.includes(elementName)) {
+        if (docPart.attrs.elements?.includes(elementName)) {
             elementInDocParts = true;
         }
     });
@@ -43,8 +46,7 @@ export function elementDisabled(editor, elementName) {
         const anchorDocPart = editor.currentView.state.selection.$anchor.node(1), headDocPart = editor.currentView.state.selection.$head.node(1);
         return (!anchorDocPart ||
             headDocPart !== anchorDocPart ||
-            !anchorDocPart.attrs.elements ||
-            !anchorDocPart.attrs.elements.includes(elementName) ||
+            !anchorDocPart.attrs.elements?.includes(elementName) ||
             checkProtectedInSelection(editor.view.state));
     }
     else {
@@ -58,7 +60,7 @@ export function elementDisabled(editor, elementName) {
 function markAvailable(editor, markName) {
     let markInDocParts = false;
     editor.view.state.doc.forEach(docPart => {
-        if (docPart.attrs.elements && docPart.attrs.marks.includes(markName)) {
+        if (docPart.attrs.marks?.includes(markName)) {
             markInDocParts = true;
         }
     });
@@ -71,8 +73,7 @@ function markDisabled(editor, markName) {
         const anchorDocPart = editor.currentView.state.selection.$anchor.node(1), headDocPart = editor.currentView.state.selection.$head.node(1);
         return (!anchorDocPart ||
             headDocPart !== anchorDocPart ||
-            !anchorDocPart.attrs.marks ||
-            !anchorDocPart.attrs.marks.includes(markName) ||
+            !anchorDocPart.attrs.marks?.includes(markName) ||
             checkProtectedInSelection(editor.view.state));
     }
     else {
@@ -89,7 +90,7 @@ export const toolbarModel = () => ({
         {
             type: "button",
             title: gettext("Open/close header menu"),
-            icon: editor => {
+            icon: (editor) => {
                 if (editor.menu.headerbarModel.open) {
                     return "angle-double-up";
                 }
@@ -97,14 +98,16 @@ export const toolbarModel = () => ({
                     return "angle-double-down";
                 }
             },
-            action: editor => {
+            action: (editor) => {
+                ;
                 editor.menu.headerbarModel.open =
                     !editor.menu.headerbarModel.open;
                 if (editor.menu.headerView) {
+                    ;
                     editor.menu.headerView.update();
                 }
             },
-            class: editor => {
+            class: (editor) => {
                 if (editor.menu.headerbarModel.open) {
                     return "no-border";
                 }
@@ -116,8 +119,9 @@ export const toolbarModel = () => ({
         },
         {
             type: "info",
-            show: editor => {
+            show: (editor) => {
                 let title = "";
+                const selection = currentSelection(editor);
                 if (editor.currentView !== editor.view) {
                     return gettext("Footnote");
                 }
@@ -136,15 +140,15 @@ export const toolbarModel = () => ({
                         editor.currentView.state.selection.to) {
                     title =
                         editor.currentView.state.selection.$anchor.nodeAfter
-                            .attrs.title;
+                            ?.attrs.title ?? "";
                     return title.length > 20
                         ? title.slice(0, 20) + "..."
                         : title;
                 }
-                else if (editor.currentView.state.selection.jsonID === "node" &&
-                    editor.currentView.state.selection.node.isBlock &&
-                    editor.currentView.state.selection.node.attrs.title) {
-                    title = editor.currentView.state.selection.node.attrs.title;
+                else if (selection.jsonID === "node" &&
+                    selection.node?.isBlock &&
+                    selection.node.attrs.title) {
+                    title = selection.node.attrs.title;
                     return title.length > 20
                         ? title.slice(0, 20) + "..."
                         : title;
@@ -157,14 +161,15 @@ export const toolbarModel = () => ({
         },
         {
             type: "menu",
-            show: editor => {
+            show: (editor) => {
+                const selection = currentSelection(editor);
                 if (editor.currentView.state.selection.$anchor.node(1) &&
                     !editor.view.state.selection.$anchor.node(1).attrs.elements) {
                     return "";
                 }
-                if (editor.currentView.state.selection.jsonID === "node" &&
-                    editor.currentView.state.selection.node.isBlock) {
-                    const selectedNode = editor.currentView.state.selection.node;
+                if (selection.jsonID === "node" &&
+                    selection.node?.isBlock) {
+                    const selectedNode = selection.node;
                     return BLOCK_LABELS[selectedNode.type.name]
                         ? BLOCK_LABELS[selectedNode.type.name]
                         : "";
@@ -192,7 +197,7 @@ export const toolbarModel = () => ({
                             }
                         }
                     });
-                    if (blockNodeType) {
+                    if (blockNodeType && typeof blockNodeType === "string") {
                         return BLOCK_LABELS[blockNodeType]
                             ? BLOCK_LABELS[blockNodeType]
                             : "";
@@ -202,94 +207,94 @@ export const toolbarModel = () => ({
                     }
                 }
             },
-            disabled: editor => READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
+            disabled: (editor) => READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                 COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                 !editor.currentView.state.selection.$anchor.node(1) ||
                 !editor.currentView.state.selection.$anchor.node(1).attrs
                     .elements ||
-                (editor.currentView.state.selection.jsonID === "node" &&
-                    editor.currentView.state.selection.node.isBlock &&
-                    !editor.currentView.state.selection.node.isTextblock) ||
-                editor.currentView.state.selection.jsonID === "gapcursor",
+                (currentSelection(editor).jsonID === "node" &&
+                    currentSelection(editor).node?.isBlock &&
+                    !currentSelection(editor).node?.isTextblock) ||
+                currentSelection(editor).jsonID === "gapcursor",
             content: [
                 {
                     title: BLOCK_LABELS["paragraph"],
-                    action: editor => {
+                    action: (editor) => {
                         const view = editor.currentView;
                         setBlockType(view.state.schema.nodes.paragraph)(view.state, view.dispatch);
                     },
-                    available: editor => elementAvailable(editor, "paragraph"),
-                    disabled: editor => elementDisabled(editor, "paragraph"),
+                    available: (editor) => elementAvailable(editor, "paragraph"),
+                    disabled: (editor) => elementDisabled(editor, "paragraph"),
                     order: 0
                 },
                 {
                     title: BLOCK_LABELS["heading1"],
-                    action: editor => {
+                    action: (editor) => {
                         const view = editor.currentView;
                         setBlockType(view.state.schema.nodes.heading1)(view.state, view.dispatch);
                     },
-                    available: editor => elementAvailable(editor, "heading1"),
-                    disabled: editor => elementDisabled(editor, "heading1"),
+                    available: (editor) => elementAvailable(editor, "heading1"),
+                    disabled: (editor) => elementDisabled(editor, "heading1"),
                     order: 1
                 },
                 {
                     title: BLOCK_LABELS["heading2"],
-                    action: editor => {
+                    action: (editor) => {
                         const view = editor.currentView;
                         setBlockType(view.state.schema.nodes.heading2)(view.state, view.dispatch);
                     },
-                    available: editor => elementAvailable(editor, "heading2"),
-                    disabled: editor => elementDisabled(editor, "heading2"),
+                    available: (editor) => elementAvailable(editor, "heading2"),
+                    disabled: (editor) => elementDisabled(editor, "heading2"),
                     order: 2
                 },
                 {
                     title: BLOCK_LABELS["heading3"],
-                    action: editor => {
+                    action: (editor) => {
                         const view = editor.currentView;
                         setBlockType(view.state.schema.nodes.heading3)(view.state, view.dispatch);
                     },
-                    available: editor => elementAvailable(editor, "heading3"),
-                    disabled: editor => elementDisabled(editor, "heading3"),
+                    available: (editor) => elementAvailable(editor, "heading3"),
+                    disabled: (editor) => elementDisabled(editor, "heading3"),
                     order: 3
                 },
                 {
                     title: BLOCK_LABELS["heading4"],
-                    action: editor => {
+                    action: (editor) => {
                         const view = editor.currentView;
                         setBlockType(view.state.schema.nodes.heading4)(view.state, view.dispatch);
                     },
-                    available: editor => elementAvailable(editor, "heading4"),
-                    disabled: editor => elementDisabled(editor, "heading4"),
+                    available: (editor) => elementAvailable(editor, "heading4"),
+                    disabled: (editor) => elementDisabled(editor, "heading4"),
                     order: 4
                 },
                 {
                     title: BLOCK_LABELS["heading5"],
-                    action: editor => {
+                    action: (editor) => {
                         const view = editor.currentView;
                         setBlockType(view.state.schema.nodes.heading5)(view.state, view.dispatch);
                     },
-                    available: editor => elementAvailable(editor, "heading5"),
-                    disabled: editor => elementDisabled(editor, "heading5"),
+                    available: (editor) => elementAvailable(editor, "heading5"),
+                    disabled: (editor) => elementDisabled(editor, "heading5"),
                     order: 5
                 },
                 {
                     title: BLOCK_LABELS["heading6"],
-                    action: editor => {
+                    action: (editor) => {
                         const view = editor.currentView;
                         setBlockType(view.state.schema.nodes.heading6)(view.state, view.dispatch);
                     },
-                    available: editor => elementAvailable(editor, "heading6"),
-                    disabled: editor => elementDisabled(editor, "heading6"),
+                    available: (editor) => elementAvailable(editor, "heading6"),
+                    disabled: (editor) => elementDisabled(editor, "heading6"),
                     order: 6
                 },
                 {
                     title: BLOCK_LABELS["code_block"],
-                    action: editor => {
+                    action: (editor) => {
                         const view = editor.currentView;
                         setBlockType(view.state.schema.nodes.code_block)(view.state, view.dispatch);
                     },
-                    available: editor => elementAvailable(editor, "code_block"),
-                    disabled: editor => elementDisabled(editor, "code_block"),
+                    available: (editor) => elementAvailable(editor, "code_block"),
+                    disabled: (editor) => elementDisabled(editor, "code_block"),
                     order: 7
                 }
             ],
@@ -299,26 +304,27 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Strong"),
             icon: "bold",
-            action: editor => {
+            action: (editor) => {
                 const mark = editor.currentView.state.schema.marks["strong"];
                 const command = toggleMark(mark);
                 command(editor.currentView.state, tr => editor.currentView.dispatch(tr));
             },
-            available: editor => markAvailable(editor, "strong"),
-            disabled: editor => {
+            available: (editor) => markAvailable(editor, "strong"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
-                    editor.currentView.state.selection.jsonID === "gapcursor" ||
+                    currentSelection(editor).jsonID === "gapcursor" ||
                     markDisabled(editor, "strong")) {
                     return true;
                 }
+                return false;
             },
-            selected: editor => {
+            selected: (editor) => {
                 const storedMarks = editor.currentView.state.storedMarks;
-                if (storedMarks?.some(mark => mark.type.name === "strong") ||
+                if (storedMarks?.some((mark) => mark.type.name === "strong") ||
                     editor.currentView.state.selection.$head
                         .marks()
-                        .some(mark => mark.type.name === "strong")) {
+                        .some((mark) => mark.type.name === "strong")) {
                     return true;
                 }
                 else {
@@ -331,22 +337,22 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Emphasis"),
             icon: "italic",
-            action: editor => {
+            action: (editor) => {
                 const mark = editor.currentView.state.schema.marks["em"];
                 const command = toggleMark(mark);
                 command(editor.currentView.state, tr => editor.currentView.dispatch(tr));
             },
-            available: editor => markAvailable(editor, "em"),
-            disabled: editor => READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
+            available: (editor) => markAvailable(editor, "em"),
+            disabled: (editor) => READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                 COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
-                editor.currentView.state.selection.jsonID === "gapcursor" ||
+                currentSelection(editor).jsonID === "gapcursor" ||
                 markDisabled(editor, "em"),
-            selected: editor => {
+            selected: (editor) => {
                 const storedMarks = editor.currentView.state.storedMarks;
-                if (storedMarks?.some(mark => mark.type.name === "em") ||
+                if (storedMarks?.some((mark) => mark.type.name === "em") ||
                     editor.currentView.state.selection.$head
                         .marks()
-                        .some(mark => mark.type.name === "em")) {
+                        .some((mark) => mark.type.name === "em")) {
                     return true;
                 }
                 else {
@@ -359,26 +365,27 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Underline"),
             icon: "underline",
-            action: editor => {
+            action: (editor) => {
                 const mark = editor.currentView.state.schema.marks["underline"];
                 const command = toggleMark(mark);
                 command(editor.currentView.state, tr => editor.currentView.dispatch(tr));
             },
-            available: editor => markAvailable(editor, "underline"),
-            disabled: editor => {
+            available: (editor) => markAvailable(editor, "underline"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
-                    editor.currentView.state.selection.jsonID === "gapcursor" ||
+                    currentSelection(editor).jsonID === "gapcursor" ||
                     markDisabled(editor, "underline")) {
                     return true;
                 }
+                return false;
             },
-            selected: editor => {
+            selected: (editor) => {
                 const storedMarks = editor.currentView.state.storedMarks;
-                if (storedMarks?.some(mark => mark.type.name === "underline") ||
+                if (storedMarks?.some((mark) => mark.type.name === "underline") ||
                     editor.currentView.state.selection.$head
                         .marks()
-                        .some(mark => mark.type.name === "underline")) {
+                        .some((mark) => mark.type.name === "underline")) {
                     return true;
                 }
                 else {
@@ -391,26 +398,27 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Superscript"),
             icon: "superscript",
-            action: editor => {
+            action: (editor) => {
                 const mark = editor.currentView.state.schema.marks["sup"];
                 const command = toggleMark(mark);
                 command(editor.currentView.state, tr => editor.currentView.dispatch(tr));
             },
-            available: editor => markAvailable(editor, "sup"),
-            disabled: editor => {
+            available: (editor) => markAvailable(editor, "sup"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
-                    editor.currentView.state.selection.jsonID === "gapcursor" ||
+                    currentSelection(editor).jsonID === "gapcursor" ||
                     markDisabled(editor, "sup")) {
                     return true;
                 }
+                return false;
             },
-            selected: editor => {
+            selected: (editor) => {
                 const storedMarks = editor.currentView.state.storedMarks;
-                if (storedMarks?.some(mark => mark.type.name === "sup") ||
+                if (storedMarks?.some((mark) => mark.type.name === "sup") ||
                     editor.currentView.state.selection.$head
                         .marks()
-                        .some(mark => mark.type.name === "sup")) {
+                        .some((mark) => mark.type.name === "sup")) {
                     return true;
                 }
                 else {
@@ -423,26 +431,27 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Subscript"),
             icon: "subscript",
-            action: editor => {
+            action: (editor) => {
                 const mark = editor.currentView.state.schema.marks["sub"];
                 const command = toggleMark(mark);
                 command(editor.currentView.state, tr => editor.currentView.dispatch(tr));
             },
-            available: editor => markAvailable(editor, "sub"),
-            disabled: editor => {
+            available: (editor) => markAvailable(editor, "sub"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
-                    editor.currentView.state.selection.jsonID === "gapcursor" ||
+                    currentSelection(editor).jsonID === "gapcursor" ||
                     markDisabled(editor, "sub")) {
                     return true;
                 }
+                return false;
             },
-            selected: editor => {
+            selected: (editor) => {
                 const storedMarks = editor.currentView.state.storedMarks;
-                if (storedMarks?.some(mark => mark.type.name === "sub") ||
+                if (storedMarks?.some((mark) => mark.type.name === "sub") ||
                     editor.currentView.state.selection.$head
                         .marks()
-                        .some(mark => mark.type.name === "sub")) {
+                        .some((mark) => mark.type.name === "sub")) {
                     return true;
                 }
                 else {
@@ -455,26 +464,27 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Code"),
             icon: "code",
-            action: editor => {
+            action: (editor) => {
                 const mark = editor.currentView.state.schema.marks["code"];
                 const command = toggleMark(mark);
                 command(editor.currentView.state, tr => editor.currentView.dispatch(tr));
             },
-            available: editor => markAvailable(editor, "code"),
-            disabled: editor => {
+            available: (editor) => markAvailable(editor, "code"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
-                    editor.currentView.state.selection.jsonID === "gapcursor" ||
+                    currentSelection(editor).jsonID === "gapcursor" ||
                     markDisabled(editor, "code")) {
                     return true;
                 }
+                return false;
             },
-            selected: editor => {
+            selected: (editor) => {
                 const storedMarks = editor.currentView.state.storedMarks;
-                if (storedMarks?.some(mark => mark.type.name === "code") ||
+                if (storedMarks?.some((mark) => mark.type.name === "code") ||
                     editor.currentView.state.selection.$head
                         .marks()
-                        .some(mark => mark.type.name === "code")) {
+                        .some((mark) => mark.type.name === "code")) {
                     return true;
                 }
                 else {
@@ -487,20 +497,21 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Numbered list"),
             icon: "list-ol",
-            action: editor => {
+            action: (editor) => {
                 const node = editor.currentView.state.schema.nodes["ordered_list"];
                 const command = wrapInList(node);
                 command(editor.currentView.state, tr => editor.currentView.dispatch(tr));
             },
-            available: editor => elementAvailable(editor, "ordered_list"),
-            disabled: editor => {
+            available: (editor) => elementAvailable(editor, "ordered_list"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     elementDisabled(editor, "ordered_list")) {
                     return true;
                 }
+                return false;
             },
-            selected: editor => {
+            selected: (editor) => {
                 const depth = editor.currentView.state.selection.$head.sharedDepth(editor.currentView.state.selection.anchor);
                 const nodeType = editor.currentView.state.schema.nodes["ordered_list"];
                 for (let i = 0; i < depth; i++) {
@@ -517,20 +528,21 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Bullet list"),
             icon: "list-ul",
-            action: editor => {
+            action: (editor) => {
                 const node = editor.currentView.state.schema.nodes["bullet_list"];
                 const command = wrapInList(node);
                 command(editor.currentView.state, tr => editor.currentView.dispatch(tr));
             },
-            available: editor => elementAvailable(editor, "bullet_list"),
-            disabled: editor => {
+            available: (editor) => elementAvailable(editor, "bullet_list"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     elementDisabled(editor, "bullet_list")) {
                     return true;
                 }
+                return false;
             },
-            selected: editor => {
+            selected: (editor) => {
                 const depth = editor.currentView.state.selection.$head.sharedDepth(editor.currentView.state.selection.anchor);
                 const nodeType = editor.currentView.state.schema.nodes["bullet_list"];
                 for (let i = 0; i < depth; i++) {
@@ -547,20 +559,21 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Blockquote"),
             icon: "quote-right",
-            action: editor => {
+            action: (editor) => {
                 const node = editor.currentView.state.schema.nodes["blockquote"];
                 const command = wrapIn(node);
                 command(editor.currentView.state, tr => editor.currentView.dispatch(tr));
             },
-            available: editor => elementAvailable(editor, "blockquote"),
-            disabled: editor => {
+            available: (editor) => elementAvailable(editor, "blockquote"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     elementDisabled(editor, "blockquote")) {
                     return true;
                 }
+                return false;
             },
-            selected: editor => {
+            selected: (editor) => {
                 const depth = editor.currentView.state.selection.$head.sharedDepth(editor.currentView.state.selection.anchor);
                 const nodeType = editor.currentView.state.schema.nodes["blockquote"];
                 for (let i = 0; i < depth; i++) {
@@ -578,42 +591,44 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Link"),
             icon: "link",
-            action: editor => {
+            action: (editor) => {
                 const dialog = new LinkDialog(editor);
                 dialog.init();
             },
-            available: editor => markAvailable(editor, "link"),
-            disabled: editor => {
+            available: (editor) => markAvailable(editor, "link"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     (markDisabled(editor, "link") &&
                         elementDisabled(editor, "cross_reference"))) {
                     return true;
                 }
+                return false;
             },
-            selected: editor => editor.currentView.state.selection.$head
+            selected: (editor) => editor.currentView.state.selection.$head
                 .marks()
-                .some(mark => mark.type.name === "link"),
+                .some((mark) => mark.type.name === "link"),
             order: 12
         },
         {
             type: "button",
             title: gettext("Footnote"),
             icon: "asterisk",
-            action: editor => {
+            action: (editor) => {
                 const node = editor.view.state.schema.nodes["footnote"];
                 const tr = editor.view.state.tr.replaceSelectionWith(node.createAndFill(), false);
                 editor.view.dispatch(tr);
                 return false;
             },
-            available: editor => elementAvailable(editor, "footnote"),
-            disabled: editor => {
+            available: (editor) => elementAvailable(editor, "footnote"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     editor.view !== editor.currentView || // we don't allow footnotes in footnotes
                     elementDisabled(editor, "footnote")) {
                     return true;
                 }
+                return false;
             },
             order: 13
         },
@@ -621,7 +636,7 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Cite"),
             icon: "book",
-            action: editor => {
+            action: (editor) => {
                 const inlineState = getInlineReferenceState(editor.currentView.state);
                 if (inlineState?.active && inlineState.isEdit) {
                     editor.currentView.dispatch(setInlineReferenceState(editor.currentView.state.tr, {
@@ -632,17 +647,18 @@ export const toolbarModel = () => ({
                 dialog.init();
                 return false;
             },
-            available: editor => elementAvailable(editor, "citation"),
-            disabled: editor => {
+            available: (editor) => elementAvailable(editor, "citation"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     elementDisabled(editor, "citation") ||
-                    !["text", "node"].includes(editor.currentView.state.selection.jsonID) ||
-                    (editor.currentView.state.selection.jsonID === "node" &&
-                        editor.currentView.state.selection.node.type.name !==
+                    !["text", "node"].includes(currentSelection(editor).jsonID) ||
+                    (currentSelection(editor).jsonID === "node" &&
+                        currentSelection(editor).node?.type.name !==
                             "citation")) {
                     return true;
                 }
+                return false;
             },
             order: 14
         },
@@ -650,17 +666,18 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Horizontal line"),
             icon: "minus",
-            action: editor => {
+            action: (editor) => {
                 const view = editor.currentView, state = view.state;
                 view.dispatch(state.tr.replaceSelectionWith(state.schema.node("horizontal_rule")));
             },
-            available: editor => elementAvailable(editor, "horizontal_rule"),
-            disabled: editor => {
+            available: (editor) => elementAvailable(editor, "horizontal_rule"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     elementDisabled(editor, "horizontal_rule")) {
                     return true;
                 }
+                return false;
             },
             order: 15
         },
@@ -668,21 +685,22 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Math"),
             icon: "percent",
-            action: editor => {
+            action: (editor) => {
                 const dialog = new MathDialog(editor);
                 dialog.init();
             },
-            available: editor => elementAvailable(editor, "equation"),
-            disabled: editor => {
+            available: (editor) => elementAvailable(editor, "equation"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     elementDisabled(editor, "equation") ||
-                    !["text", "node"].includes(editor.currentView.state.selection.jsonID) ||
-                    (editor.currentView.state.selection.jsonID === "node" &&
-                        editor.currentView.state.selection.node.type.name !==
+                    !["text", "node"].includes(currentSelection(editor).jsonID) ||
+                    (currentSelection(editor).jsonID === "node" &&
+                        currentSelection(editor).node?.type.name !==
                             "equation")) {
                     return true;
                 }
+                return false;
             },
             order: 16
         },
@@ -690,18 +708,19 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Figure"),
             icon: "image",
-            action: editor => {
+            action: (editor) => {
                 const dialog = new FigureDialog(editor);
                 dialog.init();
                 return false;
             },
-            available: editor => elementAvailable(editor, "figure"),
-            disabled: editor => {
+            available: (editor) => elementAvailable(editor, "figure"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     elementDisabled(editor, "figure")) {
                     return true;
                 }
+                return false;
             },
             order: 17
         },
@@ -710,19 +729,20 @@ export const toolbarModel = () => ({
             title: gettext("Table"),
             tooltip: gettext("Insert a table into the document."),
             icon: "table",
-            action: editor => {
+            action: (editor) => {
                 const dialog = new TableDialog(editor);
                 dialog.init();
                 return false;
             },
-            available: editor => elementAvailable(editor, "table"),
-            disabled: editor => {
+            available: (editor) => elementAvailable(editor, "table"),
+            disabled: (editor) => {
                 if (READ_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     COMMENT_ONLY_ROLES.includes(editor.docInfo.access_rights) ||
                     elementDisabled(editor, "table") ||
                     findTable(editor.currentView.state)) {
                     return true;
                 }
+                return false;
             },
             order: 15
         },
@@ -730,16 +750,16 @@ export const toolbarModel = () => ({
             type: "button",
             title: gettext("Undo"),
             icon: "undo",
-            action: editor => undo(editor.currentView.state, tr => editor.currentView.dispatch(tr.setMeta("inputType", "historyUndo"))),
-            disabled: editor => undoDepth(editor.currentView.state) === 0,
+            action: (editor) => undo(editor.currentView.state, tr => editor.currentView.dispatch(tr.setMeta("inputType", "historyUndo"))),
+            disabled: (editor) => undoDepth(editor.currentView.state) === 0,
             order: 16
         },
         {
             type: "button",
             title: gettext("Redo"),
             icon: "redo",
-            action: editor => redo(editor.currentView.state, tr => editor.currentView.dispatch(tr.setMeta("inputType", "historyRedo"))),
-            disabled: editor => redoDepth(editor.currentView.state) === 0,
+            action: (editor) => redo(editor.currentView.state, tr => editor.currentView.dispatch(tr.setMeta("inputType", "historyRedo"))),
+            disabled: (editor) => redoDepth(editor.currentView.state) === 0,
             order: 17
         }
     ]