@manuscripts/body-editor 2.3.2 → 2.3.3-LEAN-4053.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.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;
+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;
 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,7 +34,6 @@ 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;
@@ -160,48 +159,40 @@ const createBlock = (nodeType, position, state, dispatch, attrs) => {
     }
 };
 exports.createBlock = createBlock;
-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.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);
+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;
     }
-    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) {
+        return true;
     }
-    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());
+    return (0, exports.insertInlineFootnote)(state, dispatch);
+};
+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;
+    }
+    if (!dispatch) {
+        return true;
     }
+    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.insertGeneralFootnote = insertGeneralFootnote;
+exports.insertGeneralTableFootnote = insertGeneralTableFootnote;
 const insertFigure = (file, state, dispatch) => {
     const position = findBlockInsertPosition(state);
     if (position === null || !dispatch) {
@@ -402,81 +393,72 @@ const insertInlineEquation = (state, dispatch) => {
     return true;
 };
 exports.insertInlineEquation = insertInlineEquation;
-const createFootnote = (state, kind) => {
-    return transform_1.schema.nodes.footnote.createAndFill({
-        id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.footnote),
-        kind,
-    });
+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,
+    };
 };
-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;
+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;
     }
     else {
-        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 {
-            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;
-        }
+        const section = (0, doc_1.insertFootnotesSection)(tr);
+        pos = section.pos + section.node.nodeSize - 1;
     }
-    if (selectionPos) {
-        const selection = prosemirror_state_1.TextSelection.near(tr.doc.resolve(selectionPos));
-        tr.setSelection(selection).scrollIntoView();
-    }
-    return tr;
+    const node = transform_1.schema.nodes.footnotes_element.create();
+    tr.insert(pos, node);
+    return [node, pos];
 };
-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({
+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(insertedAt, node);
+    tr.insert(pos, node);
     if (footnote) {
-        tr = (0, exports.insertFootnote)(state, tr, footnote);
+        let element;
+        if (fn) {
+            element = [fn.element[0], tr.mapping.map(fn.element[1])];
+        }
+        else {
+            element = (0, exports.insertFootnotesElement)(tr, [container.node, container.pos]);
+        }
+        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);
+        tr.setSelection(selection).scrollIntoView();
     }
     if (dispatch) {
         dispatch(tr);
@@ -484,6 +466,10 @@ const insertInlineFootnote = (kind) => (state, dispatch) => {
     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;
@@ -1018,80 +1004,6 @@ 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 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 = ({ footnoteType, footnoteMessage, handleDelete, }) => {
+const DeleteFootnoteDialog = ({ 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 = ({ footnoteType, footnoteMessage, handleDelete, })
                 action: () => setOpen(false),
                 title: 'Cancel',
             },
-        }, category: style_guide_1.Category.confirmation, header: `Delete ${footnoteType}`, message: `${footnoteMessage}` }));
+        }, 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.` }));
 };
 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 = ({ notes, inlineFootnote, onAdd, onInsert, onCancel, addNewLabel }) => {
+const FootnotesSelector = ({ footnotes, inlineFootnote, labels, onAdd, onInsert, onCancel, addNewLabel, }) => {
     let selectedNotesMap;
     if (inlineFootnote) {
         const rids = inlineFootnote.attrs.rids;
-        const selectedNotes = notes.filter(({ node }) => rids.includes(node.attrs.id));
-        selectedNotesMap = new Map(selectedNotes.map(({ node }) => [node.attrs.id, node]));
+        const selectedNotes = footnotes.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 = ({ notes, inlineFootnote, onAdd, onInsert, onCancel, a
         return selections.has(item.attrs.id);
     };
     const handleClick = () => {
-        return onInsert(notes.filter(({ node }) => selections.has(node.attrs.id)));
+        return onInsert(footnotes.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, { notes: notes, inlineFootnote: inlineFootnote, isSelected: isSelected, onSelect: toggleSelection })),
+            react_1.default.createElement(FootnotesList, { footnotes: footnotes, inlineFootnote: inlineFootnote, labels: labels, 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,29 +114,28 @@ const FootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCancel, a
                 react_1.default.createElement(style_guide_1.PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 && !inlineFootnote }, inlineFootnote ? 'Update' : 'Insert')))));
 };
 exports.FootnotesSelector = FootnotesSelector;
-const FootnotesList = ({ notes, isSelected, onSelect, inlineFootnote }) => {
+const FootnotesList = ({ footnotes, inlineFootnote, labels, isSelected, onSelect }) => {
+    const rids = inlineFootnote === null || inlineFootnote === void 0 ? void 0 : inlineFootnote.attrs.rids;
     const selectedNotes = [];
     const remainingNotes = [];
-    notes.forEach((note) => {
-        const isNoteSelected = inlineFootnote && inlineFootnote.attrs.rids.includes(note.node.attrs.id);
+    footnotes.forEach((footnote) => {
+        const isNoteSelected = rids === null || rids === void 0 ? void 0 : rids.includes(footnote.attrs.id);
         if (isNoteSelected) {
-            selectedNotes.push(note);
+            selectedNotes.push(footnote);
         }
         else {
-            remainingNotes.push(note);
+            remainingNotes.push(footnote);
         }
     });
     return (react_1.default.createElement(NotesListContainer, null,
-        selectedNotes.map((note) => (react_1.default.createElement(FootnoteItem, { key: note.node.attrs.id, note: note, isSelected: isSelected, onSelect: onSelect }))),
+        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.length > 0 && remainingNotes.length > 0 && react_1.default.createElement(Separator, null),
-        remainingNotes.map((note) => (react_1.default.createElement(FootnoteItem, { key: note.node.attrs.id, note: note, isSelected: isSelected, onSelect: onSelect })))));
+        remainingNotes.map((footnote) => (react_1.default.createElement(FootnoteItem, { key: footnote.attrs.id, footnote: footnote, label: labels.get(footnote.attrs.id), isSelected: isSelected, onSelect: onSelect })))));
 };
-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 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 Separator = styled_components_1.default.div `
   height: 0;

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

@@ -41,7 +41,6 @@ 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"));
@@ -73,7 +72,6 @@ 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,8 +31,9 @@ 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_editable_1 = __importDefault(require("../views/footnote_editable"));
+const footnote_1 = __importDefault(require("../views/footnote"));
 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"));
@@ -49,7 +50,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_editable_1 = __importDefault(require("../views/table_element_footer_editable"));
+const table_element_footer_1 = __importDefault(require("../views/table_element_footer"));
 const title_editable_1 = __importDefault(require("../views/title_editable"));
 const toc_element_editable_1 = __importDefault(require("../views/toc_element_editable"));
 exports.default = (props, dispatch) => {
@@ -66,8 +67,9 @@ 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_editable_1.default)(props),
+        footnote: (0, footnote_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),
@@ -85,7 +87,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_editable_1.default)(props),
+        table_element_footer: (0, table_element_footer_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/icons.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteIcon = exports.alertIcon = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = require("react");
+const server_1 = require("react-dom/server");
+exports.alertIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.AlertIcon));
+exports.deleteIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.DeleteIcon));

package/dist/cjs/index.js

@@ -47,6 +47,7 @@ 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");