@manuscripts/body-editor 2.6.40 → 2.6.41-LEAN-4077.0

package/dist/cjs/commands.js

@@ -15,7 +15,8 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoComplete = exports.mergeCellsWithSpace = exports.addColumns = exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAffiliation = exports.insertContributors = exports.insertAbstract = exports.insertBackmatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
+exports.mergeCellsWithSpace = exports.addColumns = exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAward = exports.insertAffiliation = exports.insertContributors = exports.insertAbstract = exports.insertBackmatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
+exports.autoComplete = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
@@ -654,6 +655,20 @@ const insertAffiliation = (state, dispatch, view) => {
     return true;
 };
 exports.insertAffiliation = insertAffiliation;
+const insertAward = (state, dispatch, view) => {
+    const award = transform_1.schema.nodes.award.create();
+    const tr = state.tr;
+    const awards = (0, doc_1.insertAwardsNode)(tr);
+    const pos = awards.pos + awards.node.nodeSize - 1;
+    tr.insert(pos, award);
+    const selection = prosemirror_state_1.NodeSelection.create(tr.doc, pos);
+    view && view.focus();
+    if (dispatch) {
+        dispatch(tr.setSelection(selection).scrollIntoView());
+    }
+    return true;
+};
+exports.insertAward = insertAward;
 const insertKeywords = (state, dispatch, view) => {
     if ((0, utils_1.getChildOfType)(state.doc, transform_1.schema.nodes.keywords, true)) {
         return false;

package/dist/cjs/components/{authors/ChangeHandlingForm.js → ChangeHandlingForm.js}

@@ -22,16 +22,26 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
-exports.ChangeHandlingForm = void 0;
+exports.FlexForm = exports.ChangeHandlingForm = void 0;
 const formik_1 = require("formik");
 const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
 const ChangeHandlingForm = (props) => {
     const { values } = (0, formik_1.useFormikContext)();
     (0, react_1.useEffect)(() => {
         var _a;
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, values);
     }, [props.onChange, values]);
-    return react_1.default.createElement(formik_1.Form, null, props.children);
+    return react_1.default.createElement(exports.FlexForm, null, props.children);
 };
 exports.ChangeHandlingForm = ChangeHandlingForm;
+exports.FlexForm = (0, styled_components_1.default)(formik_1.Form) `
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+`;

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

@@ -8,7 +8,7 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const formik_1 = require("formik");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const ChangeHandlingForm_1 = require("./ChangeHandlingForm");
+const ChangeHandlingForm_1 = require("../ChangeHandlingForm");
 const Row = styled_components_1.default.div `
   display: flex;
   border-top: 1px solid ${(props) => props.theme.colors.border.field.default};

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

@@ -46,7 +46,7 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const formik_1 = require("formik");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const ChangeHandlingForm_1 = require("./ChangeHandlingForm");
+const ChangeHandlingForm_1 = require("../ChangeHandlingForm");
 exports.LabelText = styled_components_1.default.div `
   font: ${(props) => props.theme.font.weight.normal}
     ${(props) => props.theme.font.size.normal} / 1

package/dist/cjs/components/awards/AwardForm.js

@@ -0,0 +1,145 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AwardForm = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const formik_1 = require("formik");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const ChangeHandlingForm_1 = require("../ChangeHandlingForm");
+const AwardForm = ({ values, onSave, onCancel, onChange, }) => {
+    const [funders, setFunders] = (0, react_1.useState)([]);
+    const formRef = (0, react_1.useRef)(null);
+    const primaryButtonText = values.id ? 'Save funder' : 'Add funder';
+    (0, react_1.useEffect)(() => {
+        const fetchFunders = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const response = yield fetch('https://api.crossref.org/funders');
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                const data = yield response.json();
+                const funderOptions = data.message.items.map((funder) => ({
+                    value: funder.name,
+                    label: funder.name,
+                }));
+                funderOptions.sort((a, b) => a.label.localeCompare(b.label));
+                sessionStorage.setItem('funders', JSON.stringify(funderOptions));
+                setFunders(funderOptions);
+            }
+            catch (error) {
+                console.error('Error fetching funders:', error);
+            }
+        });
+        const storedFunders = sessionStorage.getItem('funders');
+        if (storedFunders) {
+            setFunders(JSON.parse(storedFunders));
+        }
+        else {
+            fetchFunders();
+        }
+    }, []);
+    const handleCancel = () => {
+        var _a;
+        (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.resetForm();
+        onCancel();
+    };
+    const validate = (values) => {
+        const errors = {};
+        if (!values.source) {
+            errors.source = 'Funder name is required';
+        }
+        return errors;
+    };
+    return (react_1.default.createElement(formik_1.Formik, { initialValues: values, onSubmit: (values, { setSubmitting }) => {
+            onSave(values);
+            setSubmitting(false);
+        }, enableReinitialize: true, validate: validate, validateOnChange: false, innerRef: formRef }, (formik) => {
+        return (react_1.default.createElement(ChangeHandlingForm_1.ChangeHandlingForm, { onChange: onChange },
+            react_1.default.createElement(formik_1.Field, { type: "hidden", name: "id" }),
+            react_1.default.createElement(LabelContainer, null,
+                react_1.default.createElement(Label, { htmlFor: 'source' }, "Funder name")),
+            react_1.default.createElement(formik_1.Field, { name: "source", component: style_guide_1.SelectField, options: funders, value: funders.find((funder) => funder.value === formik.values.source) || null }),
+            formik.errors.source && formik.touched.source && (react_1.default.createElement("div", { style: { color: 'red' } }, formik.errors.source)),
+            react_1.default.createElement(LabelContainer, null,
+                react_1.default.createElement(Label, { htmlFor: 'code' }, "Grant number")),
+            react_1.default.createElement(style_guide_1.MultiValueInput, { inputType: "text", initialValues: values.code ? values.code.split(';') : [], onChange: (newValues) => {
+                    formik.setFieldValue('code', newValues.join(';'));
+                } }),
+            react_1.default.createElement(LabelContainer, null,
+                react_1.default.createElement(Label, { htmlFor: 'recipient' }, "Recipient name")),
+            react_1.default.createElement(formik_1.Field, { name: "recipient" }, (props) => (react_1.default.createElement(style_guide_1.TextField, Object.assign({ id: "recipient", placeholder: "Enter full name " }, props.field)))),
+            react_1.default.createElement(ButtonContainer, null,
+                react_1.default.createElement(style_guide_1.SecondaryButton, { onClick: handleCancel }, "Cancel"),
+                react_1.default.createElement(style_guide_1.PrimaryButton, { type: "submit", disabled: !formik.dirty || formik.isSubmitting }, primaryButtonText))));
+    }));
+};
+exports.AwardForm = AwardForm;
+const LabelContainer = styled_components_1.default.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: ${(props) => 4 * props.theme.grid.unit}px;
+  margin-bottom: ${(props) => props.theme.grid.unit}px;
+`;
+const Label = styled_components_1.default.label `
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: ${(props) => props.theme.font.size.large};
+  display: block;
+  color: ${(props) => props.theme.colors.text.secondary};
+`;
+const ButtonContainer = styled_components_1.default.div `
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+  gap: 8px;
+`;

package/dist/cjs/components/awards/AwardModal.js

@@ -0,0 +1,80 @@
+"use strict";
+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 });
+exports.AwardModal = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const AwardForm_1 = require("./AwardForm");
+const ModalBody = styled_components_1.default.div `
+  box-sizing: border-box;
+  padding: ${(props) => 6 * props.theme.grid.unit}px;
+  background-color: ${(props) => props.theme.colors.background.primary};
+  width: 480px;
+  max-width: 60vw;
+  max-height: 80vh;
+`;
+const ModalTitle = styled_components_1.default.h2 `
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: ${(props) => props.theme.font.size.medium};
+  font-weight: ${(props) => props.theme.font.weight.bold};
+  color: ${(props) => props.theme.colors.text.primary};
+  margin: 0;
+`;
+const normalizeData = (award) => ({
+    id: award.id || '',
+    source: award.source || '',
+    code: award.code || '',
+    recipient: award.recipient || '',
+});
+const AwardModal = ({ initialData, onSaveAward, onCancelAward, }) => {
+    const [isOpen, setOpen] = (0, react_1.useState)(true);
+    const valuesRef = (0, react_1.useRef)();
+    const handleSave = () => {
+        const updatedValues = valuesRef.current;
+        if (updatedValues) {
+            onSaveAward(updatedValues);
+            handleClose();
+        }
+    };
+    const handleCancel = () => {
+        onCancelAward && onCancelAward();
+        handleClose();
+    };
+    const handleClose = () => setOpen(false);
+    const handleChange = (values) => (valuesRef.current = values);
+    const normalizedValues = react_1.default.useMemo(() => normalizeData(initialData), [initialData]);
+    return (react_1.default.createElement(style_guide_1.StyledModal, { isOpen: isOpen, onRequestClose: () => handleClose(), shouldCloseOnOverlayClick: true },
+        react_1.default.createElement(style_guide_1.ModalContainer, { "data-cy": "award-modal" },
+            react_1.default.createElement(style_guide_1.ModalHeader, null,
+                react_1.default.createElement(style_guide_1.CloseButton, { onClick: () => handleClose(), "data-cy": "modal-close-button" })),
+            react_1.default.createElement(ModalBody, null,
+                react_1.default.createElement(ModalTitle, null, "Add Funder information"),
+                react_1.default.createElement(AwardForm_1.AwardForm, { values: normalizedValues, onSave: handleSave, onCancel: handleCancel, onChange: handleChange })))));
+};
+exports.AwardModal = AwardModal;

package/dist/cjs/components/awards/DeleteAwardDiaolog.js

@@ -0,0 +1,45 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeleteAwardDialog = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const DeleteAwardDialog = ({ handleDelete, }) => {
+    const [isOpen, setOpen] = (0, react_1.useState)(true);
+    return (react_1.default.createElement(style_guide_1.Dialog, { isOpen: isOpen, actions: {
+            primary: {
+                action: () => {
+                    setOpen(false);
+                    handleDelete();
+                },
+                title: 'Delete',
+            },
+            secondary: {
+                action: () => setOpen(false),
+                title: 'Cancel',
+            },
+        }, category: style_guide_1.Category.warning, header: 'Delete Funder Info', message: `Do you want to continue?` }));
+};
+exports.DeleteAwardDialog = DeleteAwardDialog;

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

@@ -41,12 +41,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReferenceForm = exports.FormFields = exports.FlexForm = exports.ReferenceTextArea = exports.FormField = exports.LabelContainer = void 0;
+exports.ReferenceForm = exports.FormFields = exports.ReferenceTextArea = exports.FormField = exports.LabelContainer = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const style_guide_1 = require("@manuscripts/style-guide");
 const formik_1 = require("formik");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
+const ChangeHandlingForm_1 = require("../ChangeHandlingForm");
 exports.LabelContainer = styled_components_1.default.div `
   display: flex;
   justify-content: space-between;
@@ -142,12 +143,6 @@ exports.ReferenceTextArea = (0, styled_components_1.default)(style_guide_1.TextA
   height: ${(props) => props.theme.grid.unit * 20}px;
   resize: none;
 `;
-exports.FlexForm = (0, styled_components_1.default)(formik_1.Form) `
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-`;
 exports.FormFields = styled_components_1.default.div `
   flex: 1;
   overflow-y: auto;
@@ -212,14 +207,6 @@ const bibliographyItemTypeOptions = bibliographyItemTypes.map((i) => ({
     label: i[1],
     value: i[0],
 }));
-const ChangeHandlingForm = (props) => {
-    const { values } = (0, formik_1.useFormikContext)();
-    (0, react_1.useEffect)(() => {
-        var _a;
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, values);
-    }, [props.onChange, values]);
-    return react_1.default.createElement(exports.FlexForm, null, props.children);
-};
 const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel, onSave, actionsRef, }) => {
     const fieldsRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -238,7 +225,7 @@ const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel, onSav
         };
     }
     return (react_1.default.createElement(formik_1.Formik, { initialValues: values, onSubmit: onSave, enableReinitialize: true, innerRef: formRef }, (formik) => {
-        return (react_1.default.createElement(ChangeHandlingForm, { onChange: onChange },
+        return (react_1.default.createElement(ChangeHandlingForm_1.ChangeHandlingForm, { onChange: onChange },
             react_1.default.createElement(style_guide_1.Dialog, { isOpen: showDeleteDialog, category: style_guide_1.Category.confirmation, header: "Delete Reference", message: "Are you sure you want to delete this reference from the list?", actions: {
                     secondary: {
                         action: () => {

package/dist/cjs/icons.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollIcon = exports.sectionCategoryIcon = exports.deleteIcon = exports.alertIcon = void 0;
+exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.alertIcon = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = require("react");
 const server_1 = require("react-dom/server");
 const renderIcon = (c) => (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(c));
 exports.alertIcon = renderIcon(style_guide_1.AlertIcon);
 exports.deleteIcon = renderIcon(style_guide_1.DeleteIcon);
+exports.editIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.EditIcon));
 exports.sectionCategoryIcon = renderIcon(style_guide_1.SectionCategoryIcon);
 exports.scrollIcon = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.ScrollIcon));

package/dist/cjs/lib/doc.js

@@ -1,8 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findNodeByID = exports.findGraphicalAbstractFigureElement = exports.findBibliographySection = exports.findBackmatter = exports.findBody = exports.findAbstractsNode = exports.insertFootnotesSection = exports.insertSupplementsNode = void 0;
+exports.findNodeByID = exports.findGraphicalAbstractFigureElement = exports.findBibliographySection = exports.findBackmatter = exports.findBody = exports.findAbstractsNode = exports.insertFootnotesSection = exports.insertSupplementsNode = exports.insertAwardsNode = void 0;
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
+const insertAwardsNode = (tr) => {
+    const doc = tr.doc;
+    const awards = (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.awards)[0];
+    if (awards) {
+        return awards;
+    }
+    const positions = [];
+    const possibleNodesTypes = [
+        'doi',
+        'keywords',
+        'supplements',
+        'abstracts',
+        'body',
+    ];
+    doc.descendants((node, pos) => {
+        if (possibleNodesTypes.includes(node.type.name)) {
+            positions.push(pos);
+        }
+    });
+    const pos = positions.length === 0 ? 0 : Math.min(...positions);
+    const node = transform_1.schema.nodes.awards.createAndFill();
+    tr.insert(pos, node);
+    return {
+        node,
+        pos,
+    };
+};
+exports.insertAwardsNode = insertAwardsNode;
 const insertSupplementsNode = (tr) => {
     const doc = tr.doc;
     const supplements = (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.supplements)[0];

package/dist/cjs/menus.js

@@ -114,6 +114,12 @@ const getEditorMenus = (editor) => {
                         isEnabled: isCommandValid(commands_1.insertAffiliation),
                         run: doCommand(commands_1.insertAffiliation),
                     },
+                    {
+                        id: 'insert-awards',
+                        label: 'Funder Information',
+                        isEnabled: isCommandValid(commands_1.insertAward),
+                        run: doCommand(commands_1.insertAward),
+                    },
                     {
                         id: 'insert-keywords',
                         label: 'Keywords',

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.6.40';
+exports.VERSION = '2.6.41-LEAN-4077.0';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/award.js

@@ -19,39 +19,131 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AwardView = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const transform_1 = require("@manuscripts/transform");
+const AwardModal_1 = require("../components/awards/AwardModal");
+const DeleteAwardDiaolog_1 = require("../components/awards/DeleteAwardDiaolog");
+const track_changes_utils_1 = require("../lib/track-changes-utils");
+const view_1 = require("../lib/view");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
+const ReactSubView_1 = __importDefault(require("./ReactSubView"));
 class AwardView extends block_view_1.default {
     constructor() {
         super(...arguments);
-        this.createAwardElement = (className, textContent) => {
-            const element = document.createElement('div');
-            element.classList.add(className);
-            element.textContent = textContent;
-            return element;
+        this.createAwardFragment = (className, title, content) => {
+            const awardFragment = document.createElement('div');
+            awardFragment.classList.add(className);
+            if (title) {
+                const titleElement = document.createElement('span');
+                titleElement.classList.add('title');
+                titleElement.textContent = title;
+                awardFragment.appendChild(titleElement);
+            }
+            if (content) {
+                const contentElement = document.createElement('span');
+                contentElement.classList.add('content');
+                contentElement.textContent = content;
+                awardFragment.appendChild(contentElement);
+            }
+            return awardFragment;
+        };
+        this.handleClick = () => {
+            if ((0, track_changes_utils_1.isDeleted)(this.node) || !this.props.getCapabilities().editArticle) {
+                return;
+            }
+            this.showContextMenu();
+        };
+        this.showContextMenu = () => {
+            this.props.popper.destroy();
+            if (!this.contentDOM) {
+                return;
+            }
+            const componentProps = {
+                actions: [
+                    {
+                        label: 'Edit',
+                        action: () => {
+                            this.props.popper.destroy();
+                            this.showAwardModal(this.node);
+                        },
+                        icon: 'Edit',
+                    },
+                    {
+                        label: 'Delete',
+                        action: () => {
+                            this.props.popper.destroy();
+                            this.showDeleteAwardDialog();
+                        },
+                        icon: 'Delete',
+                    },
+                ],
+            };
+            this.props.popper.show(this.contentDOM, (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu'), 'right-start', false);
+        };
+        this.showAwardModal = (award) => {
+            var _a, _b;
+            (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
+            (_b = this.popperContainer) === null || _b === void 0 ? void 0 : _b.remove();
+            const componentProps = {
+                initialData: (award === null || award === void 0 ? void 0 : award.attrs) || {},
+                onSaveAward: this.handleSaveAward,
+                onCancelAward: this.handleCancelAward,
+            };
+            this.popperContainer = (0, ReactSubView_1.default)(this.props, AwardModal_1.AwardModal, componentProps, this.node, this.getPos, this.view, 'award-editor');
+            this.props.popper.show(this.dom, this.popperContainer, 'auto', false);
+        };
+        this.handleSaveAward = (award) => {
+            (0, view_1.updateNodeAttrs)(this.view, transform_1.schema.nodes.award, award);
+        };
+        this.handleCancelAward = () => {
+        };
+        this.showDeleteAwardDialog = () => {
+            var _a;
+            (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
+            const award = this.node;
+            const pos = this.getPos();
+            const handleDelete = () => {
+                if (award) {
+                    const tr = this.view.state.tr;
+                    const from = pos;
+                    const to = pos + award.nodeSize;
+                    this.view.dispatch(tr.delete(from, to));
+                }
+            };
+            const componentProps = {
+                handleDelete: handleDelete,
+            };
+            this.popperContainer = (0, ReactSubView_1.default)(this.props, DeleteAwardDiaolog_1.DeleteAwardDialog, componentProps, this.node, this.getPos, this.view, 'award-editor');
+            this.props.popper.show(this.dom, this.popperContainer, 'auto', false);
         };
-    }
-    initialise() {
-        this.createDOM();
-        this.contentDOM = this.dom;
-        this.updateContents();
     }
     updateContents() {
+        super.updateContents();
         if (!this.contentDOM) {
             return;
         }
-        this.contentDOM.innerHTML = '';
-        this.contentDOM.classList.remove('block-container');
-        const notAvailable = 'N/A';
         const { recipient, code, source } = this.node.attrs;
         if (!source) {
             return;
         }
+        this.contentDOM.innerHTML = '';
+        const notAvailable = 'N/A';
         const fragment = document.createDocumentFragment();
-        fragment.appendChild(this.createAwardElement('award-source', source));
-        fragment.appendChild(this.createAwardElement('award-code', `Grant Number(s): ${code ? code.split(';').join(', ') : notAvailable}`));
-        fragment.appendChild(this.createAwardElement('award-recipient', `Recipient: ${recipient ? recipient : notAvailable}`));
+        fragment.appendChild(this.createAwardFragment('award-source', '', source));
+        fragment.appendChild(this.createAwardFragment('award-code', 'Grant Number(s): ', code ? code.split(';').join(', ') : notAvailable));
+        fragment.appendChild(this.createAwardFragment('award-recipient', 'Recipient: ', recipient ? recipient : notAvailable));
+        if (this.props.getCapabilities().editArticle) {
+            this.dom.addEventListener('mouseup', this.handleClick);
+        }
         this.contentDOM.appendChild(fragment);
+        this.updateClasses();
+    }
+    selectNode() {
+        super.selectNode();
+        if (!this.node.attrs.source) {
+            this.showAwardModal(this.node);
+        }
     }
 }
 exports.AwardView = AwardView;