@manuscripts/body-editor 3.12.67 → 3.13.0

package/src/views/table_cell.ts

@@ -0,0 +1,150 @@
+/*!
+ * © 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.
+ */
+
+import { DotsIcon } from '@manuscripts/style-guide'
+import { ManuscriptNode, schema } from '@manuscripts/transform'
+import { DOMSerializer } from 'prosemirror-model'
+import { TextSelection } from 'prosemirror-state'
+import { CellSelection } from 'prosemirror-tables'
+import { ViewMutationRecord } from 'prosemirror-view'
+import { createElement } from 'react'
+import { renderToStaticMarkup } from 'react-dom/server'
+
+import { ContextMenu } from '../components/views/TableCellContextMenu'
+import BlockView from './block_view'
+import { createNodeView } from './creators'
+import ReactSubView from './ReactSubView'
+
+export class TableCellView extends BlockView<ManuscriptNode> {
+  public contentDOM: HTMLElement
+
+  public ignoreMutation(mutation: ViewMutationRecord) {
+    return mutation.type === 'attributes' && mutation.attributeName === 'class'
+  }
+
+  public initialise = () => {
+    this.dom = this.toDom()
+    this.contentDOM = document.createElement('span')
+    this.dom.appendChild(this.contentDOM)
+
+    const can = this.props.getCapabilities()
+
+    if (can.editArticle) {
+      this.createContextMenu()
+    }
+  }
+
+  public updateContents() {
+    // will remove old attribute of node view as it could change rowspan,colspan from update to table
+    super.updateContents()
+    this.dom.getAttributeNames().map((attr) => {
+      if (attr !== 'class') {
+        this.dom.removeAttribute(attr)
+      }
+    })
+    Array.from(this.toDom().attributes).map(
+      (attr) =>
+        attr.nodeValue && this.dom.setAttribute(attr.nodeName, attr.nodeValue)
+    )
+  }
+
+  private createContextMenu() {
+    const contextMenuButton = document.createElement('button')
+    contextMenuButton.className = 'table-context-menu-button'
+    contextMenuButton.innerHTML = renderToStaticMarkup(createElement(DotsIcon))
+
+    contextMenuButton.addEventListener('click', () => {
+      if (this.props.popper.isActive()) {
+        this.props.popper.destroy()
+        this.view.dom
+          .querySelector('.open-context-menu')
+          ?.classList.remove('open-context-menu')
+      } else {
+        // if the clicked button are not selected will move selection to that node view
+        if (
+          !(
+            this.view.state.selection instanceof CellSelection &&
+            !!this.view.state.selection.ranges.find(
+              (range) => range.$from.pos === this.getPos() + 1
+            )
+          )
+        ) {
+          this.view.dispatch(
+            this.view.state.tr.setSelection(
+              TextSelection.create(this.view.state.doc, this.getPos())
+            )
+          )
+          this.view.focus()
+        }
+
+        const contextMenu = ReactSubView(
+          { ...this.props, dispatch: this.view.dispatch },
+          ContextMenu,
+          {
+            view: this.view,
+            close: () => {
+              this.props.popper.destroy()
+              contextMenuButton.classList.toggle('open-context-menu')
+            },
+            onCancelColumnDialog: () =>
+              this.addOutClickListener(contextMenuButton),
+          },
+          this.view.state.selection.$from.node(),
+          this.getPos,
+          this.view,
+          ['table-cell-context-menu']
+        )
+        contextMenuButton.classList.toggle('open-context-menu')
+
+        this.props.popper.show(contextMenuButton, contextMenu, 'right', false)
+        this.addOutClickListener(contextMenuButton)
+      }
+    })
+
+    this.dom.appendChild(contextMenuButton)
+  }
+
+  private toDom(): HTMLElement {
+    if (!this.node.type.spec.toDOM) {
+      return this.node.type === schema.nodes.table_cell
+        ? document.createElement('td')
+        : document.createElement('th')
+    }
+
+    const outputSpec = this.node.type.spec.toDOM(this.node)
+    return DOMSerializer.renderSpec(document, outputSpec).dom as HTMLElement
+  }
+
+  private addOutClickListener(contextMenuButton: HTMLButtonElement) {
+    const listener: EventListener = (event) => {
+      const target = event.target as HTMLElement
+      if (
+        !target.classList.contains('open-context-menu') &&
+        !(target.parentNode as HTMLElement)?.classList.contains('table-ctx')
+      ) {
+        this.props.popper.destroy()
+        contextMenuButton.classList.toggle('open-context-menu')
+      }
+      window.removeEventListener('mousedown', listener)
+      window.removeEventListener('keydown', listener)
+    }
+
+    window.addEventListener('mousedown', listener)
+    window.addEventListener('keydown', listener)
+  }
+}
+
+export default createNodeView(TableCellView)

package/src/views/table_element.ts

@@ -0,0 +1,33 @@
+/*!
+ * © 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.
+ */
+
+import { TableElementNode } from '@manuscripts/transform'
+
+import BlockView from './block_view'
+import { createNodeView } from './creators'
+
+export class TableElementView extends BlockView<TableElementNode> {
+  public elementType = 'figure'
+
+  public createElement = () => {
+    this.contentDOM = document.createElement('figure')
+    this.contentDOM.classList.add('block')
+    this.contentDOM.setAttribute('id', this.node.attrs.id)
+    this.dom.appendChild(this.contentDOM)
+  }
+}
+
+export default createNodeView(TableElementView)

package/src/views/table_element_editable.ts

@@ -0,0 +1,21 @@
+/*!
+ * © 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.
+ */
+
+import { createEditableNodeView } from './creators'
+import { EditableBlock } from './editable_block'
+import { TableElementView } from './table_element'
+
+export default createEditableNodeView(EditableBlock(TableElementView))

package/src/views/table_element_footer.ts

@@ -0,0 +1,41 @@
+/*!
+ * © 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.
+ */
+
+import {
+  ManuscriptNodeView,
+  TableElementFooterNode,
+} from '@manuscripts/transform'
+
+import { BaseNodeView } from './base_node_view'
+import { createEditableNodeView } from './creators'
+
+class TableElementFooterView
+  extends BaseNodeView<TableElementFooterNode>
+  implements ManuscriptNodeView
+{
+  public initialise = () => {
+    this.createDOM()
+  }
+
+  public createDOM = () => {
+    this.dom = document.createElement('div')
+    this.dom.classList.add('table-footer')
+    this.dom.setAttribute('id', this.node.attrs.id)
+    this.contentDOM = this.dom
+  }
+}
+
+export default createEditableNodeView(TableElementFooterView)

package/src/views/title.ts

@@ -0,0 +1,46 @@
+/*!
+ * © 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.
+ */
+
+import { ManuscriptNodeView, TitleNode } from '@manuscripts/transform'
+
+import { BaseNodeView } from './base_node_view'
+import { createNodeView } from './creators'
+
+export class TitleView
+  extends BaseNodeView<TitleNode>
+  implements ManuscriptNodeView
+{
+  public contentDOM: HTMLElement
+
+  public initialise = () => {
+    this.createDOM()
+  }
+
+  protected createDOM = () => {
+    const attrs = this.node.attrs
+    this.dom = document.createElement('div')
+    this.dom.classList.add('manuscript-title')
+    this.contentDOM = document.createElement('div')
+    this.contentDOM.classList.add('article-titles')
+    if (!this.node.childCount && attrs.placeholder) {
+      this.contentDOM.setAttribute('data-placeholder', attrs.placeholder)
+    }
+    this.dom.appendChild(this.contentDOM)
+    this.updateContents()
+  }
+}
+
+export default createNodeView(TitleView)

package/src/views/title_editable.ts

@@ -0,0 +1,20 @@
+/*!
+ * © 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.
+ */
+
+import { createEditableNodeView } from './creators'
+import { TitleView } from './title'
+
+export default createEditableNodeView(TitleView)

package/src/views/trans_graphical_abstract.ts

@@ -0,0 +1,55 @@
+/*!
+ * © 2025 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 { TransGraphicalAbstractNode } from '@manuscripts/transform'
+
+import { Trackable } from '../types'
+import BlockView from './block_view'
+import { createNodeView } from './creators'
+
+export class TransGraphicalAbstractView extends BlockView<
+  Trackable<TransGraphicalAbstractNode>
+> {
+  public elementType = 'section'
+
+  public createDOM() {
+    super.createDOM()
+    this.dom.classList.add('block-section')
+  }
+
+  public createElement() {
+    super.createElement()
+    if (this.contentDOM) {
+      this.contentDOM.classList.add('trans-graphical-abstract')
+    }
+  }
+
+  public updateContents() {
+    super.updateContents()
+    this.updateAttributes()
+  }
+
+  private updateAttributes() {
+    if (this.contentDOM && this.node.attrs.lang) {
+      this.contentDOM.lang = this.node.attrs.lang
+    }
+    if (this.dom && this.node.attrs.category) {
+      this.dom.setAttribute('data-category', this.node.attrs.category)
+    }
+  }
+}
+
+export default createNodeView(TransGraphicalAbstractView)

package/src/views/trans_graphical_abstract_editable.ts

@@ -0,0 +1,21 @@
+/*!
+ * © 2025 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 { createEditableNodeView } from './creators'
+import { EditableBlock } from './editable_block'
+import { TransGraphicalAbstractView } from './trans_graphical_abstract'
+
+export default createEditableNodeView(EditableBlock(TransGraphicalAbstractView))

package/src/views/translated_abstract.ts

@@ -0,0 +1,53 @@
+/*!
+ * © 2025 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 { TransAbstractNode } from '@manuscripts/transform'
+
+import { Trackable } from '../types'
+import BlockView from './block_view'
+import { createNodeView } from './creators'
+
+export class TransAbstractView extends BlockView<Trackable<TransAbstractNode>> {
+  public elementType = 'section'
+
+  public createDOM() {
+    super.createDOM()
+    this.dom.classList.add('block-section')
+  }
+
+  public createElement() {
+    super.createElement()
+    if (this.contentDOM) {
+      this.contentDOM.classList.add('trans-abstract')
+    }
+  }
+
+  public updateContents() {
+    super.updateContents()
+    this.updateAttributes()
+  }
+
+  private updateAttributes() {
+    if (this.contentDOM && this.node.attrs.lang) {
+      this.contentDOM.lang = this.node.attrs.lang
+    }
+    if (this.dom && this.node.attrs.category) {
+      this.dom.setAttribute('data-category', this.node.attrs.category)
+    }
+  }
+}
+
+export default createNodeView(TransAbstractView)

package/src/views/translated_abstract_editable.ts

@@ -0,0 +1,21 @@
+/*!
+ * © 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.
+ */
+
+import { createEditableNodeView } from './creators'
+import { EditableBlock } from './editable_block'
+import { TransAbstractView } from './translated_abstract'
+
+export default createEditableNodeView(EditableBlock(TransAbstractView))

package/dist/cjs/lib/statistics.js

@@ -1,38 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.countCharacters = exports.countWords = exports.buildText = void 0;
-const word_count_1 = __importDefault(require("@iarna/word-count"));
-const grapheme_splitter_1 = __importDefault(require("grapheme-splitter"));
-const splitter = new grapheme_splitter_1.default();
-const buildText = (node) => {
-    const parts = [];
-    node.descendants((childNode) => {
-        if (childNode.isTextblock) {
-            parts.push(childNode.textContent);
-        }
-    });
-    return parts.join(' ');
-};
-exports.buildText = buildText;
-const countWords = (text) => (0, word_count_1.default)(text);
-exports.countWords = countWords;
-const countCharacters = (text) => splitter.countGraphemes(text) - 1;
-exports.countCharacters = countCharacters;