@manuscripts/body-editor 3.7.29 → 3.8.0

package/dist/cjs/components/affiliations/AffiliationItem.js

@@ -114,8 +114,7 @@ const AffiliationItem = ({ affiliation, isSelected, onClick, onDelete, showSucce
                     affiliation.country ? ', ' : '')),
                 affiliation.country && react_1.default.createElement(react_1.default.Fragment, null, affiliation.country))),
         showSuccessIcon && (react_1.default.createElement(style_guide_1.CrclTickAnimation, { size: 36, style: { position: 'absolute', left: '10px' } })),
-        isSelected && (react_1.default.createElement(RemoveButton, { onClick: () => onDelete(), "data-tooltip-id": 'delete-button-tooltip' },
-            react_1.default.createElement(style_guide_1.DeleteIcon, { fill: '#6E6E6E' }),
-            react_1.default.createElement(style_guide_1.Tooltip, { id: 'delete-button-tooltip', place: "bottom" }, 'Delete')))));
+        isSelected && (react_1.default.createElement(RemoveButton, { onClick: () => onDelete(), "data-tooltip-content": "Delete" },
+            react_1.default.createElement(style_guide_1.DeleteIcon, { fill: '#6E6E6E' })))));
 };
 exports.AffiliationItem = AffiliationItem;

package/dist/cjs/components/authors/DraggableAuthor.js

@@ -201,7 +201,6 @@ exports.DraggableAuthor = react_1.default.memo(({ author, isSelected, onClick, o
             react_1.default.createElement(AuthorNotes, { "data-cy": "author-notes" }, author.isCorresponding && (react_1.default.createElement(AuthorBadge, null,
                 react_1.default.createElement(style_guide_1.CorrespondingAuthorIcon, null))))),
         react_1.default.createElement(AuthorName, { "data-cy": "author-name" }, (0, authors_1.authorLabel)(author)),
-        isSelected && (react_1.default.createElement(RemoveButton, { onClick: () => onDelete(), "data-tooltip-id": 'delete-button-tooltip' },
-            react_1.default.createElement(style_guide_1.DeleteIcon, { fill: '#6E6E6E' }),
-            react_1.default.createElement(style_guide_1.Tooltip, { id: 'delete-button-tooltip', place: "bottom" }, 'Delete')))));
+        isSelected && (react_1.default.createElement(RemoveButton, { onClick: () => onDelete(), "data-tooltip-content": "Delete" },
+            react_1.default.createElement(style_guide_1.DeleteIcon, { fill: '#6E6E6E' })))));
 });

package/dist/cjs/components/references/ImportBibliographyModal.js

@@ -97,38 +97,24 @@ const ImportBibliographyModal = ({ onCancel, onSave }) => {
             react_1.default.createElement(ModalBody, null,
                 react_1.default.createElement(ModalTitle, null, "Import Bibliography"),
                 react_1.default.createElement("p", null,
-                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_bibtex" }, "BibTex"),
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleBibtex, "data-tool": true }, "BibTex"),
                     ",",
                     ' ',
-                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_pubmed" }, "PubMed"),
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": examplePubmed }, "PubMed"),
                     ",",
                     ' ',
-                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_ris" }, "RIS"),
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleRis }, "RIS"),
                     ",",
                     ' ',
-                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_enw" }, "ENW"),
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleEnw }, "ENW"),
                     ' ',
                     "and",
                     ' ',
-                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "example_doi" }, "DOI"),
+                    react_1.default.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleDoi }, "DOI"),
                     ' ',
                     "formats are supported"),
                 react_1.default.createElement(ImportBibliographyForm_1.ImportBibliographyForm, { onCancel: handleCancel, onSave: handleSave }),
-                react_1.default.createElement(Example, { id: "example_bibtex", place: "bottom" },
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement("pre", null, exampleBibtex))),
-                react_1.default.createElement(Example, { id: "example_pubmed", place: "bottom" },
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement("pre", null, examplePubmed))),
-                react_1.default.createElement(Example, { id: "example_ris", place: "bottom" },
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement("pre", null, exampleRis))),
-                react_1.default.createElement(Example, { id: "example_enw", place: "bottom" },
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement("pre", null, exampleEnw))),
-                react_1.default.createElement(Example, { id: "example_doi", place: "bottom" },
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement("pre", null, exampleDoi)))))));
+                react_1.default.createElement(Example, { id: "import-example-tooltip", place: "bottom", render: (s) => (react_1.default.createElement("pre", null, s.content)) })))));
 };
 exports.ImportBibliographyModal = ImportBibliographyModal;
 const ModalBody = styled_components_1.default.div `

package/dist/cjs/components/references/ReferenceForm/ReferenceForm.js

@@ -112,9 +112,8 @@ const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel, onSav
                 react_1.default.createElement(style_guide_1.ButtonGroup, null,
                     react_1.default.createElement(style_guide_1.IconButton, { as: "a", href: `https://doi.org/${formik.values.DOI}`, target: '_blank' },
                         react_1.default.createElement(style_guide_1.LinkIcon, null)),
-                    react_1.default.createElement(styled_components_1.DeleteButton, { defaultColor: true, disabled: !showDelete, "data-tooltip-id": showDelete ? '' : 'delete-button-tooltip', onClick: () => setShowDeleteDialog(true) },
-                        react_1.default.createElement(style_guide_1.DeleteIcon, null)),
-                    react_1.default.createElement(style_guide_1.Tooltip, { id: "delete-button-tooltip", place: "bottom" }, "Unable to delete because the item is used in the document")),
+                    react_1.default.createElement(styled_components_1.DeleteButton, { defaultColor: true, disabled: !showDelete, "data-tooltip-content": "Unable to delete because the item is used in the document", "data-tooltip-hidden": showDelete, onClick: () => setShowDeleteDialog(true) },
+                        react_1.default.createElement(style_guide_1.DeleteIcon, null))),
                 react_1.default.createElement(style_guide_1.ButtonGroup, null,
                     react_1.default.createElement(style_guide_1.SecondaryButton, { onClick: onCancel }, "Cancel"),
                     react_1.default.createElement(style_guide_1.PrimaryButton, { type: "submit", disabled: !formik.isValid || !formik.dirty }, "Save"))),

package/dist/cjs/components/references/ReferencesModal.js

@@ -247,9 +247,8 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
                         react_1.default.createElement(ReferencesInnerWrapper, null, items.slice(startIndex, endIndex + 1).map((item) => (react_1.default.createElement(ReferenceButton, { key: item.id, id: item.id, className: isSelected(item) ? 'selected' : '', onClick: () => handleItemClick(item), ref: isSelected(item) ? selectionRef : null },
                             react_1.default.createElement(IconContainer, null,
                                 react_1.default.createElement(style_guide_1.CitationCountIcon, null),
-                                (citationCounts.get(item.id) || 0) > 0 ? (react_1.default.createElement(CitationCount, { "data-tooltip-id": "citation-count-tooltip" }, citationCounts.get(item.id))) : (react_1.default.createElement(CitationCount, { className: "unused" }, "0"))),
-                            react_1.default.createElement(ReferenceLine_1.ReferenceLine, { item: item }))))),
-                        react_1.default.createElement(style_guide_1.Tooltip, { id: "citation-count-tooltip", place: "bottom" }, "Number of times used in the document"))),
+                                (citationCounts.get(item.id) || 0) > 0 ? (react_1.default.createElement(CitationCount, { "data-tooltip-content": "Number of times used in the document" }, citationCounts.get(item.id))) : (react_1.default.createElement(CitationCount, { className: "unused" }, "0"))),
+                            react_1.default.createElement(ReferenceLine_1.ReferenceLine, { item: item }))))))),
                 react_1.default.createElement(style_guide_1.ScrollableModalContent, null, selection && (react_1.default.createElement(ReferenceForm_1.ReferenceForm, { values: normalize(selection), showDelete: !citationCounts.get(selection.id) &&
                         isNewItem(selection, ['id', 'type']), onChange: handleChange, onCancel: onCancel, onDelete: handleDelete, onSave: handleSave, actionsRef: actionsRef })))))));
 };

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 = '3.7.29';
+exports.VERSION = '3.8.0';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/components/affiliations/AffiliationItem.js

@@ -1,4 +1,4 @@
-import { AffiliationIcon, CrclTickAnimation, DeleteIcon, Tooltip, } from '@manuscripts/style-guide';
+import { AffiliationIcon, CrclTickAnimation, DeleteIcon, } from '@manuscripts/style-guide';
 import React, { useRef } from 'react';
 import styled from 'styled-components';
 const AffiliationContainer = styled.div `
@@ -75,7 +75,6 @@ export const AffiliationItem = ({ affiliation, isSelected, onClick, onDelete, sh
                     affiliation.country ? ', ' : '')),
                 affiliation.country && React.createElement(React.Fragment, null, affiliation.country))),
         showSuccessIcon && (React.createElement(CrclTickAnimation, { size: 36, style: { position: 'absolute', left: '10px' } })),
-        isSelected && (React.createElement(RemoveButton, { onClick: () => onDelete(), "data-tooltip-id": 'delete-button-tooltip' },
-            React.createElement(DeleteIcon, { fill: '#6E6E6E' }),
-            React.createElement(Tooltip, { id: 'delete-button-tooltip', place: "bottom" }, 'Delete')))));
+        isSelected && (React.createElement(RemoveButton, { onClick: () => onDelete(), "data-tooltip-content": "Delete" },
+            React.createElement(DeleteIcon, { fill: '#6E6E6E' })))));
 };

package/dist/es/components/authors/DraggableAuthor.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Avatar, CorrespondingAuthorIcon, CrclTickAnimation, DeleteIcon, DraggableIcon, Tooltip, } from '@manuscripts/style-guide';
+import { Avatar, CorrespondingAuthorIcon, CrclTickAnimation, DeleteIcon, DraggableIcon, } from '@manuscripts/style-guide';
 import React, { useRef, useState } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
 import styled from 'styled-components';
@@ -162,7 +162,6 @@ export const DraggableAuthor = React.memo(({ author, isSelected, onClick, onDele
             React.createElement(AuthorNotes, { "data-cy": "author-notes" }, author.isCorresponding && (React.createElement(AuthorBadge, null,
                 React.createElement(CorrespondingAuthorIcon, null))))),
         React.createElement(AuthorName, { "data-cy": "author-name" }, authorLabel(author)),
-        isSelected && (React.createElement(RemoveButton, { onClick: () => onDelete(), "data-tooltip-id": 'delete-button-tooltip' },
-            React.createElement(DeleteIcon, { fill: '#6E6E6E' }),
-            React.createElement(Tooltip, { id: 'delete-button-tooltip', place: "bottom" }, 'Delete')))));
+        isSelected && (React.createElement(RemoveButton, { onClick: () => onDelete(), "data-tooltip-content": "Delete" },
+            React.createElement(DeleteIcon, { fill: '#6E6E6E' })))));
 });

package/dist/es/components/references/ImportBibliographyModal.js

@@ -58,38 +58,24 @@ export const ImportBibliographyModal = ({ onCancel, onSave }) => {
             React.createElement(ModalBody, null,
                 React.createElement(ModalTitle, null, "Import Bibliography"),
                 React.createElement("p", null,
-                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_bibtex" }, "BibTex"),
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleBibtex, "data-tool": true }, "BibTex"),
                     ",",
                     ' ',
-                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_pubmed" }, "PubMed"),
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": examplePubmed }, "PubMed"),
                     ",",
                     ' ',
-                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_ris" }, "RIS"),
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleRis }, "RIS"),
                     ",",
                     ' ',
-                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_enw" }, "ENW"),
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleEnw }, "ENW"),
                     ' ',
                     "and",
                     ' ',
-                    React.createElement(SpanWithExample, { "data-tooltip-id": "example_doi" }, "DOI"),
+                    React.createElement(SpanWithExample, { "data-tooltip-id": "import-example-tooltip", "data-tooltip-content": exampleDoi }, "DOI"),
                     ' ',
                     "formats are supported"),
                 React.createElement(ImportBibliographyForm, { onCancel: handleCancel, onSave: handleSave }),
-                React.createElement(Example, { id: "example_bibtex", place: "bottom" },
-                    React.createElement("div", null,
-                        React.createElement("pre", null, exampleBibtex))),
-                React.createElement(Example, { id: "example_pubmed", place: "bottom" },
-                    React.createElement("div", null,
-                        React.createElement("pre", null, examplePubmed))),
-                React.createElement(Example, { id: "example_ris", place: "bottom" },
-                    React.createElement("div", null,
-                        React.createElement("pre", null, exampleRis))),
-                React.createElement(Example, { id: "example_enw", place: "bottom" },
-                    React.createElement("div", null,
-                        React.createElement("pre", null, exampleEnw))),
-                React.createElement(Example, { id: "example_doi", place: "bottom" },
-                    React.createElement("div", null,
-                        React.createElement("pre", null, exampleDoi)))))));
+                React.createElement(Example, { id: "import-example-tooltip", place: "bottom", render: (s) => (React.createElement("pre", null, s.content)) })))));
 };
 const ModalBody = styled.div `
   box-sizing: border-box;

package/dist/es/components/references/ReferenceForm/ReferenceForm.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { AddAuthorIcon, ButtonGroup, Category, DeleteIcon, Dialog, IconButton, LinkIcon, PrimaryButton, SecondaryButton, SelectField, Tooltip, } from '@manuscripts/style-guide';
+import { AddAuthorIcon, ButtonGroup, Category, DeleteIcon, Dialog, IconButton, LinkIcon, PrimaryButton, SecondaryButton, SelectField, } from '@manuscripts/style-guide';
 import { Field, FieldArray, Formik } from 'formik';
 import React, { useEffect, useRef, useState } from 'react';
 import { bibliographyItemTypes } from '../../../lib/references';
@@ -76,9 +76,8 @@ export const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel
                 React.createElement(ButtonGroup, null,
                     React.createElement(IconButton, { as: "a", href: `https://doi.org/${formik.values.DOI}`, target: '_blank' },
                         React.createElement(LinkIcon, null)),
-                    React.createElement(DeleteButton, { defaultColor: true, disabled: !showDelete, "data-tooltip-id": showDelete ? '' : 'delete-button-tooltip', onClick: () => setShowDeleteDialog(true) },
-                        React.createElement(DeleteIcon, null)),
-                    React.createElement(Tooltip, { id: "delete-button-tooltip", place: "bottom" }, "Unable to delete because the item is used in the document")),
+                    React.createElement(DeleteButton, { defaultColor: true, disabled: !showDelete, "data-tooltip-content": "Unable to delete because the item is used in the document", "data-tooltip-hidden": showDelete, onClick: () => setShowDeleteDialog(true) },
+                        React.createElement(DeleteIcon, null))),
                 React.createElement(ButtonGroup, null,
                     React.createElement(SecondaryButton, { onClick: onCancel }, "Cancel"),
                     React.createElement(PrimaryButton, { type: "submit", disabled: !formik.isValid || !formik.dirty }, "Save"))),

package/dist/es/components/references/ReferencesModal.js

@@ -1,4 +1,4 @@
-import { Category, CitationCountIcon, CloseButton, Dialog, ModalBody, ModalContainer, ModalHeader, ModalSidebar, ModalSidebarHeader, ModalSidebarTitle, ScrollableModalContent, SidebarContent, StyledModal, Tooltip, useScrollDetection, } from '@manuscripts/style-guide';
+import { Category, CitationCountIcon, CloseButton, Dialog, ModalBody, ModalContainer, ModalHeader, ModalSidebar, ModalSidebarHeader, ModalSidebarTitle, ScrollableModalContent, SidebarContent, StyledModal, useScrollDetection, } from '@manuscripts/style-guide';
 import { isEqual } from 'lodash';
 import React, { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
@@ -208,9 +208,8 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
                         React.createElement(ReferencesInnerWrapper, null, items.slice(startIndex, endIndex + 1).map((item) => (React.createElement(ReferenceButton, { key: item.id, id: item.id, className: isSelected(item) ? 'selected' : '', onClick: () => handleItemClick(item), ref: isSelected(item) ? selectionRef : null },
                             React.createElement(IconContainer, null,
                                 React.createElement(CitationCountIcon, null),
-                                (citationCounts.get(item.id) || 0) > 0 ? (React.createElement(CitationCount, { "data-tooltip-id": "citation-count-tooltip" }, citationCounts.get(item.id))) : (React.createElement(CitationCount, { className: "unused" }, "0"))),
-                            React.createElement(ReferenceLine, { item: item }))))),
-                        React.createElement(Tooltip, { id: "citation-count-tooltip", place: "bottom" }, "Number of times used in the document"))),
+                                (citationCounts.get(item.id) || 0) > 0 ? (React.createElement(CitationCount, { "data-tooltip-content": "Number of times used in the document" }, citationCounts.get(item.id))) : (React.createElement(CitationCount, { className: "unused" }, "0"))),
+                            React.createElement(ReferenceLine, { item: item }))))))),
                 React.createElement(ScrollableModalContent, null, selection && (React.createElement(ReferenceForm, { values: normalize(selection), showDelete: !citationCounts.get(selection.id) &&
                         isNewItem(selection, ['id', 'type']), onChange: handleChange, onCancel: onCancel, onDelete: handleDelete, onSave: handleSave, actionsRef: actionsRef })))))));
 };

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.7.29';
+export const VERSION = '3.8.0';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.7.29";
+export declare const VERSION = "3.8.0";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.7.29",
+  "version": "3.8.0",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -38,7 +38,7 @@
     "@citation-js/plugin-ris": "0.7.18",
     "@iarna/word-count": "1.1.2",
     "@manuscripts/json-schema": "2.2.12",
-    "@manuscripts/style-guide": "3.3.15",
+    "@manuscripts/style-guide": "3.4.0",
     "@manuscripts/track-changes-plugin": "2.2.3",
     "@manuscripts/transform": "4.3.14",
     "@popperjs/core": "2.11.8",