@manuscripts/body-editor 2.3.3-LEAN-4053.1 → 2.5.1

package/dist/cjs/commands.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoComplete = exports.mergeCellsWithSpace = exports.addColumns = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertContributors = exports.insertAbstract = exports.insertBackMatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
+exports.autoComplete = exports.mergeCellsWithSpace = exports.addColumns = exports.addRows = exports.insertBoxElement = exports.insertTableFootnote = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertContributors = exports.insertAbstract = exports.insertBackMatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertFootnote = exports.createFootnote = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralFootnote = exports.undoFootnoteDelete = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
@@ -34,6 +34,7 @@ const track_changes_utils_1 = require("./lib/track-changes-utils");
 const utils_1 = require("./lib/utils");
 const comments_2 = require("./plugins/comments");
 const editor_props_1 = require("./plugins/editor-props");
+const footnotes_2 = require("./plugins/footnotes");
 const autocompletion_1 = require("./plugins/section_title/autocompletion");
 const addToStart = (state, dispatch) => {
     const { selection } = state;
@@ -91,7 +92,8 @@ exports.blockActive = blockActive;
 const canInsert = (type) => (state) => {
     var _a;
     const { $from, $to } = state.selection;
-    if ($from.node().type === transform_1.schema.nodes.title && $from.pos === $to.pos) {
+    if (($from.node().type === transform_1.schema.nodes.title || $from.node().type === transform_1.schema.nodes.section_title) &&
+        $from.pos === $to.pos) {
         return false;
     }
     const initDepth = ((_a = (0, prosemirror_utils_1.findParentNodeOfType)(transform_1.schema.nodes.box_element)(state.selection)) === null || _a === void 0 ? void 0 : _a.depth) ||
@@ -159,40 +161,48 @@ const createBlock = (nodeType, position, state, dispatch, attrs) => {
     }
 };
 exports.createBlock = createBlock;
-const insertInlineTableFootnote = (state, dispatch) => {
-    const $pos = state.selection.$to;
-    const table = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, transform_1.schema.nodes.table);
-    if (!table) {
-        return false;
-    }
-    if (!dispatch) {
-        return true;
-    }
-    return (0, exports.insertInlineFootnote)(state, dispatch);
+const undoFootnoteDelete = (tr, footnote, position) => {
+    const updatedAttrs = Object.assign(Object.assign({}, footnote.node.attrs), { dataTracked: null });
+    tr.setNodeMarkup(position, undefined, updatedAttrs, footnote.node.marks);
 };
-exports.insertInlineTableFootnote = insertInlineTableFootnote;
-const insertGeneralTableFootnote = (state, dispatch) => {
-    const $pos = state.selection.$to;
-    const container = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, transform_1.schema.nodes.table_element);
-    const existing = (0, prosemirror_utils_1.findChildrenByType)(container.node, transform_1.schema.nodes.general_table_footnote);
-    if (existing) {
-        return false;
+exports.undoFootnoteDelete = undoFootnoteDelete;
+const insertGeneralFootnote = (tableElementNode, position, view, tableElementFooter) => {
+    const { state, dispatch } = view;
+    const paragraph = state.schema.nodes.paragraph.create({
+        placeholder: 'Add general note here',
+    });
+    const generalNote = state.schema.nodes.general_table_footnote.create({}, [
+        paragraph,
+    ]);
+    const tableColGroup = (0, prosemirror_utils_1.findChildrenByType)(tableElementNode, transform_1.schema.nodes.table_colgroup)[0];
+    const table = (0, prosemirror_utils_1.findChildrenByType)(tableElementNode, transform_1.schema.nodes.table)[0];
+    const tr = state.tr;
+    const pos = (tableElementFooter === null || tableElementFooter === void 0 ? void 0 : tableElementFooter.length)
+        ? position + tableElementFooter[0].pos + 2
+        : position +
+            (!tableColGroup
+                ? table.pos + table.node.nodeSize
+                : tableColGroup.pos + tableColGroup.node.nodeSize);
+    if (tableElementFooter === null || tableElementFooter === void 0 ? void 0 : tableElementFooter.length) {
+        if ((0, track_changes_utils_1.isDeleted)(tableElementFooter[0].node)) {
+            const tableElementFooterPos = tr.mapping.map(position + tableElementFooter[0].pos + 1);
+            (0, exports.undoFootnoteDelete)(tr, tableElementFooter[0], tableElementFooterPos);
+        }
+        tr.insert(pos, generalNote);
     }
-    if (!dispatch) {
-        return true;
+    else {
+        const tableElementFooter = transform_1.schema.nodes.table_element_footer.create({
+            id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.table_element_footer),
+        }, [generalNote]);
+        tr.insert(pos, tableElementFooter);
+    }
+    if (dispatch && pos) {
+        const selection = (0, exports.createSelection)(state.schema.nodes.paragraph, pos, tr.doc);
+        view === null || view === void 0 ? void 0 : view.focus();
+        dispatch(tr.setSelection(selection).scrollIntoView());
     }
-    const tr = state.tr;
-    const footer = (0, exports.insertTableElementFooter)(tr, [container.node, container.pos]);
-    const pos = footer.pos + 1;
-    const node = transform_1.schema.nodes.general_table_footnote.create({}, [
-        transform_1.schema.nodes.paragraph.create(),
-    ]);
-    tr.insert(pos, node);
-    const selection = prosemirror_state_1.TextSelection.create(tr.doc, pos + 1);
-    tr.setSelection(selection).scrollIntoView();
-    dispatch(tr);
 };
-exports.insertGeneralTableFootnote = insertGeneralTableFootnote;
+exports.insertGeneralFootnote = insertGeneralFootnote;
 const insertFigure = (file, state, dispatch) => {
     const position = findBlockInsertPosition(state);
     if (position === null || !dispatch) {
@@ -393,83 +403,88 @@ const insertInlineEquation = (state, dispatch) => {
     return true;
 };
 exports.insertInlineEquation = insertInlineEquation;
-const insertTableElementFooter = (tr, table) => {
-    const footer = (0, prosemirror_utils_1.findChildrenByType)(table[0], transform_1.schema.nodes.table_element_footer)[0];
-    if (footer) {
-        const pos = tr.mapping.map(table[1] + footer.pos + 1);
-        if ((0, track_changes_utils_1.isDeleted)(footer.node)) {
-            reinstateNode(tr, footer.node, pos);
-        }
-        return {
-            node: footer.node,
-            pos,
-        };
-    }
-    const pos = tr.mapping.map(table[1] + table[0].nodeSize - 2);
-    const node = transform_1.schema.nodes.table_element_footer.create();
-    tr.insert(pos, node);
-    return {
-        node,
-        pos,
-    };
+const createFootnote = (state, kind) => {
+    return transform_1.schema.nodes.footnote.createAndFill({
+        id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.footnote),
+        kind,
+    });
 };
-exports.insertTableElementFooter = insertTableElementFooter;
-const insertFootnotesElement = (tr, container) => {
-    let pos;
-    if ((0, transform_1.isTableElementNode)(container[0])) {
-        const footer = (0, exports.insertTableElementFooter)(tr, container);
-        pos = footer.pos + footer.node.nodeSize - 1;
+exports.createFootnote = createFootnote;
+const insertFootnote = (state, tr, footnote) => {
+    const footnotesSection = (0, prosemirror_utils_1.findChildrenByType)(tr.doc, transform_1.schema.nodes.footnotes_section)[0];
+    let selectionPos = 0;
+    if (!footnotesSection) {
+        const section = state.schema.nodes.footnotes_section.create({}, [
+            state.schema.nodes.section_title.create({}, state.schema.text('Footnotes')),
+            state.schema.nodes.footnotes_element.create({}, footnote),
+        ]);
+        const backmatter = (0, prosemirror_utils_1.findChildrenByType)(tr.doc, transform_1.schema.nodes.backmatter)[0];
+        const sectionPos = backmatter.pos + 1;
+        tr.insert(sectionPos, section);
+        let footnotePos = 0;
+        section.descendants((n, pos) => {
+            if ((0, transform_1.isFootnoteNode)(n)) {
+                footnotePos = pos;
+                n.descendants((childNode, childPos) => {
+                    if ((0, transform_1.isParagraphNode)(childNode)) {
+                        footnotePos += childPos;
+                    }
+                });
+            }
+        });
+        selectionPos = sectionPos + footnotePos;
     }
     else {
-        const section = (0, doc_1.insertFootnotesSection)(tr);
-        pos = section.pos + section.node.nodeSize - 1;
-    }
-    const node = transform_1.schema.nodes.footnotes_element.create();
-    tr.insert(pos, node);
-    return [node, pos];
-};
-exports.insertFootnotesElement = insertFootnotesElement;
-const insertInlineFootnote = (state, dispatch) => {
-    const pos = state.selection.to;
-    const tr = state.tr;
-    const container = (0, footnotes_1.findFootnotesContainerNode)(state.doc, pos);
-    const fn = (0, footnotes_1.getFootnotesElementState)(state, container.node.attrs.id);
-    const hasUnusedFootnotes = fn && fn.unusedFootnoteIDs.size > 0;
-    const footnote = !hasUnusedFootnotes && (0, footnotes_1.createFootnote)();
-    const node = transform_1.schema.nodes.inline_footnote.create({
-        rids: footnote ? [footnote.attrs.id] : [],
-    });
-    tr.insert(pos, node);
-    if (footnote) {
-        let element;
-        if (fn) {
-            element = [fn.element[0], tr.mapping.map(fn.element[1])];
+        const footnoteElement = (0, prosemirror_utils_1.findChildrenByType)(footnotesSection.node, transform_1.schema.nodes.footnotes_element).pop();
+        if (footnoteElement) {
+            if ((0, track_changes_utils_1.isDeleted)(footnoteElement.node)) {
+                const footnoteElementPos = footnotesSection.pos + footnoteElement.pos + 1;
+                (0, exports.undoFootnoteDelete)(tr, footnoteElement, footnoteElementPos);
+                const updatedAttrs = Object.assign(Object.assign({}, footnoteElement.node.attrs), { dataTracked: null });
+                tr.setNodeMarkup(footnoteElementPos, undefined, updatedAttrs, footnoteElement.node.marks);
+            }
+            const pos = footnotesSection.pos +
+                footnoteElement.pos +
+                footnoteElement.node.nodeSize -
+                1;
+            tr.insert(pos, footnote);
+            selectionPos = pos + 2;
         }
         else {
-            element = (0, exports.insertFootnotesElement)(tr, [container.node, container.pos]);
+            const footnoteElement = transform_1.schema.nodes.footnotes_element.create({}, footnote);
+            const pos = footnotesSection.pos + footnotesSection.node.nodeSize - 1;
+            tr.insert(pos, footnoteElement);
+            selectionPos = pos + 2;
         }
-        if ((0, track_changes_utils_1.isDeleted)(element[0])) {
-            reinstateNode(tr, element[0], element[1]);
-        }
-        const fnPos = element[1] + element[0].nodeSize - 1;
-        tr.insert(fnPos, footnote);
-        const selection = prosemirror_state_1.TextSelection.create(tr.doc, fnPos + 2);
-        tr.setSelection(selection).scrollIntoView();
     }
-    else {
-        const selection = prosemirror_state_1.NodeSelection.create(tr.doc, pos);
+    if (selectionPos) {
+        const selection = prosemirror_state_1.TextSelection.near(tr.doc.resolve(selectionPos));
         tr.setSelection(selection).scrollIntoView();
     }
+    return tr;
+};
+exports.insertFootnote = insertFootnote;
+const insertInlineFootnote = (kind) => (state, dispatch) => {
+    const fnState = footnotes_2.footnotesKey.getState(state);
+    const hasUnusedNodes = fnState && fnState.unusedFootnotes.size > 0;
+    const footnote = !hasUnusedNodes
+        ? (0, exports.createFootnote)(state, kind)
+        : null;
+    const insertedAt = state.selection.to;
+    let tr = state.tr;
+    const node = state.schema.nodes.inline_footnote.create({
+        rids: footnote ? [footnote.attrs.id] : [],
+    });
+    tr.insert(insertedAt, node);
+    if (footnote) {
+        tr = (0, exports.insertFootnote)(state, tr, footnote);
+    }
     if (dispatch) {
         dispatch(tr);
     }
     return true;
 };
 exports.insertInlineFootnote = insertInlineFootnote;
-const reinstateNode = (tr, node, pos) => {
-    const attrs = Object.assign(Object.assign({}, node.attrs), { dataTracked: null });
-    tr.setNodeMarkup(pos, null, attrs);
-};
 const insertGraphicalAbstract = (state, dispatch, view) => {
     if ((0, utils_1.getChildOfType)(state.doc, transform_1.schema.nodes.graphical_abstract_section, true)) {
         return false;
@@ -1004,6 +1019,104 @@ const addInlineComment = (state, dispatch) => {
     return false;
 };
 exports.addInlineComment = addInlineComment;
+const insertTableFootnote = (tableElementNode, position, view, inlineFootnote) => {
+    const { state, dispatch } = view;
+    const tr = state.tr;
+    const footnote = transform_1.schema.nodes.footnote.createAndFill({
+        id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.footnote),
+        kind: 'footnote',
+    });
+    const insertedAt = state.selection.to;
+    let footnoteIndex;
+    if (inlineFootnote) {
+        const contents = inlineFootnote.node.attrs.contents.split(',').map(Number);
+        footnoteIndex = Math.max(...contents) + 1;
+        tr.setNodeMarkup(inlineFootnote.pos, undefined, {
+            rids: [...inlineFootnote.node.attrs.rids, footnote.attrs.id],
+            contents: inlineFootnote.node.attrs.contents + ',' + footnoteIndex,
+        });
+    }
+    else {
+        const inlineFootnotes = (0, prosemirror_utils_1.findChildrenByType)(tableElementNode, transform_1.schema.nodes.inline_footnote);
+        footnoteIndex =
+            inlineFootnotes.filter(({ pos }) => position + pos <= insertedAt).length +
+                1;
+        const inlineFootnoteNode = state.schema.nodes.inline_footnote.create({
+            rids: [footnote.attrs.id],
+            contents: footnoteIndex === -1 ? inlineFootnotes.length : footnoteIndex,
+        });
+        tr.insert(insertedAt, inlineFootnoteNode);
+    }
+    let insertionPos = position;
+    const footnotesElement = (0, prosemirror_utils_1.findChildrenByType)(tableElementNode, transform_1.schema.nodes.footnotes_element).pop();
+    if (footnotesElement) {
+        if ((0, track_changes_utils_1.isDeleted)(footnotesElement.node)) {
+            const footnotesElementPos = tr.mapping.map(position + footnotesElement.pos + 1);
+            (0, exports.undoFootnoteDelete)(tr, footnotesElement, footnotesElementPos);
+        }
+        const footnotePos = (0, footnotes_1.getNewFootnotePos)(footnotesElement, footnoteIndex);
+        insertionPos = tr.mapping.map(position + footnotePos);
+        tr.insert(insertionPos, footnote);
+    }
+    else {
+        const footnoteElement = state.schema.nodes.footnotes_element.create({}, footnote);
+        const tableElementFooter = (0, prosemirror_utils_1.findChildrenByType)(tableElementNode, transform_1.schema.nodes.table_element_footer)[0];
+        if (tableElementFooter) {
+            if ((0, track_changes_utils_1.isDeleted)(tableElementFooter.node)) {
+                const tableElementFooterPos = tr.mapping.map(position + tableElementFooter.pos + 1);
+                (0, exports.undoFootnoteDelete)(tr, tableElementFooter, tableElementFooterPos);
+            }
+            const pos = tableElementFooter.pos;
+            insertionPos = position + pos + tableElementFooter.node.nodeSize;
+            tr.insert(tr.mapping.map(insertionPos), footnoteElement);
+        }
+        else {
+            const tableElementFooter = transform_1.schema.nodes.table_element_footer.create({
+                id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.table_element_footer),
+            }, [footnoteElement]);
+            const tableColGroup = (0, prosemirror_utils_1.findChildrenByType)(tableElementNode, transform_1.schema.nodes.table_colgroup)[0];
+            const table = (0, prosemirror_utils_1.findChildrenByType)(tableElementNode, transform_1.schema.nodes.table)[0];
+            if (tableColGroup) {
+                insertionPos =
+                    position + tableColGroup.pos + tableColGroup.node.nodeSize;
+                tr.insert(tr.mapping.map(insertionPos), tableElementFooter);
+            }
+            else {
+                insertionPos = position + table.pos + table.node.nodeSize;
+                tr.insert(tr.mapping.map(insertionPos), tableElementFooter);
+            }
+        }
+    }
+    dispatch(tr);
+    const textSelection = prosemirror_state_1.TextSelection.near(view.state.tr.doc.resolve(insertionPos + 1));
+    view.focus();
+    dispatch(view.state.tr.setSelection(textSelection).scrollIntoView());
+};
+exports.insertTableFootnote = insertTableFootnote;
+const insertBoxElement = (state, dispatch) => {
+    const selection = state.selection;
+    const isBody = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.body)(selection);
+    const isBoxText = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.box_element)(selection);
+    if (!isBody || isBoxText) {
+        return false;
+    }
+    const position = findBlockInsertPosition(state);
+    const paragraph = transform_1.schema.nodes.paragraph.create({});
+    const section = transform_1.schema.nodes.section.createAndFill({}, [
+        transform_1.schema.nodes.section_title.create(),
+        paragraph,
+    ]);
+    const BoxElementNode = transform_1.schema.nodes.box_element.createAndFill({}, [
+        transform_1.schema.nodes.figcaption.create({}, [transform_1.schema.nodes.caption_title.create()]),
+        section,
+    ]);
+    if (position && dispatch) {
+        const tr = state.tr.insert(position, BoxElementNode);
+        dispatch(tr);
+    }
+    return true;
+};
+exports.insertBoxElement = insertBoxElement;
 const addRows = (direction) => (state, dispatch) => {
     if (dispatch) {
         const { tr } = state;

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

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeleteFootnoteDialog = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = __importStar(require("react"));
-const DeleteFootnoteDialog = ({ handleDelete, }) => {
+const DeleteFootnoteDialog = ({ footnoteType, footnoteMessage, handleDelete, }) => {
     const [isOpen, setOpen] = (0, react_1.useState)(true);
     return (react_1.default.createElement(style_guide_1.Dialog, { className: "delete-footnote-dialog", isOpen: isOpen, actions: {
             primary: {
@@ -40,6 +40,6 @@ const DeleteFootnoteDialog = ({ handleDelete, }) => {
                 action: () => setOpen(false),
                 title: 'Cancel',
             },
-        }, category: style_guide_1.Category.confirmation, header: `Delete footnote`, message: `This action will entirely remove the footnote from the list because it will no longer be used.` }));
+        }, category: style_guide_1.Category.confirmation, header: `Delete ${footnoteType}`, message: `${footnoteMessage}` }));
 };
 exports.DeleteFootnoteDialog = DeleteFootnoteDialog;

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

@@ -76,12 +76,12 @@ const AddNewFootnote = (0, styled_components_1.default)(style_guide_1.ButtonGrou
     }
   }
 `;
-const FootnotesSelector = ({ footnotes, inlineFootnote, labels, onAdd, onInsert, onCancel, addNewLabel, }) => {
+const FootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCancel, addNewLabel }) => {
     let selectedNotesMap;
     if (inlineFootnote) {
         const rids = inlineFootnote.attrs.rids;
-        const selectedNotes = footnotes.filter((node) => rids.includes(node.attrs.id));
-        selectedNotesMap = new Map(selectedNotes.map((node) => [node.attrs.id, node]));
+        const selectedNotes = notes.filter(({ node }) => rids.includes(node.attrs.id));
+        selectedNotesMap = new Map(selectedNotes.map(({ node }) => [node.attrs.id, node]));
     }
     const [selections, setSelections] = (0, react_1.useState)(new Map(selectedNotesMap));
     const toggleSelection = (item) => {
@@ -99,11 +99,11 @@ const FootnotesSelector = ({ footnotes, inlineFootnote, labels, onAdd, onInsert,
         return selections.has(item.attrs.id);
     };
     const handleClick = () => {
-        return onInsert(footnotes.filter((node) => selections.has(node.attrs.id)));
+        return onInsert(notes.filter(({ node }) => selections.has(node.attrs.id)));
     };
     return (react_1.default.createElement(Container, null,
         react_1.default.createElement(NotesContainer, null,
-            react_1.default.createElement(FootnotesList, { footnotes: footnotes, inlineFootnote: inlineFootnote, labels: labels, isSelected: isSelected, onSelect: toggleSelection })),
+            react_1.default.createElement(FootnotesList, { notes: notes, inlineFootnote: inlineFootnote, isSelected: isSelected, onSelect: toggleSelection })),
         react_1.default.createElement(Actions, null,
             react_1.default.createElement(AddNewFootnote, null,
                 react_1.default.createElement(style_guide_1.IconTextButton, { onClick: onAdd },
@@ -114,28 +114,29 @@ const FootnotesSelector = ({ footnotes, inlineFootnote, labels, onAdd, onInsert,
                 react_1.default.createElement(style_guide_1.PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 && !inlineFootnote }, inlineFootnote ? 'Update' : 'Insert')))));
 };
 exports.FootnotesSelector = FootnotesSelector;
-const FootnotesList = ({ footnotes, inlineFootnote, labels, isSelected, onSelect }) => {
-    const rids = inlineFootnote === null || inlineFootnote === void 0 ? void 0 : inlineFootnote.attrs.rids;
+const FootnotesList = ({ notes, isSelected, onSelect, inlineFootnote }) => {
     const selectedNotes = [];
     const remainingNotes = [];
-    footnotes.forEach((footnote) => {
-        const isNoteSelected = rids === null || rids === void 0 ? void 0 : rids.includes(footnote.attrs.id);
+    notes.forEach((note) => {
+        const isNoteSelected = inlineFootnote && inlineFootnote.attrs.rids.includes(note.node.attrs.id);
         if (isNoteSelected) {
-            selectedNotes.push(footnote);
+            selectedNotes.push(note);
         }
         else {
-            remainingNotes.push(footnote);
+            remainingNotes.push(note);
         }
     });
     return (react_1.default.createElement(NotesListContainer, null,
-        selectedNotes.map((footnote) => (react_1.default.createElement(FootnoteItem, { key: footnote.attrs.id, footnote: footnote, label: labels.get(footnote.attrs.id), isSelected: isSelected, onSelect: onSelect }))),
+        selectedNotes.map((note) => (react_1.default.createElement(FootnoteItem, { key: note.node.attrs.id, note: note, isSelected: isSelected, onSelect: onSelect }))),
         selectedNotes.length > 0 && remainingNotes.length > 0 && react_1.default.createElement(Separator, null),
-        remainingNotes.map((footnote) => (react_1.default.createElement(FootnoteItem, { key: footnote.attrs.id, footnote: footnote, label: labels.get(footnote.attrs.id), isSelected: isSelected, onSelect: onSelect })))));
+        remainingNotes.map((note) => (react_1.default.createElement(FootnoteItem, { key: note.node.attrs.id, note: note, isSelected: isSelected, onSelect: onSelect })))));
 };
-const FootnoteItem = ({ footnote, label, isSelected, onSelect }) => {
-    return (react_1.default.createElement(FootnoteItemContainer, { onClick: () => onSelect(footnote) },
-        react_1.default.createElement(StatusIcon, null, isSelected(footnote) ? (react_1.default.createElement(style_guide_1.AddedIcon, { "data-cy": 'plus-icon-ok' })) : (react_1.default.createElement(style_guide_1.AddIcon, { "data-cy": 'plus-icon' }))),
-        react_1.default.createElement(NoteText, null, (label ? label + '. ' : '') + footnote.textContent)));
+const FootnoteItem = ({ note, isSelected, onSelect }) => {
+    var _a;
+    const { node, index } = note;
+    return (react_1.default.createElement(FootnoteItemContainer, { onClick: () => onSelect(node) },
+        react_1.default.createElement(StatusIcon, null, isSelected(node) ? (react_1.default.createElement(style_guide_1.AddedIcon, { "data-cy": 'plus-icon-ok' })) : (react_1.default.createElement(style_guide_1.AddIcon, { "data-cy": 'plus-icon' }))),
+        react_1.default.createElement(NoteText, null, (index ? index + '. ' : '') + ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
 };
 const Separator = styled_components_1.default.div `
   height: 0;

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

@@ -41,6 +41,7 @@ const section_title_1 = __importDefault(require("../plugins/section_title"));
 const section_category_1 = __importDefault(require("../plugins/section-category"));
 const sections_1 = __importDefault(require("../plugins/sections"));
 const selected_suggestion_1 = __importDefault(require("../plugins/selected-suggestion"));
+const table_footnote_1 = __importDefault(require("../plugins/table-footnote"));
 const tables_cursor_fix_1 = __importDefault(require("../plugins/tables-cursor-fix"));
 const toc_1 = __importDefault(require("../plugins/toc"));
 const rules_1 = __importDefault(require("../rules"));
@@ -72,6 +73,7 @@ exports.default = (props) => {
         (0, prosemirror_tables_1.tableEditing)(),
         (0, selected_suggestion_1.default)(),
         (0, footnotes_1.default)(props),
+        (0, table_footnote_1.default)(),
         (0, editor_props_1.default)(props),
         (0, doi_1.default)(),
         (0, section_category_1.default)(props),

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

@@ -31,9 +31,8 @@ const equation_editable_1 = __importDefault(require("../views/equation_editable"
 const equation_element_editable_1 = __importDefault(require("../views/equation_element_editable"));
 const figure_editable_1 = __importDefault(require("../views/figure_editable"));
 const figure_element_editable_1 = __importDefault(require("../views/figure_element_editable"));
-const footnote_1 = __importDefault(require("../views/footnote"));
+const footnote_editable_1 = __importDefault(require("../views/footnote_editable"));
 const footnotes_element_1 = __importDefault(require("../views/footnotes_element"));
-const general_table_footnote_1 = __importDefault(require("../views/general_table_footnote"));
 const inline_equation_editable_1 = __importDefault(require("../views/inline_equation_editable"));
 const inline_footnote_editable_1 = __importDefault(require("../views/inline_footnote_editable"));
 const keyword_1 = __importDefault(require("../views/keyword"));
@@ -50,7 +49,7 @@ const section_label_1 = __importDefault(require("../views/section_label"));
 const section_title_editable_1 = __importDefault(require("../views/section_title_editable"));
 const table_cell_1 = __importDefault(require("../views/table_cell"));
 const table_element_editable_1 = __importDefault(require("../views/table_element_editable"));
-const table_element_footer_1 = __importDefault(require("../views/table_element_footer"));
+const table_element_footer_editable_1 = __importDefault(require("../views/table_element_footer_editable"));
 const title_editable_1 = __importDefault(require("../views/title_editable"));
 const toc_element_editable_1 = __importDefault(require("../views/toc_element_editable"));
 exports.default = (props, dispatch) => {
@@ -67,9 +66,8 @@ exports.default = (props, dispatch) => {
         equation_element: (0, equation_element_editable_1.default)(props),
         figure: (0, figure_editable_1.default)(props, dispatch),
         figure_element: (0, figure_element_editable_1.default)(props, dispatch),
-        footnote: (0, footnote_1.default)(props),
+        footnote: (0, footnote_editable_1.default)(props),
         footnotes_element: (0, footnotes_element_1.default)(props),
-        general_table_footnote: (0, general_table_footnote_1.default)(props, dispatch),
         inline_equation: (0, inline_equation_editable_1.default)(props),
         inline_footnote: (0, inline_footnote_editable_1.default)(props, dispatch),
         keyword: (0, keyword_1.default)(props, dispatch),
@@ -87,7 +85,7 @@ exports.default = (props, dispatch) => {
         table_element: (0, table_element_editable_1.default)(props),
         table_cell: (0, table_cell_1.default)(props),
         table_header: (0, table_cell_1.default)(props),
-        table_element_footer: (0, table_element_footer_1.default)(props),
+        table_element_footer: (0, table_element_footer_editable_1.default)(props),
         toc_element: (0, toc_element_editable_1.default)(props),
         comments: (0, empty_1.default)('comments'),
         supplements: (0, empty_1.default)('supplements'),

package/dist/cjs/index.js

@@ -47,7 +47,6 @@ Object.defineProperty(exports, "PopperManager", { enumerable: true, get: functio
 __exportStar(require("./toolbar"), exports);
 __exportStar(require("./lib/comments"), exports);
 __exportStar(require("./lib/files"), exports);
-__exportStar(require("./lib/footnotes"), exports);
 __exportStar(require("./lib/doc"), exports);
 __exportStar(require("./plugins/comments"), exports);
 var selected_suggestion_1 = require("./plugins/selected-suggestion");