@manuscripts/transform 2.1.1-LEAN-3377-0 → 2.1.1-LEAN-3336-22

package/dist/cjs/jats/importer/jats-body-dom-parser.js

@@ -525,15 +525,9 @@ const nodes = [
             const element = node;
             return {
                 id: element.getAttribute('id'),
-                suppressFooter: !element.querySelector('table > tfoot > tr'),
-                suppressHeader: !element.querySelector('table > thead > tr'),
             };
         },
     },
-    {
-        tag: 'tbody',
-        skip: true,
-    },
     {
         tag: 'tfoot',
         skip: true,
@@ -568,12 +562,12 @@ const nodes = [
     },
     {
         tag: 'th',
-        node: 'table_cell',
+        node: 'table_header',
         getAttrs: (node) => {
             const element = node;
             const colspan = element.getAttribute('colspan');
             const rowspan = element.getAttribute('rowspan');
-            return Object.assign(Object.assign(Object.assign({ celltype: 'th' }, (colspan && { colspan })), (rowspan && { rowspan })), { valign: element.getAttribute('valign'), align: element.getAttribute('align'), scope: element.getAttribute('scope'), style: element.getAttribute('style') });
+            return Object.assign(Object.assign(Object.assign({}, (colspan && { colspan })), (rowspan && { rowspan })), { valign: element.getAttribute('valign'), align: element.getAttribute('align'), scope: element.getAttribute('scope'), style: element.getAttribute('style') });
         },
     },
     {

package/dist/cjs/jats/importer/jats-body-transformations.js

@@ -250,29 +250,6 @@ exports.jatsBodyTransformations = {
                 }
                 table.insertBefore(colgroup, table.firstChild);
             }
-            const tbody = table.querySelector('tbody');
-            if (tbody) {
-                const headerRow = table.querySelector('thead > tr');
-                if (!headerRow) {
-                    const tr = createElement('tr');
-                    tbody.insertBefore(tr, tbody.firstElementChild);
-                }
-                const footerRow = table.querySelector('tfoot > tr');
-                if (!footerRow) {
-                    const tr = createElement('tr');
-                    tbody.appendChild(tr);
-                }
-            }
-        });
-    },
-    orderTableFootnote(doc, body) {
-        const tableInlineFootnotesIds = new Set(Array.from(body.querySelectorAll('tbody > tr > td > xref[ref-type="fn"]').values()).map((inlineFootnote) => inlineFootnote.getAttribute('rid')));
-        const fnGroups = doc.querySelectorAll('table-wrap-foot > fn-group');
-        fnGroups.forEach((fnGroup) => {
-            const orderedFootnotes = Array.from(fnGroup.querySelectorAll('fn')).sort((fn) => tableInlineFootnotesIds.has(fn.getAttribute('id'))
-                ? -1
-                : 0);
-            fnGroup.replaceChildren(...orderedFootnotes);
         });
     },
     moveFloatsGroupToBody(doc, body, createElement) {

package/dist/cjs/jats/importer/parse-jats-article.js

@@ -67,7 +67,6 @@ const parseJATSBody = (doc, body, references) => {
     jats_body_transformations_1.jatsBodyTransformations.createBackmatter(doc, body, createElement);
     jats_body_transformations_1.jatsBodyTransformations.createSuppleMaterials(doc, body, createElement);
     jats_body_transformations_1.jatsBodyTransformations.createKeywords(doc, body, createElement);
-    jats_body_transformations_1.jatsBodyTransformations.orderTableFootnote(doc, body);
     const node = jats_body_dom_parser_1.jatsBodyDOMParser.parse(body).firstChild;
     if (!node) {
         throw new Error('No content was parsed from the JATS article body');

package/dist/cjs/jats/jats-exporter.js

@@ -614,6 +614,11 @@ class JATSExporter {
         this.createSerializer = () => {
             const getModel = (id) => id ? this.modelMap.get(id) : undefined;
             const nodes = {
+                table_header: (node) => [
+                    'th',
+                    Object.assign(Object.assign({ valign: node.attrs.valign, align: node.attrs.align, scope: node.attrs.scope, style: node.attrs.style }, (node.attrs.rowspan > 1 && { rowspan: node.attrs.rowspan })), (node.attrs.colspan > 1 && { colspan: node.attrs.colspan })),
+                    0,
+                ],
                 title: () => '',
                 affiliations: () => '',
                 contributors: () => '',
@@ -873,9 +878,8 @@ class JATSExporter {
                     element.setAttribute('position', 'anchor');
                     return element;
                 },
-                table_body: () => ['tbody', 0],
                 table_cell: (node) => [
-                    node.attrs.celltype,
+                    'td',
                     Object.assign(Object.assign({ valign: node.attrs.valign, align: node.attrs.align, scope: node.attrs.scope, style: node.attrs.style }, (node.attrs.rowspan > 1 && { rowspan: node.attrs.rowspan })), (node.attrs.colspan > 1 && { colspan: node.attrs.colspan })),
                     0,
                 ],
@@ -956,6 +960,26 @@ class JATSExporter {
                     element.appendChild(this.serializeNode(childNode));
                 }
             };
+            const appendTable = (element, node) => {
+                const tableNode = findChildNodeOfType(node, node.type.schema.nodes.table);
+                const colGroupNode = findChildNodeOfType(node, node.type.schema.nodes.table_colgroup);
+                if (!tableNode) {
+                    return;
+                }
+                const table = this.serializeNode(tableNode);
+                const tbodyElement = this.document.createElement('tbody');
+                while (table.firstChild) {
+                    const child = table.firstChild;
+                    table.removeChild(child);
+                    tbodyElement.appendChild(child);
+                }
+                table.appendChild(tbodyElement);
+                if (colGroupNode) {
+                    const colGroup = this.serializeNode(colGroupNode);
+                    table.insertBefore(colGroup, table.firstChild);
+                }
+                element.appendChild(table);
+            };
             const createFigureElement = (node, nodeName, contentNodeType, figType) => {
                 const element = createElement(node, nodeName);
                 if (figType) {
@@ -976,7 +1000,7 @@ class JATSExporter {
                 const element = createElement(node, nodeName);
                 appendLabels(element, node);
                 appendChildNodeOfType(element, node, node.type.schema.nodes.figcaption);
-                appendChildNodeOfType(element, node, node.type.schema.nodes.table);
+                appendTable(element, node);
                 appendChildNodeOfType(element, node, node.type.schema.nodes.table_element_footer);
                 if ((0, node_types_1.isExecutableNodeType)(node.type)) {
                     processExecutableNode(node, element);

package/dist/cjs/schema/index.js

@@ -87,7 +87,6 @@ const table_1 = require("./nodes/table");
 const table_col_1 = require("./nodes/table_col");
 const table_element_1 = require("./nodes/table_element");
 const table_element_footer_1 = require("./nodes/table_element_footer");
-const table_row_1 = require("./nodes/table_row");
 const text_1 = require("./nodes/text");
 const title_1 = require("./nodes/title");
 const toc_element_1 = require("./nodes/toc_element");
@@ -137,7 +136,6 @@ __exportStar(require("./nodes/section_title"), exports);
 __exportStar(require("./nodes/table"), exports);
 __exportStar(require("./nodes/table_col"), exports);
 __exportStar(require("./nodes/table_element"), exports);
-__exportStar(require("./nodes/table_row"), exports);
 __exportStar(require("./nodes/text"), exports);
 __exportStar(require("./nodes/toc_element"), exports);
 __exportStar(require("./nodes/toc_section"), exports);
@@ -213,10 +211,9 @@ exports.schema = new prosemirror_model_1.Schema({
         section_title: section_title_1.sectionTitle,
         section_title_plain: section_title_1.sectionTitle,
         table: table_1.table,
-        table_body: table_1.tableBody,
-        table_cell: table_row_1.tableCell,
+        table_cell: table_1.tableCell,
         table_element: table_element_1.tableElement,
-        table_row: table_row_1.tableRow,
+        table_row: table_1.tableRow,
         table_col: table_col_1.tableCol,
         table_colgroup: table_col_1.tableColGroup,
         text: text_1.text,
@@ -230,5 +227,6 @@ exports.schema = new prosemirror_model_1.Schema({
         contributors: contributors_1.contributors,
         supplements: supplements_1.supplements,
         supplement: supplement_1.supplement,
+        table_header: table_1.tableHeader,
     },
 });

package/dist/cjs/schema/nodes/table.js

@@ -15,20 +15,78 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tableBody = exports.table = void 0;
+exports.tableHeader = exports.tableCell = exports.tableRow = exports.table = void 0;
+const prosemirror_tables_1 = require("prosemirror-tables");
+const tableOptions = {
+    cellContent: 'inline*',
+    cellAttributes: {
+        placeholder: {
+            default: 'Data',
+            getFromDOM(dom) {
+                return dom.getAttribute('data-placeholder-text') || '';
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['data-placeholder-text'] = value;
+                }
+            },
+        },
+        valign: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('valign');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['valign'] = value;
+                }
+            },
+        },
+        align: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('align');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['align'] = value;
+                }
+            },
+        },
+        scope: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('scope');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['scope'] = value;
+                }
+            },
+        },
+        style: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('style');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['style'] = value;
+                }
+            },
+        },
+    },
+};
+const tableNodes = (0, prosemirror_tables_1.tableNodes)(tableOptions);
 exports.table = {
-    content: 'table_colgroup? table_body',
-    tableRole: 'table',
-    isolating: true,
-    group: 'block',
-    selectable: false,
     attrs: {
         id: { default: '' },
-        headerRows: { default: 1 },
-        footerRows: { default: 1 },
         dataTracked: { default: null },
-        comments: { default: null },
     },
+    content: 'table_row+',
+    tableRole: 'table',
+    isolating: true,
+    group: 'block',
     parseDOM: [
         {
             tag: 'table',
@@ -36,35 +94,20 @@ exports.table = {
                 const dom = p;
                 return {
                     id: dom.getAttribute('id'),
-                    headerRows: dom.dataset && dom.dataset['header-rows'],
-                    footerRows: dom.dataset && dom.dataset['footer-rows'],
                 };
             },
         },
     ],
-    toDOM: (node) => {
-        const tableNode = node;
+    toDOM(node) {
         return [
             'table',
             {
-                id: tableNode.attrs.id,
-                'data-header-rows': String(node.attrs.headerRows),
-                'data-footer-rows': String(node.attrs.footerRows),
+                id: node.attrs.id,
             },
-            0,
+            ['tbody', 0],
         ];
     },
 };
-exports.tableBody = {
-    content: 'table_row+',
-    group: 'block',
-    tableRole: 'table',
-    parseDOM: [
-        {
-            tag: 'tbody',
-        },
-    ],
-    toDOM() {
-        return ['tbody', 0];
-    },
-};
+exports.tableRow = Object.assign(Object.assign({}, tableNodes.table_row), { attrs: Object.assign(Object.assign({}, tableNodes.table_row.attrs), { dataTracked: { default: null } }) });
+exports.tableCell = Object.assign(Object.assign({}, tableNodes.table_cell), { attrs: Object.assign(Object.assign({}, tableNodes.table_cell.attrs), { dataTracked: { default: null } }) });
+exports.tableHeader = Object.assign(Object.assign({}, tableNodes.table_header), { attrs: Object.assign(Object.assign({}, tableNodes.table_header.attrs), { dataTracked: { default: null } }) });

package/dist/cjs/schema/nodes/table_element.js

@@ -17,7 +17,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tableElement = void 0;
 exports.tableElement = {
-    content: '(table | placeholder) table_element_footer? figcaption? (listing | placeholder)',
+    content: 'table_colgroup? (table | placeholder) table_element_footer? figcaption? (listing | placeholder)',
     attrs: {
         id: { default: '' },
         paragraphStyle: { default: '' },

package/dist/cjs/transformer/decode.js

@@ -557,25 +557,28 @@ class Decoder {
             },
             [json_schema_1.ObjectTypes.Table]: (data) => {
                 const model = data;
-                const comments = this.createCommentNodes(model);
-                comments.forEach((c) => this.comments.set(c.attrs.id, c));
-                return this.parseContents(model.contents, undefined, this.getComments(model), {
+                return this.parseContents(model.contents, undefined, [], {
                     topNode: schema_1.schema.nodes.table.create({
                         id: model._id,
-                        comments: comments.map((c) => c.attrs.id),
                     }),
                 });
             },
             [json_schema_1.ObjectTypes.TableElement]: (data) => {
                 const model = data;
                 const table = this.createTable(model);
+                const tableColGroup = this.createTableColGroup(model);
                 const tableElementFooter = this.createTableElementFooter(model);
                 const figcaption = this.getFigcaption(model);
                 const comments = this.createCommentNodes(model);
                 comments.forEach((c) => this.comments.set(c.attrs.id, c));
-                const content = tableElementFooter
-                    ? [table, tableElementFooter, figcaption]
-                    : [table, figcaption];
+                const content = [table];
+                if (tableColGroup) {
+                    content.unshift(tableColGroup);
+                }
+                if (tableElementFooter) {
+                    content.push(tableElementFooter);
+                }
+                content.push(figcaption);
                 if (model.listingID) {
                     const listing = this.createListing(model.listingID);
                     content.push(listing);
@@ -789,6 +792,16 @@ class Decoder {
         }
         return table;
     }
+    createTableColGroup(model) {
+        const tableId = model.containedObjectID;
+        const tableModel = this.getModel(tableId);
+        if (!tableModel || !tableModel.contents.includes('<colgroup>')) {
+            return undefined;
+        }
+        return this.parseContents(tableModel.contents, undefined, [], {
+            topNode: schema_1.schema.nodes.table_colgroup.create(),
+        });
+    }
     createTableElementFooter(model) {
         const tableElementFooterID = model.tableElementFooterID;
         if (!tableElementFooterID) {

package/dist/cjs/transformer/encode.js

@@ -115,8 +115,9 @@ function buildTableColGroup(cols) {
 }
 const tableContents = (node, parent) => {
     const input = serializer.serializeNode(node);
+    const parentInput = serializer.serializeNode(parent);
     const output = document.createElement('table');
-    const colgroup = buildTableColGroup(Array.from(input.querySelectorAll('col')));
+    const colgroup = buildTableColGroup(Array.from(parentInput.querySelectorAll('col')));
     if (colgroup) {
         output.appendChild(colgroup);
     }

package/dist/es/jats/importer/jats-body-dom-parser.js

@@ -519,15 +519,9 @@ const nodes = [
             const element = node;
             return {
                 id: element.getAttribute('id'),
-                suppressFooter: !element.querySelector('table > tfoot > tr'),
-                suppressHeader: !element.querySelector('table > thead > tr'),
             };
         },
     },
-    {
-        tag: 'tbody',
-        skip: true,
-    },
     {
         tag: 'tfoot',
         skip: true,
@@ -562,12 +556,12 @@ const nodes = [
     },
     {
         tag: 'th',
-        node: 'table_cell',
+        node: 'table_header',
         getAttrs: (node) => {
             const element = node;
             const colspan = element.getAttribute('colspan');
             const rowspan = element.getAttribute('rowspan');
-            return Object.assign(Object.assign(Object.assign({ celltype: 'th' }, (colspan && { colspan })), (rowspan && { rowspan })), { valign: element.getAttribute('valign'), align: element.getAttribute('align'), scope: element.getAttribute('scope'), style: element.getAttribute('style') });
+            return Object.assign(Object.assign(Object.assign({}, (colspan && { colspan })), (rowspan && { rowspan })), { valign: element.getAttribute('valign'), align: element.getAttribute('align'), scope: element.getAttribute('scope'), style: element.getAttribute('style') });
         },
     },
     {

package/dist/es/jats/importer/jats-body-transformations.js

@@ -247,29 +247,6 @@ export const jatsBodyTransformations = {
                 }
                 table.insertBefore(colgroup, table.firstChild);
             }
-            const tbody = table.querySelector('tbody');
-            if (tbody) {
-                const headerRow = table.querySelector('thead > tr');
-                if (!headerRow) {
-                    const tr = createElement('tr');
-                    tbody.insertBefore(tr, tbody.firstElementChild);
-                }
-                const footerRow = table.querySelector('tfoot > tr');
-                if (!footerRow) {
-                    const tr = createElement('tr');
-                    tbody.appendChild(tr);
-                }
-            }
-        });
-    },
-    orderTableFootnote(doc, body) {
-        const tableInlineFootnotesIds = new Set(Array.from(body.querySelectorAll('tbody > tr > td > xref[ref-type="fn"]').values()).map((inlineFootnote) => inlineFootnote.getAttribute('rid')));
-        const fnGroups = doc.querySelectorAll('table-wrap-foot > fn-group');
-        fnGroups.forEach((fnGroup) => {
-            const orderedFootnotes = Array.from(fnGroup.querySelectorAll('fn')).sort((fn) => tableInlineFootnotesIds.has(fn.getAttribute('id'))
-                ? -1
-                : 0);
-            fnGroup.replaceChildren(...orderedFootnotes);
         });
     },
     moveFloatsGroupToBody(doc, body, createElement) {

package/dist/es/jats/importer/parse-jats-article.js

@@ -63,7 +63,6 @@ export const parseJATSBody = (doc, body, references) => {
     jatsBodyTransformations.createBackmatter(doc, body, createElement);
     jatsBodyTransformations.createSuppleMaterials(doc, body, createElement);
     jatsBodyTransformations.createKeywords(doc, body, createElement);
-    jatsBodyTransformations.orderTableFootnote(doc, body);
     const node = jatsBodyDOMParser.parse(body).firstChild;
     if (!node) {
         throw new Error('No content was parsed from the JATS article body');

package/dist/es/jats/jats-exporter.js

@@ -606,6 +606,11 @@ export class JATSExporter {
         this.createSerializer = () => {
             const getModel = (id) => id ? this.modelMap.get(id) : undefined;
             const nodes = {
+                table_header: (node) => [
+                    'th',
+                    Object.assign(Object.assign({ valign: node.attrs.valign, align: node.attrs.align, scope: node.attrs.scope, style: node.attrs.style }, (node.attrs.rowspan > 1 && { rowspan: node.attrs.rowspan })), (node.attrs.colspan > 1 && { colspan: node.attrs.colspan })),
+                    0,
+                ],
                 title: () => '',
                 affiliations: () => '',
                 contributors: () => '',
@@ -865,9 +870,8 @@ export class JATSExporter {
                     element.setAttribute('position', 'anchor');
                     return element;
                 },
-                table_body: () => ['tbody', 0],
                 table_cell: (node) => [
-                    node.attrs.celltype,
+                    'td',
                     Object.assign(Object.assign({ valign: node.attrs.valign, align: node.attrs.align, scope: node.attrs.scope, style: node.attrs.style }, (node.attrs.rowspan > 1 && { rowspan: node.attrs.rowspan })), (node.attrs.colspan > 1 && { colspan: node.attrs.colspan })),
                     0,
                 ],
@@ -948,6 +952,26 @@ export class JATSExporter {
                     element.appendChild(this.serializeNode(childNode));
                 }
             };
+            const appendTable = (element, node) => {
+                const tableNode = findChildNodeOfType(node, node.type.schema.nodes.table);
+                const colGroupNode = findChildNodeOfType(node, node.type.schema.nodes.table_colgroup);
+                if (!tableNode) {
+                    return;
+                }
+                const table = this.serializeNode(tableNode);
+                const tbodyElement = this.document.createElement('tbody');
+                while (table.firstChild) {
+                    const child = table.firstChild;
+                    table.removeChild(child);
+                    tbodyElement.appendChild(child);
+                }
+                table.appendChild(tbodyElement);
+                if (colGroupNode) {
+                    const colGroup = this.serializeNode(colGroupNode);
+                    table.insertBefore(colGroup, table.firstChild);
+                }
+                element.appendChild(table);
+            };
             const createFigureElement = (node, nodeName, contentNodeType, figType) => {
                 const element = createElement(node, nodeName);
                 if (figType) {
@@ -968,7 +992,7 @@ export class JATSExporter {
                 const element = createElement(node, nodeName);
                 appendLabels(element, node);
                 appendChildNodeOfType(element, node, node.type.schema.nodes.figcaption);
-                appendChildNodeOfType(element, node, node.type.schema.nodes.table);
+                appendTable(element, node);
                 appendChildNodeOfType(element, node, node.type.schema.nodes.table_element_footer);
                 if (isExecutableNodeType(node.type)) {
                     processExecutableNode(node, element);

package/dist/es/schema/index.js

@@ -66,11 +66,10 @@ import { sectionLabel } from './nodes/section_label';
 import { sectionTitle } from './nodes/section_title';
 import { supplement } from './nodes/supplement';
 import { supplements } from './nodes/supplements';
-import { table, tableBody } from './nodes/table';
+import { table, tableCell, tableHeader, tableRow } from './nodes/table';
 import { tableCol, tableColGroup } from './nodes/table_col';
 import { tableElement } from './nodes/table_element';
 import { tableElementFooter } from './nodes/table_element_footer';
-import { tableCell, tableRow } from './nodes/table_row';
 import { text } from './nodes/text';
 import { title } from './nodes/title';
 import { tocElement } from './nodes/toc_element';
@@ -120,7 +119,6 @@ export * from './nodes/section_title';
 export * from './nodes/table';
 export * from './nodes/table_col';
 export * from './nodes/table_element';
-export * from './nodes/table_row';
 export * from './nodes/text';
 export * from './nodes/toc_element';
 export * from './nodes/toc_section';
@@ -196,7 +194,6 @@ export const schema = new Schema({
         section_title: sectionTitle,
         section_title_plain: sectionTitle,
         table,
-        table_body: tableBody,
         table_cell: tableCell,
         table_element: tableElement,
         table_row: tableRow,
@@ -213,5 +210,6 @@ export const schema = new Schema({
         contributors,
         supplements,
         supplement,
+        table_header: tableHeader,
     },
 });

package/dist/es/schema/nodes/table.js

@@ -13,19 +13,77 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { tableNodes as createTableNodes, } from 'prosemirror-tables';
+const tableOptions = {
+    cellContent: 'inline*',
+    cellAttributes: {
+        placeholder: {
+            default: 'Data',
+            getFromDOM(dom) {
+                return dom.getAttribute('data-placeholder-text') || '';
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['data-placeholder-text'] = value;
+                }
+            },
+        },
+        valign: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('valign');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['valign'] = value;
+                }
+            },
+        },
+        align: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('align');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['align'] = value;
+                }
+            },
+        },
+        scope: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('scope');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['scope'] = value;
+                }
+            },
+        },
+        style: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('style');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['style'] = value;
+                }
+            },
+        },
+    },
+};
+const tableNodes = createTableNodes(tableOptions);
 export const table = {
-    content: 'table_colgroup? table_body',
-    tableRole: 'table',
-    isolating: true,
-    group: 'block',
-    selectable: false,
     attrs: {
         id: { default: '' },
-        headerRows: { default: 1 },
-        footerRows: { default: 1 },
         dataTracked: { default: null },
-        comments: { default: null },
     },
+    content: 'table_row+',
+    tableRole: 'table',
+    isolating: true,
+    group: 'block',
     parseDOM: [
         {
             tag: 'table',
@@ -33,35 +91,20 @@ export const table = {
                 const dom = p;
                 return {
                     id: dom.getAttribute('id'),
-                    headerRows: dom.dataset && dom.dataset['header-rows'],
-                    footerRows: dom.dataset && dom.dataset['footer-rows'],
                 };
             },
         },
     ],
-    toDOM: (node) => {
-        const tableNode = node;
+    toDOM(node) {
         return [
             'table',
             {
-                id: tableNode.attrs.id,
-                'data-header-rows': String(node.attrs.headerRows),
-                'data-footer-rows': String(node.attrs.footerRows),
+                id: node.attrs.id,
             },
-            0,
+            ['tbody', 0],
         ];
     },
 };
-export const tableBody = {
-    content: 'table_row+',
-    group: 'block',
-    tableRole: 'table',
-    parseDOM: [
-        {
-            tag: 'tbody',
-        },
-    ],
-    toDOM() {
-        return ['tbody', 0];
-    },
-};
+export const tableRow = Object.assign(Object.assign({}, tableNodes.table_row), { attrs: Object.assign(Object.assign({}, tableNodes.table_row.attrs), { dataTracked: { default: null } }) });
+export const tableCell = Object.assign(Object.assign({}, tableNodes.table_cell), { attrs: Object.assign(Object.assign({}, tableNodes.table_cell.attrs), { dataTracked: { default: null } }) });
+export const tableHeader = Object.assign(Object.assign({}, tableNodes.table_header), { attrs: Object.assign(Object.assign({}, tableNodes.table_header.attrs), { dataTracked: { default: null } }) });

package/dist/es/schema/nodes/table_element.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 export const tableElement = {
-    content: '(table | placeholder) table_element_footer? figcaption? (listing | placeholder)',
+    content: 'table_colgroup? (table | placeholder) table_element_footer? figcaption? (listing | placeholder)',
     attrs: {
         id: { default: '' },
         paragraphStyle: { default: '' },

package/dist/es/transformer/decode.js

@@ -548,25 +548,28 @@ export class Decoder {
             },
             [ObjectTypes.Table]: (data) => {
                 const model = data;
-                const comments = this.createCommentNodes(model);
-                comments.forEach((c) => this.comments.set(c.attrs.id, c));
-                return this.parseContents(model.contents, undefined, this.getComments(model), {
+                return this.parseContents(model.contents, undefined, [], {
                     topNode: schema.nodes.table.create({
                         id: model._id,
-                        comments: comments.map((c) => c.attrs.id),
                     }),
                 });
             },
             [ObjectTypes.TableElement]: (data) => {
                 const model = data;
                 const table = this.createTable(model);
+                const tableColGroup = this.createTableColGroup(model);
                 const tableElementFooter = this.createTableElementFooter(model);
                 const figcaption = this.getFigcaption(model);
                 const comments = this.createCommentNodes(model);
                 comments.forEach((c) => this.comments.set(c.attrs.id, c));
-                const content = tableElementFooter
-                    ? [table, tableElementFooter, figcaption]
-                    : [table, figcaption];
+                const content = [table];
+                if (tableColGroup) {
+                    content.unshift(tableColGroup);
+                }
+                if (tableElementFooter) {
+                    content.push(tableElementFooter);
+                }
+                content.push(figcaption);
                 if (model.listingID) {
                     const listing = this.createListing(model.listingID);
                     content.push(listing);
@@ -780,6 +783,16 @@ export class Decoder {
         }
         return table;
     }
+    createTableColGroup(model) {
+        const tableId = model.containedObjectID;
+        const tableModel = this.getModel(tableId);
+        if (!tableModel || !tableModel.contents.includes('<colgroup>')) {
+            return undefined;
+        }
+        return this.parseContents(tableModel.contents, undefined, [], {
+            topNode: schema.nodes.table_colgroup.create(),
+        });
+    }
     createTableElementFooter(model) {
         const tableElementFooterID = model.tableElementFooterID;
         if (!tableElementFooterID) {

package/dist/es/transformer/encode.js

@@ -107,8 +107,9 @@ function buildTableColGroup(cols) {
 }
 const tableContents = (node, parent) => {
     const input = serializer.serializeNode(node);
+    const parentInput = serializer.serializeNode(parent);
     const output = document.createElement('table');
-    const colgroup = buildTableColGroup(Array.from(input.querySelectorAll('col')));
+    const colgroup = buildTableColGroup(Array.from(parentInput.querySelectorAll('col')));
     if (colgroup) {
         output.appendChild(colgroup);
     }

package/dist/types/jats/importer/jats-body-transformations.d.ts

@@ -32,7 +32,6 @@ export declare const jatsBodyTransformations: {
     moveFootnotes(doc: Document, group: Element, createElement: (tagName: string) => HTMLElement): void;
     moveCaptionsToEnd(body: Element): void;
     fixTables(body: Element, createElement: (tagName: string) => HTMLElement): void;
-    orderTableFootnote(doc: Document, body: Element): void;
     moveFloatsGroupToBody(doc: Document, body: Element, createElement: (tagName: string) => HTMLElement): void;
     createKeywords(document: Document, body: Element, createElement: (tagName: string) => HTMLElement): void;
     createSuppleMaterials(document: Document, body: Element, createElement: (tagName: string) => HTMLElement): void;

package/dist/types/schema/index.d.ts

@@ -60,7 +60,6 @@ export * from './nodes/section_title';
 export * from './nodes/table';
 export * from './nodes/table_col';
 export * from './nodes/table_element';
-export * from './nodes/table_row';
 export * from './nodes/text';
 export * from './nodes/toc_element';
 export * from './nodes/toc_section';

package/dist/types/schema/nodes/table.d.ts

@@ -13,15 +13,77 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ManuscriptNode, TableNodeSpec } from '../types';
-import { CommentNode } from './comment';
-export interface TableNode extends ManuscriptNode {
+import { NodeSpec } from 'prosemirror-model';
+export declare const table: NodeSpec;
+export declare const tableRow: {
     attrs: {
-        id: string;
-        headerRows: number;
-        footerRows: number;
-        comments?: CommentNode[];
+        dataTracked: {
+            default: null;
+        };
     };
-}
-export declare const table: TableNodeSpec;
-export declare const tableBody: TableNodeSpec;
+    content?: string | undefined;
+    marks?: string | undefined;
+    group?: string | undefined;
+    inline?: boolean | undefined;
+    atom?: boolean | undefined;
+    selectable?: boolean | undefined;
+    draggable?: boolean | undefined;
+    code?: boolean | undefined;
+    whitespace?: "pre" | "normal" | undefined;
+    definingAsContext?: boolean | undefined;
+    definingForContent?: boolean | undefined;
+    defining?: boolean | undefined;
+    isolating?: boolean | undefined;
+    toDOM?: ((node: import("prosemirror-model").Node) => import("prosemirror-model").DOMOutputSpec) | undefined;
+    parseDOM?: readonly import("prosemirror-model").ParseRule[] | undefined;
+    toDebugString?: ((node: import("prosemirror-model").Node) => string) | undefined;
+    leafText?: ((node: import("prosemirror-model").Node) => string) | undefined;
+};
+export declare const tableCell: {
+    attrs: {
+        dataTracked: {
+            default: null;
+        };
+    };
+    content?: string | undefined;
+    marks?: string | undefined;
+    group?: string | undefined;
+    inline?: boolean | undefined;
+    atom?: boolean | undefined;
+    selectable?: boolean | undefined;
+    draggable?: boolean | undefined;
+    code?: boolean | undefined;
+    whitespace?: "pre" | "normal" | undefined;
+    definingAsContext?: boolean | undefined;
+    definingForContent?: boolean | undefined;
+    defining?: boolean | undefined;
+    isolating?: boolean | undefined;
+    toDOM?: ((node: import("prosemirror-model").Node) => import("prosemirror-model").DOMOutputSpec) | undefined;
+    parseDOM?: readonly import("prosemirror-model").ParseRule[] | undefined;
+    toDebugString?: ((node: import("prosemirror-model").Node) => string) | undefined;
+    leafText?: ((node: import("prosemirror-model").Node) => string) | undefined;
+};
+export declare const tableHeader: {
+    attrs: {
+        dataTracked: {
+            default: null;
+        };
+    };
+    content?: string | undefined;
+    marks?: string | undefined;
+    group?: string | undefined;
+    inline?: boolean | undefined;
+    atom?: boolean | undefined;
+    selectable?: boolean | undefined;
+    draggable?: boolean | undefined;
+    code?: boolean | undefined;
+    whitespace?: "pre" | "normal" | undefined;
+    definingAsContext?: boolean | undefined;
+    definingForContent?: boolean | undefined;
+    defining?: boolean | undefined;
+    isolating?: boolean | undefined;
+    toDOM?: ((node: import("prosemirror-model").Node) => import("prosemirror-model").DOMOutputSpec) | undefined;
+    parseDOM?: readonly import("prosemirror-model").ParseRule[] | undefined;
+    toDebugString?: ((node: import("prosemirror-model").Node) => string) | undefined;
+    leafText?: ((node: import("prosemirror-model").Node) => string) | undefined;
+};

package/dist/types/schema/types.d.ts

@@ -17,7 +17,7 @@ import { Fragment, Mark as ProsemirrorMark, MarkType, Node as ProsemirrorNode, N
 import { EditorState, NodeSelection, Plugin, TextSelection, Transaction } from 'prosemirror-state';
 import { EditorView, NodeView } from 'prosemirror-view';
 export type Marks = 'bold' | 'code' | 'italic' | 'smallcaps' | 'strikethrough' | 'styled' | 'subscript' | 'superscript' | 'underline' | 'tracked_insert' | 'tracked_delete';
-export type Nodes = 'attribution' | 'bibliography_item' | 'bibliography_element' | 'bibliography_section' | 'blockquote_element' | 'bullet_list' | 'caption' | 'caption_title' | 'comment' | 'comments' | 'citation' | 'cross_reference' | 'doc' | 'equation' | 'equation_element' | 'figcaption' | 'figure' | 'graphical_abstract_section' | 'figure_element' | 'footnote' | 'footnotes_element' | 'footnotes_section' | 'hard_break' | 'highlight_marker' | 'inline_equation' | 'inline_footnote' | 'keyword' | 'keywords_element' | 'keyword_group' | 'keywords' | 'link' | 'list_item' | 'listing' | 'listing_element' | 'manuscript' | 'abstracts' | 'body' | 'backmatter' | 'missing_figure' | 'ordered_list' | 'paragraph' | 'placeholder' | 'placeholder_element' | 'pullquote_element' | 'section' | 'section_label' | 'section_title' | 'section_title_plain' | 'table' | 'table_body' | 'table_cell' | 'table_element' | 'table_row' | 'table_colgroup' | 'table_col' | 'text' | 'toc_element' | 'toc_section' | 'affiliation' | 'contributor' | 'table_element_footer' | 'title' | 'affiliations' | 'contributors' | 'supplements' | 'supplement';
+export type Nodes = 'attribution' | 'bibliography_item' | 'bibliography_element' | 'bibliography_section' | 'blockquote_element' | 'bullet_list' | 'caption' | 'caption_title' | 'comment' | 'comments' | 'citation' | 'cross_reference' | 'doc' | 'equation' | 'equation_element' | 'figcaption' | 'figure' | 'graphical_abstract_section' | 'figure_element' | 'footnote' | 'footnotes_element' | 'footnotes_section' | 'hard_break' | 'highlight_marker' | 'inline_equation' | 'inline_footnote' | 'keyword' | 'keywords_element' | 'keyword_group' | 'keywords' | 'link' | 'list_item' | 'listing' | 'listing_element' | 'manuscript' | 'abstracts' | 'body' | 'backmatter' | 'missing_figure' | 'ordered_list' | 'paragraph' | 'placeholder' | 'placeholder_element' | 'pullquote_element' | 'section' | 'section_label' | 'section_title' | 'section_title_plain' | 'table' | 'table_cell' | 'table_element' | 'table_row' | 'table_colgroup' | 'table_col' | 'text' | 'toc_element' | 'toc_section' | 'affiliation' | 'contributor' | 'table_element_footer' | 'title' | 'affiliations' | 'contributors' | 'supplements' | 'supplement' | 'table_header';
 export type ManuscriptSchema = Schema<Nodes, Marks>;
 export type ManuscriptEditorState = EditorState;
 export type ManuscriptEditorView = EditorView;

package/dist/types/transformer/decode.d.ts

@@ -43,6 +43,7 @@ export declare class Decoder {
     private getManuscriptID;
     private getFigcaption;
     private createTable;
+    private createTableColGroup;
     private createTableElementFooter;
     private createListing;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/transform",
   "description": "ProseMirror transformer for Manuscripts applications",
-  "version": "2.1.1-LEAN-3377-0",
+  "version": "2.1.1-LEAN-3336-22",
   "repository": "github:Atypon-OpenSource/manuscripts-transform",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -35,7 +35,8 @@
     "jszip": "^3.10.1",
     "mathjax-full": "^3.2.2",
     "mime": "^3.0.0",
-    "prosemirror-model": "^1.18.3",
+    "prosemirror-model": "^1.8.1",
+    "prosemirror-tables": "^1.3.5",
     "uuid": "^9.0.0",
     "w3c-xmlserializer": "^4.0.0"
   },
@@ -64,9 +65,9 @@
     "eslint-plugin-mdx": "^2.0.5",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-simple-import-sort": "^8.0.0",
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-simple-import-sort": "^8.0.0",
     "husky": "^8.0.2",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",

package/dist/cjs/schema/nodes/table_row.js

@@ -1,123 +0,0 @@
-"use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tableCell = exports.tableRow = void 0;
-const table_cell_styles_1 = require("../../lib/table-cell-styles");
-const getCellAttrs = (p) => {
-    const dom = p;
-    const celltype = dom.tagName.toLowerCase();
-    const widthAttr = dom.getAttribute('data-colwidth');
-    const widths = widthAttr && /^\d+(,\d+)*$/.test(widthAttr)
-        ? widthAttr.split(',').map((s) => Number(s))
-        : null;
-    const colspan = Number(dom.getAttribute('colspan') || 1);
-    const valign = dom.getAttribute('valign');
-    const align = dom.getAttribute('align');
-    const scope = dom.getAttribute('scope');
-    const style = dom.getAttribute('style');
-    return {
-        celltype,
-        colspan,
-        rowspan: Number(dom.getAttribute('rowspan') || 1),
-        colwidth: widths && widths.length === colspan ? widths : null,
-        placeholder: dom.getAttribute('data-placeholder-text') || '',
-        styles: (0, table_cell_styles_1.getTableCellStyles)(dom.style),
-        valign,
-        align,
-        scope,
-        style,
-    };
-};
-exports.tableRow = {
-    content: 'table_cell+',
-    tableRole: 'row',
-    attrs: {
-        placeholder: { default: '' },
-    },
-    parseDOM: [
-        {
-            tag: 'tr',
-            priority: 80,
-        },
-    ],
-    toDOM: (node) => {
-        const tableRowNode = node;
-        const attrs = {};
-        if (tableRowNode.attrs.placeholder) {
-            attrs['data-placeholder-text'] = tableRowNode.attrs.placeholder;
-        }
-        return ['tr', attrs, 0];
-    },
-};
-exports.tableCell = {
-    content: 'inline*',
-    attrs: {
-        celltype: { default: 'td' },
-        colspan: { default: 1 },
-        rowspan: { default: 1 },
-        colwidth: { default: null },
-        placeholder: { default: 'Data' },
-        styles: { default: {} },
-        valign: { default: null },
-        align: { default: null },
-        scope: { default: null },
-        style: { default: null },
-    },
-    tableRole: 'cell',
-    isolating: true,
-    parseDOM: [
-        { tag: 'td', getAttrs: getCellAttrs },
-        { tag: 'th', getAttrs: getCellAttrs },
-    ],
-    toDOM: (node) => {
-        const tableCellNode = node;
-        const attrs = {};
-        const tag = tableCellNode.attrs.celltype;
-        if (tableCellNode.attrs.colspan && tableCellNode.attrs.colspan !== 1) {
-            attrs.colspan = String(tableCellNode.attrs.colspan);
-        }
-        if (tableCellNode.attrs.rowspan && tableCellNode.attrs.rowspan !== 1) {
-            attrs.rowspan = String(tableCellNode.attrs.rowspan);
-        }
-        if (tableCellNode.attrs.colwidth) {
-            attrs['data-colwidth'] = tableCellNode.attrs.colwidth.join(',');
-        }
-        if (tableCellNode.attrs.placeholder) {
-            attrs['data-placeholder-text'] = tableCellNode.attrs.placeholder;
-        }
-        if (!tableCellNode.textContent) {
-            attrs.class = 'placeholder';
-        }
-        const styleString = (0, table_cell_styles_1.serializeTableCellStyles)(tableCellNode.attrs.styles);
-        if (styleString) {
-            attrs.style = styleString;
-        }
-        if (tableCellNode.attrs.valign) {
-            attrs.valign = tableCellNode.attrs.valign;
-        }
-        if (tableCellNode.attrs.align) {
-            attrs.align = tableCellNode.attrs.align;
-        }
-        if (tableCellNode.attrs.scope) {
-            attrs.scope = tableCellNode.attrs.scope;
-        }
-        if (tableCellNode.attrs.style) {
-            attrs.style = tableCellNode.attrs.style;
-        }
-        return [tag, attrs, 0];
-    },
-};

package/dist/es/schema/nodes/table_row.js

@@ -1,120 +0,0 @@
-/*!
- * © 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.
- */
-import { getTableCellStyles, serializeTableCellStyles, } from '../../lib/table-cell-styles';
-const getCellAttrs = (p) => {
-    const dom = p;
-    const celltype = dom.tagName.toLowerCase();
-    const widthAttr = dom.getAttribute('data-colwidth');
-    const widths = widthAttr && /^\d+(,\d+)*$/.test(widthAttr)
-        ? widthAttr.split(',').map((s) => Number(s))
-        : null;
-    const colspan = Number(dom.getAttribute('colspan') || 1);
-    const valign = dom.getAttribute('valign');
-    const align = dom.getAttribute('align');
-    const scope = dom.getAttribute('scope');
-    const style = dom.getAttribute('style');
-    return {
-        celltype,
-        colspan,
-        rowspan: Number(dom.getAttribute('rowspan') || 1),
-        colwidth: widths && widths.length === colspan ? widths : null,
-        placeholder: dom.getAttribute('data-placeholder-text') || '',
-        styles: getTableCellStyles(dom.style),
-        valign,
-        align,
-        scope,
-        style,
-    };
-};
-export const tableRow = {
-    content: 'table_cell+',
-    tableRole: 'row',
-    attrs: {
-        placeholder: { default: '' },
-    },
-    parseDOM: [
-        {
-            tag: 'tr',
-            priority: 80,
-        },
-    ],
-    toDOM: (node) => {
-        const tableRowNode = node;
-        const attrs = {};
-        if (tableRowNode.attrs.placeholder) {
-            attrs['data-placeholder-text'] = tableRowNode.attrs.placeholder;
-        }
-        return ['tr', attrs, 0];
-    },
-};
-export const tableCell = {
-    content: 'inline*',
-    attrs: {
-        celltype: { default: 'td' },
-        colspan: { default: 1 },
-        rowspan: { default: 1 },
-        colwidth: { default: null },
-        placeholder: { default: 'Data' },
-        styles: { default: {} },
-        valign: { default: null },
-        align: { default: null },
-        scope: { default: null },
-        style: { default: null },
-    },
-    tableRole: 'cell',
-    isolating: true,
-    parseDOM: [
-        { tag: 'td', getAttrs: getCellAttrs },
-        { tag: 'th', getAttrs: getCellAttrs },
-    ],
-    toDOM: (node) => {
-        const tableCellNode = node;
-        const attrs = {};
-        const tag = tableCellNode.attrs.celltype;
-        if (tableCellNode.attrs.colspan && tableCellNode.attrs.colspan !== 1) {
-            attrs.colspan = String(tableCellNode.attrs.colspan);
-        }
-        if (tableCellNode.attrs.rowspan && tableCellNode.attrs.rowspan !== 1) {
-            attrs.rowspan = String(tableCellNode.attrs.rowspan);
-        }
-        if (tableCellNode.attrs.colwidth) {
-            attrs['data-colwidth'] = tableCellNode.attrs.colwidth.join(',');
-        }
-        if (tableCellNode.attrs.placeholder) {
-            attrs['data-placeholder-text'] = tableCellNode.attrs.placeholder;
-        }
-        if (!tableCellNode.textContent) {
-            attrs.class = 'placeholder';
-        }
-        const styleString = serializeTableCellStyles(tableCellNode.attrs.styles);
-        if (styleString) {
-            attrs.style = styleString;
-        }
-        if (tableCellNode.attrs.valign) {
-            attrs.valign = tableCellNode.attrs.valign;
-        }
-        if (tableCellNode.attrs.align) {
-            attrs.align = tableCellNode.attrs.align;
-        }
-        if (tableCellNode.attrs.scope) {
-            attrs.scope = tableCellNode.attrs.scope;
-        }
-        if (tableCellNode.attrs.style) {
-            attrs.style = tableCellNode.attrs.style;
-        }
-        return [tag, attrs, 0];
-    },
-};

package/dist/types/schema/nodes/table_row.d.ts

@@ -1,41 +0,0 @@
-/*!
- * © 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.
- */
-import { TableCellStyleKey } from '../../lib/table-cell-styles';
-import { ManuscriptNode, TableNodeSpec } from '../types';
-export interface TableRowNode extends ManuscriptNode {
-    attrs: {
-        placeholder: string;
-    };
-}
-export declare const tableRow: TableNodeSpec;
-export type TableCellStyles = {
-    [key in TableCellStyleKey]?: string | null;
-};
-export interface TableCellNode extends ManuscriptNode {
-    attrs: {
-        celltype: 'td' | 'th';
-        colspan: number | null;
-        rowspan: number | null;
-        colwidth: number[] | null;
-        placeholder: string | null;
-        styles: TableCellStyles;
-        valign: string | null;
-        align: string | null;
-        scope: string | null;
-        style: string | null;
-    };
-}
-export declare const tableCell: TableNodeSpec;