@manuscripts/body-editor 2.0.41-LEAN-3918.0 → 2.0.41

package/dist/cjs/commands.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeCellsWithSpace = exports.addColumns = 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.findPosBeforeFirstSubsection = 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;
+exports.mergeCellsWithSpace = exports.addColumns = 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.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = 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");
@@ -99,14 +99,11 @@ const createSelection = (nodeType, position, doc) => {
     }
 };
 exports.createSelection = createSelection;
-const createBlock = (nodeType, position, state, dispatch, attrs, tableConfig) => {
+const createBlock = (nodeType, position, state, dispatch, attrs) => {
     let node;
     switch (nodeType) {
         case state.schema.nodes.table_element:
-            if (!tableConfig) {
-                throw new Error('Table configuration is required for creating a table element');
-            }
-            node = (0, exports.createAndFillTableElement)(state, tableConfig);
+            node = (0, exports.createAndFillTableElement)(state);
             break;
         case state.schema.nodes.figure_element:
             node = createAndFillFigureElement(state);
@@ -186,6 +183,18 @@ const insertFigure = (file, state, dispatch) => {
     return true;
 };
 exports.insertFigure = insertFigure;
+const insertTable = (config, state, dispatch) => {
+    const pos = findBlockInsertPosition(state);
+    if (!pos) {
+        return false;
+    }
+    const node = (0, exports.createAndFillTableElement)(state, config);
+    const tr = state.tr.insert(pos, node);
+    tr.setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, pos)).scrollIntoView();
+    dispatch && dispatch(tr);
+    return true;
+};
+exports.insertTable = insertTable;
 const insertSupplement = (file, state, dispatch) => {
     const supplement = transform_1.schema.nodes.supplement.create({
         id: (0, transform_1.generateNodeID)(transform_1.schema.nodes.supplement),
@@ -201,12 +210,12 @@ const insertSupplement = (file, state, dispatch) => {
     return true;
 };
 exports.insertSupplement = insertSupplement;
-const insertBlock = (nodeType) => (state, dispatch, view, tableConfig) => {
+const insertBlock = (nodeType) => (state, dispatch) => {
     const position = findBlockInsertPosition(state);
     if (position === null) {
         return false;
     }
-    (0, exports.createBlock)(nodeType, position, state, dispatch, undefined, tableConfig);
+    (0, exports.createBlock)(nodeType, position, state, dispatch, undefined);
     return true;
 };
 exports.insertBlock = insertBlock;
@@ -826,21 +835,25 @@ const selectAllIsolating = (state, dispatch) => {
     return true;
 };
 exports.selectAllIsolating = selectAllIsolating;
-const createAndFillTableElement = (state, tableConfig) => {
-    const { nodes } = state.schema;
-    const { numberOfColumns, numberOfRows, includeHeader } = tableConfig;
+const DEFAULT_TABLE_CONFIG = {
+    numberOfColumns: 2,
+    numberOfRows: 2,
+    includeHeader: true,
+};
+const createAndFillTableElement = (state, config = DEFAULT_TABLE_CONFIG) => {
+    const { numberOfColumns, numberOfRows, includeHeader } = config;
     const createRow = (cellType) => {
-        const cells = Array.from({ length: numberOfColumns }, () => nodes[cellType].create());
-        return nodes.table_row.create({}, cells);
+        const cells = Array.from({ length: numberOfColumns }, () => cellType.create());
+        return transform_1.schema.nodes.table_row.create({}, cells);
     };
-    const tableRows = includeHeader ? [createRow('table_header')] : [];
+    const tableRows = includeHeader ? [createRow(transform_1.schema.nodes.table_header)] : [];
     for (let i = 0; i < numberOfRows; i++) {
-        tableRows.push(createRow('table_cell'));
+        tableRows.push(createRow(transform_1.schema.nodes.table_cell));
     }
-    return nodes.table_element.createChecked({}, [
+    return transform_1.schema.nodes.table_element.createChecked({}, [
         createAndFillFigcaptionElement(state),
-        nodes.table.create({}, tableRows),
-        nodes.listing.create(),
+        transform_1.schema.nodes.table.create({}, tableRows),
+        transform_1.schema.nodes.listing.create(),
     ]);
 };
 exports.createAndFillTableElement = createAndFillTableElement;

package/dist/cjs/components/toolbar/InsertTableDialog.js

@@ -0,0 +1,141 @@
+"use strict";
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openInsertTableDialog = exports.InsertTableDialog = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const react_select_1 = __importDefault(require("react-select"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const commands_1 = require("../../commands");
+const editor_props_1 = require("../../plugins/editor-props");
+const ReactSubView_1 = __importDefault(require("../../views/ReactSubView"));
+const Label = styled_components_1.default.div `
+  padding-right: 16px;
+  width: 150px;
+`;
+const SelectContainer = styled_components_1.default.div `
+  width: 182px;
+  height: 30px;
+`;
+const Container = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  padding-bottom: 16px;
+`;
+const OptionWrapper = styled_components_1.default.div `
+  padding-left: ${(props) => props.theme.grid.unit * 4}px;
+  padding-top: ${(props) => props.theme.grid.unit * 2}px;
+  padding-bottom: ${(props) => props.theme.grid.unit * 2}px;
+
+  background-color: ${(props) => props.focused ? props.theme.colors.background.fifth : 'transparent'};
+
+  &:hover {
+    background-color: ${(props) => props.theme.colors.background.fifth};
+  }
+`;
+const InsertTableDialog = ({ state, dispatch, }) => {
+    const [isOpen, setOpen] = (0, react_1.useState)(true);
+    const [numberOfColumns, setNumColumns] = (0, react_1.useState)({ value: 4, label: `4` });
+    const [numberOfRows, setNumRows] = (0, react_1.useState)({ value: 4, label: `4` });
+    const [includeHeader, setIncludeHeader] = (0, react_1.useState)(true);
+    const handleColumnChange = (newValue) => {
+        setNumColumns(newValue);
+    };
+    const handleRowChange = (newValue) => {
+        setNumRows(newValue);
+    };
+    const options = Array.from({ length: 20 }, (_, index) => ({
+        value: index + 1,
+        label: `${index + 1}`,
+    }));
+    const OptionComponent = ({ innerProps, data, }) => {
+        return (react_1.default.createElement(OptionWrapper, Object.assign({}, innerProps, { ref: null }), data.label));
+    };
+    const actions = {
+        primary: {
+            action: () => {
+                const config = {
+                    numberOfColumns: numberOfColumns.value,
+                    numberOfRows: numberOfRows.value,
+                    includeHeader,
+                };
+                (0, commands_1.insertTable)(config, state, dispatch);
+                setOpen(false);
+            },
+            title: 'Create table',
+        },
+        secondary: {
+            action: () => setOpen(false),
+            title: 'Cancel',
+        },
+    };
+    return (react_1.default.createElement(style_guide_1.Dialog, { isOpen: isOpen, actions: actions, category: style_guide_1.Category.confirmation, header: 'Insert table', message: '' },
+        react_1.default.createElement(Container, null,
+            react_1.default.createElement(Label, null, "Number of columns:"),
+            react_1.default.createElement(SelectContainer, null,
+                react_1.default.createElement(react_select_1.default, { onChange: (v) => handleColumnChange(v), value: numberOfColumns, options: options, components: {
+                        Option: OptionComponent,
+                    }, menuPosition: "fixed", maxMenuHeight: 150 }))),
+        react_1.default.createElement(Container, null,
+            react_1.default.createElement(Label, null, "Number of rows:"),
+            react_1.default.createElement(SelectContainer, null,
+                react_1.default.createElement(react_select_1.default, { onChange: (v) => handleRowChange(v), value: numberOfRows, options: options, components: {
+                        Option: OptionComponent,
+                    }, menuPosition: "fixed", maxMenuHeight: 150 }))),
+        react_1.default.createElement(style_guide_1.CheckboxLabel, null,
+            react_1.default.createElement(style_guide_1.CheckboxField, { name: 'include-header', checked: includeHeader, onChange: (e) => {
+                    setIncludeHeader(e.target.checked);
+                } }),
+            react_1.default.createElement("div", null, "Include header row"))));
+};
+exports.InsertTableDialog = InsertTableDialog;
+const openInsertTableDialog = (state, dispatch) => {
+    const props = (0, editor_props_1.getEditorProps)(state);
+    const componentProps = {
+        state,
+        dispatch,
+    };
+    const dialog = (0, ReactSubView_1.default)(props, exports.InsertTableDialog, componentProps, state.doc, null, null);
+    document.body.appendChild(dialog);
+};
+exports.openInsertTableDialog = openInsertTableDialog;

package/dist/cjs/components/toolbar/ListMenuItem.js

@@ -0,0 +1,77 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = exports.Block = exports.BlockItem = exports.StyleBlock = exports.ListContainer = exports.ListStyles = exports.ListMenuItem = 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 ListMenuItem = ({ menu, handleClick, }) => {
+    if (!menu.submenu) {
+        return null;
+    }
+    const styles = menu.submenu.map((m) => m.id);
+    return (react_1.default.createElement(style_guide_1.SubmenuContainer, null,
+        react_1.default.createElement(style_guide_1.SubmenuLabel, { menu: menu, handleClick: handleClick }),
+        menu.isOpen && (react_1.default.createElement(style_guide_1.NestedSubmenusContainer, null,
+            react_1.default.createElement(exports.ListStyles, { styles: styles, onClick: (s, i) => handleClick([i]) })))));
+};
+exports.ListMenuItem = ListMenuItem;
+const ListStyles = ({ styles, onClick, }) => {
+    return (react_1.default.createElement(exports.ListContainer, null, styles.map((style, index) => (react_1.default.createElement(exports.StyleBlock, { key: index, onClick: () => onClick(style, index) }, styleItems[style].map((item, index) => (react_1.default.createElement(exports.BlockItem, { key: index },
+        react_1.default.createElement(exports.Label, { hide: item === '-' }, item),
+        react_1.default.createElement(exports.Block, null)))))))));
+};
+exports.ListStyles = ListStyles;
+const styleItems = {
+    order: ['1.', '2.', '3.'],
+    'alpha-upper': ['A.', 'B.', 'C.'],
+    'alpha-lower': ['a.', 'b.', 'c.'],
+    'roman-upper': ['I.', 'II.', 'III.'],
+    'roman-lower': ['i.', 'ii.', 'iii.'],
+    bullet: ['•', '•', '•'],
+    simple: ['-', '-', '-'],
+};
+exports.ListContainer = styled_components_1.default.div `
+  padding: ${(props) => props.theme.grid.unit * 4}px;
+  display: grid;
+  grid-template-columns:
+    ${(props) => props.theme.grid.unit * 21}px
+    ${(props) => props.theme.grid.unit * 21}px;
+  gap: 6px;
+`;
+exports.StyleBlock = styled_components_1.default.div `
+  border: 1px solid ${(props) => props.theme.colors.border.tertiary};
+  padding: ${(props) => props.theme.grid.unit * 2}px;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${(props) => props.theme.grid.unit * 2}px;
+
+  &:hover {
+    background: ${(props) => props.theme.colors.button.default.border.hover};
+  }
+
+  &:active {
+    border-color: ${(props) => props.theme.colors.border.primary};
+  }
+`;
+exports.BlockItem = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 6px;
+`;
+exports.Block = styled_components_1.default.div `
+  height: 3px;
+  width: ${(props) => props.theme.grid.unit * 14}px;
+  background: ${(props) => props.theme.colors.border.tertiary};
+`;
+exports.Label = styled_components_1.default.div `
+  font-family: Lato, serif;
+  font-size: ${(props) => props.theme.font.size.small};
+  font-weight: ${(props) => props.theme.font.weight.normal};
+  line-height: ${(props) => props.theme.font.lineHeight.small};
+  font-style: normal;
+  color: ${(props) => (props.hide && 'white') || 'initial'};
+`;

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

@@ -47,12 +47,22 @@ const getSelectedCellsCount = (state) => {
         columns: columns > 1 ? `${columns} columns` : `column`,
     };
 };
+const ColumnChangeWarningDialog = ({ isOpen, primaryAction, secondaryAction }) => (react_1.default.createElement(style_guide_1.Dialog, { isOpen: isOpen, category: style_guide_1.Category.confirmation, header: "This change can't be tracked", message: "This column action won't be marked as chnage. Do you want to continue?", actions: {
+        primary: {
+            action: primaryAction,
+            title: 'Ok',
+        },
+        secondary: {
+            action: secondaryAction,
+            title: 'Cancel',
+        },
+    } }));
 const ContextMenu = ({ view, close, }) => {
     const runCommand = (command, noTracking) => {
         command(view.state, (tr) => view.dispatch((noTracking && (0, track_changes_plugin_1.skipTracking)(tr)) || tr));
         close();
     };
-    const [columnAction, setColumnAction] = (0, react_1.useState)(undefined);
+    const [columnAction, setColumnAction] = (0, react_1.useState)();
     const isCellSelectionMerged = (0, prosemirror_tables_1.mergeCells)(view.state);
     const isCellSelectionSplittable = (0, prosemirror_tables_1.splitCell)(view.state);
     const { rows, columns } = getSelectedCellsCount(view.state);
@@ -89,7 +99,7 @@ const ContextMenu = ({ view, close, }) => {
         (isCellSelectionMerged || isCellSelectionSplittable) && react_1.default.createElement(Separator, null),
         isCellSelectionMerged && (react_1.default.createElement(ActionButton, { onClick: () => runCommand(commands_1.mergeCellsWithSpace, true) }, "Merge cells")),
         isCellSelectionSplittable && (react_1.default.createElement(ActionButton, { onClick: () => runCommand(prosemirror_tables_1.splitCell, true) }, "Split cells")),
-        react_1.default.createElement(style_guide_1.ColumnChangeWarningDialog, { isOpen: !!columnAction, primaryAction: () => {
+        react_1.default.createElement(ColumnChangeWarningDialog, { isOpen: !!columnAction, primaryAction: () => {
                 if (columnAction) {
                     runCommand(columnAction, true);
                     setColumnAction(undefined);

package/dist/cjs/index.js

@@ -37,6 +37,8 @@ var Outline_1 = require("./components/outline/Outline");
 Object.defineProperty(exports, "OutlineItemIcon", { enumerable: true, get: function () { return Outline_1.OutlineItemIcon; } });
 var LevelSelector_1 = require("./components/toolbar/LevelSelector");
 Object.defineProperty(exports, "LevelSelector", { enumerable: true, get: function () { return LevelSelector_1.LevelSelector; } });
+__exportStar(require("./components/toolbar/ListMenuItem"), exports);
+__exportStar(require("./components/toolbar/InsertTableDialog"), exports);
 __exportStar(require("./menus"), exports);
 var collabProvider_1 = require("./classes/collabProvider");
 Object.defineProperty(exports, "CollabProvider", { enumerable: true, get: function () { return collabProvider_1.CollabProvider; } });

package/dist/cjs/menus.js

@@ -20,17 +20,12 @@ const transform_1 = require("@manuscripts/transform");
 const prosemirror_commands_1 = require("prosemirror-commands");
 const prosemirror_history_1 = require("prosemirror-history");
 const commands_1 = require("./commands");
+const InsertTableDialog_1 = require("./components/toolbar/InsertTableDialog");
+const ListMenuItem_1 = require("./components/toolbar/ListMenuItem");
 const hierarchy_1 = require("./lib/hierarchy");
 const getEditorMenus = (editor) => {
     const { isCommandValid, state } = editor;
     const doCommand = (command) => () => editor.doCommand(command);
-    const wrappedDoCommand = (command, tableConfig) => {
-        return () => {
-            doCommand((state, dispatch, view) => {
-                return command(state, dispatch, view, tableConfig);
-            })();
-        };
-    };
     const edit = {
         id: 'edit',
         label: 'Edit',
@@ -226,9 +221,7 @@ const getEditorMenus = (editor) => {
                     pc: 'CommandOrControl+Option+T',
                 },
                 isEnabled: isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.table_element)),
-                run: (tableConfig) => {
-                    wrappedDoCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.table_element), tableConfig)();
-                },
+                run: () => (0, InsertTableDialog_1.openInsertTableDialog)(editor.state, editor.dispatch),
             },
             {
                 role: 'separator',
@@ -388,35 +381,58 @@ const getEditorMenus = (editor) => {
             {
                 id: 'insert-bullet-list',
                 label: 'Bullet List',
+                component: ListMenuItem_1.ListMenuItem,
                 isEnabled: isCommandValid((0, commands_1.insertList)(transform_1.schema.nodes.list, 'bullet')),
                 submenu: [
                     {
-                        id: 'bullet-list-context-menu',
-                        label: '',
+                        id: 'bullet',
+                        label: 'Bullet',
+                        isEnabled: true,
+                        run: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'bullet')),
+                    },
+                    {
+                        id: 'simple',
+                        label: 'Simple',
                         isEnabled: true,
-                        options: {
-                            bullet: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'bullet')),
-                            simple: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'simple')),
-                        },
+                        run: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'simple')),
                     },
                 ],
             },
             {
                 id: 'insert-ordered-list',
                 label: 'Ordered List',
+                component: ListMenuItem_1.ListMenuItem,
                 isEnabled: isCommandValid((0, commands_1.insertList)(transform_1.schema.nodes.list, 'order')),
                 submenu: [
                     {
-                        id: 'ordered-list-context-menu',
-                        label: '',
+                        id: 'order',
+                        label: 'Order',
+                        isEnabled: true,
+                        run: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'order')),
+                    },
+                    {
+                        id: 'alpha-upper',
+                        label: 'Alpha upper',
+                        isEnabled: true,
+                        run: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'alpha-upper')),
+                    },
+                    {
+                        id: 'alpha-lower',
+                        label: 'Alpha lower',
+                        isEnabled: true,
+                        run: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'alpha-lower')),
+                    },
+                    {
+                        id: 'roman-upper',
+                        label: 'Roman upper',
+                        isEnabled: true,
+                        run: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'roman-upper')),
+                    },
+                    {
+                        id: 'roman-lower',
+                        label: 'Roman lower',
                         isEnabled: true,
-                        options: {
-                            order: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'order')),
-                            'alpha-upper': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'alpha-upper')),
-                            'alpha-lower': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'alpha-lower')),
-                            'roman-upper': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'roman-upper')),
-                            'roman-lower': doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'roman-lower')),
-                        },
+                        run: doCommand((0, commands_1.insertList)(transform_1.schema.nodes.list, 'roman-lower')),
                     },
                 ],
             },

package/dist/cjs/toolbar.js

@@ -24,6 +24,7 @@ const transform_1 = require("@manuscripts/transform");
 const prosemirror_commands_1 = require("prosemirror-commands");
 const react_1 = __importDefault(require("react"));
 const commands_1 = require("./commands");
+const InsertTableDialog_1 = require("./components/toolbar/InsertTableDialog");
 exports.toolbar = {
     style: {
         bold: {
@@ -116,7 +117,7 @@ exports.toolbar = {
             title: 'Insert table',
             content: react_1.default.createElement(style_guide_1.ToolbarTableIcon, null),
             isEnabled: (0, commands_1.canInsert)(transform_1.schema.nodes.table_element),
-            run: (0, commands_1.insertBlock)(transform_1.schema.nodes.table_element),
+            run: InsertTableDialog_1.openInsertTableDialog,
         },
         equation_element: {
             title: 'Insert equation',

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '2.0.41-LEAN-3918.0';
+exports.VERSION = '2.0.41';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/ReactSubView.js

@@ -34,9 +34,6 @@ exports.default = (props, Component, componentProps, node, getPos, view, classNa
             tr.setNodeMarkup(getPos(), undefined, Object.assign(Object.assign({}, node.attrs), nextAttrs)).setSelection(selection.map(tr.doc, tr.mapping));
             view.dispatch(tr);
         };
-        if (!node.attrs || !props.dispatch) {
-            return null;
-        }
         return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: props.theme },
             react_1.default.createElement(Component, Object.assign({ nodeAttrs: node.attrs, setNodeAttrs: setNodeAttrs, viewProps: { node, view, getPos } }, props, componentProps))));
     };

package/dist/es/commands.js

@@ -91,14 +91,11 @@ export const createSelection = (nodeType, position, doc) => {
                 : TextSelection.near(doc.resolve(position + 1));
     }
 };
-export const createBlock = (nodeType, position, state, dispatch, attrs, tableConfig) => {
+export const createBlock = (nodeType, position, state, dispatch, attrs) => {
     let node;
     switch (nodeType) {
         case state.schema.nodes.table_element:
-            if (!tableConfig) {
-                throw new Error('Table configuration is required for creating a table element');
-            }
-            node = createAndFillTableElement(state, tableConfig);
+            node = createAndFillTableElement(state);
             break;
         case state.schema.nodes.figure_element:
             node = createAndFillFigureElement(state);
@@ -175,6 +172,17 @@ export const insertFigure = (file, state, dispatch) => {
     dispatch(tr);
     return true;
 };
+export const insertTable = (config, state, dispatch) => {
+    const pos = findBlockInsertPosition(state);
+    if (!pos) {
+        return false;
+    }
+    const node = createAndFillTableElement(state, config);
+    const tr = state.tr.insert(pos, node);
+    tr.setSelection(NodeSelection.create(tr.doc, pos)).scrollIntoView();
+    dispatch && dispatch(tr);
+    return true;
+};
 export const insertSupplement = (file, state, dispatch) => {
     const supplement = schema.nodes.supplement.create({
         id: generateNodeID(schema.nodes.supplement),
@@ -189,12 +197,12 @@ export const insertSupplement = (file, state, dispatch) => {
     }
     return true;
 };
-export const insertBlock = (nodeType) => (state, dispatch, view, tableConfig) => {
+export const insertBlock = (nodeType) => (state, dispatch) => {
     const position = findBlockInsertPosition(state);
     if (position === null) {
         return false;
     }
-    createBlock(nodeType, position, state, dispatch, undefined, tableConfig);
+    createBlock(nodeType, position, state, dispatch, undefined);
     return true;
 };
 export const deleteBlock = (typeToDelete) => (state, dispatch) => {
@@ -786,21 +794,25 @@ export const selectAllIsolating = (state, dispatch) => {
     }
     return true;
 };
-export const createAndFillTableElement = (state, tableConfig) => {
-    const { nodes } = state.schema;
-    const { numberOfColumns, numberOfRows, includeHeader } = tableConfig;
+const DEFAULT_TABLE_CONFIG = {
+    numberOfColumns: 2,
+    numberOfRows: 2,
+    includeHeader: true,
+};
+export const createAndFillTableElement = (state, config = DEFAULT_TABLE_CONFIG) => {
+    const { numberOfColumns, numberOfRows, includeHeader } = config;
     const createRow = (cellType) => {
-        const cells = Array.from({ length: numberOfColumns }, () => nodes[cellType].create());
-        return nodes.table_row.create({}, cells);
+        const cells = Array.from({ length: numberOfColumns }, () => cellType.create());
+        return schema.nodes.table_row.create({}, cells);
     };
-    const tableRows = includeHeader ? [createRow('table_header')] : [];
+    const tableRows = includeHeader ? [createRow(schema.nodes.table_header)] : [];
     for (let i = 0; i < numberOfRows; i++) {
-        tableRows.push(createRow('table_cell'));
+        tableRows.push(createRow(schema.nodes.table_cell));
     }
-    return nodes.table_element.createChecked({}, [
+    return schema.nodes.table_element.createChecked({}, [
         createAndFillFigcaptionElement(state),
-        nodes.table.create({}, tableRows),
-        nodes.listing.create(),
+        schema.nodes.table.create({}, tableRows),
+        schema.nodes.listing.create(),
     ]);
 };
 const createAndFillFigureElement = (state) => state.schema.nodes.figure_element.create({}, [

package/dist/es/components/toolbar/InsertTableDialog.js

@@ -0,0 +1,110 @@
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Category, CheckboxField, CheckboxLabel, Dialog, } from '@manuscripts/style-guide';
+import React, { useState } from 'react';
+import Select from 'react-select';
+import styled from 'styled-components';
+import { insertTable } from '../../commands';
+import { getEditorProps } from '../../plugins/editor-props';
+import ReactSubView from '../../views/ReactSubView';
+const Label = styled.div `
+  padding-right: 16px;
+  width: 150px;
+`;
+const SelectContainer = styled.div `
+  width: 182px;
+  height: 30px;
+`;
+const Container = styled.div `
+  display: flex;
+  align-items: center;
+  padding-bottom: 16px;
+`;
+const OptionWrapper = styled.div `
+  padding-left: ${(props) => props.theme.grid.unit * 4}px;
+  padding-top: ${(props) => props.theme.grid.unit * 2}px;
+  padding-bottom: ${(props) => props.theme.grid.unit * 2}px;
+
+  background-color: ${(props) => props.focused ? props.theme.colors.background.fifth : 'transparent'};
+
+  &:hover {
+    background-color: ${(props) => props.theme.colors.background.fifth};
+  }
+`;
+export const InsertTableDialog = ({ state, dispatch, }) => {
+    const [isOpen, setOpen] = useState(true);
+    const [numberOfColumns, setNumColumns] = useState({ value: 4, label: `4` });
+    const [numberOfRows, setNumRows] = useState({ value: 4, label: `4` });
+    const [includeHeader, setIncludeHeader] = useState(true);
+    const handleColumnChange = (newValue) => {
+        setNumColumns(newValue);
+    };
+    const handleRowChange = (newValue) => {
+        setNumRows(newValue);
+    };
+    const options = Array.from({ length: 20 }, (_, index) => ({
+        value: index + 1,
+        label: `${index + 1}`,
+    }));
+    const OptionComponent = ({ innerProps, data, }) => {
+        return (React.createElement(OptionWrapper, Object.assign({}, innerProps, { ref: null }), data.label));
+    };
+    const actions = {
+        primary: {
+            action: () => {
+                const config = {
+                    numberOfColumns: numberOfColumns.value,
+                    numberOfRows: numberOfRows.value,
+                    includeHeader,
+                };
+                insertTable(config, state, dispatch);
+                setOpen(false);
+            },
+            title: 'Create table',
+        },
+        secondary: {
+            action: () => setOpen(false),
+            title: 'Cancel',
+        },
+    };
+    return (React.createElement(Dialog, { isOpen: isOpen, actions: actions, category: Category.confirmation, header: 'Insert table', message: '' },
+        React.createElement(Container, null,
+            React.createElement(Label, null, "Number of columns:"),
+            React.createElement(SelectContainer, null,
+                React.createElement(Select, { onChange: (v) => handleColumnChange(v), value: numberOfColumns, options: options, components: {
+                        Option: OptionComponent,
+                    }, menuPosition: "fixed", maxMenuHeight: 150 }))),
+        React.createElement(Container, null,
+            React.createElement(Label, null, "Number of rows:"),
+            React.createElement(SelectContainer, null,
+                React.createElement(Select, { onChange: (v) => handleRowChange(v), value: numberOfRows, options: options, components: {
+                        Option: OptionComponent,
+                    }, menuPosition: "fixed", maxMenuHeight: 150 }))),
+        React.createElement(CheckboxLabel, null,
+            React.createElement(CheckboxField, { name: 'include-header', checked: includeHeader, onChange: (e) => {
+                    setIncludeHeader(e.target.checked);
+                } }),
+            React.createElement("div", null, "Include header row"))));
+};
+export const openInsertTableDialog = (state, dispatch) => {
+    const props = getEditorProps(state);
+    const componentProps = {
+        state,
+        dispatch,
+    };
+    const dialog = ReactSubView(props, InsertTableDialog, componentProps, state.doc, null, null);
+    document.body.appendChild(dialog);
+};

package/dist/es/components/toolbar/ListMenuItem.js

@@ -0,0 +1,69 @@
+import { NestedSubmenusContainer, SubmenuContainer, SubmenuLabel, } from '@manuscripts/style-guide';
+import React from 'react';
+import styled from 'styled-components';
+export const ListMenuItem = ({ menu, handleClick, }) => {
+    if (!menu.submenu) {
+        return null;
+    }
+    const styles = menu.submenu.map((m) => m.id);
+    return (React.createElement(SubmenuContainer, null,
+        React.createElement(SubmenuLabel, { menu: menu, handleClick: handleClick }),
+        menu.isOpen && (React.createElement(NestedSubmenusContainer, null,
+            React.createElement(ListStyles, { styles: styles, onClick: (s, i) => handleClick([i]) })))));
+};
+export const ListStyles = ({ styles, onClick, }) => {
+    return (React.createElement(ListContainer, null, styles.map((style, index) => (React.createElement(StyleBlock, { key: index, onClick: () => onClick(style, index) }, styleItems[style].map((item, index) => (React.createElement(BlockItem, { key: index },
+        React.createElement(Label, { hide: item === '-' }, item),
+        React.createElement(Block, null)))))))));
+};
+const styleItems = {
+    order: ['1.', '2.', '3.'],
+    'alpha-upper': ['A.', 'B.', 'C.'],
+    'alpha-lower': ['a.', 'b.', 'c.'],
+    'roman-upper': ['I.', 'II.', 'III.'],
+    'roman-lower': ['i.', 'ii.', 'iii.'],
+    bullet: ['•', '•', '•'],
+    simple: ['-', '-', '-'],
+};
+export const ListContainer = styled.div `
+  padding: ${(props) => props.theme.grid.unit * 4}px;
+  display: grid;
+  grid-template-columns:
+    ${(props) => props.theme.grid.unit * 21}px
+    ${(props) => props.theme.grid.unit * 21}px;
+  gap: 6px;
+`;
+export const StyleBlock = styled.div `
+  border: 1px solid ${(props) => props.theme.colors.border.tertiary};
+  padding: ${(props) => props.theme.grid.unit * 2}px;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${(props) => props.theme.grid.unit * 2}px;
+
+  &:hover {
+    background: ${(props) => props.theme.colors.button.default.border.hover};
+  }
+
+  &:active {
+    border-color: ${(props) => props.theme.colors.border.primary};
+  }
+`;
+export const BlockItem = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 6px;
+`;
+export const Block = styled.div `
+  height: 3px;
+  width: ${(props) => props.theme.grid.unit * 14}px;
+  background: ${(props) => props.theme.colors.border.tertiary};
+`;
+export const Label = styled.div `
+  font-family: Lato, serif;
+  font-size: ${(props) => props.theme.font.size.small};
+  font-weight: ${(props) => props.theme.font.weight.normal};
+  line-height: ${(props) => props.theme.font.lineHeight.small};
+  font-style: normal;
+  color: ${(props) => (props.hide && 'white') || 'initial'};
+`;

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

@@ -1,4 +1,4 @@
-import { ColumnChangeWarningDialog, DeleteIcon, IconTextButton, PlusIcon, } from '@manuscripts/style-guide';
+import { Category, DeleteIcon, Dialog, IconTextButton, PlusIcon, } from '@manuscripts/style-guide';
 import { skipTracking } from '@manuscripts/track-changes-plugin';
 import { CellSelection, deleteColumn, deleteRow, mergeCells, selectedRect, splitCell, } from 'prosemirror-tables';
 import React, { useState } from 'react';
@@ -18,12 +18,22 @@ const getSelectedCellsCount = (state) => {
         columns: columns > 1 ? `${columns} columns` : `column`,
     };
 };
+const ColumnChangeWarningDialog = ({ isOpen, primaryAction, secondaryAction }) => (React.createElement(Dialog, { isOpen: isOpen, category: Category.confirmation, header: "This change can't be tracked", message: "This column action won't be marked as chnage. Do you want to continue?", actions: {
+        primary: {
+            action: primaryAction,
+            title: 'Ok',
+        },
+        secondary: {
+            action: secondaryAction,
+            title: 'Cancel',
+        },
+    } }));
 export const ContextMenu = ({ view, close, }) => {
     const runCommand = (command, noTracking) => {
         command(view.state, (tr) => view.dispatch((noTracking && skipTracking(tr)) || tr));
         close();
     };
-    const [columnAction, setColumnAction] = useState(undefined);
+    const [columnAction, setColumnAction] = useState();
     const isCellSelectionMerged = mergeCells(view.state);
     const isCellSelectionSplittable = splitCell(view.state);
     const { rows, columns } = getSelectedCellsCount(view.state);

package/dist/es/index.js

@@ -17,6 +17,8 @@ export * from './commands';
 export { ManuscriptOutline } from './components/outline/ManuscriptOutline';
 export { OutlineItemIcon } from './components/outline/Outline';
 export { LevelSelector } from './components/toolbar/LevelSelector';
+export * from './components/toolbar/ListMenuItem';
+export * from './components/toolbar/InsertTableDialog';
 export * from './menus';
 export { CollabProvider } from './classes/collabProvider';
 export { PopperManager } from './lib/popper';

package/dist/es/menus.js

@@ -17,17 +17,12 @@ import { schema } from '@manuscripts/transform';
 import { toggleMark } from 'prosemirror-commands';
 import { redo, undo } from 'prosemirror-history';
 import { addInlineComment, blockActive, canInsert, insertAbstract, insertBackMatterSection, insertBlock, insertContributors, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertKeywords, insertLink, insertList, insertSection, markActive, } from './commands';
+import { openInsertTableDialog } from './components/toolbar/InsertTableDialog';
+import { ListMenuItem } from './components/toolbar/ListMenuItem';
 import { deleteClosestParentElement, findClosestParentElementNodeName, } from './lib/hierarchy';
 export const getEditorMenus = (editor) => {
     const { isCommandValid, state } = editor;
     const doCommand = (command) => () => editor.doCommand(command);
-    const wrappedDoCommand = (command, tableConfig) => {
-        return () => {
-            doCommand((state, dispatch, view) => {
-                return command(state, dispatch, view, tableConfig);
-            })();
-        };
-    };
     const edit = {
         id: 'edit',
         label: 'Edit',
@@ -223,9 +218,7 @@ export const getEditorMenus = (editor) => {
                     pc: 'CommandOrControl+Option+T',
                 },
                 isEnabled: isCommandValid(canInsert(schema.nodes.table_element)),
-                run: (tableConfig) => {
-                    wrappedDoCommand(insertBlock(schema.nodes.table_element), tableConfig)();
-                },
+                run: () => openInsertTableDialog(editor.state, editor.dispatch),
             },
             {
                 role: 'separator',
@@ -385,35 +378,58 @@ export const getEditorMenus = (editor) => {
             {
                 id: 'insert-bullet-list',
                 label: 'Bullet List',
+                component: ListMenuItem,
                 isEnabled: isCommandValid(insertList(schema.nodes.list, 'bullet')),
                 submenu: [
                     {
-                        id: 'bullet-list-context-menu',
-                        label: '',
+                        id: 'bullet',
+                        label: 'Bullet',
+                        isEnabled: true,
+                        run: doCommand(insertList(schema.nodes.list, 'bullet')),
+                    },
+                    {
+                        id: 'simple',
+                        label: 'Simple',
                         isEnabled: true,
-                        options: {
-                            bullet: doCommand(insertList(schema.nodes.list, 'bullet')),
-                            simple: doCommand(insertList(schema.nodes.list, 'simple')),
-                        },
+                        run: doCommand(insertList(schema.nodes.list, 'simple')),
                     },
                 ],
             },
             {
                 id: 'insert-ordered-list',
                 label: 'Ordered List',
+                component: ListMenuItem,
                 isEnabled: isCommandValid(insertList(schema.nodes.list, 'order')),
                 submenu: [
                     {
-                        id: 'ordered-list-context-menu',
-                        label: '',
+                        id: 'order',
+                        label: 'Order',
+                        isEnabled: true,
+                        run: doCommand(insertList(schema.nodes.list, 'order')),
+                    },
+                    {
+                        id: 'alpha-upper',
+                        label: 'Alpha upper',
+                        isEnabled: true,
+                        run: doCommand(insertList(schema.nodes.list, 'alpha-upper')),
+                    },
+                    {
+                        id: 'alpha-lower',
+                        label: 'Alpha lower',
+                        isEnabled: true,
+                        run: doCommand(insertList(schema.nodes.list, 'alpha-lower')),
+                    },
+                    {
+                        id: 'roman-upper',
+                        label: 'Roman upper',
+                        isEnabled: true,
+                        run: doCommand(insertList(schema.nodes.list, 'roman-upper')),
+                    },
+                    {
+                        id: 'roman-lower',
+                        label: 'Roman lower',
                         isEnabled: true,
-                        options: {
-                            order: doCommand(insertList(schema.nodes.list, 'order')),
-                            'alpha-upper': doCommand(insertList(schema.nodes.list, 'alpha-upper')),
-                            'alpha-lower': doCommand(insertList(schema.nodes.list, 'alpha-lower')),
-                            'roman-upper': doCommand(insertList(schema.nodes.list, 'roman-upper')),
-                            'roman-lower': doCommand(insertList(schema.nodes.list, 'roman-lower')),
-                        },
+                        run: doCommand(insertList(schema.nodes.list, 'roman-lower')),
                     },
                 ],
             },

package/dist/es/toolbar.js

@@ -18,6 +18,7 @@ import { schema } from '@manuscripts/transform';
 import { toggleMark } from 'prosemirror-commands';
 import React from 'react';
 import { addInlineComment, blockActive, canInsert, insertBlock, insertInlineCitation, insertList, markActive, } from './commands';
+import { openInsertTableDialog } from './components/toolbar/InsertTableDialog';
 export const toolbar = {
     style: {
         bold: {
@@ -110,7 +111,7 @@ export const toolbar = {
             title: 'Insert table',
             content: React.createElement(ToolbarTableIcon, null),
             isEnabled: canInsert(schema.nodes.table_element),
-            run: insertBlock(schema.nodes.table_element),
+            run: openInsertTableDialog,
         },
         equation_element: {
             title: 'Insert equation',

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.0.41-LEAN-3918.0';
+export const VERSION = '2.0.41';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/ReactSubView.js

@@ -29,9 +29,6 @@ export default (props, Component, componentProps, node, getPos, view, classNames
             tr.setNodeMarkup(getPos(), undefined, Object.assign(Object.assign({}, node.attrs), nextAttrs)).setSelection(selection.map(tr.doc, tr.mapping));
             view.dispatch(tr);
         };
-        if (!node.attrs || !props.dispatch) {
-            return null;
-        }
         return (React.createElement(ThemeProvider, { theme: props.theme },
             React.createElement(Component, Object.assign({ nodeAttrs: node.attrs, setNodeAttrs: setNodeAttrs, viewProps: { node, view, getPos } }, props, componentProps))));
     };

package/dist/types/commands.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { TableConfig } from '@manuscripts/style-guide';
 import { FootnoteNode, InlineFootnoteNode, ManuscriptEditorState, ManuscriptEditorView, ManuscriptMarkType, ManuscriptNode, ManuscriptNodeType, ManuscriptResolvedPos, ManuscriptTransaction, SectionCategory } from '@manuscripts/transform';
 import { Attrs, ResolvedPos } from 'prosemirror-model';
 import { EditorState, NodeSelection, Selection, TextSelection, Transaction } from 'prosemirror-state';
@@ -27,11 +26,12 @@ export declare const isNodeSelection: (selection: Selection) => selection is Nod
 export declare const blockActive: (type: ManuscriptNodeType) => (state: ManuscriptEditorState) => boolean;
 export declare const canInsert: (type: ManuscriptNodeType) => (state: ManuscriptEditorState) => boolean;
 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 createBlock: (nodeType: ManuscriptNodeType, position: number, state: ManuscriptEditorState, dispatch?: Dispatch, attrs?: Attrs) => void;
 export declare const insertGeneralFootnote: (tableElementNode: ManuscriptNode, position: number, view: ManuscriptEditorView, tableElementFooter?: NodeWithPos[]) => void;
 export declare const insertFigure: (file: FileAttachment, state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
+export declare const insertTable: (config: TableConfig, 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 insertBlock: (nodeType: ManuscriptNodeType) => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const deleteBlock: (typeToDelete: string) => (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertBreak: EditorAction;
 export declare const findPosBeforeFirstSubsection: ($pos: ManuscriptResolvedPos) => number | null;
@@ -59,7 +59,12 @@ export declare const ignoreMetaNodeBackspaceCommand: (state: ManuscriptEditorSta
 export declare const isAtEndOfTextBlock: (state: ManuscriptEditorState, $cursor: ResolvedPos, view?: ManuscriptEditorView) => boolean;
 export declare const ignoreAtomBlockNodeForward: (state: ManuscriptEditorState, dispatch?: Dispatch, view?: ManuscriptEditorView) => boolean;
 export declare const selectAllIsolating: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
-export declare const createAndFillTableElement: (state: ManuscriptEditorState, tableConfig: TableConfig) => import("prosemirror-model").Node;
+export type TableConfig = {
+    numberOfColumns: number;
+    numberOfRows: number;
+    includeHeader: boolean;
+};
+export declare const createAndFillTableElement: (state: ManuscriptEditorState, config?: TableConfig) => import("prosemirror-model").Node;
 export declare const addNodeComment: (node: ManuscriptNode, state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const addInlineComment: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 interface NodeWithPosition {

package/dist/types/components/toolbar/InsertTableDialog.d.ts

@@ -0,0 +1,24 @@
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ManuscriptEditorState } from '@manuscripts/transform';
+import React from 'react';
+import { Dispatch } from '../../commands';
+export type InsertTableDialogProps = {
+    state: ManuscriptEditorState;
+    dispatch?: Dispatch;
+};
+export declare const InsertTableDialog: React.FC<InsertTableDialogProps>;
+export declare const openInsertTableDialog: (state: ManuscriptEditorState, dispatch?: Dispatch) => void;

package/dist/types/components/toolbar/ListMenuItem.d.ts

@@ -0,0 +1,15 @@
+import { MenuComponentProps } from '@manuscripts/style-guide';
+import React from 'react';
+export declare const ListMenuItem: React.FC<MenuComponentProps>;
+export interface ListSubmenuItemsProps {
+    styles: string[];
+    onClick: (style: string, index: number) => void;
+}
+export declare const ListStyles: React.FC<ListSubmenuItemsProps>;
+export declare const ListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyleBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BlockItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Block: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"div", any, {
+    hide?: boolean | undefined;
+}, never>;

package/dist/types/index.d.ts

@@ -17,6 +17,8 @@ export * from './commands';
 export { ManuscriptOutline } from './components/outline/ManuscriptOutline';
 export { OutlineItemIcon } from './components/outline/Outline';
 export { LevelSelector } from './components/toolbar/LevelSelector';
+export * from './components/toolbar/ListMenuItem';
+export * from './components/toolbar/InsertTableDialog';
 export * from './menus';
 export { ChangeReceiver } from './types';
 export { CollabProvider } from './classes/collabProvider';

package/dist/types/toolbar.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { TableConfig } from '@manuscripts/style-guide';
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { ReactNode } from 'react';
@@ -22,7 +21,7 @@ export interface ToolbarButtonConfig {
     title: string;
     content: ReactNode;
     isActive?: (state: EditorState) => boolean;
-    run: (state: EditorState, dispatch: Dispatch, view?: EditorView, tableConfig?: TableConfig) => void;
+    run: (state: EditorState, dispatch: Dispatch, view?: EditorView) => void;
     isEnabled: (state: EditorState) => boolean;
     options?: {
         [key: string]: (state: EditorState, dispatch: Dispatch, view?: EditorView) => void;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.0.41-LEAN-3918.0";
+export declare const VERSION = "2.0.41";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "2.0.41-LEAN-3918.0",
+  "version": "2.0.41",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,7 +32,7 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.11",
     "@manuscripts/library": "1.3.11",
-    "@manuscripts/style-guide": "2.0.16",
+    "@manuscripts/style-guide": "2.0.17",
     "@manuscripts/track-changes-plugin": "1.7.17",
     "@manuscripts/transform": "2.3.31",
     "@popperjs/core": "^2.11.8",
@@ -53,7 +53,7 @@
     "prosemirror-model": "^1.18.3",
     "prosemirror-schema-list": "^1.2.2",
     "prosemirror-state": "^1.4.2",
-    "prosemirror-tables": "^1.5.0",
+    "prosemirror-tables": "^1.3.5",
     "prosemirror-transform": "^1.7.0",
     "prosemirror-utils": "^0.9.6",
     "prosemirror-view": "^1.29.1",
@@ -111,7 +111,7 @@
   },
   "resolutions": {
     "@types/react": "^18.3.1",
-    "prosemirror-tables": "^1.5.0"
+    "prosemirror-tables": "^1.3.5"
   },
   "engines": {
     "node": ">=20.16.0"