@manuscripts/body-editor 2.8.75-LEAN-4574.1 → 2.8.76

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

@@ -0,0 +1,128 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBibliographyPluginState = exports.bibliographyKey = void 0;
+const json_schema_1 = require("@manuscripts/json-schema");
+const library_1 = require("@manuscripts/library");
+const transform_1 = require("@manuscripts/transform");
+const lodash_1 = require("lodash");
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_utils_1 = require("prosemirror-utils");
+const prosemirror_view_1 = require("prosemirror-view");
+const track_changes_utils_1 = require("../../lib/track-changes-utils");
+const bibliography_utils_1 = require("./bibliography-utils");
+exports.bibliographyKey = new prosemirror_state_1.PluginKey('bibliography');
+exports.default = (props) => {
+    return new prosemirror_state_1.Plugin({
+        key: exports.bibliographyKey,
+        state: {
+            init(config, instance) {
+                return buildBibliographyPluginState(instance.doc, props.cslProps);
+            },
+            apply(tr, value) {
+                if (!tr.steps.length) {
+                    return value;
+                }
+                return buildBibliographyPluginState(tr.doc, props.cslProps, value);
+            },
+        },
+        props: {
+            decorations(state) {
+                const bib = (0, exports.getBibliographyPluginState)(state);
+                return prosemirror_view_1.DecorationSet.create(state.doc, bib ? (0, bibliography_utils_1.buildDecorations)(bib, state.doc) : []);
+            },
+        },
+    });
+};
+let version = 1;
+const buildBibliographyPluginState = (doc, csl, $old) => {
+    const nodesMap = new Map();
+    doc.descendants((node, pos) => {
+        if ((0, transform_1.isCitationNode)(node)) {
+            nodesMap.set(node.attrs.id, [node, pos]);
+        }
+    });
+    const nodes = Array.from(nodesMap.values());
+    const bibliographyItems = getBibliographyItemAttrs(doc);
+    const citations = (0, bibliography_utils_1.buildCitations)(nodes);
+    const $new = {
+        citationNodes: nodes,
+        citations,
+        bibliographyItems,
+    };
+    if (!csl.style) {
+        return $new;
+    }
+    if ($old &&
+        (0, lodash_1.isEqual)(citations, $old.citations) &&
+        (0, lodash_1.isEqual)(bibliographyItems, $old.bibliographyItems)) {
+        $new.version = $old.version;
+        $new.citationCounts = $old.citationCounts;
+        $new.provider = $old.provider;
+        $new.renderedCitations = $old.renderedCitations;
+    }
+    else {
+        const citationCounts = new Map();
+        const rids = nodes.flatMap((e) => e[0].attrs.rids);
+        rids.forEach((rid) => {
+            const count = citationCounts.get(rid) || 0;
+            citationCounts.set(rid, count + 1);
+        });
+        const provider = new library_1.CitationProvider({
+            getLibraryItem: (id) => getBibliographyItem(bibliographyItems.get(id)),
+            citationStyle: csl.style || '',
+            locale: csl.locale,
+        });
+        const citationTexts = provider.rebuildState((0, bibliography_utils_1.buildCitations)(nodes));
+        $new.version = String(version++);
+        $new.citationCounts = citationCounts;
+        $new.provider = provider;
+        $new.renderedCitations = new Map(citationTexts.map((i) => [i[0], i[2]]));
+    }
+    return $new;
+};
+const getBibliographyItem = (attrs) => {
+    if (!attrs) {
+        return;
+    }
+    const { id } = attrs, rest = __rest(attrs, ["id"]);
+    const item = Object.assign({ _id: id, objectType: json_schema_1.ObjectTypes.BibliographyItem }, rest);
+    return (0, lodash_1.pickBy)(item, (v) => v !== undefined);
+};
+const getBibliographyItemAttrs = (doc) => {
+    const attrs = new Map();
+    (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.bibliography_item)
+        .filter((n) => !(0, track_changes_utils_1.isHidden)(n.node))
+        .map((n) => n.node.attrs)
+        .forEach((a) => attrs.set(a.id, a));
+    return attrs;
+};
+const getBibliographyPluginState = (state) => {
+    return exports.bibliographyKey.getState(state);
+};
+exports.getBibliographyPluginState = getBibliographyPluginState;

package/dist/cjs/plugins/tables-cursor-fix.js

@@ -44,7 +44,10 @@ exports.default = () => {
 const isTableShapeSelected = (state) => {
     if (state.selection instanceof prosemirror_tables_1.CellSelection) {
         const rect = (0, prosemirror_tables_1.selectedRect)(state);
-        return rect.bottom === rect.map.height && rect.right === rect.map.width;
+        return (rect.left === 0 &&
+            rect.top === 0 &&
+            rect.right === rect.map.width &&
+            rect.bottom === rect.map.height);
     }
     return false;
 };

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.8.75-LEAN-4574.1';
+exports.VERSION = '2.8.76';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/bibliography_element.js

@@ -173,7 +173,7 @@ class BibliographyElementBlockView extends block_view_1.default {
         const wrapper = document.createElement('div');
         wrapper.classList.add('contents');
         wrapper.addEventListener('click', this.handleClick);
-        const [meta, bibliography] = bib.engine.makeBibliography();
+        const [meta, bibliography] = bib.provider.makeBibliography();
         for (let i = 0; i < bibliography.length; i++) {
             const id = meta.entry_ids[i][0];
             const fragment = bibliography[i];

package/dist/cjs/views/bullet_list.js

@@ -0,0 +1,44 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bulletListCallback = exports.BulletListView = void 0;
+const block_view_1 = __importDefault(require("./block_view"));
+const creators_1 = require("./creators");
+const ordered_list_1 = require("./ordered_list");
+class BulletListView extends block_view_1.default {
+    constructor() {
+        super(...arguments);
+        this.elementType = 'ul';
+    }
+    updateContents() {
+        super.updateContents();
+        if (this.contentDOM) {
+            const type = this.node.attrs.listStyleType || 'bullet';
+            this.contentDOM.style.listStyleType = ordered_list_1.JATS_HTML_LIST_STYLE_MAPPING[type];
+        }
+    }
+}
+exports.BulletListView = BulletListView;
+const bulletListCallback = (node, dom) => {
+    const type = node.attrs.listStyleType || 'bullet';
+    dom.style.listStyleType = ordered_list_1.JATS_HTML_LIST_STYLE_MAPPING[type];
+};
+exports.bulletListCallback = bulletListCallback;
+exports.default = (0, creators_1.createNodeOrElementView)(BulletListView, 'ul', exports.bulletListCallback);

package/dist/cjs/views/bullet_list_editable.js

@@ -0,0 +1,21 @@
+"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 });
+const bullet_list_1 = require("./bullet_list");
+const creators_1 = require("./creators");
+const editable_block_1 = require("./editable_block");
+exports.default = (0, creators_1.createNodeOrElementView)((0, editable_block_1.EditableBlock)(bullet_list_1.BulletListView), 'ul', bullet_list_1.bulletListCallback);

package/dist/cjs/views/list.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.getCssListStyleType = exports.listCallback = exports.ListView = void 0;
+exports.listCallback = exports.ListView = void 0;
+const transform_1 = require("@manuscripts/transform");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
 const editable_block_1 = require("./editable_block");
@@ -29,9 +30,10 @@ class ListView extends block_view_1.default {
     }
     updateContents() {
         super.updateContents();
+        const actualAttrs = this.node.attrs;
         if (this.contentDOM) {
-            const type = this.node.attrs.listStyleType;
-            this.contentDOM.style.listStyleType = (0, exports.getCssListStyleType)(type);
+            const type = actualAttrs.listStyleType;
+            this.contentDOM.style.listStyleType = (0, transform_1.getListType)(type).style;
         }
     }
 }
@@ -39,26 +41,7 @@ exports.ListView = ListView;
 const listCallback = (node, dom) => {
     dom.classList.add('list');
     const type = node.attrs.listStyleType;
-    dom.style.listStyleType = (0, exports.getCssListStyleType)(type);
+    dom.style.listStyleType = (0, transform_1.getListType)(type).style;
 };
 exports.listCallback = listCallback;
 exports.default = (0, creators_1.createNodeOrElementView)((0, editable_block_1.EditableBlock)(ListView), 'ul', exports.listCallback);
-const getCssListStyleType = (type) => {
-    switch (type) {
-        case 'bullet':
-            return 'disc';
-        case 'order':
-            return 'decimal';
-        case 'alpha-lower':
-            return 'lower-alpha';
-        case 'alpha-upper':
-            return 'upper-alpha';
-        case 'roman-lower':
-            return 'lower-roman';
-        case 'roman-upper':
-            return 'upper-roman';
-        case 'simple':
-            return 'none';
-    }
-};
-exports.getCssListStyleType = getCssListStyleType;

package/dist/cjs/views/ordered_list.js

@@ -0,0 +1,53 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.orderedListCallback = exports.OrderedListView = exports.JATS_HTML_LIST_STYLE_MAPPING = void 0;
+const block_view_1 = __importDefault(require("./block_view"));
+const creators_1 = require("./creators");
+exports.JATS_HTML_LIST_STYLE_MAPPING = {
+    simple: 'none',
+    bullet: 'disc',
+    order: 'decimal',
+    'alpha-lower': 'lower-alpha',
+    'alpha-upper': 'upper-alpha',
+    'roman-lower': 'lower-roman',
+    'roman-upper': 'upper-roman',
+};
+class OrderedListView extends block_view_1.default {
+    constructor() {
+        super(...arguments);
+        this.elementType = 'ol';
+    }
+    updateContents() {
+        super.updateContents();
+        if (this.contentDOM) {
+            const type = this.node.attrs.listStyleType || 'order';
+            this.contentDOM.style.listStyleType = exports.JATS_HTML_LIST_STYLE_MAPPING[type];
+        }
+    }
+}
+exports.OrderedListView = OrderedListView;
+const orderedListCallback = (node, dom) => {
+    dom.classList.add('list');
+    const type = node.attrs.listStyleType || 'order';
+    dom.style.listStyleType = exports.JATS_HTML_LIST_STYLE_MAPPING[type];
+};
+exports.orderedListCallback = orderedListCallback;
+exports.default = (0, creators_1.createNodeOrElementView)(OrderedListView, 'ol', exports.orderedListCallback);

package/dist/cjs/views/ordered_list_editable.js

@@ -0,0 +1,21 @@
+"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 });
+const creators_1 = require("./creators");
+const editable_block_1 = require("./editable_block");
+const ordered_list_1 = require("./ordered_list");
+exports.default = (0, creators_1.createNodeOrElementView)((0, editable_block_1.EditableBlock)(ordered_list_1.OrderedListView), 'ol', ordered_list_1.orderedListCallback);

package/dist/cjs/views/table_element.js

@@ -25,7 +25,6 @@ class TableElementView extends block_view_1.default {
     constructor() {
         super(...arguments);
         this.elementType = 'figure';
-        this.ignoreMutation = () => true;
         this.createElement = () => {
             this.contentDOM = document.createElement('figure');
             this.contentDOM.classList.add('block');

package/dist/es/clipboard.js

@@ -1,4 +1,4 @@
-import { schema } from '@manuscripts/transform';
+import { getJatsListType, schema } from '@manuscripts/transform';
 import { DOMParser } from 'prosemirror-model';
 const nodes = [
     {
@@ -11,7 +11,7 @@ const nodes = [
         getAttrs: (list) => {
             const dom = list;
             return {
-                listStyleType: getListStyleType(dom.style.listStyleType ||
+                listStyleType: getJatsListType(dom.style.listStyleType ||
                     (dom.firstChild &&
                         dom.firstChild.style.listStyleType)),
             };
@@ -26,23 +26,3 @@ export const clipboardParser = new DOMParser(schema, [
     ...nodes,
     ...DOMParser.fromSchema(schema).rules,
 ]);
-export const getListStyleType = (cssStyle) => {
-    switch (cssStyle) {
-        case 'disc':
-            return 'bullet';
-        case 'decimal':
-            return 'order';
-        case 'lower-alpha':
-            return 'alpha-lower';
-        case 'upper-alpha':
-            return 'alpha-upper';
-        case 'lower-roman':
-            return 'roman-lower';
-        case 'upper-roman':
-            return 'roman-upper';
-        case 'simple':
-            return 'none';
-        default:
-            return 'none';
-    }
-};

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

@@ -22,12 +22,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { transformBibliography } from '@manuscripts/library';
 import { PrimaryButton, SecondaryButton, TextArea, } from '@manuscripts/style-guide';
 import { useFormik } from 'formik';
 import { debounce } from 'lodash';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import styled, { css } from 'styled-components';
-import { importBibliographyItems } from '../../lib/references';
 import { ReferenceLine } from './ReferenceLine';
 export const ImportBibliographyForm = ({ onCancel, onSave, }) => {
     const [dragging, setDragging] = useState(false);
@@ -48,18 +48,18 @@ export const ImportBibliographyForm = ({ onCancel, onSave, }) => {
         const ERROR_CITATION = 'Error generating citation';
         try {
             if (!fileContent.trim()) {
-                yield formik.setFieldValue('err', NO_CITATION);
-                yield formik.setFieldValue('data', []);
+                formik.setFieldValue('err', NO_CITATION);
+                formik.setFieldValue('data', []);
                 return;
             }
-            const data = yield importBibliographyItems(fileContent.trim());
-            yield formik.setFieldValue('data', data ? data : []);
-            yield formik.setFieldValue('err', '');
+            const data = yield transformBibliography(fileContent.trim());
+            formik.setFieldValue('data', data ? data : []);
+            formik.setFieldValue('err', '');
         }
         catch (error) {
             console.error('Citation generation error:', error);
-            yield formik.setFieldValue('err', ERROR_CITATION);
-            yield formik.setFieldValue('data', []);
+            formik.setFieldValue('err', ERROR_CITATION);
+            formik.setFieldValue('data', []);
         }
     }), []);
     const debouncedGenerateData = useMemo(() => debounce(setDataField, 300), [setDataField]);

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

@@ -3,8 +3,8 @@ import { Field } from 'formik';
 import React, { useState } from 'react';
 import { DropdownIndicator, FieldLabel, NameField, NameFieldContainer, PersonForm, RemoveButton, Section, Title, ToggleButton, } from './styled-components';
 export const PersonDropDown = (props) => {
-    const { person, isNew, index, remove, onChange, type } = props;
-    const [isOpen, setIsOpen] = useState(isNew);
+    const { person, index, remove, onChange, type } = props;
+    const [isOpen, setIsOpen] = useState(!!person['isNew']);
     const fullName = [person.given, person.family].join(' ').trim();
     const title = fullName.length > 0 ? fullName : `Edit ${type} name`;
     const prefix = `${type}.${index}`;

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

@@ -13,12 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { buildBibliographicDate, buildBibliographicName, } from '@manuscripts/json-schema';
 import { AddAuthorIcon, ButtonGroup, Category, DeleteIcon, Dialog, IconButton, LinkIcon, PrimaryButton, SecondaryButton, SelectField, Tooltip, } from '@manuscripts/style-guide';
 import { Field, FieldArray, Formik } from 'formik';
 import React, { useEffect, useRef, useState } from 'react';
-import { bibliographyItemTypes } from '../../../lib/references';
 import { shouldRenderField } from '../../../lib/utils';
 import { ChangeHandlingForm } from '../../ChangeHandlingForm';
+import { bibliographyItemTypes } from './config';
 import { PersonDropDown } from './PersonDropDown';
 import { Actions, Button, DeleteButton, FormField, FormFields, Label, LabelContainer, ReferenceTextArea, ReferenceTextField, YearField, } from './styled-components';
 const bibliographyItemTypeOptions = bibliographyItemTypes.map((i) => ({
@@ -28,8 +29,6 @@ const bibliographyItemTypeOptions = bibliographyItemTypes.map((i) => ({
 export const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel, onSave, actionsRef, }) => {
     const fieldsRef = useRef(null);
     const formRef = useRef(null);
-    const [newAuthorIndex, setNewAuthorIndex] = useState();
-    const [newEditorIndex, setNewEditorIndex] = useState();
     useEffect(() => {
         if (fieldsRef.current) {
             fieldsRef.current.scrollTop = 0;
@@ -90,38 +89,28 @@ export const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel
                     React.createElement(LabelContainer, null,
                         React.createElement(Label, { htmlFor: 'std' }, "Standard")),
                     React.createElement(Field, { name: 'std' }, (props) => (React.createElement(ReferenceTextArea, Object.assign({ id: 'std' }, props.field)))))),
-                shouldRenderField('author', formik.values.type) && (React.createElement(FieldArray, { name: 'author', render: ({ push, remove }) => {
-                        var _a;
-                        return (React.createElement(FormField, null,
-                            React.createElement(LabelContainer, null,
-                                React.createElement(Label, null, "Authors"),
-                                React.createElement(Button, { onClick: () => {
-                                        var _a;
-                                        setNewAuthorIndex((_a = formik.values.author) === null || _a === void 0 ? void 0 : _a.length);
-                                        push({
-                                            given: '',
-                                            family: '',
-                                        });
-                                    } },
-                                    React.createElement(AddAuthorIcon, { height: 17, width: 17 }))),
-                            React.createElement("div", null, (_a = formik.values.author) === null || _a === void 0 ? void 0 : _a.map((author, index) => (React.createElement(PersonDropDown, { key: index, index: index, person: author, isNew: newAuthorIndex === index, remove: remove, onChange: formik.handleChange, type: "author" }))))));
-                    } })),
-                shouldRenderField('editor', formik.values.type) && (React.createElement(FieldArray, { name: 'editor', render: ({ push, remove }) => {
-                        var _a;
-                        return (React.createElement(FormField, null,
-                            React.createElement(LabelContainer, null,
-                                React.createElement(Label, null, "Editors"),
-                                React.createElement(Button, { onClick: () => {
-                                        var _a;
-                                        setNewEditorIndex((_a = formik.values.editor) === null || _a === void 0 ? void 0 : _a.length);
-                                        push({
-                                            given: '',
-                                            family: '',
-                                        });
-                                    } },
-                                    React.createElement(AddAuthorIcon, { height: 17, width: 17 }))),
-                            React.createElement("div", null, (_a = formik.values.editor) === null || _a === void 0 ? void 0 : _a.map((editor, index) => (React.createElement(PersonDropDown, { key: index, index: index, person: editor, isNew: newEditorIndex === index, remove: remove, onChange: formik.handleChange, type: "editor" }))))));
-                    } })),
+                shouldRenderField('author', formik.values.type) && (React.createElement(FieldArray, { name: 'author', render: ({ push, remove }) => (React.createElement(FormField, null,
+                        React.createElement(LabelContainer, null,
+                            React.createElement(Label, null, "Authors"),
+                            React.createElement(Button, { onClick: () => push(buildBibliographicName({
+                                    given: '',
+                                    family: '',
+                                    isNew: true,
+                                })) },
+                                React.createElement(AddAuthorIcon, { height: 17, width: 17 }))),
+                        React.createElement("div", null, formik.values.author &&
+                            formik.values.author.map((author, index) => (React.createElement(PersonDropDown, { key: index, index: index, person: author, remove: remove, onChange: formik.handleChange, type: "author" })))))) })),
+                shouldRenderField('editor', formik.values.type) && (React.createElement(FieldArray, { name: 'editor', render: ({ push, remove }) => (React.createElement(FormField, null,
+                        React.createElement(LabelContainer, null,
+                            React.createElement(Label, null, "Editors"),
+                            React.createElement(Button, { onClick: () => push(buildBibliographicName({
+                                    given: '',
+                                    family: '',
+                                    isNew: true,
+                                })) },
+                                React.createElement(AddAuthorIcon, { height: 17, width: 17 }))),
+                        React.createElement("div", null, formik.values.editor &&
+                            formik.values.editor.map((editor, index) => (React.createElement(PersonDropDown, { key: index, index: index, person: editor, remove: remove, onChange: formik.handleChange, type: "editor" })))))) })),
                 shouldRenderField('issued', formik.values.type) && (React.createElement(FormField, null,
                     React.createElement(LabelContainer, null,
                         React.createElement(Label, { htmlFor: "issued['date-parts'][0][0]" }, "Issued (Year)")),
@@ -132,9 +121,9 @@ export const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel
                                     formik.setFieldValue("issued['date-parts'][0][0]", Number(value));
                                 }
                                 else {
-                                    formik.setFieldValue('issued', {
+                                    formik.setFieldValue('issued', buildBibliographicDate({
                                         'date-parts': [[Number(value)]],
-                                    });
+                                    }));
                                 }
                             }
                             else {
@@ -191,9 +180,9 @@ export const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel
                                     formik.setFieldValue("event-date['date-parts'][0][0]", Number(value));
                                 }
                                 else {
-                                    formik.setFieldValue('event-date', {
+                                    formik.setFieldValue('event-date', buildBibliographicDate({
                                         'date-parts': [[Number(value)]],
-                                    });
+                                    }));
                                 }
                             }
                             else {
@@ -234,9 +223,9 @@ export const ReferenceForm = ({ values, showDelete, onChange, onDelete, onCancel
                                     formik.setFieldValue("accessed['date-parts'][0][0]", Number(value));
                                 }
                                 else {
-                                    formik.setFieldValue('accessed', {
+                                    formik.setFieldValue('accessed', buildBibliographicDate({
                                         'date-parts': [[Number(value)]],
-                                    });
+                                    }));
                                 }
                             }
                             else {

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

@@ -1,3 +1,15 @@
+export const bibliographyItemTypes = [
+    ['article-journal', 'Journal Article'],
+    ['book', 'Book'],
+    ['chapter', 'Chapter'],
+    ['confproc', 'Conference Paper'],
+    ['thesis', 'Thesis'],
+    ['webpage', 'Web Page'],
+    ['other', 'Other'],
+    ['standard', 'Standard'],
+    ['dataset', 'Dataset'],
+    ['preprint', 'Preprint'],
+];
 export const fieldConfigMap = {
     'article-journal': new Set([
         'author',

package/dist/es/components/views/TableCellContextMenu.js

@@ -25,21 +25,16 @@ const isHeaderCellSelected = (state) => {
     }
     return (((_a = state.doc.nodeAt(state.selection.from)) === null || _a === void 0 ? void 0 : _a.type) === schema.nodes.table_header);
 };
-const ColumnChangeWarningDialog = ({ isOpen, primaryAction, secondaryAction }) => (React.createElement(Dialog, { isOpen: isOpen, category: Category.confirmation, header: "This change can't be tracked", message: "This column action won't be marked as chnage. Do you want to continue?", actions: {
-        primary: {
-            action: primaryAction,
-            title: 'Ok',
-        },
-        secondary: {
-            action: secondaryAction,
-            title: 'Cancel',
-        },
+const TableChangeWarningDialog = ({ isOpen, primaryAction, secondaryAction }) => (React.createElement(Dialog, { isOpen: isOpen, category: Category.confirmation, header: "This change can't be tracked", message: "This action won't be marked as chnage. Do you want to continue?", actions: {
+        primary: { action: primaryAction, title: 'Ok' },
+        secondary: { action: secondaryAction, title: 'Cancel' },
     } }));
 export const ContextMenu = ({ view, close, onCancelColumnDialog }) => {
     const runCommand = (command, noTracking) => {
         command(view.state, (tr) => view.dispatch((noTracking && skipTracking(tr)) || tr));
         close();
     };
+    const [rowDeleteAction, setRowDeleteAction] = useState();
     const [columnAction, setColumnAction] = useState();
     const isCellSelectionMerged = mergeCells(view.state);
     const isCellSelectionSplittable = splitCell(view.state);
@@ -74,7 +69,7 @@ export const ContextMenu = ({ view, close, onCancelColumnDialog }) => {
             " Insert header row ",
             headerPosition),
         React.createElement(Separator, null),
-        React.createElement(ActionButton, { onClick: () => runCommand(deleteRow) },
+        React.createElement(ActionButton, { onClick: () => setRowDeleteAction(() => deleteRow) },
             React.createElement(GrayDeleteIcon, null),
             " Delete",
             isHeaderCellSelected(view.state) ? ' header ' : '',
@@ -87,7 +82,13 @@ export const ContextMenu = ({ view, close, onCancelColumnDialog }) => {
         (isCellSelectionMerged || isCellSelectionSplittable) && React.createElement(Separator, null),
         isCellSelectionMerged && (React.createElement(ActionButton, { onClick: () => runCommand(mergeCells, true) }, "Merge cells")),
         isCellSelectionSplittable && (React.createElement(ActionButton, { onClick: () => runCommand(splitCell, true) }, "Split cells")),
-        React.createElement(ColumnChangeWarningDialog, { isOpen: !!columnAction, primaryAction: () => {
+        React.createElement(TableChangeWarningDialog, { isOpen: !!rowDeleteAction, primaryAction: () => {
+                if (rowDeleteAction) {
+                    runCommand(rowDeleteAction, true);
+                    setRowDeleteAction(undefined);
+                }
+            }, secondaryAction: () => setRowDeleteAction(undefined) }),
+        React.createElement(TableChangeWarningDialog, { isOpen: !!columnAction, primaryAction: () => {
                 if (columnAction) {
                     runCommand(columnAction, true);
                     setColumnAction(undefined);