@manuscripts/body-editor 1.13.24 → 1.13.25

package/dist/cjs/commands.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addRows = exports.insertTableFootnote = 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.insertContributors = exports.insertAbstract = exports.insertBackMatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertFootnote = exports.createFootnote = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertFileAsFigure = exports.insertGeneralFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = void 0;
+exports.addRows = exports.insertTableFootnote = 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.insertContributors = exports.insertAbstract = exports.insertBackMatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertFootnote = exports.createFootnote = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertFigure = exports.insertGeneralFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = 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");
@@ -26,6 +26,7 @@ const prosemirror_tables_1 = require("prosemirror-tables");
 const prosemirror_transform_1 = require("prosemirror-transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const comments_1 = require("./lib/comments");
+const doc_1 = require("./lib/doc");
 const helpers_1 = require("./lib/helpers");
 const track_changes_utils_1 = require("./lib/track-changes-utils");
 const utils_1 = require("./lib/utils");
@@ -164,7 +165,7 @@ const insertGeneralFootnote = (tableNode, position, view, tableElementFooter) =>
     }
 };
 exports.insertGeneralFootnote = insertGeneralFootnote;
-const insertFileAsFigure = (file, state, dispatch) => {
+const insertFigure = (file, state, dispatch) => {
     const position = findBlockInsertPosition(state);
     if (position === null || !dispatch) {
         return false;
@@ -172,21 +173,34 @@ const insertFileAsFigure = (file, state, dispatch) => {
     const figure = state.schema.nodes.figure.createAndFill({
         label: file.name,
         src: file.id,
-        embedURL: { default: undefined },
-        originalURL: { default: undefined },
     });
-    const figureElement = state.schema.nodes.figure_element.createAndFill({}, [
+    const element = state.schema.nodes.figure_element.createAndFill({}, [
         figure,
         state.schema.nodes.figcaption.create({}, [
             state.schema.nodes.caption_title.create(),
             state.schema.nodes.caption.create(),
         ]),
     ]);
-    const tr = state.tr.insert(position, figureElement);
+    const tr = state.tr.insert(position, element);
     dispatch(tr);
     return true;
 };
-exports.insertFileAsFigure = insertFileAsFigure;
+exports.insertFigure = insertFigure;
+const insertSupplement = (file, state, dispatch) => {
+    const supplement = transform_1.schema.nodes.supplement.create({
+        id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.supplement),
+        href: file.id,
+    });
+    const tr = state.tr;
+    const supplements = (0, doc_1.insertSupplementsNode)(tr);
+    const pos = supplements.pos + supplements.node.nodeSize - 1;
+    tr.insert(pos, supplement);
+    if (dispatch) {
+        dispatch((0, track_changes_plugin_1.skipTracking)(tr));
+    }
+    return true;
+};
+exports.insertSupplement = insertSupplement;
 const insertBlock = (nodeType) => (state, dispatch, view, tableConfig) => {
     const position = findBlockInsertPosition(state);
     if (position === null) {

package/dist/cjs/components/views/FigureDropdown.js

@@ -7,46 +7,47 @@ exports.FigureOptions = exports.FigureElementOptions = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const FigureElementOptions = ({ can, files, getFilesMap, handleAdd, handleUpload, }) => {
+const FigureElementOptions = ({ can, files, onAdd, onUpload, }) => {
     const { isOpen, toggleOpen, wrapperRef } = (0, style_guide_1.useDropdown)();
-    let { supplements, otherFiles } = (0, style_guide_1.useFiles)(getFilesMap(), files);
-    supplements = supplements.filter(style_guide_1.isImageFile);
-    otherFiles = otherFiles.filter(style_guide_1.isImageFile);
+    const supplements = files.supplements
+        .map((s) => s.file)
+        .filter((f) => (0, style_guide_1.isImageFile)(f.name));
+    const others = files.others.filter((f) => (0, style_guide_1.isImageFile)(f.name));
     return (react_1.default.createElement(FilesDropdownWrapper, { onClick: toggleOpen, ref: wrapperRef },
         react_1.default.createElement(FilesButton, null,
             react_1.default.createElement(style_guide_1.AttachIcon, null)),
         isOpen && (react_1.default.createElement(style_guide_1.DropdownList, { direction: 'left', width: 208, height: 187, onClick: toggleOpen, top: 7 },
-            react_1.default.createElement(NestedDropdown, { disabled: !can.replaceFile || supplements.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Supplements', list: react_1.default.createElement(react_1.default.Fragment, null, supplements.map((file) => (react_1.default.createElement(ListItemButton, { key: file.id, onClick: () => handleAdd(file) },
-                    (0, style_guide_1.getFileIcon)(file),
+            react_1.default.createElement(NestedDropdown, { disabled: !can.replaceFile || supplements.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Supplements', list: react_1.default.createElement(react_1.default.Fragment, null, supplements.map((file) => (react_1.default.createElement(ListItemButton, { key: file.id, onClick: () => onAdd(file) },
+                    (0, style_guide_1.getFileIcon)(file.name),
                     react_1.default.createElement(ListItemText, null, file.name))))) }),
-            react_1.default.createElement(NestedDropdown, { disabled: !can.replaceFile || otherFiles.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Other files', list: react_1.default.createElement(react_1.default.Fragment, null, otherFiles.map((file) => (react_1.default.createElement(ListItemButton, { key: file.id, onClick: () => handleAdd(file) },
-                    (0, style_guide_1.getFileIcon)(file),
+            react_1.default.createElement(NestedDropdown, { disabled: !can.replaceFile || others.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Other files', list: react_1.default.createElement(react_1.default.Fragment, null, others.map((file) => (react_1.default.createElement(ListItemButton, { key: file.id, onClick: () => onAdd(file) },
+                    (0, style_guide_1.getFileIcon)(file.name),
                     react_1.default.createElement(ListItemText, null, file.name))))) }),
-            react_1.default.createElement(UploadButton, { onClick: handleUpload, disabled: !can.uploadFile },
+            react_1.default.createElement(UploadButton, { onClick: onUpload, disabled: !can.uploadFile },
                 react_1.default.createElement(style_guide_1.AddIcon, null),
                 " New file...")))));
 };
 exports.FigureElementOptions = FigureElementOptions;
-const FigureOptions = ({ can, files, getFilesMap, handleDownload, handleUpload, handleDetach, handleReplace, }) => {
+const FigureOptions = ({ can, files, onDownload, onUpload, onDetach, onReplace, }) => {
     const { isOpen, toggleOpen, wrapperRef } = (0, style_guide_1.useDropdown)();
-    const otherFiles = (0, style_guide_1.useFiles)(getFilesMap(), files).otherFiles.filter(style_guide_1.isImageFile);
-    const showDownload = handleDownload && can.downloadFiles;
-    const showUpload = handleUpload && can.uploadFile;
-    const showDetach = handleDetach && can.editArticle;
-    const showReplace = handleReplace && can.replaceFile;
+    const otherFiles = files.others.filter((f) => (0, style_guide_1.isImageFile)(f.name));
+    const showDownload = onDownload && can.downloadFiles;
+    const showUpload = onUpload && can.uploadFile;
+    const showDetach = onDetach && can.editArticle;
+    const showReplace = onReplace && can.replaceFile;
     return (react_1.default.createElement(DropdownWrapper, { ref: wrapperRef },
         react_1.default.createElement(OptionsButton, { className: 'options-button', onClick: toggleOpen },
             react_1.default.createElement(style_guide_1.DotsIcon, null)),
         isOpen && (react_1.default.createElement(OptionsDropdownList, { direction: 'right', width: 128, top: 5 },
-            react_1.default.createElement(ListItemButton, { onClick: handleDownload, disabled: !showDownload }, "Download"),
+            react_1.default.createElement(ListItemButton, { onClick: onDownload, disabled: !showDownload }, "Download"),
             react_1.default.createElement(NestedDropdown, { disabled: !showReplace, parentToggleOpen: toggleOpen, buttonText: 'Replace', moveLeft: true, list: react_1.default.createElement(react_1.default.Fragment, null,
-                    otherFiles.map((file, index) => (react_1.default.createElement(ListItemButton, { key: file.id, id: index.toString(), onClick: () => handleReplace && handleReplace(file) },
-                        (0, style_guide_1.getFileIcon)(file),
+                    otherFiles.map((file, index) => (react_1.default.createElement(ListItemButton, { key: file.id, id: index.toString(), onClick: () => onReplace && onReplace(file) },
+                        (0, style_guide_1.getFileIcon)(file.name),
                         react_1.default.createElement(ListItemText, null, file.name)))),
-                    react_1.default.createElement(UploadButton, { onClick: handleUpload, disabled: !showUpload },
+                    react_1.default.createElement(UploadButton, { onClick: onUpload, disabled: !showUpload },
                         react_1.default.createElement(style_guide_1.UploadIcon, null),
                         " Upload new...")) }),
-            react_1.default.createElement(ListItemButton, { onClick: handleDetach, disabled: !showDetach }, "Detach")))));
+            react_1.default.createElement(ListItemButton, { onClick: onDetach, disabled: !showDetach }, "Detach")))));
 };
 exports.FigureOptions = FigureOptions;
 const NestedDropdown = ({ parentToggleOpen, buttonText, disabled, list, moveLeft }) => {

package/dist/cjs/index.js

@@ -44,6 +44,8 @@ var popper_1 = require("./lib/popper");
 Object.defineProperty(exports, "PopperManager", { enumerable: true, get: function () { return popper_1.PopperManager; } });
 __exportStar(require("./toolbar"), exports);
 __exportStar(require("./lib/comments"), exports);
+__exportStar(require("./lib/files"), exports);
+__exportStar(require("./lib/doc"), exports);
 __exportStar(require("./plugins/comments"), exports);
 var selected_suggestion_1 = require("./plugins/selected-suggestion");
 Object.defineProperty(exports, "selectedSuggestionKey", { enumerable: true, get: function () { return selected_suggestion_1.selectedSuggestionKey; } });

package/dist/cjs/lib/doc.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findGraphicalAbstractFigureElement = exports.findAbstractsNode = exports.insertSupplementsNode = void 0;
+const transform_1 = require("@manuscripts/transform");
+const prosemirror_utils_1 = require("prosemirror-utils");
+const insertSupplementsNode = (tr) => {
+    const doc = tr.doc;
+    const supplements = (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.supplements)[0];
+    if (supplements) {
+        return supplements;
+    }
+    const abstracts = (0, exports.findAbstractsNode)(doc);
+    const pos = abstracts.pos - 1;
+    tr.insert(pos, transform_1.schema.nodes.supplements.create());
+    return {
+        node: supplements,
+        pos,
+    };
+};
+exports.insertSupplementsNode = insertSupplementsNode;
+const findAbstractsNode = (doc) => {
+    return (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.abstracts)[0];
+};
+exports.findAbstractsNode = findAbstractsNode;
+const findGraphicalAbstractFigureElement = (doc) => {
+    const ga = (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.graphical_abstract_section)[0];
+    if (!ga) {
+        return;
+    }
+    const element = (0, prosemirror_utils_1.findChildrenByType)(ga.node, transform_1.schema.nodes.figure_element)[0];
+    if (!element) {
+        return;
+    }
+    return {
+        node: element.node,
+        pos: ga.pos + element.pos + 1,
+    };
+};
+exports.findGraphicalAbstractFigureElement = findGraphicalAbstractFigureElement;

package/dist/cjs/lib/files.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.groupFiles = void 0;
+const transform_1 = require("@manuscripts/transform");
+const prosemirror_utils_1 = require("prosemirror-utils");
+const doc_1 = require("./doc");
+const track_changes_utils_1 = require("./track-changes-utils");
+const MISSING_FILE = {
+    id: '',
+    name: 'Missing file',
+    type: {
+        id: 'missing',
+    },
+};
+const groupFiles = (doc, files) => {
+    const fileMap = new Map(files.map((f) => [f.id, f]));
+    const figures = [];
+    const supplements = [];
+    const getFigureElementFiles = (node, pos) => {
+        const figureFiles = [];
+        for (const figure of (0, prosemirror_utils_1.findChildrenByType)(node, transform_1.schema.nodes.figure)) {
+            if ((0, track_changes_utils_1.isHidden)(figure.node)) {
+                continue;
+            }
+            const src = (0, track_changes_utils_1.getActualAttrs)(figure.node).src;
+            if (!src) {
+                continue;
+            }
+            let file = fileMap.get(src);
+            if (file) {
+                fileMap.delete(src);
+            }
+            else {
+                file = MISSING_FILE;
+            }
+            figureFiles.push({
+                node: figure.node,
+                pos: pos + figure.pos + 1,
+                file,
+            });
+        }
+        return {
+            node,
+            pos,
+            files: figureFiles,
+        };
+    };
+    let gaID;
+    const element = (0, doc_1.findGraphicalAbstractFigureElement)(doc);
+    if (element) {
+        gaID = element.node.attrs.id;
+        figures.push(getFigureElementFiles(element.node, element.pos));
+    }
+    doc.descendants((node, pos) => {
+        if (node.type === transform_1.schema.nodes.figure_element && node.attrs.id !== gaID) {
+            figures.push(getFigureElementFiles(node, pos));
+        }
+        if (node.type === transform_1.schema.nodes.supplement) {
+            if ((0, track_changes_utils_1.isHidden)(node)) {
+                return;
+            }
+            const href = (0, track_changes_utils_1.getActualAttrs)(node).href;
+            let file = fileMap.get(href);
+            if (file) {
+                fileMap.delete(href);
+            }
+            else {
+                file = MISSING_FILE;
+            }
+            supplements.push({
+                node,
+                pos,
+                file,
+            });
+        }
+    });
+    return {
+        figures,
+        supplements,
+        others: [...fileMap.values()],
+    };
+};
+exports.groupFiles = groupFiles;

package/dist/cjs/plugins/bibliography/bibliography-utils.js

@@ -14,20 +14,8 @@
  * 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.buildCitations = exports.getEffectiveAttrs = exports.getLatest = exports.buildDecorations = exports.isBibliographyElement = void 0;
-const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
+exports.buildCitations = exports.getLatest = exports.buildDecorations = exports.isBibliographyElement = void 0;
 const prosemirror_view_1 = require("prosemirror-view");
 const track_changes_utils_1 = require("../../lib/track-changes-utils");
 const isBibliographyElement = (node) => node.type === node.type.schema.nodes.bibliography_element;
@@ -83,21 +71,6 @@ const buildDecorations = (state, doc) => {
 exports.buildDecorations = buildDecorations;
 const getLatest = (a, b) => a.updatedAt > b.updatedAt ? a : b;
 exports.getLatest = getLatest;
-const getEffectiveAttrs = (node, excludeDeletedNode) => {
-    const _a = node.attrs, { dataTracked } = _a, attrs = __rest(_a, ["dataTracked"]);
-    const nodeChange = dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.reduce(exports.getLatest);
-    const isDeleted = nodeChange &&
-        nodeChange.operation === track_changes_plugin_1.CHANGE_OPERATION.delete &&
-        nodeChange.status !== track_changes_plugin_1.CHANGE_STATUS.rejected;
-    if (isDeleted && excludeDeletedNode) {
-        return undefined;
-    }
-    const isRejected = nodeChange &&
-        nodeChange.operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes &&
-        nodeChange.status === track_changes_plugin_1.CHANGE_STATUS.rejected;
-    return isRejected ? nodeChange === null || nodeChange === void 0 ? void 0 : nodeChange.oldAttrs : attrs;
-};
-exports.getEffectiveAttrs = getEffectiveAttrs;
 const buildCitations = (citations) => citations
     .map((c) => (0, track_changes_utils_1.getActualAttrs)(c[0]))
     .map((attrs) => ({

package/dist/cjs/views/figure_editable.js

@@ -32,7 +32,7 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = require("react");
 const react_dom_1 = __importDefault(require("react-dom"));
 const FigureDropdown_1 = require("../components/views/FigureDropdown");
-const build_file_models_1 = require("../lib/build-file-models");
+const files_1 = require("../lib/files");
 const track_changes_utils_1 = require("../lib/track-changes-utils");
 const creators_1 = require("./creators");
 const figure_1 = require("./figure");
@@ -54,19 +54,18 @@ class FigureEditableView extends figure_1.FigureView {
             var _a, _b;
             const attrs = (0, track_changes_utils_1.getActualAttrs)(this.node);
             if ((_a = this.node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.length) {
-                this.dom.setAttribute('data-track-status', this.node.attrs.dataTracked[0].status);
-                this.dom.setAttribute('data-track-op', this.node.attrs.dataTracked[0].operation);
+                const change = this.node.attrs.dataTracked[0];
+                this.dom.setAttribute('data-track-status', change.status);
+                this.dom.setAttribute('data-track-op', change.operation);
             }
             else {
                 this.dom.removeAttribute('data-track-status');
-                this.dom.removeAttribute('data-track-type');
+                this.dom.removeAttribute('data-track-op');
             }
             const src = attrs.src;
             const files = this.props.getFiles();
             const file = src && files.filter((f) => f.id === src)[0];
-            while (this.container.hasChildNodes()) {
-                this.container.removeChild(this.container.firstChild);
-            }
+            this.container.innerHTML = '';
             const can = this.props.getCapabilities();
             const link = file && this.props.fileManagement.previewLink(file);
             const img = link
@@ -132,14 +131,15 @@ class FigureEditableView extends figure_1.FigureView {
             this.container.appendChild(img);
             (_b = this.reactTools) === null || _b === void 0 ? void 0 : _b.remove();
             if (this.props.dispatch && this.props.theme) {
+                const files = this.props.getFiles();
+                const doc = this.view.state.doc;
                 const componentProps = {
                     can,
-                    files,
-                    getFilesMap: () => (0, build_file_models_1.buildFileMap)(this.view.state.doc),
-                    handleDownload,
-                    handleUpload,
-                    handleDetach,
-                    handleReplace,
+                    files: (0, files_1.groupFiles)(doc, files),
+                    onDownload: handleDownload,
+                    onUpload: handleUpload,
+                    onDetach: handleDetach,
+                    onReplace: handleReplace,
                 };
                 this.reactTools = (0, ReactSubView_1.default)(this.props, FigureDropdown_1.FigureOptions, componentProps, this.node, this.getPos, this.view);
                 this.dom.insertBefore(this.reactTools, this.dom.firstChild);

package/dist/cjs/views/figure_element.js

@@ -30,7 +30,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FigureElementView = void 0;
 const transform_1 = require("@manuscripts/transform");
 const FigureDropdown_1 = require("../components/views/FigureDropdown");
-const build_file_models_1 = require("../lib/build-file-models");
+const files_1 = require("../lib/files");
 const utils_1 = require("../lib/utils");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
@@ -56,12 +56,13 @@ class FigureElementView extends block_view_1.default {
                 throw new Error('No contentDOM');
             }
             if ((_a = this.node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.length) {
-                this.dom.setAttribute('data-track-status', this.node.attrs.dataTracked[0].status);
-                this.dom.setAttribute('data-track-op', this.node.attrs.dataTracked[0].operation);
+                const change = this.node.attrs.dataTracked[0];
+                this.dom.setAttribute('data-track-status', change.status);
+                this.dom.setAttribute('data-track-op', change.operation);
             }
             else {
                 this.dom.removeAttribute('data-track-status');
-                this.dom.removeAttribute('data-track-type');
+                this.dom.removeAttribute('data-track-op');
             }
             this.contentDOM.setAttribute('data-figure-style', figureStyle);
             this.contentDOM.setAttribute('data-figure-layout', figureLayout);
@@ -107,12 +108,13 @@ class FigureElementView extends block_view_1.default {
                 handleUpload = (0, figure_uploader_1.figureUploader)(upload);
             }
             if (this.props.dispatch && this.props.theme) {
+                const files = this.props.getFiles();
+                const doc = this.view.state.doc;
                 const componentProps = {
                     can: can,
-                    files: this.props.getFiles(),
-                    getFilesMap: () => (0, build_file_models_1.buildFileMap)(this.view.state.doc),
-                    handleUpload,
-                    handleAdd,
+                    files: (0, files_1.groupFiles)(doc, files),
+                    onUpload: handleUpload,
+                    onAdd: handleAdd,
                 };
                 this.reactTools = (0, ReactSubView_1.default)(this.props, FigureDropdown_1.FigureElementOptions, componentProps, this.node, this.getPos, this.view);
                 (_b = this.reactTools) === null || _b === void 0 ? void 0 : _b.remove();

package/dist/es/commands.js

@@ -15,7 +15,7 @@
  */
 import { buildContribution, ObjectTypes } from '@manuscripts/json-schema';
 import { skipTracking } from '@manuscripts/track-changes-plugin';
-import { generateID, isElementNodeType, isFootnoteNode, isInBibliographySection, isListNode, isParagraphNode, isSectionNodeType, schema, } from '@manuscripts/transform';
+import { generateID, generateNodeID, isElementNodeType, isFootnoteNode, isInBibliographySection, isListNode, isParagraphNode, isSectionNodeType, schema, } from '@manuscripts/transform';
 import { Fragment, NodeRange, } from 'prosemirror-model';
 import { wrapInList } from 'prosemirror-schema-list';
 import { NodeSelection, TextSelection, } from 'prosemirror-state';
@@ -23,6 +23,7 @@ import { addRow, isInTable, selectedRect } from 'prosemirror-tables';
 import { findWrapping, liftTarget, ReplaceAroundStep, } from 'prosemirror-transform';
 import { findChildrenByType, findParentNodeOfType, findParentNodeOfTypeClosestToPos, } from 'prosemirror-utils';
 import { getCommentKey, getCommentRange } from './lib/comments';
+import { insertSupplementsNode } from './lib/doc';
 import { isNodeOfType, nearestAncestor } from './lib/helpers';
 import { isDeleted, isRejectedInsert } from './lib/track-changes-utils';
 import { findParentNodeWithId, getChildOfType, getMatchingChild, } from './lib/utils';
@@ -154,7 +155,7 @@ export const insertGeneralFootnote = (tableNode, position, view, tableElementFoo
         dispatch(tr.setSelection(selection).scrollIntoView());
     }
 };
-export const insertFileAsFigure = (file, state, dispatch) => {
+export const insertFigure = (file, state, dispatch) => {
     const position = findBlockInsertPosition(state);
     if (position === null || !dispatch) {
         return false;
@@ -162,20 +163,32 @@ export const insertFileAsFigure = (file, state, dispatch) => {
     const figure = state.schema.nodes.figure.createAndFill({
         label: file.name,
         src: file.id,
-        embedURL: { default: undefined },
-        originalURL: { default: undefined },
     });
-    const figureElement = state.schema.nodes.figure_element.createAndFill({}, [
+    const element = state.schema.nodes.figure_element.createAndFill({}, [
         figure,
         state.schema.nodes.figcaption.create({}, [
             state.schema.nodes.caption_title.create(),
             state.schema.nodes.caption.create(),
         ]),
     ]);
-    const tr = state.tr.insert(position, figureElement);
+    const tr = state.tr.insert(position, element);
     dispatch(tr);
     return true;
 };
+export const insertSupplement = (file, state, dispatch) => {
+    const supplement = schema.nodes.supplement.create({
+        id: generateNodeID(schema.nodes.supplement),
+        href: file.id,
+    });
+    const tr = state.tr;
+    const supplements = insertSupplementsNode(tr);
+    const pos = supplements.pos + supplements.node.nodeSize - 1;
+    tr.insert(pos, supplement);
+    if (dispatch) {
+        dispatch(skipTracking(tr));
+    }
+    return true;
+};
 export const insertBlock = (nodeType) => (state, dispatch, view, tableConfig) => {
     const position = findBlockInsertPosition(state);
     if (position === null) {

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

@@ -1,45 +1,46 @@
-import { AddIcon, AttachIcon, DotsIcon, DropdownList, getFileIcon, IconButton, IconTextButton, isImageFile, RoundIconButton, TriangleCollapsedIcon, UploadIcon, useDropdown, useFiles, } from '@manuscripts/style-guide';
+import { AddIcon, AttachIcon, DotsIcon, DropdownList, getFileIcon, IconButton, IconTextButton, isImageFile, RoundIconButton, TriangleCollapsedIcon, UploadIcon, useDropdown, } from '@manuscripts/style-guide';
 import React from 'react';
 import styled from 'styled-components';
-export const FigureElementOptions = ({ can, files, getFilesMap, handleAdd, handleUpload, }) => {
+export const FigureElementOptions = ({ can, files, onAdd, onUpload, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
-    let { supplements, otherFiles } = useFiles(getFilesMap(), files);
-    supplements = supplements.filter(isImageFile);
-    otherFiles = otherFiles.filter(isImageFile);
+    const supplements = files.supplements
+        .map((s) => s.file)
+        .filter((f) => isImageFile(f.name));
+    const others = files.others.filter((f) => isImageFile(f.name));
     return (React.createElement(FilesDropdownWrapper, { onClick: toggleOpen, ref: wrapperRef },
         React.createElement(FilesButton, null,
             React.createElement(AttachIcon, null)),
         isOpen && (React.createElement(DropdownList, { direction: 'left', width: 208, height: 187, onClick: toggleOpen, top: 7 },
-            React.createElement(NestedDropdown, { disabled: !can.replaceFile || supplements.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Supplements', list: React.createElement(React.Fragment, null, supplements.map((file) => (React.createElement(ListItemButton, { key: file.id, onClick: () => handleAdd(file) },
-                    getFileIcon(file),
+            React.createElement(NestedDropdown, { disabled: !can.replaceFile || supplements.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Supplements', list: React.createElement(React.Fragment, null, supplements.map((file) => (React.createElement(ListItemButton, { key: file.id, onClick: () => onAdd(file) },
+                    getFileIcon(file.name),
                     React.createElement(ListItemText, null, file.name))))) }),
-            React.createElement(NestedDropdown, { disabled: !can.replaceFile || otherFiles.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Other files', list: React.createElement(React.Fragment, null, otherFiles.map((file) => (React.createElement(ListItemButton, { key: file.id, onClick: () => handleAdd(file) },
-                    getFileIcon(file),
+            React.createElement(NestedDropdown, { disabled: !can.replaceFile || others.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Other files', list: React.createElement(React.Fragment, null, others.map((file) => (React.createElement(ListItemButton, { key: file.id, onClick: () => onAdd(file) },
+                    getFileIcon(file.name),
                     React.createElement(ListItemText, null, file.name))))) }),
-            React.createElement(UploadButton, { onClick: handleUpload, disabled: !can.uploadFile },
+            React.createElement(UploadButton, { onClick: onUpload, disabled: !can.uploadFile },
                 React.createElement(AddIcon, null),
                 " New file...")))));
 };
-export const FigureOptions = ({ can, files, getFilesMap, handleDownload, handleUpload, handleDetach, handleReplace, }) => {
+export const FigureOptions = ({ can, files, onDownload, onUpload, onDetach, onReplace, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
-    const otherFiles = useFiles(getFilesMap(), files).otherFiles.filter(isImageFile);
-    const showDownload = handleDownload && can.downloadFiles;
-    const showUpload = handleUpload && can.uploadFile;
-    const showDetach = handleDetach && can.editArticle;
-    const showReplace = handleReplace && can.replaceFile;
+    const otherFiles = files.others.filter((f) => isImageFile(f.name));
+    const showDownload = onDownload && can.downloadFiles;
+    const showUpload = onUpload && can.uploadFile;
+    const showDetach = onDetach && can.editArticle;
+    const showReplace = onReplace && can.replaceFile;
     return (React.createElement(DropdownWrapper, { ref: wrapperRef },
         React.createElement(OptionsButton, { className: 'options-button', onClick: toggleOpen },
             React.createElement(DotsIcon, null)),
         isOpen && (React.createElement(OptionsDropdownList, { direction: 'right', width: 128, top: 5 },
-            React.createElement(ListItemButton, { onClick: handleDownload, disabled: !showDownload }, "Download"),
+            React.createElement(ListItemButton, { onClick: onDownload, disabled: !showDownload }, "Download"),
             React.createElement(NestedDropdown, { disabled: !showReplace, parentToggleOpen: toggleOpen, buttonText: 'Replace', moveLeft: true, list: React.createElement(React.Fragment, null,
-                    otherFiles.map((file, index) => (React.createElement(ListItemButton, { key: file.id, id: index.toString(), onClick: () => handleReplace && handleReplace(file) },
-                        getFileIcon(file),
+                    otherFiles.map((file, index) => (React.createElement(ListItemButton, { key: file.id, id: index.toString(), onClick: () => onReplace && onReplace(file) },
+                        getFileIcon(file.name),
                         React.createElement(ListItemText, null, file.name)))),
-                    React.createElement(UploadButton, { onClick: handleUpload, disabled: !showUpload },
+                    React.createElement(UploadButton, { onClick: onUpload, disabled: !showUpload },
                         React.createElement(UploadIcon, null),
                         " Upload new...")) }),
-            React.createElement(ListItemButton, { onClick: handleDetach, disabled: !showDetach }, "Detach")))));
+            React.createElement(ListItemButton, { onClick: onDetach, disabled: !showDetach }, "Detach")))));
 };
 const NestedDropdown = ({ parentToggleOpen, buttonText, disabled, list, moveLeft }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();

package/dist/es/index.js

@@ -22,6 +22,8 @@ export { CollabProvider } from './classes/collabProvider';
 export { PopperManager } from './lib/popper';
 export * from './toolbar';
 export * from './lib/comments';
+export * from './lib/files';
+export * from './lib/doc';
 export * from './plugins/comments';
 export { selectedSuggestionKey } from './plugins/selected-suggestion';
 export * from './lib/utils';

package/dist/es/lib/doc.js

@@ -0,0 +1,33 @@
+import { schema, } from '@manuscripts/transform';
+import { findChildrenByType } from 'prosemirror-utils';
+export const insertSupplementsNode = (tr) => {
+    const doc = tr.doc;
+    const supplements = findChildrenByType(doc, schema.nodes.supplements)[0];
+    if (supplements) {
+        return supplements;
+    }
+    const abstracts = findAbstractsNode(doc);
+    const pos = abstracts.pos - 1;
+    tr.insert(pos, schema.nodes.supplements.create());
+    return {
+        node: supplements,
+        pos,
+    };
+};
+export const findAbstractsNode = (doc) => {
+    return findChildrenByType(doc, schema.nodes.abstracts)[0];
+};
+export const findGraphicalAbstractFigureElement = (doc) => {
+    const ga = findChildrenByType(doc, schema.nodes.graphical_abstract_section)[0];
+    if (!ga) {
+        return;
+    }
+    const element = findChildrenByType(ga.node, schema.nodes.figure_element)[0];
+    if (!element) {
+        return;
+    }
+    return {
+        node: element.node,
+        pos: ga.pos + element.pos + 1,
+    };
+};

package/dist/es/lib/files.js

@@ -0,0 +1,79 @@
+import { schema } from '@manuscripts/transform';
+import { findChildrenByType } from 'prosemirror-utils';
+import { findGraphicalAbstractFigureElement } from './doc';
+import { getActualAttrs, isHidden } from './track-changes-utils';
+const MISSING_FILE = {
+    id: '',
+    name: 'Missing file',
+    type: {
+        id: 'missing',
+    },
+};
+export const groupFiles = (doc, files) => {
+    const fileMap = new Map(files.map((f) => [f.id, f]));
+    const figures = [];
+    const supplements = [];
+    const getFigureElementFiles = (node, pos) => {
+        const figureFiles = [];
+        for (const figure of findChildrenByType(node, schema.nodes.figure)) {
+            if (isHidden(figure.node)) {
+                continue;
+            }
+            const src = getActualAttrs(figure.node).src;
+            if (!src) {
+                continue;
+            }
+            let file = fileMap.get(src);
+            if (file) {
+                fileMap.delete(src);
+            }
+            else {
+                file = MISSING_FILE;
+            }
+            figureFiles.push({
+                node: figure.node,
+                pos: pos + figure.pos + 1,
+                file,
+            });
+        }
+        return {
+            node,
+            pos,
+            files: figureFiles,
+        };
+    };
+    let gaID;
+    const element = findGraphicalAbstractFigureElement(doc);
+    if (element) {
+        gaID = element.node.attrs.id;
+        figures.push(getFigureElementFiles(element.node, element.pos));
+    }
+    doc.descendants((node, pos) => {
+        if (node.type === schema.nodes.figure_element && node.attrs.id !== gaID) {
+            figures.push(getFigureElementFiles(node, pos));
+        }
+        if (node.type === schema.nodes.supplement) {
+            if (isHidden(node)) {
+                return;
+            }
+            const href = getActualAttrs(node).href;
+            let file = fileMap.get(href);
+            if (file) {
+                fileMap.delete(href);
+            }
+            else {
+                file = MISSING_FILE;
+            }
+            supplements.push({
+                node,
+                pos,
+                file,
+            });
+        }
+    });
+    return {
+        figures,
+        supplements,
+        others: [...fileMap.values()],
+    };
+};

package/dist/es/plugins/bibliography/bibliography-utils.js

@@ -13,18 +13,6 @@
  * 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;
-};
-import { CHANGE_OPERATION, CHANGE_STATUS, } from '@manuscripts/track-changes-plugin';
 import { Decoration } from 'prosemirror-view';
 import { getActualAttrs } from '../../lib/track-changes-utils';
 export const isBibliographyElement = (node) => node.type === node.type.schema.nodes.bibliography_element;
@@ -77,20 +65,6 @@ export const buildDecorations = (state, doc) => {
     return decorations;
 };
 export const getLatest = (a, b) => a.updatedAt > b.updatedAt ? a : b;
-export const getEffectiveAttrs = (node, excludeDeletedNode) => {
-    const _a = node.attrs, { dataTracked } = _a, attrs = __rest(_a, ["dataTracked"]);
-    const nodeChange = dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.reduce(getLatest);
-    const isDeleted = nodeChange &&
-        nodeChange.operation === CHANGE_OPERATION.delete &&
-        nodeChange.status !== CHANGE_STATUS.rejected;
-    if (isDeleted && excludeDeletedNode) {
-        return undefined;
-    }
-    const isRejected = nodeChange &&
-        nodeChange.operation === CHANGE_OPERATION.set_node_attributes &&
-        nodeChange.status === CHANGE_STATUS.rejected;
-    return isRejected ? nodeChange === null || nodeChange === void 0 ? void 0 : nodeChange.oldAttrs : attrs;
-};
 export const buildCitations = (citations) => citations
     .map((c) => getActualAttrs(c[0]))
     .map((attrs) => ({

package/dist/es/views/figure_editable.js

@@ -22,11 +22,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { FileCorruptedIcon, } from '@manuscripts/style-guide';
+import { FileCorruptedIcon } from '@manuscripts/style-guide';
 import { createElement } from 'react';
 import ReactDOM from 'react-dom';
 import { FigureOptions, } from '../components/views/FigureDropdown';
-import { buildFileMap } from '../lib/build-file-models';
+import { groupFiles } from '../lib/files';
 import { getActualAttrs } from '../lib/track-changes-utils';
 import { createEditableNodeView } from './creators';
 import { FigureView } from './figure';
@@ -48,19 +48,18 @@ export class FigureEditableView extends FigureView {
             var _a, _b;
             const attrs = getActualAttrs(this.node);
             if ((_a = this.node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.length) {
-                this.dom.setAttribute('data-track-status', this.node.attrs.dataTracked[0].status);
-                this.dom.setAttribute('data-track-op', this.node.attrs.dataTracked[0].operation);
+                const change = this.node.attrs.dataTracked[0];
+                this.dom.setAttribute('data-track-status', change.status);
+                this.dom.setAttribute('data-track-op', change.operation);
             }
             else {
                 this.dom.removeAttribute('data-track-status');
-                this.dom.removeAttribute('data-track-type');
+                this.dom.removeAttribute('data-track-op');
             }
             const src = attrs.src;
             const files = this.props.getFiles();
             const file = src && files.filter((f) => f.id === src)[0];
-            while (this.container.hasChildNodes()) {
-                this.container.removeChild(this.container.firstChild);
-            }
+            this.container.innerHTML = '';
             const can = this.props.getCapabilities();
             const link = file && this.props.fileManagement.previewLink(file);
             const img = link
@@ -126,14 +125,15 @@ export class FigureEditableView extends FigureView {
             this.container.appendChild(img);
             (_b = this.reactTools) === null || _b === void 0 ? void 0 : _b.remove();
             if (this.props.dispatch && this.props.theme) {
+                const files = this.props.getFiles();
+                const doc = this.view.state.doc;
                 const componentProps = {
                     can,
-                    files,
-                    getFilesMap: () => buildFileMap(this.view.state.doc),
-                    handleDownload,
-                    handleUpload,
-                    handleDetach,
-                    handleReplace,
+                    files: groupFiles(doc, files),
+                    onDownload: handleDownload,
+                    onUpload: handleUpload,
+                    onDetach: handleDetach,
+                    onReplace: handleReplace,
                 };
                 this.reactTools = ReactSubView(this.props, FigureOptions, componentProps, this.node, this.getPos, this.view);
                 this.dom.insertBefore(this.reactTools, this.dom.firstChild);

package/dist/es/views/figure_element.js

@@ -24,7 +24,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { schema } from '@manuscripts/transform';
 import { FigureElementOptions, } from '../components/views/FigureDropdown';
-import { buildFileMap } from '../lib/build-file-models';
+import { groupFiles } from '../lib/files';
 import { getMatchingChild } from '../lib/utils';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
@@ -50,12 +50,13 @@ export class FigureElementView extends BlockView {
                 throw new Error('No contentDOM');
             }
             if ((_a = this.node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.length) {
-                this.dom.setAttribute('data-track-status', this.node.attrs.dataTracked[0].status);
-                this.dom.setAttribute('data-track-op', this.node.attrs.dataTracked[0].operation);
+                const change = this.node.attrs.dataTracked[0];
+                this.dom.setAttribute('data-track-status', change.status);
+                this.dom.setAttribute('data-track-op', change.operation);
             }
             else {
                 this.dom.removeAttribute('data-track-status');
-                this.dom.removeAttribute('data-track-type');
+                this.dom.removeAttribute('data-track-op');
             }
             this.contentDOM.setAttribute('data-figure-style', figureStyle);
             this.contentDOM.setAttribute('data-figure-layout', figureLayout);
@@ -101,12 +102,13 @@ export class FigureElementView extends BlockView {
                 handleUpload = figureUploader(upload);
             }
             if (this.props.dispatch && this.props.theme) {
+                const files = this.props.getFiles();
+                const doc = this.view.state.doc;
                 const componentProps = {
                     can: can,
-                    files: this.props.getFiles(),
-                    getFilesMap: () => buildFileMap(this.view.state.doc),
-                    handleUpload,
-                    handleAdd,
+                    files: groupFiles(doc, files),
+                    onUpload: handleUpload,
+                    onAdd: handleAdd,
                 };
                 this.reactTools = ReactSubView(this.props, FigureElementOptions, componentProps, this.node, this.getPos, this.view);
                 (_b = this.reactTools) === null || _b === void 0 ? void 0 : _b.remove();

package/dist/types/commands.d.ts

@@ -13,12 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { FileAttachment, TableConfig } from '@manuscripts/style-guide';
+import { TableConfig } from '@manuscripts/style-guide';
 import { FootnoteNode, InlineFootnoteNode, ManuscriptEditorState, ManuscriptEditorView, ManuscriptMarkType, ManuscriptNode, ManuscriptNodeType, ManuscriptTransaction } from '@manuscripts/transform';
 import { Attrs, ResolvedPos } from 'prosemirror-model';
 import { EditorState, NodeSelection, Selection, TextSelection, Transaction } from 'prosemirror-state';
 import { NodeWithPos } from 'prosemirror-utils';
 import { EditorView } from 'prosemirror-view';
+import { FileAttachment } from './lib/files';
 import { EditorAction } from './types';
 export type Dispatch = (tr: ManuscriptTransaction) => void;
 export declare const markActive: (type: ManuscriptMarkType) => (state: ManuscriptEditorState) => boolean;
@@ -28,7 +29,8 @@ export declare const canInsert: (type: ManuscriptNodeType) => (state: Manuscript
 export declare const createSelection: (nodeType: ManuscriptNodeType, position: number, doc: ManuscriptNode) => Selection;
 export declare const createBlock: (nodeType: ManuscriptNodeType, position: number, state: ManuscriptEditorState, dispatch?: Dispatch, attrs?: Attrs, tableConfig?: TableConfig) => void;
 export declare const insertGeneralFootnote: (tableNode: ManuscriptNode, position: number, view: ManuscriptEditorView, tableElementFooter?: NodeWithPos[]) => void;
-export declare const insertFileAsFigure: (file: FileAttachment, state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
+export declare const insertFigure: (file: FileAttachment, state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
+export declare const insertSupplement: (file: FileAttachment, state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertBlock: (nodeType: ManuscriptNodeType) => (state: ManuscriptEditorState, dispatch?: Dispatch, view?: EditorView, tableConfig?: TableConfig) => boolean;
 export declare const deleteBlock: (typeToDelete: string) => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertBreak: EditorAction;

package/dist/types/components/views/FigureDropdown.d.ts

@@ -1,20 +1,19 @@
-import { Model } from '@manuscripts/json-schema';
-import { Capabilities, FileAttachment } from '@manuscripts/style-guide';
+import { Capabilities } from '@manuscripts/style-guide';
 import React from 'react';
+import { FileAttachment, ManuscriptFiles } from '../../lib/files';
 export interface FigureDropdownProps {
     can: Capabilities;
-    files: FileAttachment[];
-    getFilesMap: () => Map<string, Model>;
+    files: ManuscriptFiles;
 }
 export interface FigureOptionsProps extends FigureDropdownProps {
-    handleDownload?: () => void;
-    handleUpload?: () => void;
-    handleDetach?: () => void;
-    handleReplace?: (file: FileAttachment) => void;
+    onDownload?: () => void;
+    onUpload?: () => void;
+    onDetach?: () => void;
+    onReplace?: (file: FileAttachment) => void;
 }
 export interface FigureElementOptionsProps extends FigureDropdownProps {
-    handleAdd: (file: FileAttachment) => Promise<void>;
-    handleUpload: () => void;
+    onAdd: (file: FileAttachment) => Promise<void>;
+    onUpload: () => void;
 }
 export declare const FigureElementOptions: React.FC<FigureElementOptionsProps>;
 export declare const FigureOptions: React.FC<FigureOptionsProps>;

package/dist/types/configs/ManuscriptsEditor.d.ts

@@ -15,7 +15,7 @@
  */
 import 'prosemirror-view/style/prosemirror.css';
 import { Manuscript, UserProfile } from '@manuscripts/json-schema';
-import { Capabilities, FileAttachment, FileManagement } from '@manuscripts/style-guide';
+import { Capabilities } from '@manuscripts/style-guide';
 import { ManuscriptNode } from '@manuscripts/transform';
 import { History } from 'history';
 import { EditorState } from 'prosemirror-state';
@@ -23,6 +23,7 @@ import { EditorView } from 'prosemirror-view';
 import { DefaultTheme } from 'styled-components';
 import { CollabProvider } from '../classes/collabProvider';
 import { Dispatch } from '../commands';
+import { FileAttachment, FileManagement } from '../lib/files';
 import { PopperManager } from '../lib/popper';
 export type CSLProps = {
     style?: string;

package/dist/types/index.d.ts

@@ -23,6 +23,8 @@ export { CollabProvider } from './classes/collabProvider';
 export { PopperManager } from './lib/popper';
 export * from './toolbar';
 export * from './lib/comments';
+export * from './lib/files';
+export * from './lib/doc';
 export * from './plugins/comments';
 export { selectedSuggestionKey } from './plugins/selected-suggestion';
 export * from './lib/utils';

package/dist/types/lib/doc.d.ts

@@ -0,0 +1,7 @@
+import { ManuscriptNode, ManuscriptTransaction } from '@manuscripts/transform';
+export declare const insertSupplementsNode: (tr: ManuscriptTransaction) => import("prosemirror-utils").NodeWithPos;
+export declare const findAbstractsNode: (doc: ManuscriptNode) => import("prosemirror-utils").NodeWithPos;
+export declare const findGraphicalAbstractFigureElement: (doc: ManuscriptNode) => {
+    node: import("prosemirror-model").Node;
+    pos: number;
+} | undefined;

package/dist/types/lib/files.d.ts

@@ -0,0 +1,34 @@
+import { ManuscriptNode } from '@manuscripts/transform';
+export type FileDesignation = {
+    id: string;
+};
+export type FileAttachment = {
+    id: string;
+    name: string;
+    type: FileDesignation;
+    createdDate?: Date;
+};
+export type NodeFile = {
+    node: ManuscriptNode;
+    pos: number;
+    file: FileAttachment;
+};
+export type ElementFiles = {
+    node: ManuscriptNode;
+    pos: number;
+    files: NodeFile[];
+};
+export type ManuscriptFiles = {
+    figures: ElementFiles[];
+    supplements: NodeFile[];
+    others: FileAttachment[];
+};
+export type Upload = (file: File) => Promise<FileAttachment>;
+export type Download = (file: FileAttachment) => void;
+export type PreviewLink = (file: FileAttachment) => string | undefined;
+export type FileManagement = {
+    upload: Upload;
+    download: Download;
+    previewLink: PreviewLink;
+};
+export declare const groupFiles: (doc: ManuscriptNode, files: FileAttachment[]) => ManuscriptFiles;

package/dist/types/plugins/bibliography/bibliography-utils.d.ts

@@ -16,12 +16,10 @@
 import { TrackedAttrs } from '@manuscripts/track-changes-plugin';
 import { CitationNode, ManuscriptNode } from '@manuscripts/transform';
 import CiteProc from 'citeproc';
-import { Attrs } from 'prosemirror-model';
 import { Decoration } from 'prosemirror-view';
 import { PluginState } from './index';
 export declare const isBibliographyElement: (node: ManuscriptNode) => boolean;
 export type CitationNodes = [CitationNode, number][];
 export declare const buildDecorations: (state: PluginState, doc: ManuscriptNode) => Decoration[];
 export declare const getLatest: (a: TrackedAttrs, b: TrackedAttrs) => TrackedAttrs;
-export declare const getEffectiveAttrs: (node: ManuscriptNode, excludeDeletedNode?: boolean) => Attrs | undefined;
 export declare const buildCitations: (citations: CitationNodes) => CiteProc.Citation[];

package/dist/types/views/figure_editable.d.ts

@@ -13,8 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Capabilities, FileAttachment, FileManagement } from '@manuscripts/style-guide';
+import { Capabilities } from '@manuscripts/style-guide';
 import { ManuscriptEditorView, ManuscriptNode } from '@manuscripts/transform';
+import { FileAttachment, FileManagement } from '../lib/files';
 import { EditableBlockProps } from './editable_block';
 import { FigureView } from './figure';
 export interface FigureProps {

package/dist/types/views/figure_element.d.ts

@@ -13,13 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Capabilities, FileAttachment, FileManagement } from '@manuscripts/style-guide';
+import { FileAttachment, FileManagement } from '../lib/files';
 import BlockView from './block_view';
 import { EditableBlockProps } from './editable_block';
 interface FigureElementProps {
     fileManagement: FileManagement;
     getFiles: () => FileAttachment[];
-    getCapabilities: () => Capabilities;
 }
 export declare class FigureElementView extends BlockView<EditableBlockProps & FigureElementProps> {
     private container;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.13.24",
+  "version": "1.13.25",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -30,7 +30,7 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.10",
     "@manuscripts/library": "1.3.10",
-    "@manuscripts/style-guide": "1.13.15",
+    "@manuscripts/style-guide": "1.13.16",
     "@manuscripts/track-changes-plugin": "1.7.14",
     "@manuscripts/transform": "2.3.21",
     "@popperjs/core": "^2.11.8",

package/dist/cjs/lib/build-file-models.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildFileMap = 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");
-const bibliography_utils_1 = require("../plugins/bibliography/bibliography-utils");
-const buildFileMap = (doc) => {
-    const figures = [];
-    const supplements = [];
-    const sections = [];
-    const buildNode = (node, group) => {
-        var _a;
-        const attrs = (0, bibliography_utils_1.getEffectiveAttrs)(node, true);
-        if (attrs) {
-            const nodeChange = (_a = node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.reduce(bibliography_utils_1.getLatest);
-            if (nodeChange &&
-                nodeChange.operation === track_changes_plugin_1.CHANGE_OPERATION.insert &&
-                nodeChange.status === track_changes_plugin_1.CHANGE_STATUS.rejected) {
-                return false;
-            }
-            group.push(node.type.create(Object.assign({}, attrs), node.content));
-        }
-        return false;
-    };
-    doc.descendants((node) => {
-        if (node.type === transform_1.schema.nodes.section &&
-            node.attrs.category === 'MPSectionCategory:abstract-graphical') {
-            return buildNode(node, sections);
-        }
-        if (node.type === transform_1.schema.nodes.figure_element) {
-            return buildNode(node, figures);
-        }
-        if (node.type === transform_1.schema.nodes.supplement) {
-            buildNode(node, supplements);
-        }
-    });
-    sections.push(transform_1.schema.nodes.section.create({ id: (0, transform_1.generateID)(json_schema_1.ObjectTypes.Section) }, figures), transform_1.schema.nodes.supplements.create({ id: (0, transform_1.generateID)(json_schema_1.ObjectTypes.Supplement) }, supplements));
-    return (0, transform_1.encode)(transform_1.schema.nodes.manuscript.create({}, sections));
-};
-exports.buildFileMap = buildFileMap;

package/dist/es/lib/build-file-models.js

@@ -1,37 +0,0 @@
-import { ObjectTypes } from '@manuscripts/json-schema';
-import { CHANGE_OPERATION, CHANGE_STATUS, } from '@manuscripts/track-changes-plugin';
-import { encode, generateID, schema, } from '@manuscripts/transform';
-import { getEffectiveAttrs, getLatest, } from '../plugins/bibliography/bibliography-utils';
-export const buildFileMap = (doc) => {
-    const figures = [];
-    const supplements = [];
-    const sections = [];
-    const buildNode = (node, group) => {
-        var _a;
-        const attrs = getEffectiveAttrs(node, true);
-        if (attrs) {
-            const nodeChange = (_a = node.attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.reduce(getLatest);
-            if (nodeChange &&
-                nodeChange.operation === CHANGE_OPERATION.insert &&
-                nodeChange.status === CHANGE_STATUS.rejected) {
-                return false;
-            }
-            group.push(node.type.create(Object.assign({}, attrs), node.content));
-        }
-        return false;
-    };
-    doc.descendants((node) => {
-        if (node.type === schema.nodes.section &&
-            node.attrs.category === 'MPSectionCategory:abstract-graphical') {
-            return buildNode(node, sections);
-        }
-        if (node.type === schema.nodes.figure_element) {
-            return buildNode(node, figures);
-        }
-        if (node.type === schema.nodes.supplement) {
-            buildNode(node, supplements);
-        }
-    });
-    sections.push(schema.nodes.section.create({ id: generateID(ObjectTypes.Section) }, figures), schema.nodes.supplements.create({ id: generateID(ObjectTypes.Supplement) }, supplements));
-    return encode(schema.nodes.manuscript.create({}, sections));
-};

package/dist/types/lib/build-file-models.d.ts

@@ -1,2 +0,0 @@
-import { ManuscriptNode } from '@manuscripts/transform';
-export declare const buildFileMap: (doc: ManuscriptNode) => Map<string, import("@manuscripts/json-schema").Model>;