@manuscripts/body-editor 1.7.14 → 1.7.15-LEAN-3405-0

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

@@ -132,9 +132,6 @@ exports.default = () => {
                         }
                     }
                     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));
                         }

package/dist/cjs/views/footnotes_element.js

@@ -19,22 +19,42 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FootnotesElementView = void 0;
+const transform_1 = require("@manuscripts/transform");
+const prosemirror_utils_1 = require("prosemirror-utils");
+const track_changes_utils_1 = require("../lib/track-changes-utils");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
 class FootnotesElementView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.elementType = 'div';
+        this.updateContents = () => {
+            const $pos = this.view.state.doc.resolve(this.getPos());
+            const inTableFooter = !!(0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, transform_1.schema.nodes.table_element_footer);
+            if (inTableFooter) {
+                this.setTCClasses();
+            }
+        };
         this.checkEditability = () => {
             var _a, _b;
             const editable = this.node.childCount ? 'true' : 'false';
             (_a = this.contentDOM) === null || _a === void 0 ? void 0 : _a.setAttribute('contenteditable', editable);
             (_b = this.dom) === null || _b === void 0 ? void 0 : _b.setAttribute('contenteditable', editable);
         };
+        this.setTCClasses = () => {
+            const classNames = ['footnote-element'];
+            const dataTracked = this.node.attrs.dataTracked;
+            if (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.length) {
+                const lastChange = dataTracked[dataTracked.length - 1];
+                const changeClasses = (0, track_changes_utils_1.getChangeClasses)([lastChange]);
+                classNames.push(...changeClasses);
+            }
+            this.dom.className = classNames.join(' ');
+        };
     }
     onUpdateContent() {
         this.checkEditability();
     }
 }
 exports.FootnotesElementView = FootnotesElementView;
-exports.default = (0, creators_1.createNodeOrElementView)(FootnotesElementView, 'div');
+exports.default = (0, creators_1.createNodeView)(FootnotesElementView);

package/dist/cjs/views/footnotes_element_editable.js

@@ -18,4 +18,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const creators_1 = require("./creators");
 const editable_block_1 = require("./editable_block");
 const footnotes_element_1 = require("./footnotes_element");
-exports.default = (0, creators_1.createNodeOrElementView)((0, editable_block_1.EditableBlock)(footnotes_element_1.FootnotesElementView), 'div');
+exports.default = (0, creators_1.createNodeView)((0, editable_block_1.EditableBlock)(footnotes_element_1.FootnotesElementView));

package/dist/cjs/views/inline_footnote.js

@@ -16,6 +16,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineFootnoteView = void 0;
+const track_changes_utils_1 = require("../lib/track-changes-utils");
 const base_node_view_1 = require("./base_node_view");
 const creators_1 = require("./creators");
 class InlineFootnoteView extends base_node_view_1.BaseNodeView {
@@ -26,6 +27,10 @@ class InlineFootnoteView extends base_node_view_1.BaseNodeView {
         };
         this.updateContents = () => {
             this.setDomAttrs(this.node, this.dom);
+            this.dom.className = [
+                'footnote',
+                ...(0, track_changes_utils_1.getChangeClasses)(this.node.attrs.dataTracked),
+            ].join(' ');
         };
         this.initialise = () => {
             this.dom = this.createDOM();

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

@@ -127,9 +127,6 @@ export default () => {
                         }
                     }
                     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));
                         }

package/dist/es/views/footnotes_element.js

@@ -13,21 +13,41 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { schema } from '@manuscripts/transform';
+import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
+import { getChangeClasses } from '../lib/track-changes-utils';
 import BlockView from './block_view';
-import { createNodeOrElementView } from './creators';
+import { createNodeView } from './creators';
 export class FootnotesElementView extends BlockView {
     constructor() {
         super(...arguments);
         this.elementType = 'div';
+        this.updateContents = () => {
+            const $pos = this.view.state.doc.resolve(this.getPos());
+            const inTableFooter = !!findParentNodeOfTypeClosestToPos($pos, schema.nodes.table_element_footer);
+            if (inTableFooter) {
+                this.setTCClasses();
+            }
+        };
         this.checkEditability = () => {
             var _a, _b;
             const editable = this.node.childCount ? 'true' : 'false';
             (_a = this.contentDOM) === null || _a === void 0 ? void 0 : _a.setAttribute('contenteditable', editable);
             (_b = this.dom) === null || _b === void 0 ? void 0 : _b.setAttribute('contenteditable', editable);
         };
+        this.setTCClasses = () => {
+            const classNames = ['footnote-element'];
+            const dataTracked = this.node.attrs.dataTracked;
+            if (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.length) {
+                const lastChange = dataTracked[dataTracked.length - 1];
+                const changeClasses = getChangeClasses([lastChange]);
+                classNames.push(...changeClasses);
+            }
+            this.dom.className = classNames.join(' ');
+        };
     }
     onUpdateContent() {
         this.checkEditability();
     }
 }
-export default createNodeOrElementView(FootnotesElementView, 'div');
+export default createNodeView(FootnotesElementView);

package/dist/es/views/footnotes_element_editable.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { createNodeOrElementView } from './creators';
+import { createNodeView } from './creators';
 import { EditableBlock } from './editable_block';
 import { FootnotesElementView } from './footnotes_element';
-export default createNodeOrElementView(EditableBlock(FootnotesElementView), 'div');
+export default createNodeView(EditableBlock(FootnotesElementView));

package/dist/es/views/inline_footnote.js

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { getChangeClasses } from '../lib/track-changes-utils';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
 export class InlineFootnoteView extends BaseNodeView {
@@ -23,6 +24,10 @@ export class InlineFootnoteView extends BaseNodeView {
         };
         this.updateContents = () => {
             this.setDomAttrs(this.node, this.dom);
+            this.dom.className = [
+                'footnote',
+                ...getChangeClasses(this.node.attrs.dataTracked),
+            ].join(' ');
         };
         this.initialise = () => {
             this.dom = this.createDOM();

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

@@ -17,8 +17,10 @@ import { BaseNodeProps } from './base_node_view';
 import BlockView from './block_view';
 export declare class FootnotesElementView<PropsType extends BaseNodeProps> extends BlockView<PropsType> {
     elementType: string;
+    updateContents: () => void;
     onUpdateContent(): void;
     checkEditability: () => void;
+    setTCClasses: () => void;
 }
-declare const _default: (props: BaseNodeProps) => import("../types").NodeViewCreator<FootnotesElementView<any>>;
+declare const _default: (props: BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<FootnotesElementView<any>>;
 export default _default;

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { FootnotesElementView } from './footnotes_element';
-declare const _default: (props: import("./base_node_view").BaseNodeProps) => import("../types").NodeViewCreator<{
+declare const _default: (props: import("./base_node_view").BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<{
     gutterButtons: () => HTMLElement[];
     actionGutterButtons: () => HTMLElement[];
     createSyncWarningButton: () => HTMLElement | null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.7.14",
+  "version": "1.7.15-LEAN-3405-0",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,7 +32,7 @@
     "@manuscripts/json-schema": "^2.2.4",
     "@manuscripts/library": "^1.3.3",
     "@manuscripts/style-guide": "^1.7.9",
-    "@manuscripts/track-changes-plugin": "^1.7.5",
+    "@manuscripts/track-changes-plugin": "^1.7.6",
     "@manuscripts/transform": "^2.1.4",
     "astrocite-eutils": "^0.16.4",
     "axios": "^1.6.7",

package/styles/Editor.css

@@ -944,6 +944,11 @@
   padding-top: 8px;
 }
 
+.ProseMirror .table-footer .block-gutter,
+.ProseMirror .table-footer .action-gutter {
+  display: none;
+}
+
 .ProseMirror .table-footer .footnote-element:not(:first-child)::before {
   content: '';
   border-bottom: 1px dashed #C9C9C9;
@@ -955,7 +960,12 @@
   counter-reset: table_footnote;
 }
 
-.ProseMirror .table-footer .footnote-element > div:not(:has(.unctied-table-footnote)) p::before  {
+.ProseMirror
+  .table-footer
+  .footnote-element
+  div.block
+  > div:not(:has(.unctied-table-footnote))
+  p::before {
   counter-increment: table_footnote;
   content: counter(table_footnote);
   display: inline-block;
@@ -998,7 +1008,7 @@
   cursor: pointer;
 }
 
-.ProseMirror .footnote-element > div:has(.unctied-table-footnote) {
+.ProseMirror .footnote-element div.block > div:has(.unctied-table-footnote) {
   position: relative;
 }