@manuscripts/body-editor 2.0.45-LEAN-3931.0 → 2.0.45

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

@@ -56,7 +56,6 @@ exports.default = (props, dispatch) => {
         title: (0, title_editable_1.default)(props, dispatch),
         bibliography_element: (0, bibliography_element_editable_1.default)(props, dispatch),
         blockquote_element: (0, blockquote_element_editable_1.default)(props),
-        list: (0, list_1.default)(props),
         citation: (0, citation_editable_1.default)(props, dispatch),
         cross_reference: (0, cross_reference_editable_1.default)(props, dispatch),
         contributors: (0, contributors_1.default)(props, dispatch),
@@ -72,6 +71,7 @@ exports.default = (props, dispatch) => {
         keyword: (0, keyword_1.default)(props, dispatch),
         keyword_group: (0, keyword_group_1.default)(props, dispatch),
         link: (0, link_editable_1.default)(props, dispatch),
+        list: (0, list_1.default)(props),
         list_item: (0, list_item_1.default)(props),
         paragraph: (0, paragraph_editable_1.default)(props),
         placeholder: (0, placeholder_1.default)(props),

package/dist/cjs/lib/math.js

@@ -52,35 +52,8 @@ const renderMath = (node) => {
     if (!window.MathJax) {
         (0, exports.initMathJax)();
     }
-    if (window.MathJax.typeset) {
-        if (!node.parentNode) {
-            awaitMounting(node).then(() => {
-                window.MathJax.typeset([node]);
-            });
-        }
-        else {
-            window.MathJax.typeset([node]);
-        }
+    if (window.MathJax.typeset && node.parentNode) {
+        window.MathJax.typeset([node]);
     }
 };
 exports.renderMath = renderMath;
-function awaitMounting(node) {
-    return new Promise(function (resolve, reject) {
-        let max = 10;
-        function wait() {
-            max--;
-            if (!node.parentNode) {
-                setTimeout(() => {
-                    wait();
-                }, 0);
-            }
-            else {
-                resolve();
-            }
-            if (max <= 0) {
-                reject();
-            }
-        }
-        wait();
-    });
-}

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '2.0.45-LEAN-3931.0';
+exports.VERSION = '2.0.45';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/ReactSubView.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const client_1 = require("react-dom/client");
 const styled_components_1 = require("styled-components");
-exports.default = (props, Component, componentProps, node, getPos, view, classNames = '') => {
+function createSubView(props, Component, componentProps, node, getPos, view, classNames = '') {
     const container = document.createElement('div');
     container.classList.add('tools-panel');
     if (classNames) {
@@ -40,4 +40,5 @@ exports.default = (props, Component, componentProps, node, getPos, view, classNa
     const root = (0, client_1.createRoot)(container);
     root.render(react_1.default.createElement(Wrapped, null));
     return container;
-};
+}
+exports.default = createSubView;

package/dist/cjs/views/bibliography_element.js

@@ -138,6 +138,7 @@ class BibliographyElementBlockView extends block_view_1.default {
                 const node = nodes.get(id);
                 const comment = (0, comments_1.createCommentMarker)('div', id);
                 element.prepend(comment);
+                node.attrs;
                 const attrs = node.attrs;
                 const change = (_a = attrs.dataTracked) === null || _a === void 0 ? void 0 : _a[0];
                 if (change) {

package/dist/cjs/views/cross_reference.js

@@ -25,8 +25,7 @@ class CrossReferenceView extends base_node_view_1.BaseNodeView {
         this.selectNode = () => {
         };
         this.handleClick = () => {
-            const xref = this.node;
-            const rids = xref.attrs.rids;
+            const rids = this.node.attrs.rids;
             if (!rids.length) {
                 return;
             }

package/dist/cjs/views/cross_reference_editable.js

@@ -40,8 +40,7 @@ class CrossReferenceEditableView extends cross_reference_1.CrossReferenceView {
         super(...arguments);
         this.selectNode = () => {
             const { getCapabilities } = this.props;
-            const xref = this.node;
-            const rids = xref.attrs.rids;
+            const rids = this.node.attrs.rids;
             const can = getCapabilities();
             if (!(can === null || can === void 0 ? void 0 : can.editArticle) || rids.length) {
                 return;

package/dist/cjs/views/figure_element.js

@@ -66,7 +66,7 @@ class FigureElementView extends block_view_1.default {
             }
             this.contentDOM.setAttribute('data-figure-style', figureStyle);
             this.contentDOM.setAttribute('data-figure-layout', figureLayout);
-            this.contentDOM.setAttribute('data-alignment', alignment);
+            this.contentDOM.setAttribute('data-alignment', alignment || '');
             if (sizeFraction > 1) {
                 this.contentDOM.style.width = '100%';
                 this.contentDOM.style.padding = '0 !important';

package/dist/cjs/views/inline_footnote.js

@@ -170,7 +170,9 @@ class InlineFootnoteView extends base_node_view_1.BaseNodeView {
         };
         this.onInsert = (notes) => {
             if (notes.length) {
-                const contents = this.node.attrs.contents.split(',');
+                const contents = this.node.attrs.contents
+                    .split(',')
+                    .map((n) => parseInt(n));
                 const rids = notes.map((note) => note.node.attrs.id);
                 const { tr } = this.view.state;
                 if (rids.length) {

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

@@ -51,7 +51,6 @@ export default (props, dispatch) => {
         title: title(props, dispatch),
         bibliography_element: bibliographyElement(props, dispatch),
         blockquote_element: blockquoteElement(props),
-        list: list(props),
         citation: citation(props, dispatch),
         cross_reference: crossReference(props, dispatch),
         contributors: contributors(props, dispatch),
@@ -67,6 +66,7 @@ export default (props, dispatch) => {
         keyword: keyword(props, dispatch),
         keyword_group: keywordGroup(props, dispatch),
         link: link(props, dispatch),
+        list: list(props),
         list_item: list_item(props),
         paragraph: paragraph(props),
         placeholder: placeholder(props),

package/dist/es/lib/math.js

@@ -48,34 +48,7 @@ export const renderMath = (node) => {
     if (!window.MathJax) {
         initMathJax();
     }
-    if (window.MathJax.typeset) {
-        if (!node.parentNode) {
-            awaitMounting(node).then(() => {
-                window.MathJax.typeset([node]);
-            });
-        }
-        else {
-            window.MathJax.typeset([node]);
-        }
+    if (window.MathJax.typeset && node.parentNode) {
+        window.MathJax.typeset([node]);
     }
 };
-function awaitMounting(node) {
-    return new Promise(function (resolve, reject) {
-        let max = 10;
-        function wait() {
-            max--;
-            if (!node.parentNode) {
-                setTimeout(() => {
-                    wait();
-                }, 0);
-            }
-            else {
-                resolve();
-            }
-            if (max <= 0) {
-                reject();
-            }
-        }
-        wait();
-    });
-}

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.0.45-LEAN-3931.0';
+export const VERSION = '2.0.45';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/ReactSubView.js

@@ -16,7 +16,7 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { ThemeProvider } from 'styled-components';
-export default (props, Component, componentProps, node, getPos, view, classNames = '') => {
+function createSubView(props, Component, componentProps, node, getPos, view, classNames = '') {
     const container = document.createElement('div');
     container.classList.add('tools-panel');
     if (classNames) {
@@ -35,4 +35,5 @@ export default (props, Component, componentProps, node, getPos, view, classNames
     const root = createRoot(container);
     root.render(React.createElement(Wrapped, null));
     return container;
-};
+}
+export default createSubView;

package/dist/es/views/bibliography_element.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { ContextMenu } from '@manuscripts/style-guide';
-import { schema } from '@manuscripts/transform';
+import { schema, } from '@manuscripts/transform';
 import { NodeSelection } from 'prosemirror-state';
 import { addNodeComment } from '../commands';
 import { ReferencesEditor, } from '../components/references/ReferencesEditor';
@@ -132,6 +132,7 @@ export class BibliographyElementBlockView extends BlockView {
                 const node = nodes.get(id);
                 const comment = createCommentMarker('div', id);
                 element.prepend(comment);
+                node.attrs;
                 const attrs = node.attrs;
                 const change = (_a = attrs.dataTracked) === null || _a === void 0 ? void 0 : _a[0];
                 if (change) {

package/dist/es/views/cross_reference.js

@@ -22,8 +22,7 @@ export class CrossReferenceView extends BaseNodeView {
         this.selectNode = () => {
         };
         this.handleClick = () => {
-            const xref = this.node;
-            const rids = xref.attrs.rids;
+            const rids = this.node.attrs.rids;
             if (!rids.length) {
                 return;
             }

package/dist/es/views/cross_reference_editable.js

@@ -34,8 +34,7 @@ export class CrossReferenceEditableView extends CrossReferenceView {
         super(...arguments);
         this.selectNode = () => {
             const { getCapabilities } = this.props;
-            const xref = this.node;
-            const rids = xref.attrs.rids;
+            const rids = this.node.attrs.rids;
             const can = getCapabilities();
             if (!(can === null || can === void 0 ? void 0 : can.editArticle) || rids.length) {
                 return;

package/dist/es/views/editable_block.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { schema } from '@manuscripts/transform';
+import { schema, } from '@manuscripts/transform';
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 import { ContextMenu, contextMenuBtnClass } from '../lib/context-menu';
 const isNotNull = (a) => a !== null;

package/dist/es/views/figure_element.js

@@ -60,7 +60,7 @@ export class FigureElementView extends BlockView {
             }
             this.contentDOM.setAttribute('data-figure-style', figureStyle);
             this.contentDOM.setAttribute('data-figure-layout', figureLayout);
-            this.contentDOM.setAttribute('data-alignment', alignment);
+            this.contentDOM.setAttribute('data-alignment', alignment || '');
             if (sizeFraction > 1) {
                 this.contentDOM.style.width = '100%';
                 this.contentDOM.style.padding = '0 !important';

package/dist/es/views/inline_footnote.js

@@ -164,7 +164,9 @@ export class InlineFootnoteView extends BaseNodeView {
         };
         this.onInsert = (notes) => {
             if (notes.length) {
-                const contents = this.node.attrs.contents.split(',');
+                const contents = this.node.attrs.contents
+                    .split(',')
+                    .map((n) => parseInt(n));
                 const rids = notes.map((note) => note.node.attrs.id);
                 const { tr } = this.view.state;
                 if (rids.length) {

package/dist/types/configs/ManuscriptsEditor.d.ts

@@ -49,7 +49,8 @@ export interface EditorProps {
     collabProvider?: CollabProvider;
     navigate: NavigateFunction;
     location: Location;
+    dispatch?: Dispatch;
 }
-export type ExternalProps = Omit<EditorProps, 'popper'>;
+export type ExternalProps = Omit<EditorProps, 'popper' | 'dispatch'>;
 export declare const createEditorState: (props: EditorProps) => EditorState;
 export declare const createEditorView: (props: EditorProps, root: HTMLElement, state: EditorState, dispatch: Dispatch) => EditorView;

package/dist/types/configs/editor-views.d.ts

@@ -13,15 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { DefaultTheme } from 'styled-components';
 import { Dispatch } from '../commands';
-import { EditableBlockProps } from '../views/editable_block';
-import { FigureProps } from '../views/figure_editable';
-type EditorProps = EditableBlockProps & FigureProps & {
-    theme: DefaultTheme;
-};
+import { EditorProps } from './ManuscriptsEditor';
 declare const _default: (props: EditorProps, dispatch: Dispatch) => {
-    title: import("../types").NodeViewCreator<import("../views/title").TitleView<any>>;
+    title: import("../types").NodeViewCreator<import("../views/title").TitleView>;
     bibliography_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
@@ -45,7 +40,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -56,7 +51,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/bibliography_element").BibliographyElementBlockView<any>>;
+    } & import("../views/bibliography_element").BibliographyElementBlockView>;
     blockquote_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
@@ -80,7 +75,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -91,8 +86,13 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/blockquote_element").BlockquoteElementView<any>>;
-    list: import("../types").NodeViewCreator<{
+    } & import("../views/blockquote_element").BlockquoteElementView>;
+    citation: import("../types").NodeViewCreator<import("../views/citation_editable").CitationEditableView>;
+    cross_reference: import("../types").NodeViewCreator<import("../views/cross_reference_editable").CrossReferenceEditableView>;
+    contributors: import("../types").NodeViewCreator<import("../views/contributors").ContributorsView>;
+    affiliations: import("../types").NodeViewCreator<import("../views/affiliations").AffiliationsView>;
+    equation: import("../types").NodeViewCreator<import("../views/equation_editable").EquationEditableView>;
+    equation_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
         createAddButton: () => HTMLElement | null;
@@ -115,7 +115,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -126,13 +126,9 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/list").ListView<any>>;
-    citation: import("../types").NodeViewCreator<import("../views/citation_editable").CitationEditableView>;
-    cross_reference: import("../types").NodeViewCreator<import("../views/cross_reference_editable").CrossReferenceEditableView>;
-    contributors: import("../types").NodeViewCreator<import("../views/contributors").ContributorsView>;
-    affiliations: import("../types").NodeViewCreator<import("../views/affiliations").AffiliationsView>;
-    equation: import("../types").NodeViewCreator<import("../views/equation_editable").EquationEditableView>;
-    equation_element: import("../types").NodeViewCreator<{
+    } & import("../views/equation_element").EquationElementView>;
+    figure: import("../types").NodeViewCreator<import("../views/figure_editable").FigureEditableView>;
+    figure_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
         createAddButton: () => HTMLElement | null;
@@ -155,7 +151,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -166,9 +162,8 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/equation_element").EquationElementView<any>>;
-    figure: import("../types").NodeViewCreator<import("../views/figure_editable").FigureEditableView>;
-    figure_element: import("../types").NodeViewCreator<{
+    } & import("../views/figure_element").FigureElementView>;
+    footnote: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
         createAddButton: () => HTMLElement | null;
@@ -191,7 +186,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -202,8 +197,14 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/figure_element").FigureElementView>;
-    footnote: import("../types").NodeViewCreator<{
+    } & import("../views/footnote").FootnoteView>;
+    footnotes_element: import("../types").NodeViewCreator<import("../views/footnotes_element").FootnotesElementView>;
+    inline_equation: import("../types").NodeViewCreator<import("../views/inline_equation_editable").InlineEquationEditableView>;
+    inline_footnote: import("../types").NodeViewCreator<import("../views/inline_footnote").InlineFootnoteView>;
+    keyword: import("../types").NodeViewCreator<import("../views/keyword").KeywordView>;
+    keyword_group: import("../types").NodeViewCreator<import("../views/keyword_group").KeywordGroupView>;
+    link: import("../types").NodeViewCreator<import("../views/link_editable").LinkEditableView>;
+    list: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
         createAddButton: () => HTMLElement | null;
@@ -226,7 +227,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -237,14 +238,8 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/footnote").FootnoteView<any>>;
-    footnotes_element: import("../types").NodeViewCreator<import("../views/footnotes_element").FootnotesElementView<any>>;
-    inline_equation: import("../types").NodeViewCreator<import("../views/inline_equation_editable").InlineEquationEditableView>;
-    inline_footnote: import("../types").NodeViewCreator<import("../views/inline_footnote").InlineFootnoteView<any>>;
-    keyword: import("../types").NodeViewCreator<import("../views/keyword").KeywordView>;
-    keyword_group: import("../types").NodeViewCreator<import("../views/keyword_group").KeywordGroupView>;
-    link: import("../types").NodeViewCreator<import("../views/link_editable").LinkEditableView>;
-    list_item: import("../types").NodeViewCreator<import("../views/list_item").ListItemView<any>>;
+    } & import("../views/list").ListView>;
+    list_item: import("../types").NodeViewCreator<import("../views/list_item").ListItemView>;
     paragraph: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
@@ -268,7 +263,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -279,8 +274,8 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/paragraph").ParagraphView<any>>;
-    placeholder: import("../types").NodeViewCreator<import("../views/placeholder").PlaceholderView<any>>;
+    } & import("../views/paragraph").ParagraphView>;
+    placeholder: import("../types").NodeViewCreator<import("../views/placeholder").PlaceholderView>;
     placeholder_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
@@ -304,7 +299,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -315,8 +310,8 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/placeholder_element").PlaceholderElementView<any>>;
-    section: import("../types").NodeViewCreator<import("../views/section").SectionView<any>>;
+    } & import("../views/placeholder_element").PlaceholderElementView>;
+    section: import("../types").NodeViewCreator<import("../views/section").SectionView>;
     pullquote_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
@@ -340,7 +335,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -351,7 +346,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/pullquote_element").PullquoteElementView<any>>;
+    } & import("../views/pullquote_element").PullquoteElementView>;
     section_title: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
@@ -375,7 +370,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -386,7 +381,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/section_title").SectionTitleView<any>>;
+    } & import("../views/section_title").SectionTitleView>;
     section_label: import("../types").NodeViewCreator<import("../views/block_view").default<any>>;
     table_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
@@ -411,7 +406,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -425,7 +420,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
     } & import("../views/table_element").TableElementView>;
     table_cell: import("../types").NodeViewCreator<import("../views/table_cell").TableCellView>;
     table_header: import("../types").NodeViewCreator<import("../views/table_cell").TableCellView>;
-    table_element_footer: import("../types").NodeViewCreator<import("../views/table_element_footer").TableElementFooterView<any>>;
+    table_element_footer: import("../types").NodeViewCreator<import("../views/table_element_footer").TableElementFooterView>;
     toc_element: import("../types").NodeViewCreator<{
         gutterButtons: () => HTMLElement[];
         actionGutterButtons: () => HTMLElement[];
@@ -449,7 +444,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         contentDOM?: HTMLElement | undefined;
         syncErrors: import("../types").SyncError[];
         elementType: string;
-        readonly props: EditableBlockProps;
+        readonly props: EditorProps;
         node: import("prosemirror-model").Node;
         readonly view: import("prosemirror-view").EditorView;
         readonly getPos: () => number;
@@ -460,7 +455,7 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode: () => void;
         destroy: () => void;
         handleDecorations: (decorations: readonly import("prosemirror-view").Decoration[]) => void;
-    } & import("../views/toc_element").TOCElementView<any>>;
+    } & import("../views/toc_element").TOCElementView>;
     comments: () => {
         dom: HTMLDivElement;
     };

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { ManuscriptEditorView, ManuscriptNode } from '@manuscripts/transform';
-import { EditableBlockProps } from '../views/editable_block';
+import { EditorProps } from '../configs/ManuscriptsEditor';
 export declare const sectionLevel: (depth: number) => string;
 interface Actions {
     addComment?: boolean;
@@ -26,7 +26,7 @@ export declare class ContextMenu {
     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, props?: EditorProps);
     showAddMenu: (target: Element, after: boolean) => void;
     showEditMenu: (target: Element) => void;
     private createMenuItem;

package/dist/types/types.d.ts

@@ -28,6 +28,9 @@ export interface SyncError {
 export type TrackableAttributes<T extends ManuscriptNode> = T['attrs'] & {
     dataTracked?: TrackedAttrs[];
 };
+export type Trackable<T extends ManuscriptNode> = Omit<T, 'attrs'> & {
+    attrs: TrackableAttributes<T>;
+};
 export type WidgetDecoration = Decoration & {
     type: {
         toDOM: () => HTMLElement;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.0.45-LEAN-3931.0";
+export declare const VERSION = "2.0.45";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -16,7 +16,8 @@
 import { ManuscriptEditorView, ManuscriptNode } from '@manuscripts/transform';
 import React from 'react';
 import { Dispatch } from '../commands';
-import { EditableBlockProps } from './editable_block';
+import { Trackable } from '../types';
+import { EditorProps } from '../configs/ManuscriptsEditor';
 export interface ReactViewComponentProps<NodeT extends ManuscriptNode> {
     nodeAttrs: NodeT['attrs'];
     setNodeAttrs: (nextAttrs: Partial<NodeT['attrs']>) => void;
@@ -24,9 +25,9 @@ export interface ReactViewComponentProps<NodeT extends ManuscriptNode> {
     viewProps: {
         view: ManuscriptEditorView;
         getPos: () => number;
-        node: ManuscriptNode;
+        node: ManuscriptNode | Trackable<ManuscriptNode>;
     };
     dispatch: Dispatch;
 }
-declare const _default: (props: EditableBlockProps, Component: React.FC<any>, componentProps: object, node: ManuscriptNode, getPos: () => number, view: ManuscriptEditorView, classNames?: string) => HTMLDivElement;
-export default _default;
+declare function createSubView<T extends Trackable<ManuscriptNode>>(props: EditorProps, Component: React.FC<any>, componentProps: object, node: T, getPos: () => number, view: ManuscriptEditorView, classNames?: string): HTMLDivElement;
+export default createSubView;

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

@@ -14,8 +14,9 @@
  * limitations under the License.
  */
 import BlockView from './block_view';
-import { EditableBlockProps } from './editable_block';
-export declare class AffiliationsView extends BlockView<EditableBlockProps> {
+import { AffiliationNode } from '@manuscripts/transform';
+import { Trackable } from '../types';
+export declare class AffiliationsView extends BlockView<Trackable<AffiliationNode>> {
     version: string;
     container: HTMLElement;
     ignoreMutation: () => boolean;