@manuscripts/body-editor 1.6.13 → 1.6.14

package/dist/es/views/link_editable.js

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 import { TextSelection } from 'prosemirror-state';
-import React from 'react';
 import { LinkForm } from '../components/views/LinkForm';
 import { createEditableNodeView } from './creators';
 import { LinkView } from './link';
+import ReactSubView from './ReactSubView';
 export class LinkEditableView extends LinkView {
     constructor() {
         super(...arguments);
@@ -46,43 +46,51 @@ export class LinkEditableView extends LinkView {
                 title: this.node.attrs.title,
                 text: this.node.textContent,
             };
-            this.props.renderReactComponent(React.createElement(LinkForm, { value: originalValue, handleCancel: () => {
-                    const tr = this.view.state.tr;
-                    const pos = this.getPos();
-                    tr.setSelection(TextSelection.create(tr.doc, pos));
-                    this.view.focus();
-                    this.view.dispatch(tr);
-                    this.closeForm();
-                }, handleRemove: () => {
-                    const { tr } = this.view.state;
-                    const pos = this.getPos();
-                    const to = pos + this.node.nodeSize;
-                    tr.replaceWith(pos, to, this.node.content).setSelection(TextSelection.create(tr.doc, pos));
-                    this.view.focus();
-                    this.view.dispatch(tr);
-                    this.closeForm();
-                }, handleSave: (data) => {
-                    const tr = this.view.state.tr;
-                    const pos = this.getPos();
-                    if (data.href !== originalValue.href ||
-                        data.title !== originalValue.title) {
-                        tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { href: data.href, title: data.title }));
-                    }
-                    if (data.text !== originalValue.text) {
-                        tr.insertText(data.text, pos + 1, pos + this.node.nodeSize - 1);
-                    }
-                    tr.setSelection(TextSelection.create(tr.doc, pos));
-                    this.view.focus();
-                    this.view.dispatch(tr);
-                    this.closeForm();
-                } }), this.popperContainer);
+            const componentProps = {
+                value: originalValue,
+                handleCancel: this.handleCancel,
+                handleRemove: this.handleRemove,
+                handleSave: this.handleSave,
+            };
+            this.popperContainer = ReactSubView(this.props, LinkForm, componentProps, this.node, this.getPos, this.view);
             this.props.popper.show(this.dom, this.popperContainer, 'bottom');
         };
+        this.handleCancel = () => {
+            const tr = this.view.state.tr;
+            const pos = this.getPos();
+            tr.setSelection(TextSelection.create(tr.doc, pos));
+            this.view.focus();
+            this.view.dispatch(tr);
+            this.closeForm();
+        };
+        this.handleRemove = () => {
+            const tr = this.view.state.tr;
+            const pos = this.getPos();
+            const to = pos + this.node.nodeSize;
+            tr.replaceWith(pos, to, this.node.content).setSelection(TextSelection.create(tr.doc, pos));
+            this.view.focus();
+            this.view.dispatch(tr);
+            this.closeForm();
+        };
+        this.handleSave = (value) => {
+            const tr = this.view.state.tr;
+            const link = this.node;
+            const pos = this.getPos();
+            if (value.href !== link.attrs.href || value.title !== link.attrs.title) {
+                tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { href: value.href, title: value.title }));
+            }
+            if (value.text !== link.textContent) {
+                tr.insertText(value.text, pos + 1, pos + this.node.nodeSize - 1);
+            }
+            tr.setSelection(TextSelection.create(tr.doc, pos));
+            this.view.focus();
+            this.view.dispatch(tr);
+            this.closeForm();
+        };
         this.closeForm = () => {
+            var _a;
             this.props.popper.destroy();
-            if (this.popperContainer) {
-                this.props.unmountReactComponent(this.popperContainer);
-            }
+            (_a = this.popperContainer) === null || _a === void 0 ? void 0 : _a.remove();
         };
     }
 }

package/dist/types/citation-sources/crossref.d.ts

@@ -13,14 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { BibliographyItem } from '@manuscripts/json-schema';
-import { CancelToken } from 'axios';
-interface SearchResults {
-    items: BibliographyItem[];
-    total: number;
-}
-export declare const crossref: {
-    fetch: (item: Partial<BibliographyItem>) => Promise<Partial<BibliographyItem>>;
-    search: (query: string, rows: number, mailto: string, tokenSource?: CancelToken) => Promise<SearchResults>;
-};
-export {};
+import { BibliographyItemSource } from '@manuscripts/style-guide';
+export declare const crossref: BibliographyItemSource;

package/dist/types/commands.d.ts

@@ -32,15 +32,15 @@ export declare const deleteBlock: (typeToDelete: string) => (state: ManuscriptEd
 export declare const insertBreak: EditorAction;
 export declare const insertSectionLabel: (state: ManuscriptEditorState, dispatch?: Dispatch, currentTr?: Transaction) => boolean;
 export declare const insertLink: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
-export declare const insertInlineCitation: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: ManuscriptEditorView) => boolean;
+export declare const insertInlineCitation: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertCrossReference: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertInlineEquation: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertInlineFootnote: (kind: 'footnote' | 'endnote') => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertGraphicalAbstract: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertSection: (subsection?: boolean) => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertList: (type: ManuscriptNodeType, style?: string) => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
-export declare const insertBibliographySection: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
-export declare const insertTOCSection: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
+export declare const insertBibliographySection: () => boolean;
+export declare const insertTOCSection: () => boolean;
 export declare const ifInTableBody: (command: (state: ManuscriptEditorState) => boolean) => (state: ManuscriptEditorState) => boolean;
 export declare const isAtStartOfTextBlock: (state: ManuscriptEditorState, $cursor: ResolvedPos, view?: ManuscriptEditorView) => boolean;
 export declare const isTextSelection: (selection: Selection) => selection is TextSelection;

package/dist/types/components/views/LinkForm.d.ts

@@ -20,8 +20,8 @@ export interface LinkValue {
     title?: string;
 }
 export declare const LinkForm: React.FC<{
-    handleCancel: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    handleRemove: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handleCancel: () => void;
+    handleRemove: () => void;
     handleSave: (value: LinkValue) => void;
     value: LinkValue;
 }>;

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

@@ -16,11 +16,10 @@
 import 'prosemirror-view/style/prosemirror.css';
 import { CommentAnnotation, Manuscript, Model, UserProfile } from '@manuscripts/json-schema';
 import { Capabilities, FileAttachment, FileManagement } from '@manuscripts/style-guide';
-import { Build, ManuscriptNode } from '@manuscripts/transform';
+import { ManuscriptNode } from '@manuscripts/transform';
 import { History } from 'history';
 import { EditorState, Plugin } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import React from 'react';
 import { DefaultTheme } from 'styled-components';
 import { CollabProvider } from '../classes/collabProvider';
 import { Dispatch } from '../commands';
@@ -41,15 +40,11 @@ export interface EditorProps {
     doc: ManuscriptNode;
     getModelMap: () => Map<string, Model>;
     getManuscript: () => Manuscript;
-    saveModel: <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
     deleteModel: (id: string) => Promise<string>;
     getFiles: () => FileAttachment[];
     fileManagement: FileManagement;
     popper: PopperManager;
     history: History;
-    renderReactComponent: (child: React.ReactNode, container: HTMLElement) => void;
-    unmountReactComponent: (container: HTMLElement) => void;
-    components: Record<string, React.ComponentType<any>>;
     getCapabilities: () => Capabilities;
     cslProps: CSLProps;
     setComment: (comment?: CommentAnnotation) => void;

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

@@ -17,7 +17,7 @@ import 'prosemirror-gapcursor/style/gapcursor.css';
 import 'prosemirror-tables/style/tables.css';
 import { CommentAnnotation, Manuscript, Model } from '@manuscripts/json-schema';
 import { Capabilities } from '@manuscripts/style-guide';
-import { Build, ManuscriptSchema } from '@manuscripts/transform';
+import { ManuscriptSchema } from '@manuscripts/transform';
 import { Plugin } from 'prosemirror-state';
 import { CollabProvider } from '../classes/collabProvider';
 import { PopperManager } from '../lib/popper';
@@ -25,7 +25,6 @@ import { CSLProps } from './ManuscriptsEditor';
 interface PluginProps {
     getModelMap: () => Map<string, Model>;
     getManuscript: () => Manuscript;
-    saveModel: <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
     deleteModel: (id: string) => Promise<string>;
     setComment: (comment?: CommentAnnotation) => void;
     setSelectedComment: (id?: string) => void;

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

@@ -15,11 +15,9 @@
  */
 import { DefaultTheme } from 'styled-components';
 import { Dispatch } from '../commands';
-import { CitationViewProps } from '../views/citation';
 import { EditableBlockProps } from '../views/editable_block';
 import { FigureProps } from '../views/figure_editable';
-import { KeywordsElementProps } from '../views/keyword_group';
-type EditorProps = EditableBlockProps & CitationViewProps & FigureProps & KeywordsElementProps & {
+type EditorProps = EditableBlockProps & FigureProps & {
     theme: DefaultTheme;
 };
 declare const _default: (props: EditorProps, dispatch: Dispatch) => {

package/dist/types/lib/array-reducer.d.ts

@@ -0,0 +1,25 @@
+/*!
+ * © 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.
+ */
+export type Update<T> = {
+    type: 'update';
+    items: T[];
+};
+export type Delete<T> = {
+    type: 'delete';
+    item: T;
+};
+export type Action<T> = Update<T> | Delete<T>;
+export declare const arrayReducer: <T>(isEqual?: (a: T, b: T) => boolean) => (state: T[], action: Action<T>) => T[];

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

@@ -17,7 +17,7 @@ import { CommentAnnotation } from '@manuscripts/json-schema';
 import { ManuscriptEditorView, ManuscriptNode } from '@manuscripts/transform';
 export declare const sectionLevel: (depth: number) => string;
 interface Actions {
-    setComment?: (comment?: CommentAnnotation) => void;
+    setComment?: (comment: CommentAnnotation) => void;
 }
 export declare class ContextMenu {
     private readonly node;

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

@@ -26,8 +26,8 @@ export interface PluginState {
     citations: CiteProc.Citation[];
     bibliographyItems: Map<string, BibliographyItem>;
     renderedCitations: Map<string, string>;
+    citationCounts: Map<string, number>;
     provider: CitationProvider;
-    refresh?: boolean;
 }
 export interface BibliographyProps {
     cslProps: CSLProps;

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

@@ -0,0 +1,3 @@
+import { CitationEditorProps } from '@manuscripts/style-guide';
+import React from 'react';
+export declare const CitationEditorWrapper: React.FC<CitationEditorProps>;

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

@@ -0,0 +1,4 @@
+import { ReferencesModalProps } from '@manuscripts/style-guide';
+import React from 'react';
+export type ReferencesEditorProps = Omit<ReferencesModalProps, 'isOpen' | 'onCancel'>;
+export declare const ReferencesEditor: React.FC<ReferencesEditorProps>;

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

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { Model } from '@manuscripts/json-schema';
 import { ManuscriptEditorView, ManuscriptNode } from '@manuscripts/transform';
 import { Attrs, Node } from 'prosemirror-model';
@@ -25,8 +24,6 @@ export interface BaseNodeProps {
     getModelMap: () => Map<string, Model>;
     popper: PopperManager;
     cslProps: CSLProps;
-    renderReactComponent: (child: React.ReactElement, container: HTMLElement) => void;
-    unmountReactComponent: (container: HTMLElement) => void;
 }
 export declare class BaseNodeView<PropsType extends BaseNodeProps> implements NodeView {
     readonly props: PropsType;

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

@@ -14,23 +14,24 @@
  * limitations under the License.
  */
 import { CommentAnnotation } from '@manuscripts/json-schema';
-import React from 'react';
 import { BaseNodeProps } from './base_node_view';
 import BlockView from './block_view';
 import { EditableBlockProps } from './editable_block';
 interface BibliographyElementViewProps extends BaseNodeProps {
     setComment: (comment?: CommentAnnotation) => void;
-    components: Record<string, React.ComponentType<any>>;
 }
 export declare class BibliographyElementBlockView<PropsType extends BibliographyElementViewProps & EditableBlockProps> extends BlockView<PropsType> {
-    container: HTMLElement;
-    popperContainer?: HTMLDivElement;
+    private container;
+    private editor;
+    private decoder;
     gutterButtons: () => HTMLElement[];
-    showPopper: (referenceID: string) => void;
+    showPopper: (id: string) => void;
     stopEvent: () => boolean;
     ignoreMutation: () => boolean;
     updateContents: () => Promise<void>;
     createElement: () => void;
+    private handleSave;
+    private handleDelete;
 }
 declare const _default: (props: BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<BibliographyElementBlockView<any>>;
 export default _default;

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

@@ -13,26 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { BibliographyItem } from '@manuscripts/json-schema';
 import { ManuscriptNodeView } from '@manuscripts/transform';
-import React from 'react';
 import { BaseNodeProps, BaseNodeView } from './base_node_view';
-export interface CitationViewProps extends BaseNodeProps {
-    components: Record<string, React.ComponentType<any>>;
-    projectID: string;
-}
-export declare class CitationView<PropsType extends CitationViewProps> extends BaseNodeView<PropsType> implements ManuscriptNodeView {
-    protected popperContainer?: HTMLDivElement;
-    showPopper: () => void;
+export declare class CitationView<PropsType extends BaseNodeProps> extends BaseNodeView<PropsType> implements ManuscriptNodeView {
     ignoreMutation: () => boolean;
-    selectNode: () => void;
-    deselectNode: () => void;
-    destroy: () => void;
     initialise: () => this;
     updateContents: () => void;
     renderTrackChangesReview: () => HTMLSpanElement;
-    getCitation: () => import("@manuscripts/json-schema").Citation;
-    getBibliographyItems: () => BibliographyItem[];
+    getCitation: () => import("@manuscripts/json-schema/dist/types").Citation;
 }
 declare const _default: (props: BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<CitationView<any>>;
 export default _default;

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

@@ -13,18 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { CitationView, CitationViewProps } from './citation';
+import { CitationView } from './citation';
 import { EditableBlockProps } from './editable_block';
-export declare class CitationEditableView extends CitationView<CitationViewProps & EditableBlockProps> {
+export declare class CitationEditableView extends CitationView<EditableBlockProps> {
+    private decoder;
+    private editor;
+    selectNode: () => void;
+    deselectNode: () => void;
+    destroy: () => void;
     showPopper: () => void;
-    private handleClose;
     private handleCancel;
-    private handleRemove;
-    private updatePopper;
+    private handleSave;
+    private handleUncite;
     private handleCite;
+    private handleDelete;
+    private handleComment;
     private insertBibliographyNode;
-    private importItems;
     private updateNode;
+    private findPosition;
 }
 declare const _default: (props: EditableBlockProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<CitationEditableView>;
 export default _default;

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

@@ -20,7 +20,6 @@ export interface CrossReferenceViewProps extends BaseNodeProps {
     history: History;
 }
 export declare class CrossReferenceView<PropsType extends CrossReferenceViewProps> extends BaseNodeView<PropsType> implements ManuscriptNodeView {
-    protected popperContainer?: HTMLDivElement;
     selectNode: () => void;
     handleClick: () => void;
     updateContents: () => void;

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

@@ -13,9 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { CommentAnnotation, Model } from '@manuscripts/json-schema';
+import { CommentAnnotation } from '@manuscripts/json-schema';
 import { Capabilities } from '@manuscripts/style-guide';
-import { Build } from '@manuscripts/transform';
 import { DefaultTheme } from 'styled-components';
 import { Dispatch } from '../commands';
 import { ContextMenu } from '../lib/context-menu';
@@ -25,8 +24,7 @@ type Constructor<T> = new (...args: any[]) => T;
 export interface EditableBlockProps extends BaseNodeProps {
     getCapabilities: () => Capabilities;
     retrySync: (componentIDs: string[]) => Promise<void>;
-    saveModel: <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
-    setComment?: (comment?: CommentAnnotation) => void;
+    setComment: (comment: CommentAnnotation) => void;
     dispatch?: Dispatch;
     theme?: DefaultTheme;
 }

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

@@ -13,26 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Model } from '@manuscripts/json-schema';
-import { Capabilities } from '@manuscripts/style-guide';
-import { Build } from '@manuscripts/transform';
-import { DefaultTheme } from 'styled-components';
-import { Dispatch } from '../commands';
-import { BaseNodeProps } from './base_node_view';
 import BlockView from './block_view';
-export interface KeywordsElementProps {
-    getCapabilities: () => Capabilities;
-    dispatch?: Dispatch;
-    theme?: DefaultTheme;
-    retrySync: (componentIDs: string[]) => Promise<void>;
-    saveModel: <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
-}
-export declare class KeywordGroupView extends BlockView<BaseNodeProps & KeywordsElementProps> {
+import { EditableBlockProps } from './editable_block';
+export declare class KeywordGroupView extends BlockView<EditableBlockProps> {
     private element;
     private addingTools;
     ignoreMutation: () => boolean;
     stopEvent: () => boolean;
     createElement: () => void;
 }
-declare const _default: (props: BaseNodeProps, dispatch?: Dispatch | undefined) => import("../types").NodeViewCreator<KeywordGroupView>;
+declare const _default: (props: import("./base_node_view").BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<KeywordGroupView>;
 export default _default;

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

@@ -21,6 +21,9 @@ export declare class LinkEditableView extends LinkView<EditableBlockProps> {
     destroy: () => void;
     deselectNode: () => void;
     private showForm;
+    private handleCancel;
+    private handleRemove;
+    private handleSave;
     private closeForm;
 }
 declare const _default: (props: EditableBlockProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<LinkEditableView>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.6.13",
+  "version": "1.6.14",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -31,7 +31,7 @@
     "@manuscripts/assets": "^0.6.4",
     "@manuscripts/json-schema": "^2.2.2",
     "@manuscripts/library": "1.3.2",
-    "@manuscripts/style-guide": "1.6.1",
+    "@manuscripts/style-guide": "1.7.0",
     "@manuscripts/track-changes-plugin": "^1.7.5",
     "@manuscripts/transform": "2.0.4",
     "astrocite-eutils": "^0.16.4",
@@ -126,4 +126,4 @@
   "resolutions": {
     "@types/react": "^17.0.2"
   }
-}
+}

package/dist/cjs/plugins/models.js

@@ -1,48 +0,0 @@
-"use strict";
-/*!
- * © 2019 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.REMOVE = exports.UPDATE = exports.INSERT = exports.modelsKey = void 0;
-const prosemirror_state_1 = require("prosemirror-state");
-exports.modelsKey = new prosemirror_state_1.PluginKey('models');
-exports.INSERT = 'INSERT';
-exports.UPDATE = 'UPDATE';
-exports.REMOVE = 'REMOVE';
-exports.default = (props) => {
-    return new prosemirror_state_1.Plugin({
-        key: exports.modelsKey,
-        state: {
-            init: () => {
-                return {};
-            },
-            apply: (tr) => {
-                const meta = tr.getMeta(exports.modelsKey);
-                if (meta) {
-                    if (meta[exports.INSERT]) {
-                        meta[exports.INSERT].forEach(props.saveModel);
-                    }
-                    if (meta[exports.UPDATE]) {
-                        meta[exports.UPDATE].forEach(props.saveModel);
-                    }
-                    if (meta[exports.REMOVE]) {
-                        meta[exports.REMOVE].forEach(props.deleteModel);
-                    }
-                }
-                return {};
-            },
-        },
-    });
-};

package/dist/cjs/views/ReactView.js

@@ -1,94 +0,0 @@
-"use strict";
-/*!
- * © 2019 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.
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const styled_components_1 = require("styled-components");
-exports.default = (dispatch, theme) => (Component, contentDOMElementType, nodeViewProps) => (initialNode, view, getPos) => {
-    const root = document.createElement('div');
-    const reactChild = root.appendChild(document.createElement('div'));
-    let contentDOM;
-    if (contentDOMElementType) {
-        contentDOM = document.createElement(contentDOMElementType);
-        root.appendChild(contentDOM);
-    }
-    else {
-        contentDOM = null;
-    }
-    let subscriber;
-    const setNode = (next) => {
-        subscriber && subscriber(next);
-    };
-    const subscribe = (func) => {
-        subscriber = func;
-    };
-    const unsubscribe = () => {
-        subscriber = null;
-    };
-    const Wrapped = () => {
-        const [node, setNode] = (0, react_1.useState)(initialNode);
-        (0, react_1.useEffect)(() => {
-            subscribe((node) => {
-                setNode(node);
-            });
-            return () => {
-                unsubscribe();
-            };
-        }, []);
-        const setNodeAttrs = (0, react_1.useCallback)((nextAttrs) => {
-            const { selection, tr } = view.state;
-            tr.setNodeMarkup(getPos(), undefined, Object.assign(Object.assign({}, node.attrs), nextAttrs)).setSelection(selection.map(tr.doc, tr.mapping));
-            dispatch(tr);
-        }, [node.attrs]);
-        if (!node.attrs) {
-            return null;
-        }
-        return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
-            react_1.default.createElement(Component, { nodeAttrs: node.attrs, setNodeAttrs: setNodeAttrs, viewProps: { node, view, getPos }, dispatch: dispatch, contentDOM: contentDOM })));
-    };
-    react_dom_1.default.render(react_1.default.createElement(Wrapped, null), reactChild);
-    return Object.assign({ dom: root, contentDOM, destroy: () => react_dom_1.default.unmountComponentAtNode(reactChild), update: (next) => {
-            setNode(next);
-            return true;
-        } }, nodeViewProps);
-};