@kerebron/extension-tables 0.2.0 → 0.2.1

package/esm/extension-tables/src/NodeTable.js

@@ -0,0 +1,115 @@
+import { TextSelection } from 'prosemirror-state';
+import { Node } from '../../editor/src/mod.js';
+import { getHtmlAttributes, setHtmlAttributes, } from '../../editor/src/utilities/mod.js';
+import { createTable } from './utilities/createTable.js';
+import { fixTables } from './utilities/fixTables.js';
+import { CellSelection } from './utilities/CellSelection.js';
+import { columnResizing } from './utilities/columnResizing.js';
+import { tableEditing } from './utilities/tableEditing.js';
+import { addColumnAfter, addColumnBefore, addRowAfter, addRowBefore, deleteColumn, deleteRow, deleteTable, goToNextCell, mergeCells, setCellAttr, splitCell, toggleHeader, toggleHeaderCell, toggleHeaderColumn, toggleHeaderRow, } from './utilities/commands.js';
+export class NodeTable extends Node {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'table'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ['doc']
+        });
+        Object.defineProperty(this, "automerge", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                block: 'table',
+            }
+        });
+        Object.defineProperty(this, "attributes", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                class: {
+                    default: 'table',
+                    fromDom(element) {
+                        return element.hasAttribute('class')
+                            ? element.getAttribute('class')
+                            : undefined;
+                    },
+                },
+            }
+        });
+    }
+    getNodeSpec() {
+        return {
+            content: 'table_row+',
+            tableRole: 'table',
+            isolating: true,
+            group: 'block',
+            parseDOM: [{
+                    tag: 'table',
+                    getAttrs: (element) => setHtmlAttributes(this, element),
+                }],
+            toDOM: (node) => ['table', getHtmlAttributes(this, node), ['tbody', 0]],
+        };
+    }
+    getInputRules(type) {
+        return [];
+    }
+    getCommands(editor, type) {
+        const commands = {
+            addColumnAfter: () => (state, dispatch) => addColumnAfter(state, dispatch),
+            addColumnBefore: () => (state, dispatch) => addColumnBefore(state, dispatch),
+            addRowAfter: () => (state, dispatch) => addRowAfter(state, dispatch),
+            addRowBefore: () => (state, dispatch) => addRowBefore(state, dispatch),
+            deleteColumn: () => (state, dispatch) => deleteColumn(state, dispatch),
+            deleteRow: () => (state, dispatch) => deleteRow(state, dispatch),
+            deleteTable: () => (state, dispatch) => deleteTable(state, dispatch),
+            fixTables: () => (state, dispatch) => fixTables(state, dispatch),
+            goToNextCell: () => (state, dispatch) => goToNextCell(state, dispatch),
+            mergeCells: () => (state, dispatch) => mergeCells(state, dispatch),
+            setCellAttr: () => (state, dispatch) => setCellAttr(state, dispatch),
+            splitCell: () => (state, dispatch) => splitCell(state, dispatch),
+            toggleHeader: () => (state, dispatch) => toggleHeader(state, dispatch),
+            toggleHeaderCell: () => (state, dispatch) => toggleHeaderCell(state, dispatch),
+            toggleHeaderRow: () => (state, dispatch) => toggleHeaderRow(state, dispatch),
+            toggleHeaderColumn: () => (state, dispatch) => toggleHeaderColumn(state, dispatch),
+            insertTable: ({ rows = 3, cols = 3, withHeaderRow = true } = {}) => (state, dispatch) => {
+                const tr = state.tr;
+                const node = createTable(editor.schema, rows, cols, withHeaderRow);
+                if (dispatch) {
+                    const offset = tr.selection.from + 1;
+                    tr.replaceSelectionWith(node)
+                        .scrollIntoView()
+                        .setSelection(TextSelection.near(tr.doc.resolve(offset)));
+                }
+                return true;
+            },
+            setCellSelection: (position) => (state, dispatch) => {
+                if (dispatch) {
+                    const selection = CellSelection.create(state.doc, position.anchorCell, position.headCell);
+                    state.setSelection(selection);
+                    // state.tr.setSelection(selection)
+                }
+                return true;
+            },
+        };
+        return commands;
+    }
+    getKeyboardShortcuts() {
+        const keys = {};
+        return keys;
+    }
+    getProseMirrorPlugins(editor) {
+        return [
+            columnResizing(),
+            tableEditing(),
+        ];
+    }
+}

package/esm/extension-tables/src/NodeTableCell.d.ts

@@ -0,0 +1,16 @@
+import { NodeSpec, NodeType } from 'prosemirror-model';
+import { type CoreEditor, Node } from '../../editor/src/mod.js';
+import { type Commands, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { type InputRule } from '../../editor/src/plugins/input-rules/mod.js';
+export declare class NodeTableCell extends Node {
+    name: string;
+    requires: string[];
+    automerge: {
+        block: string;
+    };
+    getNodeSpec(): NodeSpec;
+    getInputRules(type: NodeType): InputRule[];
+    getCommands(editor: CoreEditor, type: NodeType): Partial<Commands>;
+    getKeyboardShortcuts(): Partial<CommandShortcuts>;
+}
+//# sourceMappingURL=NodeTableCell.d.ts.map

package/esm/extension-tables/src/NodeTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTableCell.d.ts","sourceRoot":"","sources":["../../../src/extension-tables/src/NodeTableCell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AA2B7E,qBAAa,aAAc,SAAQ,IAAI;IAC5B,IAAI,SAAgB;IAC7B,QAAQ,WAAiB;IAEzB,SAAS;;MAEP;IAEO,WAAW,IAAI,QAAQ;IAmBvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAI1C,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAKlE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAI3D"}

package/esm/extension-tables/src/NodeTableCell.js

@@ -0,0 +1,77 @@
+import { Node } from '../../editor/src/mod.js';
+function getCellAttrs(dom) {
+    if (typeof dom === 'string') {
+        return {};
+    }
+    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);
+    return {
+        colspan,
+        rowspan: Number(dom.getAttribute('rowspan') || 1),
+        colwidth: widths && widths.length == colspan ? widths : null,
+    };
+}
+function setCellAttrs(node) {
+    return {
+        colspan: (node.attrs.colspan != 1) ? node.attrs.colspan : undefined,
+        rowspan: (node.attrs.rowspan != 1) ? node.attrs.rowspan : undefined,
+        'data-colwidth': node.attrs.colwidth?.join(','),
+    };
+}
+export class NodeTableCell extends Node {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'table_cell'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ['table_row']
+        });
+        Object.defineProperty(this, "automerge", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                block: 'table_cell',
+            }
+        });
+    }
+    getNodeSpec() {
+        return {
+            content: 'block+',
+            attrs: {
+                colspan: { default: 1 },
+                rowspan: { default: 1 },
+                colwidth: { default: null },
+            },
+            tableRole: 'cell',
+            isolating: true,
+            parseDOM: [
+                { tag: 'td', getAttrs: (dom) => getCellAttrs(dom) },
+            ],
+            toDOM(node) {
+                return ['td', setCellAttrs(node), 0];
+            },
+        };
+    }
+    getInputRules(type) {
+        return [];
+    }
+    getCommands(editor, type) {
+        const commands = {};
+        return commands;
+    }
+    getKeyboardShortcuts() {
+        const keys = {};
+        return keys;
+    }
+}

package/esm/extension-tables/src/NodeTableHeader.d.ts

@@ -0,0 +1,16 @@
+import { NodeSpec, NodeType } from 'prosemirror-model';
+import { type CoreEditor, Node } from '../../editor/src/mod.js';
+import { type Commands, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { type InputRule } from '../../editor/src/plugins/input-rules/mod.js';
+export declare class NodeTableHeader extends Node {
+    name: string;
+    requires: string[];
+    automerge: {
+        block: string;
+    };
+    getNodeSpec(): NodeSpec;
+    getInputRules(type: NodeType): InputRule[];
+    getCommands(editor: CoreEditor, type: NodeType): Partial<Commands>;
+    getKeyboardShortcuts(): Partial<CommandShortcuts>;
+}
+//# sourceMappingURL=NodeTableHeader.d.ts.map

package/esm/extension-tables/src/NodeTableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTableHeader.d.ts","sourceRoot":"","sources":["../../../src/extension-tables/src/NodeTableHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AA2B7E,qBAAa,eAAgB,SAAQ,IAAI;IAC9B,IAAI,SAAkB;IAC/B,QAAQ,WAAa;IAErB,SAAS;;MAEP;IAEO,WAAW,IAAI,QAAQ;IAiBvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAI1C,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAKlE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAI3D"}

package/esm/extension-tables/src/NodeTableHeader.js

@@ -0,0 +1,75 @@
+import { Node } from '../../editor/src/mod.js';
+function getCellAttrs(dom) {
+    if (typeof dom === 'string') {
+        return {};
+    }
+    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);
+    return {
+        colspan,
+        rowspan: Number(dom.getAttribute('rowspan') || 1),
+        colwidth: widths && widths.length == colspan ? widths : null,
+    };
+}
+function setCellAttrs(node) {
+    return {
+        colspan: (node.attrs.colspan != 1) ? node.attrs.colspan : undefined,
+        rowspan: (node.attrs.rowspan != 1) ? node.attrs.rowspan : undefined,
+        'data-colwidth': node.attrs.colwidth?.join(','),
+    };
+}
+export class NodeTableHeader extends Node {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'table_header'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ['table']
+        });
+        Object.defineProperty(this, "automerge", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                block: 'table_header',
+            }
+        });
+    }
+    getNodeSpec() {
+        return {
+            content: 'block+',
+            attrs: {
+                colspan: { default: 1 },
+                rowspan: { default: 1 },
+                colwidth: { default: null },
+            },
+            tableRole: 'header_cell',
+            isolating: true,
+            parseDOM: [
+                { tag: 'th', getAttrs: (dom) => getCellAttrs(dom) },
+            ],
+            toDOM: (node) => ['th', setCellAttrs(node), 0],
+        };
+    }
+    getInputRules(type) {
+        return [];
+    }
+    getCommands(editor, type) {
+        const commands = {};
+        return commands;
+    }
+    getKeyboardShortcuts() {
+        const keys = {};
+        return keys;
+    }
+}

package/esm/extension-tables/src/NodeTableRow.d.ts

@@ -0,0 +1,16 @@
+import { NodeSpec, NodeType } from 'prosemirror-model';
+import { type CoreEditor, Node } from '../../editor/src/mod.js';
+import { type Commands, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { type InputRule } from '../../editor/src/plugins/input-rules/mod.js';
+export declare class NodeTableRow extends Node {
+    name: string;
+    requires: string[];
+    automerge: {
+        block: string;
+    };
+    getNodeSpec(): NodeSpec;
+    getInputRules(type: NodeType): InputRule[];
+    getCommands(editor: CoreEditor, type: NodeType): Partial<Commands>;
+    getKeyboardShortcuts(): Partial<CommandShortcuts>;
+}
+//# sourceMappingURL=NodeTableRow.d.ts.map

package/esm/extension-tables/src/NodeTableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTableRow.d.ts","sourceRoot":"","sources":["../../../src/extension-tables/src/NodeTableRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,gBAAgB,EAEtB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,KAAK,SAAS,EAEf,MAAM,6CAA6C,CAAC;AAErD,qBAAa,YAAa,SAAQ,IAAI;IAC3B,IAAI,SAAe;IAC5B,QAAQ,WAAa;IAErB,SAAS;;MAEP;IAEO,WAAW,IAAI,QAAQ;IAWvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAI1C,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAMlE,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAI3D"}

package/esm/extension-tables/src/NodeTableRow.js

@@ -0,0 +1,47 @@
+import { Node } from '../../editor/src/mod.js';
+export class NodeTableRow extends Node {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'table_row'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ['table']
+        });
+        Object.defineProperty(this, "automerge", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                block: 'table_row',
+            }
+        });
+    }
+    getNodeSpec() {
+        return {
+            content: '(table_cell | table_header)*',
+            tableRole: 'row',
+            parseDOM: [{ tag: 'tr' }],
+            toDOM() {
+                return ['tr', 0];
+            },
+        };
+    }
+    getInputRules(type) {
+        return [];
+    }
+    getCommands(editor, type) {
+        const commands = {};
+        return commands;
+    }
+    getKeyboardShortcuts() {
+        const keys = {};
+        return keys;
+    }
+}

package/esm/extension-tables/src/utilities/CellSelection.d.ts

@@ -0,0 +1,53 @@
+import { Node, ResolvedPos, Slice } from 'prosemirror-model';
+import { EditorState, Selection, Transaction } from 'prosemirror-state';
+import { DecorationSource } from 'prosemirror-view';
+import { Mappable } from 'prosemirror-transform';
+/**
+ * @public
+ */
+export interface CellSelectionJSON {
+    type: string;
+    anchor: number;
+    head: number;
+}
+/**
+ * A [`Selection`](http://prosemirror.net/docs/ref/#state.Selection)
+ * subclass that represents a cell selection spanning part of a table.
+ * With the plugin enabled, these will be created when the user
+ * selects across cells, and will be drawn by giving selected cells a
+ * `selectedCell` CSS class.
+ *
+ * @public
+ */
+export declare class CellSelection extends Selection {
+    $anchorCell: ResolvedPos;
+    $headCell: ResolvedPos;
+    constructor($anchorCell: ResolvedPos, $headCell?: ResolvedPos);
+    map(doc: Node, mapping: Mappable): CellSelection | Selection;
+    content(): Slice;
+    replace(tr: Transaction, content?: Slice): void;
+    replaceWith(tr: Transaction, node: Node): void;
+    forEachCell(f: (node: Node, pos: number) => void): void;
+    isColSelection(): boolean;
+    static colSelection($anchorCell: ResolvedPos, $headCell?: ResolvedPos): CellSelection;
+    isRowSelection(): boolean;
+    eq(other: unknown): boolean;
+    static rowSelection($anchorCell: ResolvedPos, $headCell?: ResolvedPos): CellSelection;
+    toJSON(): CellSelectionJSON;
+    static fromJSON(doc: Node, json: CellSelectionJSON): CellSelection;
+    static create(doc: Node, anchorCell: number, headCell?: number): CellSelection;
+    getBookmark(): CellBookmark;
+}
+/**
+ * @public
+ */
+export declare class CellBookmark {
+    anchor: number;
+    head: number;
+    constructor(anchor: number, head: number);
+    map(mapping: Mappable): CellBookmark;
+    resolve(doc: Node): CellSelection | Selection;
+}
+export declare function drawCellSelection(state: EditorState): DecorationSource | null;
+export declare function normalizeSelection(state: EditorState, tr: Transaction | undefined, allowTableNodeSelection: boolean): Transaction | undefined;
+//# sourceMappingURL=CellSelection.d.ts.map

package/esm/extension-tables/src/utilities/CellSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellSelection.d.ts","sourceRoot":"","sources":["../../../../src/extension-tables/src/utilities/CellSelection.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EACL,WAAW,EAEX,SAAS,EAGT,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAA6B,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;GAQG;AACH,qBAAa,aAAc,SAAQ,SAAS;IAGnC,WAAW,EAAE,WAAW,CAAC;IAIzB,SAAS,EAAE,WAAW,CAAC;gBAMlB,WAAW,EAAE,WAAW,EAAE,SAAS,GAAE,WAAyB;IAgCnE,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,aAAa,GAAG,SAAS;IAoB5D,OAAO,IAAI,KAAK;IA6EhB,OAAO,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,GAAE,KAAmB,GAAG,IAAI;IAmB5D,WAAW,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI;IAI9C,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAkBvD,cAAc,IAAI,OAAO;WAelB,YAAY,CACxB,WAAW,EAAE,WAAW,EACxB,SAAS,GAAE,WAAyB,GACnC,aAAa;IAmCT,cAAc,IAAI,OAAO;IAczB,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO;WAUpB,YAAY,CACxB,WAAW,EAAE,WAAW,EACxB,SAAS,GAAE,WAAyB,GACnC,aAAa;IAiCT,MAAM,IAAI,iBAAiB;IAQlC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,GAAG,aAAa;IAIlE,MAAM,CAAC,MAAM,CACX,GAAG,EAAE,IAAI,EACT,UAAU,EAAE,MAAM,EAClB,QAAQ,GAAE,MAAmB,GAC5B,aAAa;IAIhB,WAAW,IAAI,YAAY;CAG5B;AAMD;;GAEG;AACH,qBAAa,YAAY;IAEd,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,MAAM;gBADZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM;IAGrB,GAAG,CAAC,OAAO,EAAE,QAAQ,GAAG,YAAY;IAIpC,OAAO,CAAC,GAAG,EAAE,IAAI,GAAG,aAAa,GAAG,SAAS;CAa9C;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,GAAG,IAAI,CAS7E;AAgDD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,WAAW,EAClB,EAAE,EAAE,WAAW,GAAG,SAAS,EAC3B,uBAAuB,EAAE,OAAO,GAC/B,WAAW,GAAG,SAAS,CAwBzB"}