@manuscripts/body-editor 1.7.8 → 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/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/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/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/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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.7.8",
+  "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",
+    "@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",

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;
 }