@manuscripts/body-editor 3.4.1 → 3.4.4

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.4.1";
+export declare const VERSION = "3.4.4";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -0,0 +1,28 @@
+/*!
+ * © 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 { ManuscriptNode } from '@manuscripts/transform';
+import { BaseNodeView } from './base_node_view';
+export declare class AbstractsView extends BaseNodeView<ManuscriptNode> {
+    elementType: string;
+    initialise(): void;
+    createDOM(): void;
+    createElement(): void;
+    private addTranslationBtn;
+    private addTranslation;
+    updateContents(): void;
+}
+declare const _default: (props: import("../configs/ManuscriptsEditor").EditorProps, dispatch?: import("..").Dispatch) => import("../types").NodeViewCreator<AbstractsView>;
+export default _default;

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

@@ -0,0 +1,38 @@
+/*!
+ * © 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';
+export declare class TransAbstractView extends BlockView<Trackable<TransAbstractNode>> {
+    elementType: string;
+    private languageButton;
+    createDOM(): void;
+    createElement(): void;
+    updateContents(): void;
+    destroy(): void;
+    private updateLanguageAttributes;
+    private handleLanguageSelector;
+    private createLanguageButton;
+    private cleanupLanguageButton;
+    private updateButtonContent;
+    private handleButtonClick;
+    private showLanguageDropdown;
+    private createDropdownContainer;
+    private handleLanguageChange;
+    private updateNodeLanguage;
+}
+declare const _default: (props: import("../configs/ManuscriptsEditor").EditorProps, dispatch?: import("..").Dispatch) => import("../types").NodeViewCreator<TransAbstractView>;
+export default _default;

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

@@ -0,0 +1,44 @@
+/*!
+ * © 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 { TransAbstractView } from './translated_abstract';
+declare const _default: (props: import("../configs/ManuscriptsEditor").EditorProps, dispatch?: import("..").Dispatch) => import("../types").NodeViewCreator<{
+    gutterButtons(): HTMLElement[];
+    actionGutterButtons(): never[];
+    createAddButton(): HTMLAnchorElement | null;
+    createEditButton(): HTMLElement | null;
+    createMenu: () => import("../lib/context-menu").ContextMenu;
+    initialise(): void;
+    updateContents(): void;
+    handleTrackChanges(): void;
+    updateClasses(): void;
+    updatePlaceholder(): void;
+    createElement(): void;
+    createDOM(): void;
+    gutter: Record<string, HTMLElement>;
+    createGutter(className: string, buttons: HTMLElement[]): void;
+    dom: HTMLElement;
+    contentDOM?: HTMLElement;
+    elementType: string;
+    readonly props: import("../configs/ManuscriptsEditor").EditorProps;
+    node: import("prosemirror-model").Node;
+    readonly view: import("@manuscripts/transform").ManuscriptEditorView;
+    readonly getPos: () => number;
+    update(newNode: import("@manuscripts/transform").ManuscriptNode): boolean;
+    selectNode(): void;
+    deselectNode(): void;
+    destroy(): void;
+} & TransAbstractView>;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.4.1",
+  "version": "3.4.4",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -36,9 +36,10 @@
     "@citation-js/plugin-enw": "0.3.0",
     "@citation-js/plugin-pubmed": "0.3.0",
     "@citation-js/plugin-ris": "0.7.18",
+    "@cospired/i18n-iso-languages": "^4.2.0",
     "@iarna/word-count": "1.1.2",
     "@manuscripts/json-schema": "2.2.12",
-    "@manuscripts/style-guide": "3.2.1",
+    "@manuscripts/style-guide": "3.2.3",
     "@manuscripts/track-changes-plugin": "2.0.10",
     "@manuscripts/transform": "4.2.13",
     "@popperjs/core": "2.11.8",

package/styles/AdvancedEditor.css

@@ -184,24 +184,12 @@
   margin-bottom: 30px;
 }
 
-.ProseMirror .block-figure_element .add-figure-button {
+.ProseMirror .block-figure_element .add-button {
   border: 0px;
   left: 53px;
   width: 25px;
-  z-index: 1;
   height: 25px;
-  cursor: pointer;
   position: absolute;
-  border-radius: 50%;
-  background-color: #6e6e6e;
-}
-
-.ProseMirror .block-figure_element .add-figure-button.disabled {
-  background-color: #e2e2e2 !important;
-}
-
-.ProseMirror .block-figure_element .add-figure-button svg path {
-  fill: #ffffff !important;
 }
 
 .ProseMirror .figure-block:hover .options-button {
@@ -993,7 +981,7 @@ figure .selected-suggestion {
   background-color: transparent !important;
 }
 
-.selected-suggestion[data-track-status='pending'] .block:not(.box-element),
+.selected-suggestion[data-track-status='pending'] .block:not(.box-element):not(.trans-abstract),
 .block:has(figure.selected-suggestion),
 figure.block:has(.equation.selected-suggestion) {
   box-shadow: inset 6px 0 0 black, inset 9px 0 0 lightgray;
@@ -1004,7 +992,7 @@ figure.block:has(.equation.selected-suggestion) {
 .tracking-visible
   .ProseMirror
   [data-track-op='insert'][data-track-status='pending']
-  .block:not(.box-element),
+  .block:not(.box-element):not(.trans-abstract),
 .tracking-visible
   .ProseMirror
   [data-track-op='wrap_with_node'][data-track-status='pending']
@@ -1014,7 +1002,7 @@ figure.block:has(.equation.selected-suggestion) {
 
 .tracking-visible
   .selected-suggestion[data-track-status='pending'][data-track-op='insert']
-  .block:not(.box-element),
+  .block:not(.box-element):not(.trans-abstract),
 .tracking-visible
   .selected-suggestion
   [data-track-status='pending'][data-track-op='insert']
@@ -1042,7 +1030,7 @@ figure.block:has(.equation.selected-suggestion) {
 .tracking-visible
   .ProseMirror
   [data-track-status='pending'][data-track-op='delete']
-  .block:not(.box-element),
+  .block:not(.box-element):not(.trans-abstract),
 .tracking-visible
   .ProseMirror
   .figure-block
@@ -1060,7 +1048,7 @@ figure.block:has(.equation.selected-suggestion) {
 }
 
 .selected-suggestion[data-track-status='pending'][data-track-op='delete']
-  .block:not(.box-element) {
+.block:not(.box-element):not(.trans-abstract) {
   box-shadow: inset 6px 0 0 var(--deleted-color),
     inset 9px 0 0 var(--deleted-pending-bg-color) !important;
   animation: fadeOutBackground 3s forwards;
@@ -1068,7 +1056,7 @@ figure.block:has(.equation.selected-suggestion) {
 }
 
 /* Updated Block */
-.tracking-visible .ProseMirror [data-track-op='set_attrs'] .block,
+.tracking-visible .ProseMirror [data-track-op='set_attrs'] .block:not(.trans-abstract),
 .tracking-visible .block:has(figure[data-track-op='set_attrs']),
 .tracking-visible figure.block:has(.equation.set_attrs),
 .tracking-visible
@@ -1085,8 +1073,7 @@ figure.block:has(.equation.selected-suggestion) {
   box-shadow: inset 3px 0 0 var(--updated-border-color);
 }
 
-.tracking-visible .selected-suggestion[data-track-op='set_attrs'] .block,
-.tracking-visible .selected-suggestion [data-track-op='set_attrs'] .block,
+.tracking-visible .selected-suggestion[data-track-op='set_attrs'] .block:not(.trans-abstract),
 .tracking-visible
   .block:has(figure.selected-suggestion[data-track-op='set_attrs']),
 .tracking-visible .selected-suggestion[data-track-op='node_split'] .block,
@@ -1729,3 +1716,83 @@ th:hover > .table-context-menu-button,
   color: #666;
   margin: 4px 0 0 0;
 }
+
+.ProseMirror .add-button {
+  border: 0px;
+  z-index: 1;
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: #6e6e6e;
+}
+
+.ProseMirror .add-button.disabled {
+  background-color: #e2e2e2 !important;
+}
+
+.ProseMirror .add-button svg path {
+  fill: #ffffff !important;
+}
+
+/*  Abstract translations */
+.ProseMirror .abstracts {
+  position: relative;
+}
+
+.ProseMirror .abstracts .add-translation-container {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 8px 0;
+  padding: 6px 12px;
+  position: absolute;
+  right: 50px;
+  z-index: 5;
+  cursor: pointer;
+}
+.ProseMirror .abstracts .add-translation-text {
+  font-size: 14px;
+  color:#353535
+}
+.ProseMirror .abstracts .add-translation-container .add-button {
+  margin: 0;
+  padding: 0;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ProseMirror .abstracts .add-translation-container .add-button svg {
+  width: 10px;
+  height: 8px;
+}
+.ProseMirror .block-trans_abstract .language-selector-btn {
+  position: absolute;
+  z-index: 9;
+  top: 40px;
+  border: 0px;
+  background: transparent;
+  right: 60px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #6E6E6E;
+  cursor: pointer;
+}
+.abstracts-language-dropdown {
+  right: -142px !important;
+  top: -86px !important;
+}
+
+.ProseMirror .block-trans_abstract p.empty-node[data-placeholder]  {
+  font-style: italic;
+  color: #c9c9c9;
+  margin: 0;
+}
+.ProseMirror .block-trans_abstract section.block.trans-abstract {
+  padding: 0 !important;
+} 
+.ProseMirror .abstracts.empty-node .add-translation-container {
+  display: none;
+}