@manuscripts/body-editor 1.5.13 → 1.5.14-LEAN-3030

package/dist/cjs/commands.js

@@ -301,6 +301,7 @@ const insertInlineEquation = (state, dispatch) => {
 };
 exports.insertInlineEquation = insertInlineEquation;
 const insertInlineFootnote = (kind) => (state, dispatch) => {
+    var _a;
     const footnote = state.schema.nodes.footnote.createAndFill({
         id: (0, transform_1.generateID)(json_schema_1.ObjectTypes.Footnote),
         kind,
@@ -314,22 +315,24 @@ const insertInlineFootnote = (kind) => (state, dispatch) => {
     const tr = state.tr;
     tr.insert(insertedAt, inlineFootnote);
     const footnotesElementAndPos = footnotesUtils.findFootnotesElement(tr.doc);
-    let selectionPos;
+    let selectionPos = undefined;
     if (footnotesElementAndPos === undefined) {
         const footnotesSection = state.schema.nodes.footnotes_section.create({}, [
             state.schema.nodes.section_title.create({}, state.schema.text('Notes')),
             state.schema.nodes.footnotes_element.create({}, footnote),
         ]);
-        const insideEndPos = tr.doc.content.size;
-        tr.insert(insideEndPos, footnotesSection);
-        selectionPos = insideEndPos + footnotesSection.nodeSize;
+        const backmatterPosition = (_a = (0, prosemirror_utils_1.findChildrenByType)(tr.doc, transform_1.schema.nodes.backmatter)[0]) === null || _a === void 0 ? void 0 : _a.pos;
+        if (backmatterPosition) {
+            tr.insert(backmatterPosition + 1, footnotesSection);
+            selectionPos = backmatterPosition + footnotesSection.nodeSize;
+        }
     }
     else {
         const [footnotePos, selectPos] = footnotesUtils.getNewFootnoteElementPos(footnotesElementAndPos, thisFootnoteNumbering);
         tr.insert(footnotePos, footnote);
         selectionPos = selectPos;
     }
-    if (dispatch) {
+    if (dispatch && selectionPos) {
         const selection = prosemirror_state_1.TextSelection.create(tr.doc, selectionPos);
         dispatch(tr.setSelection(selection).scrollIntoView());
     }
@@ -343,7 +346,7 @@ const insertGraphicalAbstract = (state, dispatch) => {
         !(0, transform_1.isInAbstractsSection)(state.selection.$from)) {
         return false;
     }
-    if (!(0, utils_1.getMatchingDescendant)(state.doc, (node) => node.type === state.schema.nodes.graphical_abstract_section)) {
+    if ((0, utils_1.getMatchingDescendant)(state.doc, (node) => node.type === state.schema.nodes.graphical_abstract_section)) {
         return false;
     }
     const section = state.schema.nodes.graphical_abstract_section.createAndFill({ category: 'MPSectionCategory:abstract-graphical' }, [
@@ -619,11 +622,17 @@ const deleteHighlightMarkers = (rid) => (state, dispatch) => {
 exports.deleteHighlightMarkers = deleteHighlightMarkers;
 function addComment(state, dispatch, viewNode, resolvePos) {
     const { selection } = state;
-    const isThereTextSelected = selection.content().size > 0;
-    const selectionNode = getParentNode(selection);
+    const hasText = selection.content().size > 0;
+    const parent = getParentNode(selection);
+    if (!parent) {
+        return false;
+    }
     if (viewNode && resolvePos) {
         const viewNode = getParentNode(prosemirror_state_1.TextSelection.near(resolvePos));
-        if (isThereTextSelected && selectionNode.attrs.id === viewNode.attrs.id) {
+        if (!viewNode) {
+            return false;
+        }
+        if (hasText && parent.attrs.id === viewNode.attrs.id) {
             return addHighlightComment(viewNode, state, dispatch);
         }
         else {
@@ -631,11 +640,11 @@ function addComment(state, dispatch, viewNode, resolvePos) {
         }
     }
     else {
-        if (isThereTextSelected) {
-            return addHighlightComment(selectionNode, state, dispatch);
+        if (hasText) {
+            return addHighlightComment(parent, state, dispatch);
         }
         else {
-            return addBlockComment(selectionNode, state, dispatch);
+            return addBlockComment(parent, state, dispatch);
         }
     }
 }
@@ -643,30 +652,23 @@ exports.addComment = addComment;
 const getParentNode = (selection) => {
     var _a;
     const parentNode = (0, utils_1.findParentNodeWithId)(selection);
-    let node = parentNode === null || parentNode === void 0 ? void 0 : parentNode.node;
-    if (node.type === node.type.schema.nodes.table && parentNode) {
-        const findTableElement = (0, prosemirror_utils_1.findParentNode)((node) => node.type === node.type.schema.nodes.table_element);
-        node = (_a = findTableElement(selection)) === null || _a === void 0 ? void 0 : _a.node;
+    const node = parentNode === null || parentNode === void 0 ? void 0 : parentNode.node;
+    if ((node === null || node === void 0 ? void 0 : node.type) === transform_1.schema.nodes.table) {
+        return (_a = (0, prosemirror_utils_1.findParentNodeOfType)(transform_1.schema.nodes.table_element)(selection)) === null || _a === void 0 ? void 0 : _a.node;
     }
     return node;
 };
-const isAllowedType = (type) => type === type.schema.nodes.section ||
-    type === type.schema.nodes.footnotes_section ||
-    type === type.schema.nodes.bibliography_section ||
-    type === type.schema.nodes.keywords_group ||
-    type === type.schema.nodes.paragraph ||
-    type === type.schema.nodes.figure_element ||
-    type === type.schema.nodes.table_element;
+const isAllowedType = (type) => type === transform_1.schema.nodes.section ||
+    type === transform_1.schema.nodes.footnotes_section ||
+    type === transform_1.schema.nodes.bibliography_section ||
+    type === transform_1.schema.nodes.keyword_group ||
+    type === transform_1.schema.nodes.paragraph ||
+    type === transform_1.schema.nodes.figure_element ||
+    type === transform_1.schema.nodes.table_element;
 const getNode = (node) => {
-    if (node.type === node.type.schema.nodes.keywords_section) {
-        let keywordGroup;
-        node.descendants((child) => {
-            if (child.type === node.type.schema.nodes.keywords_group) {
-                keywordGroup = child;
-                return false;
-            }
-        });
-        return keywordGroup || node;
+    if (node.type === transform_1.schema.nodes.keywords) {
+        const keywordGroups = (0, prosemirror_utils_1.findChildrenByType)(node, transform_1.schema.nodes.keyword_group, true);
+        return keywordGroups.length ? keywordGroups[0].node : node;
     }
     return node;
 };
@@ -685,7 +687,7 @@ const addBlockComment = (node, state, dispatch) => {
 const addHighlightComment = (node, state, dispatch) => {
     const { attrs: { id }, type, } = node;
     const comment = (0, transform_1.buildComment)(id);
-    if (type === state.schema.nodes.paragraph) {
+    if (type === transform_1.schema.nodes.paragraph) {
         const { $anchor, $head } = state.selection;
         const isAllTextSelected = ($anchor.textOffset === 0 && $head.textOffset === 0) ||
             $anchor.textOffset === $head.textOffset;

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

@@ -39,9 +39,9 @@ const excludedTypes = [
     transform_1.schema.nodes.figure,
     transform_1.schema.nodes.footnotes_element,
     transform_1.schema.nodes.bibliography_element,
-    transform_1.schema.nodes.keywords_section,
-    transform_1.schema.nodes.affiliations_section,
-    transform_1.schema.nodes.contributors_section,
+    transform_1.schema.nodes.keyword,
+    transform_1.schema.nodes.affiliations,
+    transform_1.schema.nodes.contributors,
     transform_1.schema.nodes.title,
 ];
 const childrenExcludedTypes = [
@@ -61,7 +61,7 @@ const buildTree = ({ node, pos, index, selected, parent, }) => {
     const isSelected = selected ? node.attrs.id === selected.node.attrs.id : false;
     if (!isChildrenExcluded(node.type)) {
         node.forEach((childNode, offset, childIndex) => {
-            if ((!childNode.isAtom || (0, transform_1.isElementNodeType)(childNode.type)) &&
+            if ((!childNode.isAtom || (0, transform_1.isElementNodeType)(childNode.type) || (0, section_title_1.isSpecialSection)(childNode)) &&
                 childNode.attrs.id &&
                 !isExcluded(childNode.type)) {
                 items.push((0, exports.buildTree)({

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

@@ -37,15 +37,7 @@ const list_1 = require("../../keys/list");
 const ListStyleSelector_1 = require("./ListStyleSelector");
 const ManuscriptToolbar_1 = require("./ManuscriptToolbar");
 const OrderListSelector = ({ state, dispatch, view, title, active, run, enable }) => {
-    const disabled = (0, react_1.useMemo)(() => enable && !enable(state), [state.selection]);
-    const dropDownDisabled = (0, react_1.useMemo)(() => {
-        const { $from, $to } = state.selection;
-        const range = $from.blockRange($to);
-        return !!(enable &&
-            !enable(state) &&
-            range &&
-            !transform_1.schema.nodes.ordered_list.compatibleContent($from.node(range.depth - 1).type));
-    }, [state.selection]);
+    const isEnabled = !enable || enable(state);
     const onClickListType = (0, react_1.useCallback)((type) => {
         if (!dispatch) {
             return;
@@ -63,13 +55,13 @@ const OrderListSelector = ({ state, dispatch, view, title, active, run, enable }
         }
     }, [dispatch, state, view]);
     return (react_1.default.createElement(ManuscriptToolbar_1.ToolbarItem, null,
-        react_1.default.createElement(ListStyleSelector_1.ListButton, { title: title, "data-active": active && active(state), disabled: disabled, onMouseDown: (event) => {
+        react_1.default.createElement(ListStyleSelector_1.ListButton, { title: title, "data-active": active && active(state), disabled: !isEnabled, onMouseDown: (event) => {
                 event.preventDefault();
                 run(state, dispatch);
                 view && view.focus();
             } },
             react_1.default.createElement(ToolbarIconOrderedList_1.default, null)),
-        react_1.default.createElement(ListStyleSelector_1.ListStyleSelector, { disabled: dropDownDisabled, onClickListType: onClickListType, list: [
+        react_1.default.createElement(ListStyleSelector_1.ListStyleSelector, { disabled: !isEnabled, onClickListType: onClickListType, list: [
                 { items: ['1.', '2.', '3.'], type: 'order' },
                 { items: ['A.', 'B.', 'C.'], type: 'alpha-upper' },
                 { items: ['a.', 'b.', 'c.'], type: 'alpha-lower' },

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

@@ -23,7 +23,7 @@ const bibliography_item_editable_1 = __importDefault(require("../views/bibliogra
 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_section_1 = __importDefault(require("../views/contributors_section"));
+const contributors_1 = __importDefault(require("../views/contributors"));
 const cross_reference_editable_1 = __importDefault(require("../views/cross_reference_editable"));
 const equation_editable_1 = __importDefault(require("../views/equation_editable"));
 const equation_element_editable_1 = __importDefault(require("../views/equation_element_editable"));
@@ -58,7 +58,7 @@ exports.default = (props, dispatch) => {
         bullet_list: (0, bullet_list_editable_1.default)(props),
         citation: (0, citation_editable_1.default)(props),
         cross_reference: (0, cross_reference_editable_1.default)(props),
-        contributors_section: (0, contributors_section_1.default)(props, dispatch),
+        contributors: (0, contributors_1.default)(props, dispatch),
         equation: (0, equation_editable_1.default)(props),
         equation_element: (0, equation_element_editable_1.default)(props),
         figure: (0, figure_editable_1.default)(props, dispatch),

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

@@ -21,6 +21,8 @@ const prosemirror_model_1 = require("prosemirror-model");
 const commands_1 = require("../commands");
 const popper_1 = require("./popper");
 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) {
         case 1:
@@ -159,8 +161,8 @@ class ContextMenu {
             menu.className = 'menu';
             const $pos = this.resolvePos();
             const nodeType = this.node.type;
-            const { nodes } = this.view.state.schema;
-            if (this.isListType(nodeType.name)) {
+            const nodes = transform_1.schema.nodes;
+            if (listTypes.includes(nodeType)) {
                 menu.appendChild(this.createMenuSection((section) => {
                     if (nodeType === nodes.bullet_list) {
                         section.appendChild(this.createMenuItem('Change to Numbered List', () => {
@@ -208,8 +210,8 @@ class ContextMenu {
                     }));
                 }));
             }
-            if (nodeType !== nodes.bibliography_element &&
-                $pos.parent.type !== nodes.keywords_section) {
+            if (!readonlyTypes.includes(nodeType) &&
+                !readonlyTypes.includes($pos.parent.type)) {
                 menu.appendChild(this.createMenuSection((section) => {
                     const nodeName = transform_1.nodeNames.get(nodeType) || '';
                     section.appendChild(this.createMenuItem(`Delete ${nodeName}`, () => {
@@ -317,7 +319,6 @@ class ContextMenu {
             const { getPos, attr, attrs } = option;
             this.view.dispatch(this.view.state.tr.setNodeMarkup(getPos(), undefined, Object.assign(Object.assign({}, attrs), { [attr]: !attrs[attr] })));
         };
-        this.isListType = (type) => ['bullet_list', 'ordered_list'].includes(type);
         this.buildSuppressOptions = () => {
             const items = [];
             let attrs = this.node.attrs;

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

@@ -40,7 +40,6 @@ const icons = new Map([
     [nodes.equation_element, OutlineIconEquation_1.default],
     [nodes.figure_element, OutlineIconFigure_1.default],
     [nodes.multi_graphic_figure_element, OutlineIconFigure_1.default],
-    [nodes.keywords_section, OutlineIconSection_1.default],
     [nodes.listing_element, OutlineIconCodeSnippet_1.default],
     [nodes.ordered_list, OutlineIconOrderedList_1.default],
     [nodes.paragraph, OutlineIconParagraph_1.default],

package/dist/cjs/plugins/comment_annotation.js

@@ -65,7 +65,7 @@ exports.default = (props) => {
 };
 const getNodePosition = (node, pos) => {
     switch (node.type) {
-        case node.type.schema.nodes.keywords_section:
+        case transform_1.schema.nodes.keywords:
             return pos + 2;
         default:
             return pos + 1;

package/dist/cjs/plugins/sections.js

@@ -40,8 +40,7 @@ const preventTitleEdit = (tr) => {
             const currentDoc = tr.docs[i];
             step.getMap().forEach((fromA, toA) => {
                 currentDoc.nodesBetween(fromA, toA, (node, nodePos) => {
-                    if ((0, transform_1.isGraphicalAbstractSectionNode)(node) ||
-                        (0, transform_1.isKeywordsSectionNode)(node)) {
+                    if ((0, transform_1.isGraphicalAbstractSectionNode)(node) || (0, transform_1.isKeywordsNode)(node)) {
                         node.descendants((childNode, childPos) => {
                             const inDocPos = nodePos + childPos;
                             if ((0, transform_1.isSectionTitleNode)(childNode) &&

package/dist/cjs/plugins/toc.js

@@ -37,32 +37,37 @@ const buildTOCList = (headingStyles, list, node, depth = 1, prefix = '') => {
         ? sectionNumberingStyle.suffix
         : '.';
     let index = sectionNumberingStyle ? sectionNumberingStyle.startIndex : 1;
-    for (const childNode of (0, utils_1.iterateChildren)(node)) {
-        if ((0, transform_1.isSectionNodeType)(childNode.type) && !(0, transform_1.isTOCSectionNode)(childNode)) {
-            const numbering = numberingScheme === 'none' ? '' : `${prefix}${index}`;
-            const firstChildNode = childNode.child(0);
-            if (firstChildNode.type === firstChildNode.type.schema.nodes.section_title) {
-                const item = document.createElement('li');
-                item.classList.add('manuscript-toc-list-item');
-                item.setAttribute('data-referenced-section', childNode.attrs.id);
-                item.setAttribute('data-referenced-section-path-length', String(depth));
-                item.textContent = `${numbering ? `${numbering}${suffix}` : ''} ${firstChildNode.textContent || 'Untitled Section'}`;
-                list.appendChild(item);
-            }
-            const childSection = (0, utils_1.getMatchingChild)(childNode, (node) => (0, transform_1.isSectionNodeType)(node.type));
-            if (childSection) {
-                const paragraphStyle = headingStyles.get(`heading${depth + 1}`);
-                if (!paragraphStyle || paragraphStyle.partOfTOC) {
-                    const sublist = document.createElement('ul');
-                    buildTOCList(headingStyles, sublist, childNode, depth + 1, numbering ? `${numbering}.` : '');
-                    const item = document.createElement('li');
-                    item.appendChild(sublist);
-                    list.appendChild(item);
+    node.forEach((child) => {
+        if (child.type === transform_1.schema.nodes.body) {
+            for (const childNode of (0, utils_1.iterateChildren)(child)) {
+                if ((0, transform_1.isSectionNodeType)(childNode.type) && !(0, transform_1.isTOCSectionNode)(childNode)) {
+                    const numbering = numberingScheme === 'none' ? '' : `${prefix}${index}`;
+                    const firstChildNode = childNode.child(0);
+                    if (firstChildNode.type ===
+                        firstChildNode.type.schema.nodes.section_title) {
+                        const item = document.createElement('li');
+                        item.classList.add('manuscript-toc-list-item');
+                        item.setAttribute('data-referenced-section', childNode.attrs.id);
+                        item.setAttribute('data-referenced-section-path-length', String(depth));
+                        item.textContent = `${numbering ? `${numbering}${suffix}` : ''} ${firstChildNode.textContent || 'Untitled Section'}`;
+                        list.appendChild(item);
+                    }
+                    const childSection = (0, utils_1.getMatchingChild)(childNode, (node) => (0, transform_1.isSectionNodeType)(node.type));
+                    if (childSection) {
+                        const paragraphStyle = headingStyles.get(`heading${depth + 1}`);
+                        if (!paragraphStyle || paragraphStyle.partOfTOC) {
+                            const sublist = document.createElement('ul');
+                            buildTOCList(headingStyles, sublist, childNode, depth + 1, numbering ? `${numbering}.` : '');
+                            const item = document.createElement('li');
+                            item.appendChild(sublist);
+                            list.appendChild(item);
+                        }
+                    }
+                    index++;
                 }
             }
-            index++;
         }
-    }
+    });
 };
 const isParagraphStyle = (0, transform_1.hasObjectType)(json_schema_1.ObjectTypes.ParagraphStyle);
 const buildHeadingStyles = (modelMap) => {

package/dist/cjs/views/{contributors_section.js → contributors.js}

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContributorsSectionView = void 0;
+exports.ContributorsView = void 0;
 const base_node_view_1 = require("./base_node_view");
 const creators_1 = require("./creators");
 const ReactSubView_1 = __importDefault(require("./ReactSubView"));
-class ContributorsSectionView extends base_node_view_1.BaseNodeView {
+class ContributorsView extends base_node_view_1.BaseNodeView {
     constructor() {
         super(...arguments);
         this.initialise = () => {
@@ -31,5 +31,5 @@ class ContributorsSectionView extends base_node_view_1.BaseNodeView {
         this.stopEvent = () => true;
     }
 }
-exports.ContributorsSectionView = ContributorsSectionView;
-exports.default = (0, creators_1.createNodeView)(ContributorsSectionView);
+exports.ContributorsView = ContributorsView;
+exports.default = (0, creators_1.createNodeView)(ContributorsView);

package/dist/cjs/views/editable_block.js

@@ -71,8 +71,8 @@ const EditableBlock = (Base) => {
             this.createAddButton = (after) => {
                 var _a;
                 const $pos = this.view.state.doc.resolve(this.getPos());
-                if (!((_a = this.props.getCapabilities()) === null || _a === void 0 ? void 0 : _a.editArticle) ||
-                    $pos.parent.type === this.node.type.schema.nodes.keywords_section) {
+                const hasAccess = (_a = this.props.getCapabilities()) === null || _a === void 0 ? void 0 : _a.editArticle;
+                if (!hasAccess || $pos.parent.type === transform_1.schema.nodes.keywords) {
                     return null;
                 }
                 const button = document.createElement('a');

package/dist/cjs/views/section_title.js

@@ -19,17 +19,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionTitleView = exports.isSpecialSection = void 0;
-const transform_1 = require("@manuscripts/transform");
 const context_menu_1 = require("../lib/context-menu");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
 const isSpecialSection = (node) => {
-    if ((0, transform_1.isSectionNode)(node)) {
-        const { attrs } = node;
-        return (attrs.category === 'MPSectionCategory:abstracts' ||
-            attrs.category === 'MPSectionCategory:body' ||
-            attrs.category === 'MPSectionCategory:backmatter');
-    }
+    const type = node.type;
+    const nodes = type.schema.nodes;
+    return (type === nodes.abstracts || type === nodes.body || type === nodes.backmatter);
 };
 exports.isSpecialSection = isSpecialSection;
 class SectionTitleView extends block_view_1.default {
@@ -41,9 +37,8 @@ class SectionTitleView extends block_view_1.default {
             if ((0, exports.isSpecialSection)($pos.parent)) {
                 this.dom = document.createElement('div');
                 this.dom.classList.add('no-title');
-                return;
             }
-            if (this.node.childCount) {
+            else if (this.node.childCount) {
                 this.contentDOM.classList.remove('empty-node');
             }
             else {

package/dist/es/commands.js

@@ -14,11 +14,11 @@
  * limitations under the License.
  */
 import { ObjectTypes } from '@manuscripts/json-schema';
-import { buildCitation, buildComment, buildInlineMathFragment, generateID, isElementNodeType, isInAbstractsSection, isInBibliographySection, isSectionNodeType, } from '@manuscripts/transform';
+import { buildCitation, buildComment, buildInlineMathFragment, generateID, isElementNodeType, isInAbstractsSection, isInBibliographySection, isSectionNodeType, schema, } from '@manuscripts/transform';
 import { NodeRange } from 'prosemirror-model';
 import { NodeSelection, TextSelection, } from 'prosemirror-state';
 import { findWrapping } from 'prosemirror-transform';
-import { findParentNode } from 'prosemirror-utils';
+import { findChildrenByType, findParentNodeOfType } from 'prosemirror-utils';
 import { isNodeOfType, nearestAncestor } from './lib/helpers';
 import { findParentNodeWithId, getChildOfType, getMatchingDescendant, } from './lib/utils';
 import { bibliographyKey } from './plugins/bibliography';
@@ -260,6 +260,7 @@ export const insertInlineEquation = (state, dispatch) => {
     return true;
 };
 export const insertInlineFootnote = (kind) => (state, dispatch) => {
+    var _a;
     const footnote = state.schema.nodes.footnote.createAndFill({
         id: generateID(ObjectTypes.Footnote),
         kind,
@@ -273,22 +274,24 @@ export const insertInlineFootnote = (kind) => (state, dispatch) => {
     const tr = state.tr;
     tr.insert(insertedAt, inlineFootnote);
     const footnotesElementAndPos = footnotesUtils.findFootnotesElement(tr.doc);
-    let selectionPos;
+    let selectionPos = undefined;
     if (footnotesElementAndPos === undefined) {
         const footnotesSection = state.schema.nodes.footnotes_section.create({}, [
             state.schema.nodes.section_title.create({}, state.schema.text('Notes')),
             state.schema.nodes.footnotes_element.create({}, footnote),
         ]);
-        const insideEndPos = tr.doc.content.size;
-        tr.insert(insideEndPos, footnotesSection);
-        selectionPos = insideEndPos + footnotesSection.nodeSize;
+        const backmatterPosition = (_a = findChildrenByType(tr.doc, schema.nodes.backmatter)[0]) === null || _a === void 0 ? void 0 : _a.pos;
+        if (backmatterPosition) {
+            tr.insert(backmatterPosition + 1, footnotesSection);
+            selectionPos = backmatterPosition + footnotesSection.nodeSize;
+        }
     }
     else {
         const [footnotePos, selectPos] = footnotesUtils.getNewFootnoteElementPos(footnotesElementAndPos, thisFootnoteNumbering);
         tr.insert(footnotePos, footnote);
         selectionPos = selectPos;
     }
-    if (dispatch) {
+    if (dispatch && selectionPos) {
         const selection = TextSelection.create(tr.doc, selectionPos);
         dispatch(tr.setSelection(selection).scrollIntoView());
     }
@@ -301,7 +304,7 @@ export const insertGraphicalAbstract = (state, dispatch) => {
         !isInAbstractsSection(state.selection.$from)) {
         return false;
     }
-    if (!getMatchingDescendant(state.doc, (node) => node.type === state.schema.nodes.graphical_abstract_section)) {
+    if (getMatchingDescendant(state.doc, (node) => node.type === state.schema.nodes.graphical_abstract_section)) {
         return false;
     }
     const section = state.schema.nodes.graphical_abstract_section.createAndFill({ category: 'MPSectionCategory:abstract-graphical' }, [
@@ -562,11 +565,17 @@ export const deleteHighlightMarkers = (rid) => (state, dispatch) => {
 };
 export function addComment(state, dispatch, viewNode, resolvePos) {
     const { selection } = state;
-    const isThereTextSelected = selection.content().size > 0;
-    const selectionNode = getParentNode(selection);
+    const hasText = selection.content().size > 0;
+    const parent = getParentNode(selection);
+    if (!parent) {
+        return false;
+    }
     if (viewNode && resolvePos) {
         const viewNode = getParentNode(TextSelection.near(resolvePos));
-        if (isThereTextSelected && selectionNode.attrs.id === viewNode.attrs.id) {
+        if (!viewNode) {
+            return false;
+        }
+        if (hasText && parent.attrs.id === viewNode.attrs.id) {
             return addHighlightComment(viewNode, state, dispatch);
         }
         else {
@@ -574,41 +583,34 @@ export function addComment(state, dispatch, viewNode, resolvePos) {
         }
     }
     else {
-        if (isThereTextSelected) {
-            return addHighlightComment(selectionNode, state, dispatch);
+        if (hasText) {
+            return addHighlightComment(parent, state, dispatch);
         }
         else {
-            return addBlockComment(selectionNode, state, dispatch);
+            return addBlockComment(parent, state, dispatch);
         }
     }
 }
 const getParentNode = (selection) => {
     var _a;
     const parentNode = findParentNodeWithId(selection);
-    let node = parentNode === null || parentNode === void 0 ? void 0 : parentNode.node;
-    if (node.type === node.type.schema.nodes.table && parentNode) {
-        const findTableElement = findParentNode((node) => node.type === node.type.schema.nodes.table_element);
-        node = (_a = findTableElement(selection)) === null || _a === void 0 ? void 0 : _a.node;
+    const node = parentNode === null || parentNode === void 0 ? void 0 : parentNode.node;
+    if ((node === null || node === void 0 ? void 0 : node.type) === schema.nodes.table) {
+        return (_a = findParentNodeOfType(schema.nodes.table_element)(selection)) === null || _a === void 0 ? void 0 : _a.node;
     }
     return node;
 };
-const isAllowedType = (type) => type === type.schema.nodes.section ||
-    type === type.schema.nodes.footnotes_section ||
-    type === type.schema.nodes.bibliography_section ||
-    type === type.schema.nodes.keywords_group ||
-    type === type.schema.nodes.paragraph ||
-    type === type.schema.nodes.figure_element ||
-    type === type.schema.nodes.table_element;
+const isAllowedType = (type) => type === schema.nodes.section ||
+    type === schema.nodes.footnotes_section ||
+    type === schema.nodes.bibliography_section ||
+    type === schema.nodes.keyword_group ||
+    type === schema.nodes.paragraph ||
+    type === schema.nodes.figure_element ||
+    type === schema.nodes.table_element;
 const getNode = (node) => {
-    if (node.type === node.type.schema.nodes.keywords_section) {
-        let keywordGroup;
-        node.descendants((child) => {
-            if (child.type === node.type.schema.nodes.keywords_group) {
-                keywordGroup = child;
-                return false;
-            }
-        });
-        return keywordGroup || node;
+    if (node.type === schema.nodes.keywords) {
+        const keywordGroups = findChildrenByType(node, schema.nodes.keyword_group, true);
+        return keywordGroups.length ? keywordGroups[0].node : node;
     }
     return node;
 };
@@ -627,7 +629,7 @@ const addBlockComment = (node, state, dispatch) => {
 const addHighlightComment = (node, state, dispatch) => {
     const { attrs: { id }, type, } = node;
     const comment = buildComment(id);
-    if (type === state.schema.nodes.paragraph) {
+    if (type === schema.nodes.paragraph) {
         const { $anchor, $head } = state.selection;
         const isAllTextSelected = ($anchor.textOffset === 0 && $head.textOffset === 0) ||
             $anchor.textOffset === $head.textOffset;

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

@@ -13,9 +13,9 @@ const excludedTypes = [
     schema.nodes.figure,
     schema.nodes.footnotes_element,
     schema.nodes.bibliography_element,
-    schema.nodes.keywords_section,
-    schema.nodes.affiliations_section,
-    schema.nodes.contributors_section,
+    schema.nodes.keyword,
+    schema.nodes.affiliations,
+    schema.nodes.contributors,
     schema.nodes.title,
 ];
 const childrenExcludedTypes = [
@@ -35,7 +35,7 @@ export const buildTree = ({ node, pos, index, selected, parent, }) => {
     const isSelected = selected ? node.attrs.id === selected.node.attrs.id : false;
     if (!isChildrenExcluded(node.type)) {
         node.forEach((childNode, offset, childIndex) => {
-            if ((!childNode.isAtom || isElementNodeType(childNode.type)) &&
+            if ((!childNode.isAtom || isElementNodeType(childNode.type) || isSpecialSection(childNode)) &&
                 childNode.attrs.id &&
                 !isExcluded(childNode.type)) {
                 items.push(buildTree({

package/dist/es/components/toolbar/OrderListSelector.js

@@ -3,20 +3,12 @@ import { skipTracking } from '@manuscripts/track-changes-plugin';
 import { schema, } from '@manuscripts/transform';
 import { wrapInList } from 'prosemirror-schema-list';
 import { Selection } from 'prosemirror-state';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback } from 'react';
 import { skipTrackingChanges } from '../../keys/list';
 import { ListButton, ListStyleSelector } from './ListStyleSelector';
 import { ToolbarItem } from './ManuscriptToolbar';
 export const OrderListSelector = ({ state, dispatch, view, title, active, run, enable }) => {
-    const disabled = useMemo(() => enable && !enable(state), [state.selection]);
-    const dropDownDisabled = useMemo(() => {
-        const { $from, $to } = state.selection;
-        const range = $from.blockRange($to);
-        return !!(enable &&
-            !enable(state) &&
-            range &&
-            !schema.nodes.ordered_list.compatibleContent($from.node(range.depth - 1).type));
-    }, [state.selection]);
+    const isEnabled = !enable || enable(state);
     const onClickListType = useCallback((type) => {
         if (!dispatch) {
             return;
@@ -34,13 +26,13 @@ export const OrderListSelector = ({ state, dispatch, view, title, active, run, e
         }
     }, [dispatch, state, view]);
     return (React.createElement(ToolbarItem, null,
-        React.createElement(ListButton, { title: title, "data-active": active && active(state), disabled: disabled, onMouseDown: (event) => {
+        React.createElement(ListButton, { title: title, "data-active": active && active(state), disabled: !isEnabled, onMouseDown: (event) => {
                 event.preventDefault();
                 run(state, dispatch);
                 view && view.focus();
             } },
             React.createElement(OrderedList, null)),
-        React.createElement(ListStyleSelector, { disabled: dropDownDisabled, onClickListType: onClickListType, list: [
+        React.createElement(ListStyleSelector, { disabled: !isEnabled, onClickListType: onClickListType, list: [
                 { items: ['1.', '2.', '3.'], type: 'order' },
                 { items: ['A.', 'B.', 'C.'], type: 'alpha-upper' },
                 { items: ['a.', 'b.', 'c.'], type: 'alpha-lower' },

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

@@ -18,7 +18,7 @@ import bibliographyItem from '../views/bibliography_item_editable';
 import blockquoteElement from '../views/blockquote_element_editable';
 import bulletList from '../views/bullet_list_editable';
 import citation from '../views/citation_editable';
-import contributorsSection from '../views/contributors_section';
+import contributorsSection from '../views/contributors';
 import crossReference from '../views/cross_reference_editable';
 import equation from '../views/equation_editable';
 import equationElement from '../views/equation_element_editable';
@@ -53,7 +53,7 @@ export default (props, dispatch) => {
         bullet_list: bulletList(props),
         citation: citation(props),
         cross_reference: crossReference(props),
-        contributors_section: contributorsSection(props, dispatch),
+        contributors: contributorsSection(props, dispatch),
         equation: equation(props),
         equation_element: equationElement(props),
         figure: figure(props, dispatch),

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

@@ -13,11 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { isInBibliographySection, nodeNames, } from '@manuscripts/transform';
+import { isInBibliographySection, nodeNames, schema, } from '@manuscripts/transform';
 import { Fragment, Slice } from 'prosemirror-model';
 import { addComment, createBlock } from '../commands';
 import { PopperManager } from './popper';
 const popper = new PopperManager();
+const listTypes = [schema.nodes.ordered_list, schema.nodes.bullet_list];
+const readonlyTypes = [schema.nodes.keywords, schema.nodes.bibliography_element];
 export const sectionLevel = (depth) => {
     switch (depth) {
         case 1:
@@ -155,8 +157,8 @@ export class ContextMenu {
             menu.className = 'menu';
             const $pos = this.resolvePos();
             const nodeType = this.node.type;
-            const { nodes } = this.view.state.schema;
-            if (this.isListType(nodeType.name)) {
+            const nodes = schema.nodes;
+            if (listTypes.includes(nodeType)) {
                 menu.appendChild(this.createMenuSection((section) => {
                     if (nodeType === nodes.bullet_list) {
                         section.appendChild(this.createMenuItem('Change to Numbered List', () => {
@@ -204,8 +206,8 @@ export class ContextMenu {
                     }));
                 }));
             }
-            if (nodeType !== nodes.bibliography_element &&
-                $pos.parent.type !== nodes.keywords_section) {
+            if (!readonlyTypes.includes(nodeType) &&
+                !readonlyTypes.includes($pos.parent.type)) {
                 menu.appendChild(this.createMenuSection((section) => {
                     const nodeName = nodeNames.get(nodeType) || '';
                     section.appendChild(this.createMenuItem(`Delete ${nodeName}`, () => {
@@ -313,7 +315,6 @@ export class ContextMenu {
             const { getPos, attr, attrs } = option;
             this.view.dispatch(this.view.state.tr.setNodeMarkup(getPos(), undefined, Object.assign(Object.assign({}, attrs), { [attr]: !attrs[attr] })));
         };
-        this.isListType = (type) => ['bullet_list', 'ordered_list'].includes(type);
         this.buildSuppressOptions = () => {
             const items = [];
             let attrs = this.node.attrs;

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

@@ -34,7 +34,6 @@ const icons = new Map([
     [nodes.equation_element, EquationIcon],
     [nodes.figure_element, FigureIcon],
     [nodes.multi_graphic_figure_element, FigureIcon],
-    [nodes.keywords_section, SectionIcon],
     [nodes.listing_element, ListingIcon],
     [nodes.ordered_list, OrderedListIcon],
     [nodes.paragraph, ParagraphIcon],

package/dist/es/plugins/comment_annotation.js

@@ -59,7 +59,7 @@ export default (props) => {
 };
 const getNodePosition = (node, pos) => {
     switch (node.type) {
-        case node.type.schema.nodes.keywords_section:
+        case schema.nodes.keywords:
             return pos + 2;
         default:
             return pos + 1;

package/dist/es/plugins/sections.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { trackChangesPluginKey } from '@manuscripts/track-changes-plugin';
-import { isGraphicalAbstractSectionNode, isKeywordsSectionNode, isSectionTitleNode, } from '@manuscripts/transform';
+import { isGraphicalAbstractSectionNode, isKeywordsNode, isSectionTitleNode, } from '@manuscripts/transform';
 import { Plugin } from 'prosemirror-state';
 import { ReplaceAroundStep, ReplaceStep } from 'prosemirror-transform';
 import { highlightKey, SET_COMMENT } from './highlight';
@@ -38,8 +38,7 @@ const preventTitleEdit = (tr) => {
             const currentDoc = tr.docs[i];
             step.getMap().forEach((fromA, toA) => {
                 currentDoc.nodesBetween(fromA, toA, (node, nodePos) => {
-                    if (isGraphicalAbstractSectionNode(node) ||
-                        isKeywordsSectionNode(node)) {
+                    if (isGraphicalAbstractSectionNode(node) || isKeywordsNode(node)) {
                         node.descendants((childNode, childPos) => {
                             const inDocPos = nodePos + childPos;
                             if (isSectionTitleNode(childNode) &&

package/dist/es/plugins/toc.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { ObjectTypes, } from '@manuscripts/json-schema';
-import { generateID, hasObjectType, isSectionNodeType, isTOCSectionNode, } from '@manuscripts/transform';
+import { generateID, hasObjectType, isSectionNodeType, isTOCSectionNode, schema, } from '@manuscripts/transform';
 import { NodeSelection, Plugin, PluginKey } from 'prosemirror-state';
 import { getMatchingChild, iterateChildren } from '../lib/utils';
 export const tocKey = new PluginKey('toc');
@@ -34,32 +34,37 @@ const buildTOCList = (headingStyles, list, node, depth = 1, prefix = '') => {
         ? sectionNumberingStyle.suffix
         : '.';
     let index = sectionNumberingStyle ? sectionNumberingStyle.startIndex : 1;
-    for (const childNode of iterateChildren(node)) {
-        if (isSectionNodeType(childNode.type) && !isTOCSectionNode(childNode)) {
-            const numbering = numberingScheme === 'none' ? '' : `${prefix}${index}`;
-            const firstChildNode = childNode.child(0);
-            if (firstChildNode.type === firstChildNode.type.schema.nodes.section_title) {
-                const item = document.createElement('li');
-                item.classList.add('manuscript-toc-list-item');
-                item.setAttribute('data-referenced-section', childNode.attrs.id);
-                item.setAttribute('data-referenced-section-path-length', String(depth));
-                item.textContent = `${numbering ? `${numbering}${suffix}` : ''} ${firstChildNode.textContent || 'Untitled Section'}`;
-                list.appendChild(item);
-            }
-            const childSection = getMatchingChild(childNode, (node) => isSectionNodeType(node.type));
-            if (childSection) {
-                const paragraphStyle = headingStyles.get(`heading${depth + 1}`);
-                if (!paragraphStyle || paragraphStyle.partOfTOC) {
-                    const sublist = document.createElement('ul');
-                    buildTOCList(headingStyles, sublist, childNode, depth + 1, numbering ? `${numbering}.` : '');
-                    const item = document.createElement('li');
-                    item.appendChild(sublist);
-                    list.appendChild(item);
+    node.forEach((child) => {
+        if (child.type === schema.nodes.body) {
+            for (const childNode of iterateChildren(child)) {
+                if (isSectionNodeType(childNode.type) && !isTOCSectionNode(childNode)) {
+                    const numbering = numberingScheme === 'none' ? '' : `${prefix}${index}`;
+                    const firstChildNode = childNode.child(0);
+                    if (firstChildNode.type ===
+                        firstChildNode.type.schema.nodes.section_title) {
+                        const item = document.createElement('li');
+                        item.classList.add('manuscript-toc-list-item');
+                        item.setAttribute('data-referenced-section', childNode.attrs.id);
+                        item.setAttribute('data-referenced-section-path-length', String(depth));
+                        item.textContent = `${numbering ? `${numbering}${suffix}` : ''} ${firstChildNode.textContent || 'Untitled Section'}`;
+                        list.appendChild(item);
+                    }
+                    const childSection = getMatchingChild(childNode, (node) => isSectionNodeType(node.type));
+                    if (childSection) {
+                        const paragraphStyle = headingStyles.get(`heading${depth + 1}`);
+                        if (!paragraphStyle || paragraphStyle.partOfTOC) {
+                            const sublist = document.createElement('ul');
+                            buildTOCList(headingStyles, sublist, childNode, depth + 1, numbering ? `${numbering}.` : '');
+                            const item = document.createElement('li');
+                            item.appendChild(sublist);
+                            list.appendChild(item);
+                        }
+                    }
+                    index++;
                 }
             }
-            index++;
         }
-    }
+    });
 };
 const isParagraphStyle = hasObjectType(ObjectTypes.ParagraphStyle);
 const buildHeadingStyles = (modelMap) => {

package/dist/es/views/{contributors_section.js → contributors.js}

@@ -1,7 +1,7 @@
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
-export class ContributorsSectionView extends BaseNodeView {
+export class ContributorsView extends BaseNodeView {
     constructor() {
         super(...arguments);
         this.initialise = () => {
@@ -25,4 +25,4 @@ export class ContributorsSectionView extends BaseNodeView {
         this.stopEvent = () => true;
     }
 }
-export default createNodeView(ContributorsSectionView);
+export default createNodeView(ContributorsView);

package/dist/es/views/editable_block.js

@@ -22,7 +22,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { nodeNames } from '@manuscripts/transform';
+import { nodeNames, schema } from '@manuscripts/transform';
 import { ContextMenu } from '../lib/context-menu';
 const isNotNull = (a) => a !== null;
 export const EditableBlock = (Base) => {
@@ -68,8 +68,8 @@ export const EditableBlock = (Base) => {
             this.createAddButton = (after) => {
                 var _a;
                 const $pos = this.view.state.doc.resolve(this.getPos());
-                if (!((_a = this.props.getCapabilities()) === null || _a === void 0 ? void 0 : _a.editArticle) ||
-                    $pos.parent.type === this.node.type.schema.nodes.keywords_section) {
+                const hasAccess = (_a = this.props.getCapabilities()) === null || _a === void 0 ? void 0 : _a.editArticle;
+                if (!hasAccess || $pos.parent.type === schema.nodes.keywords) {
                     return null;
                 }
                 const button = document.createElement('a');

package/dist/es/views/section_title.js

@@ -13,17 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { isSectionNode } from '@manuscripts/transform';
 import { sectionLevel } from '../lib/context-menu';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 export const isSpecialSection = (node) => {
-    if (isSectionNode(node)) {
-        const { attrs } = node;
-        return (attrs.category === 'MPSectionCategory:abstracts' ||
-            attrs.category === 'MPSectionCategory:body' ||
-            attrs.category === 'MPSectionCategory:backmatter');
-    }
+    const type = node.type;
+    const nodes = type.schema.nodes;
+    return (type === nodes.abstracts || type === nodes.body || type === nodes.backmatter);
 };
 export class SectionTitleView extends BlockView {
     constructor() {
@@ -34,9 +30,8 @@ export class SectionTitleView extends BlockView {
             if (isSpecialSection($pos.parent)) {
                 this.dom = document.createElement('div');
                 this.dom.classList.add('no-title');
-                return;
             }
-            if (this.node.childCount) {
+            else if (this.node.childCount) {
                 this.contentDOM.classList.remove('empty-node');
             }
             else {

package/dist/types/configs/editor-views.d.ts

@@ -141,7 +141,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
     } & import("../views/bullet_list").BulletListView<any>>;
     citation: import("../types").NodeViewCreator<import("../views/citation_editable").CitationEditableView>;
     cross_reference: import("../types").NodeViewCreator<import("../views/cross_reference_editable").CrossReferenceEditableView>;
-    contributors_section: import("../types").NodeViewCreator<import("../views/contributors_section").ContributorsSectionView<any>>;
+    contributors: import("../types").NodeViewCreator<import("../views/contributors").ContributorsView<any>>;
     equation: import("../types").NodeViewCreator<import("../views/equation_editable").EquationEditableView>;
     equation_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];

package/dist/types/lib/context-menu.d.ts

@@ -39,7 +39,6 @@ export declare class ContextMenu {
     private resolvePos;
     private splitSection;
     private toggleNodeAttr;
-    private isListType;
     private buildSuppressOptions;
     private addPopperEventListeners;
     private trimTitle;

package/dist/types/views/{contributors_section.d.ts → contributors.d.ts}

@@ -2,16 +2,16 @@ import { ManuscriptNodeView } from '@manuscripts/transform';
 import React from 'react';
 import { BaseNodeView } from './base_node_view';
 import { EditableBlockProps } from './editable_block';
-export interface ContributorsSectionProps extends EditableBlockProps {
+export interface ContributorsProps extends EditableBlockProps {
     components: Record<string, React.ComponentType<unknown>>;
     subscribeStore: unknown;
 }
-export declare class ContributorsSectionView<PropsType extends ContributorsSectionProps> extends BaseNodeView<PropsType> implements ManuscriptNodeView {
+export declare class ContributorsView<PropsType extends ContributorsProps> extends BaseNodeView<PropsType> implements ManuscriptNodeView {
     private metadata;
     initialise: () => void;
     protected createDOM: () => void;
     ignoreMutation: () => boolean;
     stopEvent: () => boolean;
 }
-declare const _default: (props: import("./base_node_view").BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<ContributorsSectionView<any>>;
+declare const _default: (props: import("./base_node_view").BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<ContributorsView<any>>;
 export default _default;

package/dist/types/views/section_title.d.ts

@@ -16,7 +16,7 @@
 import { Node as ProsemirrorNode } from 'prosemirror-model';
 import { BaseNodeProps } from './base_node_view';
 import BlockView from './block_view';
-export declare const isSpecialSection: (node: ProsemirrorNode) => boolean | undefined;
+export declare const isSpecialSection: (node: ProsemirrorNode) => boolean;
 export declare class SectionTitleView<PropsType extends BaseNodeProps> extends BlockView<PropsType> {
     contentDOM: HTMLElement;
     elementType: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.5.13",
+  "version": "1.5.14-LEAN-3030",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -29,11 +29,10 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/assets": "^0.6.4",
     "@manuscripts/json-schema": "2.2.1",
-    "@manuscripts/library": "1.2.2",
-    "@manuscripts/style-guide": "1.4.6",
-    "@manuscripts/title-editor": "^1.1.0",
+    "@manuscripts/library": "1.2.2-LEAN-3030-1",
+    "@manuscripts/style-guide": "1.4.6-LEAN-3030",
     "@manuscripts/track-changes-plugin": "^1.7.4",
-    "@manuscripts/transform": "1.5.6",
+    "@manuscripts/transform": "1.5.7-LEAN-3030",
     "astrocite-eutils": "^0.16.4",
     "axios": "^1.2.2",
     "codemirror": "^5.58.1",

package/styles/AdvancedEditor.css

@@ -550,14 +550,9 @@ Next levels are shifted 'up' by 1
 }
 
 .keywords h1 {
-  color: #353535;
-  font-family: Lato, sans-serif;
   font-size: 12px;
   font-style: italic;
   font-weight: 400;
-  line-height: 16px;
-  margin: 0 0 4px;
-  padding: 0;
 }
 
 .keywords-list {
@@ -577,6 +572,7 @@ Next levels are shifted 'up' by 1
   border: 1px solid #f2f2f2;
   border-radius: 6px;
   position: relative;
+  cursor: default;
 }
 
 .keywords-list span.keyword.no-tracking {