@manuscripts/body-editor 1.7.19 → 1.7.21

package/dist/cjs/lib/view.js

@@ -0,0 +1,97 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteNode = exports.updateNodeAttrs = exports.updateNode = exports.findChildrenAttrsByType = exports.findChildrenByType = exports.findChildByType = exports.findChildByID = void 0;
+const transform_1 = require("@manuscripts/transform");
+const utils = __importStar(require("prosemirror-utils"));
+const track_changes_utils_1 = require("./track-changes-utils");
+const metaNodeTypes = [
+    transform_1.schema.nodes.bibliography_item,
+    transform_1.schema.nodes.affiliation,
+    transform_1.schema.nodes.contributor,
+];
+const updateMetaNode = 'track-changes-update-meta-node';
+const findChildByID = (view, id) => {
+    const doc = view.state.doc;
+    const children = utils.findChildren(doc, (n) => n.attrs.id === id);
+    return children.length ? children[0] : undefined;
+};
+exports.findChildByID = findChildByID;
+const findChildByType = (view, type) => {
+    const children = (0, exports.findChildrenByType)(view, type);
+    return children.length ? children[0] : undefined;
+};
+exports.findChildByType = findChildByType;
+const findChildrenByType = (view, type) => {
+    const doc = view.state.doc;
+    return utils.findChildrenByType(doc, type).filter((n) => !(0, track_changes_utils_1.isHidden)(n.node));
+};
+exports.findChildrenByType = findChildrenByType;
+const findChildrenAttrsByType = (view, type) => {
+    return (0, exports.findChildrenByType)(view, type).map((n) => (0, track_changes_utils_1.getActualAttrs)(n.node));
+};
+exports.findChildrenAttrsByType = findChildrenAttrsByType;
+const updateNode = (view, node) => {
+    (0, exports.updateNodeAttrs)(view, node.type, node.attrs);
+};
+exports.updateNode = updateNode;
+const updateNodeAttrs = (view, type, attrs) => {
+    const copy = Object.assign({}, attrs);
+    delete copy.dataTracked;
+    const child = (0, exports.findChildByID)(view, attrs.id);
+    if (child) {
+        const pos = child.pos;
+        const tr = view.state.tr.setNodeMarkup(pos, undefined, attrs);
+        if (metaNodeTypes.includes(type)) {
+            tr.setMeta(updateMetaNode, true);
+        }
+        view.dispatch(tr);
+    }
+};
+exports.updateNodeAttrs = updateNodeAttrs;
+const deleteNode = (view, id) => {
+    const child = (0, exports.findChildByID)(view, id);
+    if (child) {
+        const pos = child.pos;
+        const node = child.node;
+        view.dispatch(view.state.tr.delete(pos, pos + node.nodeSize));
+    }
+};
+exports.deleteNode = deleteNode;

package/dist/cjs/plugins/footnotes/index.js

@@ -132,10 +132,10 @@ exports.default = () => {
                         }
                     }
                     if (node.type === transform_1.schema.nodes.footnotes_element) {
-                        decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
-                            class: 'footnote-element',
-                        }));
                         if ((parent === null || parent === void 0 ? void 0 : parent.type) === transform_1.schema.nodes.table_element_footer) {
+                            decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
+                                class: 'table-footnotes-element',
+                            }));
                             tableInlineFootnoteIds = (0, footnotes_utils_1.findTableInlineFootnoteIds)(state.doc.resolve(pos));
                         }
                         else {

package/dist/cjs/views/base_node_view.js

@@ -16,7 +16,6 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseNodeView = void 0;
-const utils_1 = require("../lib/utils");
 class BaseNodeView {
     constructor(props, node, view, getPos, decorations) {
         this.props = props;
@@ -62,24 +61,6 @@ class BaseNodeView {
                 this.dom.classList.toggle('has-sync-error', this.syncErrors.length > 0);
             }
         };
-        this.updateNodeAttrs = (attrs) => {
-            this.view.state.doc.descendants((node, pos) => {
-                if (node.attrs.id === attrs.id) {
-                    const tr = this.view.state.tr.setNodeMarkup(pos, undefined, attrs);
-                    if ((0, utils_1.isMetaNode)(node.type.name)) {
-                        tr.setMeta('track-changes-update-meta-node', true);
-                    }
-                    this.view.dispatch(tr);
-                }
-            });
-        };
-        this.deleteNode = (id) => {
-            this.view.state.doc.descendants((node, pos) => {
-                if (node.attrs.id === id) {
-                    this.view.dispatch(this.view.state.tr.delete(pos, pos + node.nodeSize));
-                }
-            });
-        };
     }
     setDomAttrs(node, element, omit = []) {
         Object.keys(node.attrs || {}).forEach((attr) => {

package/dist/cjs/views/bibliography_element.js

@@ -33,6 +33,7 @@ const transform_1 = require("@manuscripts/transform");
 const assets_1 = require("../assets");
 const dompurify_1 = require("../lib/dompurify");
 const track_changes_utils_1 = require("../lib/track-changes-utils");
+const view_1 = require("../lib/view");
 const bibliography_1 = require("../plugins/bibliography");
 const comment_annotation_1 = require("../plugins/comment_annotation");
 const selected_suggestion_ui_1 = require("../plugins/selected-suggestion-ui");
@@ -151,10 +152,10 @@ class BibliographyElementBlockView extends block_view_1.default {
         };
         this.handleSave = (item) => {
             const node = this.decoder.decode(item);
-            this.updateNodeAttrs(node.attrs);
+            (0, view_1.updateNode)(this.view, node);
         };
         this.handleDelete = (item) => {
-            return this.deleteNode(item._id);
+            (0, view_1.deleteNode)(this.view, item._id);
         };
         this.addClickListenerToBibItem = (element, dataTracked) => {
             if (dataTracked.status !== track_changes_plugin_1.CHANGE_STATUS.rejected) {

package/dist/cjs/views/citation_editable.js

@@ -27,6 +27,7 @@ const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const citation_sources_1 = require("../citation-sources");
 const track_changes_utils_1 = require("../lib/track-changes-utils");
+const view_1 = require("../lib/view");
 const bibliography_1 = require("../plugins/bibliography");
 const citation_1 = require("./citation");
 const CitationEditorWrapper_1 = require("./CitationEditorWrapper");
@@ -101,7 +102,7 @@ class CitationEditableView extends citation_1.CitationView {
             }
             else {
                 const node = this.decoder.decode(item);
-                this.updateNodeAttrs(node.attrs);
+                (0, view_1.updateNodeAttrs)(this.view, node.type, node.attrs);
             }
         };
         this.handleUncite = (id) => {
@@ -145,7 +146,7 @@ class CitationEditableView extends citation_1.CitationView {
             this.handleCancel();
         };
         this.handleDelete = (item) => {
-            return this.deleteNode(item._id);
+            return (0, view_1.deleteNode)(this.view, item._id);
         };
         this.handleComment = () => {
             const comment = (0, transform_1.buildComment)(this.node.attrs.id);

package/dist/cjs/views/contributors.js

@@ -1,4 +1,19 @@
 "use strict";
+/*!
+ * © 2023 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,7 +21,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContributorsView = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
+const AuthorsModal_1 = require("../components/authors/AuthorsModal");
+const authors_1 = require("../lib/authors");
 const track_changes_utils_1 = require("../lib/track-changes-utils");
+const view_1 = require("../lib/view");
 const affiliations_1 = require("../plugins/affiliations");
 const selected_suggestion_ui_1 = require("../plugins/selected-suggestion-ui");
 const block_view_1 = __importDefault(require("./block_view"));
@@ -77,15 +95,11 @@ class ContributorsView extends block_view_1.default {
             }
             const can = this.props.getCapabilities();
             const disableEditButton = !can.editMetadata;
-            const { bibliographicName, isCorresponding, email, id } = displayAttr;
-            container.addEventListener('click', (e) => {
-                e.preventDefault();
-                if (!disableEditButton) {
-                    this.props.openAuthorEditing();
-                    this.props.selectAuthorForEditing(id);
-                }
-            });
-            const name = this.buildNameLiteral(bibliographicName);
+            const { isCorresponding, email } = displayAttr;
+            if (!disableEditButton) {
+                container.addEventListener('click', this.handleClick);
+            }
+            const name = (0, authors_1.authorLabel)(displayAttr);
             container.innerHTML =
                 isCorresponding && email
                     ? `<span class="name">${name} (${email})</span>`
@@ -113,21 +127,6 @@ class ContributorsView extends block_view_1.default {
             }
             return container;
         };
-        this.initials = (given) => given
-            ? given
-                .trim()
-                .split(' ')
-                .map((part) => part.substr(0, 1).toUpperCase() + '.')
-                .join('')
-            : '';
-        this.buildNameLiteral = ({ given = '', family = '', suffix = '' }) => {
-            if (!given && !family) {
-                return 'Unknown Author';
-            }
-            return [this.initials(given), family, suffix]
-                .filter((part) => part)
-                .join(' ');
-        };
         this.isJointFirstAuthor = (authors, index) => {
             const author = index === 0 ? authors[index] : authors[index - 1];
             return Boolean(author.attrs.isJointContributor);
@@ -148,7 +147,7 @@ class ContributorsView extends block_view_1.default {
             const can = this.props.getCapabilities();
             const button = (0, ReactSubView_1.default)(this.props, style_guide_1.SecondaryButton, {
                 mini: true,
-                onClick: this.props.openAuthorEditing,
+                onClick: this.handleClick,
                 className: 'edit-authors-button',
                 disabled: !can.editMetadata,
                 children: 'Edit Authors',
@@ -168,6 +167,60 @@ class ContributorsView extends block_view_1.default {
                 }
             }
         };
+        this.handleClick = (e) => {
+            var _a, _b;
+            e.stopPropagation();
+            const contributors = (0, view_1.findChildrenAttrsByType)(this.view, transform_1.schema.nodes.contributor);
+            const affiliations = (0, view_1.findChildrenAttrsByType)(this.view, transform_1.schema.nodes.affiliation);
+            let author = undefined;
+            const target = e.target;
+            if (target) {
+                const id = (_a = target.closest('.contributor')) === null || _a === void 0 ? void 0 : _a.getAttribute('id');
+                author = contributors.filter((a) => a.id === id)[0];
+            }
+            const componentProps = {
+                author,
+                authors: contributors,
+                affiliations,
+                onSaveAuthor: this.handleSaveAuthor,
+                onDeleteAuthor: this.handleDeleteAuthor,
+                onSaveAffiliation: this.handleSaveAffiliation,
+            };
+            (_b = this.popper) === null || _b === void 0 ? void 0 : _b.remove();
+            this.popper = (0, ReactSubView_1.default)(this.props, AuthorsModal_1.AuthorsModal, componentProps, this.node, this.getPos, this.view);
+            this.container.appendChild(this.popper);
+        };
+        this.handleSaveAuthor = (author) => {
+            if (!(0, view_1.findChildByID)(this.view, author.id)) {
+                this.insertAuthorNode(author);
+            }
+            else {
+                (0, view_1.updateNodeAttrs)(this.view, transform_1.schema.nodes.contributor, author);
+            }
+        };
+        this.handleDeleteAuthor = (author) => {
+            (0, view_1.deleteNode)(this.view, author.id);
+        };
+        this.handleSaveAffiliation = (affiliation) => {
+            if (!(0, view_1.findChildByID)(this.view, affiliation.id)) {
+                this.insertAffiliationNode(affiliation);
+            }
+            else {
+                (0, view_1.updateNodeAttrs)(this.view, transform_1.schema.nodes.affiliation, affiliation);
+            }
+        };
+        this.insertAuthorNode = (attrs) => {
+            const parent = (0, view_1.findChildByType)(this.view, transform_1.schema.nodes.contributors);
+            const tr = this.view.state.tr;
+            const node = transform_1.schema.nodes.contributor.create(attrs);
+            this.view.dispatch(tr.insert(parent.pos + 1, node));
+        };
+        this.insertAffiliationNode = (attrs) => {
+            const parent = (0, view_1.findChildByType)(this.view, transform_1.schema.nodes.affiliations);
+            const tr = this.view.state.tr;
+            const node = transform_1.schema.nodes.affiliation.create(attrs);
+            this.view.dispatch(tr.insert(parent.pos + 1, node));
+        };
         this.ignoreMutation = () => true;
         this.stopEvent = () => true;
     }

package/dist/cjs/views/footnote.js

@@ -18,7 +18,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FootnoteView = void 0;
+exports.setTCClasses = exports.FootnoteView = void 0;
+const track_changes_utils_1 = require("../lib/track-changes-utils");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
 class FootnoteView extends block_view_1.default {
@@ -28,4 +29,13 @@ class FootnoteView extends block_view_1.default {
     }
 }
 exports.FootnoteView = FootnoteView;
-exports.default = (0, creators_1.createNodeOrElementView)(FootnoteView, 'div');
+const setTCClasses = (node, dom) => {
+    const dataTracked = node.attrs.dataTracked;
+    if (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.length) {
+        const lastChange = dataTracked[dataTracked.length - 1];
+        const changeClasses = (0, track_changes_utils_1.getChangeClasses)([lastChange]);
+        dom.classList.add(...changeClasses);
+    }
+};
+exports.setTCClasses = setTCClasses;
+exports.default = (0, creators_1.createNodeOrElementView)(FootnoteView, 'div', exports.setTCClasses);

package/dist/cjs/views/footnote_editable.js

@@ -18,4 +18,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const creators_1 = require("./creators");
 const editable_block_1 = require("./editable_block");
 const footnote_1 = require("./footnote");
-exports.default = (0, creators_1.createNodeOrElementView)((0, editable_block_1.EditableBlock)(footnote_1.FootnoteView), 'div');
+exports.default = (0, creators_1.createNodeOrElementView)((0, editable_block_1.EditableBlock)(footnote_1.FootnoteView), 'div', footnote_1.setTCClasses);

package/dist/cjs/views/footnotes_element.js

@@ -21,6 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FootnotesElementView = void 0;
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
+const footnote_1 = require("./footnote");
 class FootnotesElementView extends block_view_1.default {
     constructor() {
         super(...arguments);
@@ -37,4 +38,4 @@ class FootnotesElementView extends block_view_1.default {
     }
 }
 exports.FootnotesElementView = FootnotesElementView;
-exports.default = (0, creators_1.createNodeOrElementView)(FootnotesElementView, 'div');
+exports.default = (0, creators_1.createNodeOrElementView)(FootnotesElementView, 'div', footnote_1.setTCClasses);

package/dist/cjs/views/footnotes_element_editable.js

@@ -17,5 +17,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const creators_1 = require("./creators");
 const editable_block_1 = require("./editable_block");
+const footnote_1 = require("./footnote");
 const footnotes_element_1 = require("./footnotes_element");
-exports.default = (0, creators_1.createNodeOrElementView)((0, editable_block_1.EditableBlock)(footnotes_element_1.FootnotesElementView), 'div');
+exports.default = (0, creators_1.createNodeOrElementView)((0, editable_block_1.EditableBlock)(footnotes_element_1.FootnotesElementView), 'div', footnote_1.setTCClasses);

package/dist/cjs/views/inline_footnote.js

@@ -16,6 +16,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineFootnoteView = void 0;
+const track_changes_utils_1 = require("../lib/track-changes-utils");
 const base_node_view_1 = require("./base_node_view");
 const creators_1 = require("./creators");
 class InlineFootnoteView extends base_node_view_1.BaseNodeView {
@@ -26,6 +27,10 @@ class InlineFootnoteView extends base_node_view_1.BaseNodeView {
         };
         this.updateContents = () => {
             this.setDomAttrs(this.node, this.dom);
+            this.dom.className = [
+                'footnote',
+                ...(0, track_changes_utils_1.getChangeClasses)(this.node.attrs.dataTracked),
+            ].join(' ');
         };
         this.initialise = () => {
             this.dom = this.createDOM();

package/dist/es/commands.js

@@ -23,6 +23,7 @@ import { findWrapping } from 'prosemirror-transform';
 import { findChildrenByType, findParentNodeOfType, } from 'prosemirror-utils';
 import { skipCommandTracking } from './keys/list';
 import { isNodeOfType, nearestAncestor } from './lib/helpers';
+import { isDeleted, isRejectedInsert } from './lib/track-changes-utils';
 import { findParentNodeWithId, getChildOfType } from './lib/utils';
 import { commentAnnotation } from './plugins/comment_annotation';
 import { highlightKey, SET_COMMENT } from './plugins/highlight';
@@ -700,10 +701,12 @@ export const insertTableFootnote = (node, position, state, dispatch) => {
     const tr = state.tr;
     tr.insert(insertedAt, inlineFootnoteNode);
     let insertionPos;
-    const footnotesElement = findChildrenByType(node, schema.nodes.footnotes_element);
-    if (footnotesElement.length) {
-        const pos = footnotesElement[0].pos;
-        insertionPos = position + pos + footnotesElement[0].node.nodeSize + 1;
+    const footnotesElement = findChildrenByType(node, schema.nodes.footnotes_element).pop();
+    if (footnotesElement &&
+        !isDeleted(footnotesElement.node) &&
+        !isRejectedInsert(footnotesElement.node)) {
+        const pos = footnotesElement.pos;
+        insertionPos = position + pos + footnotesElement.node.nodeSize + 1;
         tr.insert(insertionPos, footnote);
     }
     else {

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

@@ -0,0 +1,75 @@
+import ArrowDownBlue from '@manuscripts/assets/react/ArrowDownBlue';
+import { DeleteIcon } from '@manuscripts/style-guide';
+import { isEqual } from 'lodash';
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { affiliationLabel } from '../../lib/authors';
+import { AffiliationForm } from './AffiliationForm';
+const Container = styled.div `
+  border: 1px solid ${(props) => props.theme.colors.border.field.default};
+  border-radius: ${(props) => props.theme.grid.radius.default};
+  background: ${(props) => props.theme.colors.background.primary};
+  margin-bottom: 2px;
+  overflow: hidden;
+`;
+const AffiliationFormContainer = styled.div `
+  border: 1px solid ${(props) => props.theme.colors.border.field.default};
+  border-radius: ${(props) => props.theme.grid.radius.default};
+  margin: 6px 12px 12px;
+  overflow: hidden;
+`;
+const AffiliationLabel = styled.div `
+  margin: 0;
+  display: flex;
+  align-items: center;
+  font-size: 0.875rem;
+  padding-right: 0.5rem;
+`;
+const DropdownIndicator = styled(ArrowDownBlue) `
+  border: 0;
+  border-radius: 50%;
+  margin-right: 0.6em;
+  min-width: 20px;
+`;
+const ToggleButton = styled.button `
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  background: transparent;
+  border: none;
+  text-align: left;
+  font-family: ${(props) => props.theme.font.family.sans};
+  font-size: 1rem;
+  padding: 0.6em 0.5em;
+  outline: none;
+
+  &.open svg {
+    transform: rotateX(180deg);
+  }
+`;
+const RemoveButton = styled.div `
+  cursor: pointer;
+`;
+export const AffiliationButton = ({ affiliation, onSave, onRemove, }) => {
+    const [isOpen, setOpen] = useState(false);
+    const toggleOpen = () => {
+        setOpen((o) => !o);
+    };
+    const handleSave = (values) => {
+        if (isEqual(values, affiliation)) {
+            return;
+        }
+        const copy = Object.assign(Object.assign({}, affiliation), values);
+        onSave(copy);
+    };
+    return (React.createElement(Container, null,
+        React.createElement(AffiliationLabel, null,
+            React.createElement(ToggleButton, { type: "button", className: isOpen ? 'open' : '', onClick: toggleOpen },
+                React.createElement(DropdownIndicator, null),
+                affiliationLabel(affiliation)),
+            React.createElement(RemoveButton, { onClick: onRemove },
+                React.createElement(DeleteIcon, null))),
+        isOpen && (React.createElement(AffiliationFormContainer, null,
+            React.createElement(AffiliationForm, { values: affiliation, onSave: handleSave })))));
+};

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

@@ -0,0 +1,43 @@
+import { TextField } from '@manuscripts/style-guide';
+import { Field, Formik } from 'formik';
+import React from 'react';
+import styled from 'styled-components';
+import { ChangeHandlingForm } from './ChangeHandlingForm';
+const Row = styled.div `
+  display: flex;
+  border-top: 1px solid ${(props) => props.theme.colors.border.field.default};
+  &:first-child {
+    border-top: none;
+  }
+`;
+const AffiliationsTextField = styled(TextField) `
+  border: none;
+  border-radius: 0;
+  background: transparent;
+  &:not(:first-child) {
+    border-left: 1px solid ${(props) => props.theme.colors.border.field.default};
+  }
+
+  &[aria-invalid] {
+    background: ${(props) => props.theme.colors.background.warning};
+  }
+
+  &[aria-invalid]:focus {
+    background: transparent;
+  }
+`;
+export const AffiliationForm = ({ values, onSave, }) => {
+    return (React.createElement(Formik, { initialValues: values, onSubmit: onSave }, () => (React.createElement(ChangeHandlingForm, { onChange: onSave },
+        React.createElement(Row, null,
+            React.createElement(Field, { name: "institution" }, (props) => (React.createElement(AffiliationsTextField, Object.assign({ id: "institution", placeholder: "Institution Name" }, props.field))))),
+        React.createElement(Row, null,
+            React.createElement(Field, { name: "department" }, (props) => (React.createElement(AffiliationsTextField, Object.assign({ id: "department", placeholder: "Department" }, props.field))))),
+        React.createElement(Row, null,
+            React.createElement(Field, { name: "addressLine1" }, (props) => (React.createElement(AffiliationsTextField, Object.assign({ id: "addressLine1", placeholder: "Street Address" }, props.field))))),
+        React.createElement(Row, null,
+            React.createElement(Field, { name: "city" }, (props) => (React.createElement(AffiliationsTextField, Object.assign({ id: "city", placeholder: "City" }, props.field)))),
+            React.createElement(Field, { name: "county" }, (props) => (React.createElement(AffiliationsTextField, Object.assign({ id: "county", placeholder: "State / Province" }, props.field))))),
+        React.createElement(Row, null,
+            React.createElement(Field, { name: "postCode" }, (props) => (React.createElement(AffiliationsTextField, Object.assign({ id: "postCode", placeholder: "Postal Code" }, props.field)))),
+            React.createElement(Field, { name: "country" }, (props) => (React.createElement(AffiliationsTextField, Object.assign({ id: "country", placeholder: "Country" }, props.field)))))))));
+};

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

@@ -0,0 +1,31 @@
+import { ButtonGroup, DeleteIcon, PrimaryButton, SecondaryButton, } from '@manuscripts/style-guide';
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { DeleteAuthorConfirmationDialog } from './DeleteAuthorConfirmationDialog';
+const AuthorActionsContainer = styled.div `
+  display: flex;
+`;
+const RemoveButton = styled.div `
+  display: flex;
+  align-items: center;
+
+  svg {
+    cursor: pointer;
+  }
+`;
+const StyledButtonGroup = styled(ButtonGroup) `
+  flex: 1;
+`;
+export const AuthorActions = ({ author, onSave, onDelete, onCancel, }) => {
+    const [showDeleteDialog, setShowDeleteDialog] = useState(false);
+    return (React.createElement(AuthorActionsContainer, null,
+        React.createElement(DeleteAuthorConfirmationDialog, { author: author, isOpen: showDeleteDialog, onDelete: () => {
+                setShowDeleteDialog(true);
+                onDelete();
+            }, onCancel: () => setShowDeleteDialog(false) }),
+        React.createElement(RemoveButton, { onClick: () => setShowDeleteDialog(true) },
+            React.createElement(DeleteIcon, null)),
+        React.createElement(StyledButtonGroup, null,
+            React.createElement(SecondaryButton, { onClick: onCancel }, "Cancel"),
+            React.createElement(PrimaryButton, { onClick: onSave }, "Save"))));
+};