@manuscripts/body-editor 1.7.19 → 1.7.21

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

@@ -0,0 +1,226 @@
+"use strict";
+/*!
+ * © 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.
+ */
+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.AuthorsModal = void 0;
+const AddIcon_1 = __importDefault(require("@manuscripts/assets/react/AddIcon"));
+const json_schema_1 = require("@manuscripts/json-schema");
+const style_guide_1 = require("@manuscripts/style-guide");
+const lodash_1 = require("lodash");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const array_reducer_1 = require("../../lib/array-reducer");
+const authors_1 = require("../../lib/authors");
+const AuthorActions_1 = require("./AuthorActions");
+const AuthorAffiliations_1 = require("./AuthorAffiliations");
+const AuthorDetailsForm_1 = require("./AuthorDetailsForm");
+const AuthorFormPlaceholder_1 = require("./AuthorFormPlaceholder");
+const AuthorList_1 = require("./AuthorList");
+const SaveAuthorConfirmationDialog_1 = require("./SaveAuthorConfirmationDialog");
+const AddAuthorButton = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  margin-bottom: ${(props) => props.theme.grid.unit * 4}px;
+  margin-left: ${(props) => props.theme.grid.unit * 2}px;
+  cursor: pointer;
+`;
+const ActionTitle = styled_components_1.default.div `
+  padding-left: ${(props) => props.theme.grid.unit * 2}px;
+`;
+const FormLabel = styled_components_1.default.legend `
+  margin-top: 12px;
+  margin-bottom: 12px;
+  font: ${(props) => props.theme.font.weight.normal}
+    ${(props) => props.theme.font.size.xlarge} /
+    ${(props) => props.theme.font.lineHeight.large}
+    ${(props) => props.theme.font.family.sans};
+  letter-spacing: -0.4px;
+  color: ${(props) => props.theme.colors.text.secondary};
+`;
+const AuthorForms = styled_components_1.default.div `
+  padding-left: ${(props) => props.theme.grid.unit * 3}px;
+  padding-right: ${(props) => props.theme.grid.unit * 3}px;
+`;
+const authorsReducer = (0, array_reducer_1.arrayReducer)((a, b) => a.id === b.id);
+const affiliationsReducer = (0, array_reducer_1.arrayReducer)((a, b) => a.id === b.id);
+const normalize = (author) => {
+    return {
+        id: author.id,
+        role: author.role,
+        affiliations: author.affiliations || [],
+        bibliographicName: author.bibliographicName,
+        email: author.email || '',
+        isCorresponding: author.isCorresponding || false,
+        ORCIDIdentifier: author.ORCIDIdentifier || '',
+        priority: author.priority,
+        isJointContributor: author.isJointContributor || false,
+    };
+};
+const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author, onSaveAuthor, onDeleteAuthor, onSaveAffiliation, }) => {
+    const [isOpen, setOpen] = (0, react_1.useState)(true);
+    const [showConfirmationDialog, setShowConfirmationDialog] = (0, react_1.useState)(false);
+    const valuesRef = (0, react_1.useRef)();
+    const actionsRef = (0, react_1.useRef)();
+    const [authors, dispatchAuthors] = (0, react_1.useReducer)(authorsReducer, $authors.sort(authors_1.authorComparator));
+    const [affiliations, dispatchAffiliations] = (0, react_1.useReducer)(affiliationsReducer, $affiliations);
+    const [selection, setSelection] = (0, react_1.useState)(author);
+    const handleSelect = (author) => {
+        const values = valuesRef.current;
+        if (values && selection && !(0, lodash_1.isEqual)(values, normalize(selection))) {
+            setShowConfirmationDialog(true);
+        }
+        else {
+            setSelection(author);
+        }
+    };
+    const handleSaveAuthor = (values) => {
+        if (!values || !selection) {
+            return;
+        }
+        const author = Object.assign(Object.assign({}, selection), values);
+        onSaveAuthor(author);
+        setSelection(author);
+        setShowConfirmationDialog(false);
+        dispatchAuthors({
+            type: 'update',
+            items: [author],
+        });
+    };
+    const handleMoveAuthor = (from, to) => {
+        const copy = [...authors];
+        const order = copy.map((_, i) => (i === from ? to : i));
+        copy.sort((a, b) => order[authors.indexOf(a)] - order[authors.indexOf(b)]);
+        copy.forEach((a, i) => {
+            if (a.priority !== i) {
+                a.priority = i;
+                onSaveAuthor(a);
+            }
+        });
+        dispatchAuthors({
+            type: 'set',
+            state: copy,
+        });
+    };
+    const handleAddAuthor = () => {
+        const name = (0, json_schema_1.buildBibliographicName)({ given: '', family: '' });
+        const author = {
+            id: (0, json_schema_1.generateID)(json_schema_1.ObjectTypes.Contributor),
+            role: 'author',
+            affiliations: [],
+            bibliographicName: name,
+            email: '',
+            isCorresponding: false,
+            ORCIDIdentifier: '',
+            priority: authors.length,
+            isJointContributor: false,
+        };
+        onSaveAuthor(author);
+        setSelection(author);
+        dispatchAuthors({
+            type: 'update',
+            items: [author],
+        });
+    };
+    const handleDeleteAuthor = () => {
+        if (!selection) {
+            return;
+        }
+        onDeleteAuthor(selection);
+        setSelection(undefined);
+        dispatchAuthors({
+            type: 'delete',
+            item: selection,
+        });
+    };
+    const handleSaveAffiliation = (affiliation) => {
+        onSaveAffiliation(affiliation);
+        dispatchAffiliations({
+            type: 'update',
+            items: [affiliation],
+        });
+    };
+    const handleAddAffiliation = (affiliation) => {
+        if (!valuesRef.current) {
+            return;
+        }
+        const values = valuesRef.current;
+        const affiliations = values.affiliations || [];
+        handleSaveAuthor(Object.assign(Object.assign({}, values), { affiliations: [...affiliations, affiliation.id] }));
+    };
+    const handleRemoveAffiliation = (affiliation) => {
+        var _a;
+        if (!valuesRef.current) {
+            return;
+        }
+        const values = valuesRef.current;
+        handleSaveAuthor(Object.assign(Object.assign({}, values), { affiliations: (_a = values.affiliations) === null || _a === void 0 ? void 0 : _a.filter((i) => i !== affiliation.id) }));
+    };
+    const handleResetAuthor = () => {
+        var _a;
+        (_a = actionsRef.current) === null || _a === void 0 ? void 0 : _a.reset();
+        setShowConfirmationDialog(false);
+    };
+    const handleChangeAuthor = (values) => {
+        valuesRef.current = values;
+    };
+    return (react_1.default.createElement(style_guide_1.StyledModal, { isOpen: isOpen, onRequestClose: () => setOpen(false), shouldCloseOnOverlayClick: true },
+        react_1.default.createElement(style_guide_1.ModalContainer, null,
+            react_1.default.createElement(style_guide_1.ModalHeader, null,
+                react_1.default.createElement(style_guide_1.CloseButton, { onClick: () => setOpen(false), "data-cy": 'modal-close-button' })),
+            react_1.default.createElement(style_guide_1.ModalBody, null,
+                react_1.default.createElement(style_guide_1.ModalSidebar, { "data-cy": 'authors-sidebar' },
+                    react_1.default.createElement(style_guide_1.ModalSidebarHeader, null,
+                        react_1.default.createElement(style_guide_1.ModalSidebarTitle, null, "Authors")),
+                    react_1.default.createElement(style_guide_1.SidebarContent, null,
+                        react_1.default.createElement(AddAuthorButton, { onClick: handleAddAuthor },
+                            react_1.default.createElement(AddIcon_1.default, { width: 40, height: 40 }),
+                            react_1.default.createElement(ActionTitle, null, "Add Author")),
+                        react_1.default.createElement(AuthorList_1.AuthorList, { author: selection, authors: authors, onSelect: handleSelect, moveAuthor: handleMoveAuthor }))),
+                react_1.default.createElement(style_guide_1.ScrollableModalContent, null, selection ? (react_1.default.createElement(AuthorForms, null,
+                    react_1.default.createElement(SaveAuthorConfirmationDialog_1.SaveAuthorConfirmationDialog, { isOpen: showConfirmationDialog, onSave: () => handleSaveAuthor(valuesRef.current), onCancel: handleResetAuthor }),
+                    react_1.default.createElement(AuthorActions_1.AuthorActions, { author: selection, onSave: () => handleSaveAuthor(valuesRef.current), onDelete: handleDeleteAuthor, onCancel: () => setOpen(false) }),
+                    react_1.default.createElement(FormLabel, null, "Details"),
+                    react_1.default.createElement(AuthorDetailsForm_1.AuthorDetailsForm, { values: normalize(selection), onChange: handleChangeAuthor, onSave: handleSaveAuthor, actionsRef: actionsRef }),
+                    react_1.default.createElement(FormLabel, null, "Affiliations"),
+                    react_1.default.createElement(AuthorAffiliations_1.AuthorAffiliations, { author: selection, affiliations: affiliations, onSave: handleSaveAffiliation, onAdd: handleAddAffiliation, onRemove: handleRemoveAffiliation }))) : (react_1.default.createElement(AuthorFormPlaceholder_1.AuthorFormPlaceholder, null)))))));
+};
+exports.AuthorsModal = AuthorsModal;

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

@@ -0,0 +1,37 @@
+"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.ChangeHandlingForm = void 0;
+const formik_1 = require("formik");
+const react_1 = __importStar(require("react"));
+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);
+};
+exports.ChangeHandlingForm = ChangeHandlingForm;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeleteAuthorConfirmationDialog = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+const authors_1 = require("../../lib/authors");
+const DeleteAuthorConfirmationDialog = ({ isOpen, author, onDelete, onCancel }) => {
+    const label = (0, authors_1.authorLabel)(author);
+    return (react_1.default.createElement(style_guide_1.Dialog, { isOpen: isOpen, category: style_guide_1.Category.confirmation, header: 'Remove author', message: `Are you sure you want to remove ${label} from the authors list?`, actions: {
+            secondary: {
+                action: onDelete,
+                title: 'Delete',
+            },
+            primary: {
+                action: onCancel,
+                title: 'Cancel',
+            },
+        } }));
+};
+exports.DeleteAuthorConfirmationDialog = DeleteAuthorConfirmationDialog;

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

@@ -0,0 +1,170 @@
+"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 });
+exports.DraggableAuthor = void 0;
+const CorrespondingAuthorBadge_1 = __importDefault(require("@manuscripts/assets/react/CorrespondingAuthorBadge"));
+const VerticalEllipsis_1 = __importDefault(require("@manuscripts/assets/react/VerticalEllipsis"));
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const react_dnd_1 = require("react-dnd");
+const styled_components_1 = __importDefault(require("styled-components"));
+const authors_1 = require("../../lib/authors");
+const AuthorContainer = styled_components_1.default.div `
+  padding: ${(props) => props.theme.grid.unit * 2}px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  transition: background-color 0.25s;
+  border: 1px solid transparent;
+  border-left: 0;
+  border-right: 0;
+
+  &:hover,
+  &.active {
+    background: ${(props) => props.theme.colors.background.fifth};
+  }
+
+  &.active {
+    border-color: ${(props) => props.theme.colors.border.primary};
+  }
+
+  &.dragging {
+    visibility: hidden;
+  }
+
+  &.drop-before {
+    border-top-color: ${(props) => props.theme.colors.brand.dark};
+  }
+
+  &.drop-after {
+    border-bottom-color: ${(props) => props.theme.colors.brand.dark};
+  }
+`;
+const AvatarContainer = styled_components_1.default.div `
+  display: inline-flex;
+  position: relative;
+`;
+const AuthorBadge = styled_components_1.default.div `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+`;
+const AuthorNotes = styled_components_1.default.div `
+  position: absolute;
+  top: 0;
+  right: 0;
+
+  & ${AuthorBadge}:not(:last-child) {
+    right: -20%;
+  }
+`;
+const AuthorName = styled_components_1.default.div `
+  margin-left: 12px;
+  flex: 1;
+`;
+const DragHandle = (0, styled_components_1.default)(VerticalEllipsis_1.default) `
+  cursor: move;
+`;
+const BEFORE = {
+    id: 'before',
+    diff: -0.5,
+};
+const AFTER = {
+    id: 'after',
+    diff: 0.5,
+};
+const getDropPosition = (element, monitor) => {
+    const rect = element.getBoundingClientRect();
+    const middle = (rect.bottom - rect.top) / 2;
+    const cursor = monitor.getClientOffset();
+    return cursor.y > middle + rect.top ? AFTER : BEFORE;
+};
+const DraggableAuthor = ({ author, isSelected, onClick, moveAuthor, }) => {
+    const [dropPosition, setDropPosition] = (0, react_1.useState)();
+    const ref = (0, react_1.useRef)(null);
+    const [{ isDragging }, dragRef] = (0, react_dnd_1.useDrag)({
+        item: {
+            type: 'author',
+            author,
+        },
+        collect: (monitor) => ({
+            isDragging: monitor.isDragging(),
+        }),
+    });
+    const [{ isOver }, dropRef] = (0, react_dnd_1.useDrop)({
+        accept: 'author',
+        collect: (monitor) => ({
+            isOver: monitor.isOver(),
+        }),
+        hover: (item, monitor) => {
+            if (!ref.current) {
+                return;
+            }
+            const position = getDropPosition(ref.current, monitor);
+            setDropPosition(position);
+        },
+        drop: (item, monitor) => {
+            if (!ref.current) {
+                return;
+            }
+            const position = getDropPosition(ref.current, monitor);
+            const from = item.author.priority;
+            const to = author.priority;
+            moveAuthor(from, to + position.diff);
+        },
+    });
+    dragRef(dropRef(ref));
+    const dragClass = isDragging ? 'dragging' : '';
+    const dropClass = isOver && dropPosition ? `drop-${dropPosition.id}` : '';
+    const activeClass = isSelected ? 'active' : '';
+    return (react_1.default.createElement(AuthorContainer, { ref: ref, className: `${dragClass} ${dropClass} ${activeClass}`, onClick: onClick },
+        react_1.default.createElement(AvatarContainer, null,
+            react_1.default.createElement(style_guide_1.Avatar, { size: 36, color: '#6e6e6e' }),
+            react_1.default.createElement(AuthorNotes, null, author.isCorresponding && (react_1.default.createElement(AuthorBadge, null,
+                react_1.default.createElement(CorrespondingAuthorBadge_1.default, null))))),
+        react_1.default.createElement(AuthorName, null, (0, authors_1.authorLabel)(author)),
+        isSelected && react_1.default.createElement(DragHandle, null)));
+};
+exports.DraggableAuthor = DraggableAuthor;

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

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SaveAuthorConfirmationDialog = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importDefault(require("react"));
+const SaveAuthorConfirmationDialog = ({ isOpen, onSave, onCancel }) => {
+    return (react_1.default.createElement(style_guide_1.Dialog, { isOpen: isOpen, category: style_guide_1.Category.confirmation, header: "You've made changes to this option", message: "Would you like to save or discard your changes?", actions: {
+            secondary: {
+                action: onCancel,
+                title: 'Discard',
+            },
+            primary: {
+                action: onSave,
+                title: 'Save',
+            },
+        } }));
+};
+exports.SaveAuthorConfirmationDialog = SaveAuthorConfirmationDialog;

package/dist/cjs/lib/array-reducer.js

@@ -39,6 +39,8 @@ const arrayReducer = (isEqual = (a, b) => a === b) => {
                 return handleUpdate(state, action.items);
             case 'delete':
                 return handleDelete(state, action.item);
+            case 'set':
+                return action.state;
         }
     };
 };

package/dist/cjs/lib/authors.js

@@ -0,0 +1,43 @@
+"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.authorComparator = exports.initials = exports.authorLabel = exports.affiliationLabel = void 0;
+const affiliationLabel = (affiliation) => {
+    const institution = affiliation.institution;
+    if (!institution) {
+        return '(unknown institution)';
+    }
+    const department = affiliation.department;
+    return department ? `${institution} (${department})`.trim() : institution;
+};
+exports.affiliationLabel = affiliationLabel;
+const authorLabel = (author) => {
+    const name = author.bibliographicName;
+    const parts = [(0, exports.initials)(name), name.family, name.suffix].filter(Boolean);
+    return parts.length ? parts.join(' ') : 'Unknown Author';
+};
+exports.authorLabel = authorLabel;
+const initials = (name) => name.given
+    ? name.given
+        .trim()
+        .split(' ')
+        .map((part) => part.substring(0, 1).toUpperCase() + '.')
+        .join('')
+    : '';
+exports.initials = initials;
+const authorComparator = (a, b) => a.priority - b.priority;
+exports.authorComparator = authorComparator;

package/dist/cjs/lib/context-menu.js

@@ -25,6 +25,7 @@ const prosemirror_utils_1 = require("prosemirror-utils");
 const commands_1 = require("../commands");
 const ReactSubView_1 = __importDefault(require("../views/ReactSubView"));
 const popper_1 = require("./popper");
+const track_changes_utils_1 = require("./track-changes-utils");
 const popper = new popper_1.PopperManager();
 const listTypes = [transform_1.schema.nodes.ordered_list, transform_1.schema.nodes.bullet_list];
 const readonlyTypes = [transform_1.schema.nodes.keywords, transform_1.schema.nodes.bibliography_element];
@@ -186,14 +187,16 @@ class ContextMenu {
                 if (isInTable) {
                     menu.appendChild(this.createMenuSection((section) => {
                         section.appendChild(this.createMenuItem('Add Reference Note', () => {
-                            var _a;
-                            const footnotesElement = (0, prosemirror_utils_1.findChildrenByType)(this.node, transform_1.schema.nodes.footnotes_element);
-                            if (!footnotesElement.length) {
+                            var _a, _b;
+                            const footnotesElement = (_a = (0, prosemirror_utils_1.findChildrenByType)(this.node, transform_1.schema.nodes.footnotes_element).pop()) === null || _a === void 0 ? void 0 : _a.node;
+                            if (!footnotesElement ||
+                                (0, track_changes_utils_1.isDeleted)(footnotesElement) ||
+                                (0, track_changes_utils_1.isRejectedInsert)(footnotesElement)) {
                                 const { state, dispatch } = this.view;
                                 (0, commands_1.insertTableFootnote)(this.node, this.getPos(), state, dispatch);
                             }
                             else {
-                                const footnotes = (0, prosemirror_utils_1.findChildrenByType)(footnotesElement[0].node, transform_1.schema.nodes.footnote).map((nodeWithPos) => {
+                                const footnotes = (0, prosemirror_utils_1.findChildrenByType)(footnotesElement, transform_1.schema.nodes.footnote).map((nodeWithPos) => {
                                     return nodeWithPos.node;
                                 });
                                 const targetDom = this.view.domAtPos(this.view.state.selection.from);
@@ -225,7 +228,7 @@ class ContextMenu {
                                             (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.destroy();
                                         },
                                     }, this.node, this.getPos, this.view, 'table-footnote-editor');
-                                    (_a = this.props) === null || _a === void 0 ? void 0 : _a.popper.show(targetDom.node, popperContainer, 'bottom-end');
+                                    (_b = this.props) === null || _b === void 0 ? void 0 : _b.popper.show(targetDom.node, popperContainer, 'bottom-end');
                                 }
                             }
                         }));

package/dist/cjs/lib/track-changes-utils.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAttrsTrackingButton = exports.getActualAttrs = exports.isTracked = exports.getChangeClasses = exports.isPendingSetAttrs = exports.isPending = exports.isPendingInsert = exports.isDeleted = exports.isRejectedInsert = void 0;
+exports.isHidden = exports.getAttrsTrackingButton = exports.getActualAttrs = exports.isTracked = exports.getChangeClasses = exports.isPendingSetAttrs = exports.isPending = exports.isPendingInsert = exports.isDeleted = exports.isRejectedInsert = void 0;
 const assets_1 = require("../assets");
 function isRejectedInsert(node) {
     if (node.attrs.dataTracked) {
@@ -99,3 +99,7 @@ const getAttrsTrackingButton = (changeID) => {
     return el;
 };
 exports.getAttrsTrackingButton = getAttrsTrackingButton;
+function isHidden(node) {
+    return isDeleted(node) || isRejectedInsert(node);
+}
+exports.isHidden = isHidden;

package/dist/cjs/lib/utils.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMetaNode = exports.findParentElement = exports.findParentSection = exports.findParentNodeWithIdValue = exports.findParentNodeWithId = exports.getChildOfType = exports.getMatchingDescendant = exports.getMatchingChild = exports.iterateChildren = void 0;
+exports.findParentElement = exports.findParentSection = exports.findParentNodeWithIdValue = exports.findParentNodeWithId = exports.getChildOfType = exports.getMatchingDescendant = exports.getMatchingChild = exports.iterateChildren = void 0;
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
 function* iterateChildren(node, recurse = false) {
@@ -58,7 +58,3 @@ const findParentElement = (selection, validIds) => (0, prosemirror_utils_1.findP
     return (0, transform_1.isElementNodeType)(node.type) && node.attrs.id;
 })(selection);
 exports.findParentElement = findParentElement;
-const isMetaNode = (nodeType) => nodeType === transform_1.schema.nodes.bibliography_item.name ||
-    nodeType === transform_1.schema.nodes.affiliation.name ||
-    nodeType === transform_1.schema.nodes.contributor.name;
-exports.isMetaNode = isMetaNode;