@manuscripts/body-editor 1.7.8-LEAN-3160-2 → 1.7.9

package/dist/cjs/assets.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.editAttrsTrackingIcon = exports.commentIcon = exports.editIcon = void 0;
+exports.alertIcon = exports.editAttrsTrackingIcon = exports.commentIcon = exports.editIcon = void 0;
 exports.editIcon = `
   <svg
     width="14"
@@ -102,3 +102,19 @@ exports.editAttrsTrackingIcon = `
     />
   </svg>
 `;
+exports.alertIcon = `
+  <svg
+    width="12"
+    height="12"
+    viewBox="0 0 12 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M6 12C2.68629 12 1.18852e-06 9.31371 1.47821e-06 6C1.7679e-06 2.68629 2.68629 1.39444e-07 6 4.29138e-07C9.31371 7.18831e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12ZM6.74998 2.99996L6.75 6.37462C6.75 6.78819 6.41522 7.12243 6.00166 7.12334C5.58681 7.12426 5.25001 6.78821 5.25001 6.37335L5.25 3.00082C5.25 2.58629 5.58629 2.25037 6.00082 2.25083C6.4147 2.25128 6.74998 2.58607 6.74998 2.99996ZM6.75 8.99263C6.75 9.46884 6.47288 9.75 5.99853 9.75C5.52419 9.75 5.25 9.47179 5.25 8.99558C5.25 8.51937 5.52421 8.25 5.99855 8.25C6.47289 8.25 6.75 8.51642 6.75 8.99263Z"
+      fill="#FE8F1F"
+    />
+  </svg>
+`;

package/dist/cjs/commands.js

@@ -696,37 +696,28 @@ const insertTableFootnote = (node, position, state, dispatch) => {
     });
     const insertedAt = state.selection.to;
     const inlineFootnotes = (0, prosemirror_utils_1.findChildrenByType)(node, transform_1.schema.nodes.inline_footnote);
-    const labels = inlineFootnotes.map((nodeWithPos) => nodeWithPos.node.attrs.contents);
     const inlineFootnoteNode = state.schema.nodes.inline_footnote.create({
         rids: [footnote.attrs.id],
-        contents: labels.length ? Math.max(...labels) + 1 : 1,
+        contents: inlineFootnotes.length + 1,
     });
     const tr = state.tr;
     tr.insert(insertedAt, inlineFootnoteNode);
+    const footnoteElement = state.schema.nodes.footnotes_element.create({}, footnote);
+    const tableElementFooter = (0, prosemirror_utils_1.findChildrenByType)(node, transform_1.schema.nodes.table_element_footer);
     let insertionPos;
-    const footnotesElement = (0, prosemirror_utils_1.findChildrenByType)(node, transform_1.schema.nodes.footnotes_element);
-    if (footnotesElement.length) {
-        const pos = footnotesElement[0].pos;
-        insertionPos = position + pos + footnotesElement[0].node.nodeSize + 1;
-        tr.insert(insertionPos, footnote);
+    if (tableElementFooter.length) {
+        const pos = tableElementFooter[0].pos;
+        insertionPos = position + pos + tableElementFooter[0].node.nodeSize + 1;
+        tr.insert(insertionPos, footnoteElement);
     }
     else {
-        const footnoteElement = state.schema.nodes.footnotes_element.create({}, footnote);
-        const tableElementFooter = (0, prosemirror_utils_1.findChildrenByType)(node, transform_1.schema.nodes.table_element_footer);
-        if (tableElementFooter.length) {
-            const pos = tableElementFooter[0].pos;
-            insertionPos = position + pos + tableElementFooter[0].node.nodeSize + 1;
-            tr.insert(insertionPos, footnoteElement);
-        }
-        else {
-            const tableSize = (_a = node.content.firstChild) === null || _a === void 0 ? void 0 : _a.nodeSize;
-            if (tableSize) {
-                insertionPos = position + tableSize + 2;
-                const tableElementFooter = transform_1.schema.nodes.table_element_footer.create({
-                    id: (0, transform_1.generateID)(json_schema_1.ObjectTypes.TableElementFooter),
-                }, [footnoteElement]);
-                tr.insert(insertionPos, tableElementFooter);
-            }
+        const tableSize = (_a = node.content.firstChild) === null || _a === void 0 ? void 0 : _a.nodeSize;
+        if (tableSize) {
+            insertionPos = position + tableSize + 2;
+            const tableElementFooter = transform_1.schema.nodes.table_element_footer.create({
+                id: (0, transform_1.generateID)(json_schema_1.ObjectTypes.TableElementFooter),
+            }, [footnoteElement]);
+            tr.insert(insertionPos, tableElementFooter);
         }
     }
     if (dispatch && insertionPos) {

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

@@ -14,16 +14,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContextMenu = exports.sectionLevel = void 0;
-const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const commands_1 = require("../commands");
-const ReactSubView_1 = __importDefault(require("../views/ReactSubView"));
 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];
@@ -41,7 +36,7 @@ const hasAny = (set, ...items) => {
     return items.some((i) => set.has(i));
 };
 class ContextMenu {
-    constructor(node, view, getPos, actions = {}, props) {
+    constructor(node, view, getPos, actions = {}) {
         this.showAddMenu = (target, after) => {
             const menu = document.createElement('div');
             menu.className = 'menu';
@@ -175,48 +170,11 @@ class ContextMenu {
                 if (isInTable) {
                     menu.appendChild(this.createMenuSection((section) => {
                         section.appendChild(this.createMenuItem('Add Reference Note', () => {
-                            var _a;
                             const footnotesElement = (0, prosemirror_utils_1.findChildrenByType)(this.node, transform_1.schema.nodes.footnotes_element);
                             if (!footnotesElement.length) {
                                 const { state, dispatch } = this.view;
                                 (0, commands_1.insertTableFootnote)(this.node, this.getPos(), state, dispatch);
                             }
-                            else {
-                                const footnotes = (0, prosemirror_utils_1.findChildrenByType)(footnotesElement[0].node, transform_1.schema.nodes.footnote).map((nodeWithPos) => {
-                                    return nodeWithPos.node;
-                                });
-                                const targetDom = this.view.domAtPos(this.view.state.selection.from);
-                                if (targetDom.node instanceof Element && this.props) {
-                                    const popperContainer = (0, ReactSubView_1.default)(Object.assign(Object.assign({}, this.props), { dispatch: this.view.dispatch }), style_guide_1.TableFootnotesSelector, {
-                                        notes: footnotes,
-                                        onAdd: () => {
-                                            var _a;
-                                            const { state, dispatch } = this.view;
-                                            (0, commands_1.insertTableFootnote)(this.node, this.getPos(), state, dispatch);
-                                            (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.destroy();
-                                        },
-                                        onInsert: (notes) => {
-                                            var _a;
-                                            const insertedAt = this.view.state.selection.to;
-                                            const node = this.view.state.schema.nodes.inline_footnote.create({
-                                                rids: notes.map((note) => note.attrs.id),
-                                                contents: notes
-                                                    .map((_, index) => ++index)
-                                                    .join(),
-                                            });
-                                            const tr = this.view.state.tr;
-                                            tr.insert(insertedAt, node);
-                                            this.view.dispatch(tr);
-                                            (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.destroy();
-                                        },
-                                        onCancel: () => {
-                                            var _a;
-                                            (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.destroy();
-                                        },
-                                    }, this.node, this.getPos, this.view, 'table-footnote-editor');
-                                    (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.show(targetDom.node, popperContainer, 'bottom-end');
-                                }
-                            }
                         }));
                     }));
                 }
@@ -337,7 +295,6 @@ class ContextMenu {
         this.view = view;
         this.getPos = getPos;
         this.actions = actions;
-        this.props = props;
     }
 }
 exports.ContextMenu = ContextMenu;

package/dist/cjs/plugins/footnotes/footnotes-utils.js

@@ -0,0 +1,30 @@
+"use strict";
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findTableInlineFootnoteIds = void 0;
+const transform_1 = require("@manuscripts/transform");
+const prosemirror_utils_1 = require("prosemirror-utils");
+const findTableInlineFootnoteIds = ($pos) => {
+    var _a;
+    const tableElement = (_a = (0, prosemirror_utils_1.findParentNodeClosestToPos)($pos, (node) => node.type === transform_1.schema.nodes.table_element)) === null || _a === void 0 ? void 0 : _a.node.firstChild;
+    return new Set(tableElement
+        ? (0, prosemirror_utils_1.findChildren)(tableElement, (node) => node.type === transform_1.schema.nodes.inline_footnote)
+            .map(({ node }) => node.attrs.rids)
+            .flat()
+        : []);
+};
+exports.findTableInlineFootnoteIds = findTableInlineFootnoteIds;

package/dist/cjs/plugins/footnotes/index.js

@@ -15,14 +15,16 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildPluginState = exports.footnotesKey = void 0;
+exports.uncitedFootnoteWidget = exports.buildPluginState = exports.footnotesKey = void 0;
 const transform_1 = require("@manuscripts/transform");
 const lodash_1 = require("lodash");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const prosemirror_view_1 = require("prosemirror-view");
+const assets_1 = require("../../assets");
 const utils_1 = require("../../lib/utils");
 const placeholder_1 = require("../placeholder");
+const footnotes_utils_1 = require("./footnotes-utils");
 exports.footnotesKey = new prosemirror_state_1.PluginKey('footnotes');
 const buildPluginState = (doc) => {
     const nodes = [];
@@ -59,6 +61,13 @@ const labelWidget = (label, id) => (view) => {
     });
     return element;
 };
+const uncitedFootnoteWidget = () => () => {
+    const element = document.createElement('span');
+    element.className = 'unctied-table-footnote';
+    element.innerHTML = assets_1.alertIcon;
+    return element;
+};
+exports.uncitedFootnoteWidget = uncitedFootnoteWidget;
 exports.default = () => {
     return new prosemirror_state_1.Plugin({
         key: exports.footnotesKey,
@@ -101,7 +110,8 @@ exports.default = () => {
                     }
                 }
                 const { labels } = exports.footnotesKey.getState(state);
-                state.doc.descendants((node, pos) => {
+                let tableInlineFootnoteIds = undefined;
+                state.doc.descendants((node, pos, parent) => {
                     var _a;
                     if ((0, transform_1.isFootnoteNode)(node)) {
                         const id = node.attrs.id;
@@ -116,11 +126,21 @@ exports.default = () => {
                         if (!((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent)) {
                             decorations.push(prosemirror_view_1.Decoration.widget(pos + 2, (0, placeholder_1.placeholderWidget)('Add new note here')));
                         }
+                        if (tableInlineFootnoteIds &&
+                            !tableInlineFootnoteIds.has(node.attrs.id)) {
+                            decorations.push(prosemirror_view_1.Decoration.widget(pos + node.nodeSize - 1, (0, exports.uncitedFootnoteWidget)()));
+                        }
                     }
                     if (node.type === transform_1.schema.nodes.footnotes_element) {
                         decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
                             class: 'footnote-element',
                         }));
+                        if ((parent === null || parent === void 0 ? void 0 : parent.type) === transform_1.schema.nodes.table_element_footer) {
+                            tableInlineFootnoteIds = (0, footnotes_utils_1.findTableInlineFootnoteIds)(state.doc.resolve(pos));
+                        }
+                        else {
+                            tableInlineFootnoteIds = undefined;
+                        }
                     }
                 });
                 return prosemirror_view_1.DecorationSet.create(state.doc, decorations);

package/dist/cjs/views/editable_block.js

@@ -117,7 +117,7 @@ const EditableBlock = (Base) => {
                 const { setComment } = this.props;
                 return new context_menu_1.ContextMenu(this.node, this.view, this.getPos, {
                     setComment,
-                }, this.props);
+                });
             };
         }
     };

package/dist/es/assets.js

@@ -99,3 +99,19 @@ export const editAttrsTrackingIcon = `
     />
   </svg>
 `;
+export const alertIcon = `
+  <svg
+    width="12"
+    height="12"
+    viewBox="0 0 12 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M6 12C2.68629 12 1.18852e-06 9.31371 1.47821e-06 6C1.7679e-06 2.68629 2.68629 1.39444e-07 6 4.29138e-07C9.31371 7.18831e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12ZM6.74998 2.99996L6.75 6.37462C6.75 6.78819 6.41522 7.12243 6.00166 7.12334C5.58681 7.12426 5.25001 6.78821 5.25001 6.37335L5.25 3.00082C5.25 2.58629 5.58629 2.25037 6.00082 2.25083C6.4147 2.25128 6.74998 2.58607 6.74998 2.99996ZM6.75 8.99263C6.75 9.46884 6.47288 9.75 5.99853 9.75C5.52419 9.75 5.25 9.47179 5.25 8.99558C5.25 8.51937 5.52421 8.25 5.99855 8.25C6.47289 8.25 6.75 8.51642 6.75 8.99263Z"
+      fill="#FE8F1F"
+    />
+  </svg>
+`;

package/dist/es/commands.js

@@ -660,37 +660,28 @@ export const insertTableFootnote = (node, position, state, dispatch) => {
     });
     const insertedAt = state.selection.to;
     const inlineFootnotes = findChildrenByType(node, schema.nodes.inline_footnote);
-    const labels = inlineFootnotes.map((nodeWithPos) => nodeWithPos.node.attrs.contents);
     const inlineFootnoteNode = state.schema.nodes.inline_footnote.create({
         rids: [footnote.attrs.id],
-        contents: labels.length ? Math.max(...labels) + 1 : 1,
+        contents: inlineFootnotes.length + 1,
     });
     const tr = state.tr;
     tr.insert(insertedAt, inlineFootnoteNode);
+    const footnoteElement = state.schema.nodes.footnotes_element.create({}, footnote);
+    const tableElementFooter = findChildrenByType(node, schema.nodes.table_element_footer);
     let insertionPos;
-    const footnotesElement = findChildrenByType(node, schema.nodes.footnotes_element);
-    if (footnotesElement.length) {
-        const pos = footnotesElement[0].pos;
-        insertionPos = position + pos + footnotesElement[0].node.nodeSize + 1;
-        tr.insert(insertionPos, footnote);
+    if (tableElementFooter.length) {
+        const pos = tableElementFooter[0].pos;
+        insertionPos = position + pos + tableElementFooter[0].node.nodeSize + 1;
+        tr.insert(insertionPos, footnoteElement);
     }
     else {
-        const footnoteElement = state.schema.nodes.footnotes_element.create({}, footnote);
-        const tableElementFooter = findChildrenByType(node, schema.nodes.table_element_footer);
-        if (tableElementFooter.length) {
-            const pos = tableElementFooter[0].pos;
-            insertionPos = position + pos + tableElementFooter[0].node.nodeSize + 1;
-            tr.insert(insertionPos, footnoteElement);
-        }
-        else {
-            const tableSize = (_a = node.content.firstChild) === null || _a === void 0 ? void 0 : _a.nodeSize;
-            if (tableSize) {
-                insertionPos = position + tableSize + 2;
-                const tableElementFooter = schema.nodes.table_element_footer.create({
-                    id: generateID(ObjectTypes.TableElementFooter),
-                }, [footnoteElement]);
-                tr.insert(insertionPos, tableElementFooter);
-            }
+        const tableSize = (_a = node.content.firstChild) === null || _a === void 0 ? void 0 : _a.nodeSize;
+        if (tableSize) {
+            insertionPos = position + tableSize + 2;
+            const tableElementFooter = schema.nodes.table_element_footer.create({
+                id: generateID(ObjectTypes.TableElementFooter),
+            }, [footnoteElement]);
+            tr.insert(insertionPos, tableElementFooter);
         }
     }
     if (dispatch && insertionPos) {

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

@@ -13,11 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { TableFootnotesSelector } from '@manuscripts/style-guide';
 import { isInBibliographySection, nodeNames, schema, } from '@manuscripts/transform';
 import { findChildrenByType, hasParentNodeOfType } from 'prosemirror-utils';
 import { addComment, createBlock, insertTableFootnote } from '../commands';
-import ReactSubView from '../views/ReactSubView';
 import { PopperManager } from './popper';
 const popper = new PopperManager();
 const listTypes = [schema.nodes.ordered_list, schema.nodes.bullet_list];
@@ -34,7 +32,7 @@ const hasAny = (set, ...items) => {
     return items.some((i) => set.has(i));
 };
 export class ContextMenu {
-    constructor(node, view, getPos, actions = {}, props) {
+    constructor(node, view, getPos, actions = {}) {
         this.showAddMenu = (target, after) => {
             const menu = document.createElement('div');
             menu.className = 'menu';
@@ -168,48 +166,11 @@ export class ContextMenu {
                 if (isInTable) {
                     menu.appendChild(this.createMenuSection((section) => {
                         section.appendChild(this.createMenuItem('Add Reference Note', () => {
-                            var _a;
                             const footnotesElement = findChildrenByType(this.node, schema.nodes.footnotes_element);
                             if (!footnotesElement.length) {
                                 const { state, dispatch } = this.view;
                                 insertTableFootnote(this.node, this.getPos(), state, dispatch);
                             }
-                            else {
-                                const footnotes = findChildrenByType(footnotesElement[0].node, schema.nodes.footnote).map((nodeWithPos) => {
-                                    return nodeWithPos.node;
-                                });
-                                const targetDom = this.view.domAtPos(this.view.state.selection.from);
-                                if (targetDom.node instanceof Element && this.props) {
-                                    const popperContainer = ReactSubView(Object.assign(Object.assign({}, this.props), { dispatch: this.view.dispatch }), TableFootnotesSelector, {
-                                        notes: footnotes,
-                                        onAdd: () => {
-                                            var _a;
-                                            const { state, dispatch } = this.view;
-                                            insertTableFootnote(this.node, this.getPos(), state, dispatch);
-                                            (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.destroy();
-                                        },
-                                        onInsert: (notes) => {
-                                            var _a;
-                                            const insertedAt = this.view.state.selection.to;
-                                            const node = this.view.state.schema.nodes.inline_footnote.create({
-                                                rids: notes.map((note) => note.attrs.id),
-                                                contents: notes
-                                                    .map((_, index) => ++index)
-                                                    .join(),
-                                            });
-                                            const tr = this.view.state.tr;
-                                            tr.insert(insertedAt, node);
-                                            this.view.dispatch(tr);
-                                            (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.destroy();
-                                        },
-                                        onCancel: () => {
-                                            var _a;
-                                            (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.destroy();
-                                        },
-                                    }, this.node, this.getPos, this.view, 'table-footnote-editor');
-                                    (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.show(targetDom.node, popperContainer, 'bottom-end');
-                                }
-                            }
                         }));
                     }));
                 }
@@ -330,6 +291,5 @@ export class ContextMenu {
         this.view = view;
         this.getPos = getPos;
         this.actions = actions;
-        this.props = props;
     }
 }

package/dist/es/plugins/footnotes/footnotes-utils.js

@@ -0,0 +1,26 @@
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { schema } from '@manuscripts/transform';
+import { findChildren, findParentNodeClosestToPos } from 'prosemirror-utils';
+export const findTableInlineFootnoteIds = ($pos) => {
+    var _a;
+    const tableElement = (_a = findParentNodeClosestToPos($pos, (node) => node.type === schema.nodes.table_element)) === null || _a === void 0 ? void 0 : _a.node.firstChild;
+    return new Set(tableElement
+        ? findChildren(tableElement, (node) => node.type === schema.nodes.inline_footnote)
+            .map(({ node }) => node.attrs.rids)
+            .flat()
+        : []);
+};

package/dist/es/plugins/footnotes/index.js

@@ -18,8 +18,10 @@ import { isEqual } from 'lodash';
 import { NodeSelection, Plugin, PluginKey } from 'prosemirror-state';
 import { hasParentNodeOfType } from 'prosemirror-utils';
 import { Decoration, DecorationSet } from 'prosemirror-view';
+import { alertIcon } from '../../assets';
 import { findParentNodeWithIdValue } from '../../lib/utils';
 import { placeholderWidget } from '../placeholder';
+import { findTableInlineFootnoteIds } from './footnotes-utils';
 export const footnotesKey = new PluginKey('footnotes');
 export const buildPluginState = (doc) => {
     const nodes = [];
@@ -55,6 +57,12 @@ const labelWidget = (label, id) => (view) => {
     });
     return element;
 };
+export const uncitedFootnoteWidget = () => () => {
+    const element = document.createElement('span');
+    element.className = 'unctied-table-footnote';
+    element.innerHTML = alertIcon;
+    return element;
+};
 export default () => {
     return new Plugin({
         key: footnotesKey,
@@ -97,7 +105,8 @@ export default () => {
                     }
                 }
                 const { labels } = footnotesKey.getState(state);
-                state.doc.descendants((node, pos) => {
+                let tableInlineFootnoteIds = undefined;
+                state.doc.descendants((node, pos, parent) => {
                     var _a;
                     if (isFootnoteNode(node)) {
                         const id = node.attrs.id;
@@ -112,11 +121,21 @@ export default () => {
                         if (!((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent)) {
                             decorations.push(Decoration.widget(pos + 2, placeholderWidget('Add new note here')));
                         }
+                        if (tableInlineFootnoteIds &&
+                            !tableInlineFootnoteIds.has(node.attrs.id)) {
+                            decorations.push(Decoration.widget(pos + node.nodeSize - 1, uncitedFootnoteWidget()));
+                        }
                     }
                     if (node.type === schema.nodes.footnotes_element) {
                         decorations.push(Decoration.node(pos, pos + node.nodeSize, {
                             class: 'footnote-element',
                         }));
+                        if ((parent === null || parent === void 0 ? void 0 : parent.type) === schema.nodes.table_element_footer) {
+                            tableInlineFootnoteIds = findTableInlineFootnoteIds(state.doc.resolve(pos));
+                        }
+                        else {
+                            tableInlineFootnoteIds = undefined;
+                        }
                     }
                 });
                 return DecorationSet.create(state.doc, decorations);

package/dist/es/views/editable_block.js

@@ -114,7 +114,7 @@ export const EditableBlock = (Base) => {
                 const { setComment } = this.props;
                 return new ContextMenu(this.node, this.view, this.getPos, {
                     setComment,
-                }, this.props);
+                });
             };
         }
     };

package/dist/types/assets.d.ts

@@ -16,3 +16,4 @@
 export declare const editIcon = "\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M8.706 2.33624L11.553 5.19824L4.345 12.4422L1.498 9.58124L8.706 2.33624V2.33624ZM13.714 1.64624L12.444 0.37024C12.3273 0.253047 12.1886 0.160056 12.0359 0.0966039C11.8831 0.0331518 11.7194 0.000488281 11.554 0.000488281C11.3886 0.000488281 11.2249 0.0331518 11.0721 0.0966039C10.9194 0.160056 10.7807 0.253047 10.664 0.37024L9.447 1.59224L12.295 4.45424L13.715 3.02824C13.8976 2.84462 14.0001 2.59619 14.0001 2.33724C14.0001 2.07829 13.8976 1.82986 13.715 1.64624H13.714ZM0.00800253 13.6032C-0.00418388 13.6571 -0.00246802 13.7131 0.0129883 13.7661C0.0284447 13.819 0.0571327 13.8672 0.096349 13.906C0.135565 13.9448 0.184019 13.973 0.237143 13.9879C0.290268 14.0028 0.346315 14.004 0.400003 13.9912L3.573 13.2172L0.727003 10.3552L0.0070026 13.6032H0.00800253Z\"\n      fill=\"#6E6E6E\"\n    />\n  </svg>\n";
 export declare const commentIcon = "\n<svg\n    width=\"20\"\n    height=\"15\"\n    viewBox=\"0 0 20 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M7.94841 4.18311C7.98238 3.9602 8 3.73191 8 3.49951C8 3.22073 7.97465 2.94787 7.92613 2.68311H13.5C14.8854 2.68311 16.25 3.6425 16.25 5.09977V9.02453L19.1086 12.9949C19.2731 13.2233 19.2958 13.5245 19.1675 13.775C19.0392 14.0255 18.7814 14.1831 18.5 14.1831H5.5C4.11463 14.1831 2.75 13.2237 2.75 11.7664V7.93729C2.9939 7.97821 3.24446 7.99951 3.5 7.99951C3.75553 7.99951 4.00609 7.97821 4.25 7.93729V11.7664C4.25 12.1508 4.67537 12.6831 5.5 12.6831H17.0358L14.8913 9.70467C14.7994 9.57703 14.75 9.42372 14.75 9.26644V5.09977C14.75 4.71538 14.3246 4.18311 13.5 4.18311H7.94841Z\"\n      fill=\"#FFBD26\"\n    />\n    <path\n      d=\"M11.5 6.99951H8.5\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M12 9.99951H7\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M3.5 1L3.5 6\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M6 3.5L1 3.5\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n";
 export declare const editAttrsTrackingIcon = "\n <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12 2L14 4L9 9L6 10L7 7L12 2Z\"\n      stroke=\"#353535\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M13 10V11.5C13 12.328 12.328 13 11.5 13H4.5C3.672 13 3 12.328 3 11.5V4.5C3 3.672 3.672 3 4.5 3H6\"\n      stroke=\"#353535\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n";
+export declare const alertIcon = "\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 12 12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M6 12C2.68629 12 1.18852e-06 9.31371 1.47821e-06 6C1.7679e-06 2.68629 2.68629 1.39444e-07 6 4.29138e-07C9.31371 7.18831e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12ZM6.74998 2.99996L6.75 6.37462C6.75 6.78819 6.41522 7.12243 6.00166 7.12334C5.58681 7.12426 5.25001 6.78821 5.25001 6.37335L5.25 3.00082C5.25 2.58629 5.58629 2.25037 6.00082 2.25083C6.4147 2.25128 6.74998 2.58607 6.74998 2.99996ZM6.75 8.99263C6.75 9.46884 6.47288 9.75 5.99853 9.75C5.52419 9.75 5.25 9.47179 5.25 8.99558C5.25 8.51937 5.52421 8.25 5.99855 8.25C6.47289 8.25 6.75 8.51642 6.75 8.99263Z\"\n      fill=\"#FE8F1F\"\n    />\n  </svg>\n";

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

@@ -15,7 +15,6 @@
  */
 import { CommentAnnotation } from '@manuscripts/json-schema';
 import { ManuscriptEditorView, ManuscriptNode } from '@manuscripts/transform';
-import { EditableBlockProps } from '../views/editable_block';
 export declare const sectionLevel: (depth: number) => string;
 interface Actions {
     setComment?: (comment: CommentAnnotation) => void;
@@ -25,8 +24,7 @@ export declare class ContextMenu {
     private readonly view;
     private readonly getPos;
     private readonly actions;
-    private readonly props?;
-    constructor(node: ManuscriptNode, view: ManuscriptEditorView, getPos: () => number, actions?: Actions, props?: EditableBlockProps);
+    constructor(node: ManuscriptNode, view: ManuscriptEditorView, getPos: () => number, actions?: Actions);
     showAddMenu: (target: Element, after: boolean) => void;
     showEditMenu: (target: Element) => void;
     private createMenuItem;

package/dist/types/plugins/footnotes/footnotes-utils.d.ts

@@ -0,0 +1,17 @@
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ResolvedPos } from 'prosemirror-model';
+export declare const findTableInlineFootnoteIds: ($pos: ResolvedPos) => Set<string>;

package/dist/types/plugins/footnotes/index.d.ts

@@ -21,5 +21,6 @@ interface PluginState {
 }
 export declare const footnotesKey: PluginKey<PluginState>;
 export declare const buildPluginState: (doc: ManuscriptNode) => PluginState;
+export declare const uncitedFootnoteWidget: () => () => HTMLSpanElement;
 declare const _default: () => Plugin<PluginState>;
 export default _default;

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

@@ -26,7 +26,7 @@ export interface EditableBlockProps extends BaseNodeProps {
     retrySync: (componentIDs: string[]) => Promise<void>;
     setComment: (comment: CommentAnnotation) => void;
     dispatch?: Dispatch;
-    theme: DefaultTheme;
+    theme?: DefaultTheme;
 }
 export declare const EditableBlock: <T extends Constructor<BlockView<EditableBlockProps>>>(Base: T) => {
     new (...args: any[]): {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.7.8-LEAN-3160-2",
+  "version": "1.7.9",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -29,11 +29,11 @@
   "dependencies": {
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/assets": "^0.6.4",
-    "@manuscripts/json-schema": "^2.2.2",
-    "@manuscripts/library": "1.3.2",
-    "@manuscripts/style-guide": "1.7.5-LEAN-3160-1",
+    "@manuscripts/json-schema": "^2.2.4",
+    "@manuscripts/library": "^1.3.3",
+    "@manuscripts/style-guide": "^1.7.6",
     "@manuscripts/track-changes-plugin": "^1.7.5",
-    "@manuscripts/transform": "2.1.1",
+    "@manuscripts/transform": "^2.1.2",
     "astrocite-eutils": "^0.16.4",
     "axios": "^1.6.7",
     "codemirror": "^5.58.1",
@@ -109,4 +109,4 @@
   "resolutions": {
     "@types/react": "^17.0.2"
   }
-}
+}

package/styles/Editor.css

@@ -955,7 +955,7 @@
   counter-reset: table_footnote;
 }
 
-.ProseMirror .table-footer .footnote-element p::before {
+.ProseMirror .table-footer .footnote-element > div:not(:has(.unctied-table-footnote)) p::before  {
   counter-increment: table_footnote;
   content: counter(table_footnote);
   display: inline-block;
@@ -998,6 +998,18 @@
   cursor: pointer;
 }
 
+.ProseMirror .footnote-element > div:has(.unctied-table-footnote) {
+  position: relative;
+}
+
+.ProseMirror .unctied-table-footnote {
+  display: flex;
+  position: absolute;
+  margin-right: 4px;
+  top: 10%;
+  right: 100%;
+}
+
 .graphical-abstract .listing {
   display: none;
 }

package/styles/popper.css

@@ -135,8 +135,7 @@
 .popper .citation-editor,
 .popper .cross-reference-editor,
 .popper .citation-references,
-.popper .track-changes-review-panel,
-.popper .table-footnote-editor {
+.popper .track-changes-review-panel {
   background: #fff;
   border: 1px solid #e2e2e2;
   border-radius: 8px;
@@ -190,8 +189,7 @@
   height: auto;
 }
 
-.popper .citation-editor,
-.popper .table-footnote-editor {
+.popper .citation-editor {
   width: 600px;
 }
 
@@ -206,8 +204,7 @@
   .popper .citation-editor,
   .popper .cross-reference-editor,
   .popper .equation-editor,
-  .popper .link-editor,
-  .popper .table-footnote-editor {
+  .popper .link-editor {
     min-width: 90%;
     max-width: 90%;
   }
@@ -222,10 +219,6 @@
   width: 600px;
 }
 
-.popper .table-footnote-editor {
-  left: 50%;
-  transform: translate(-50%, -100%);
-}
 
 .popper .track-attrs-popper {
   box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.30);