@mdxeditor/editor 0.8.0 → 0.10.0-alpha.1

package/dist/plugins/table/TableNode.js

@@ -0,0 +1,147 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { DecoratorNode } from "lexical";
+import React__default from "react";
+import { noop } from "../../utils/fp.js";
+import { TableEditor } from "./TableEditor.js";
+const EMPTY_CELL = { type: "tableCell", children: [] };
+function coordinatesEmitter() {
+  let subscription = noop;
+  return {
+    publish: (coords) => {
+      subscription(coords);
+    },
+    subscribe: (cb) => {
+      subscription = cb;
+    }
+  };
+}
+class TableNode extends DecoratorNode {
+  constructor(mdastNode, key) {
+    super(key);
+    __publicField(this, "__mdastNode");
+    __publicField(this, "focusEmitter", coordinatesEmitter());
+    this.__mdastNode = mdastNode || { type: "table", children: [] };
+  }
+  static getType() {
+    return "table";
+  }
+  static clone(node) {
+    return new TableNode(structuredClone(node.__mdastNode), node.__key);
+  }
+  static importJSON(serializedNode) {
+    return $createTableNode(serializedNode.mdastNode);
+  }
+  exportJSON() {
+    return {
+      mdastNode: structuredClone(this.__mdastNode),
+      type: "table",
+      version: 1
+    };
+  }
+  getMdastNode() {
+    return this.__mdastNode;
+  }
+  getRowCount() {
+    return this.__mdastNode.children.length;
+  }
+  getColCount() {
+    var _a;
+    return ((_a = this.__mdastNode.children[0]) == null ? void 0 : _a.children.length) || 0;
+  }
+  createDOM() {
+    return document.createElement("div");
+  }
+  updateDOM() {
+    return false;
+  }
+  updateCellContents(colIndex, rowIndex, children) {
+    const self = this.getWritable();
+    const table = self.__mdastNode;
+    const row = table.children[rowIndex];
+    const cells = row.children;
+    const cell = cells[colIndex];
+    const cellsClone = Array.from(cells);
+    const cellClone = { ...cell, children };
+    const rowClone = { ...row, children: cellsClone };
+    cellsClone[colIndex] = cellClone;
+    table.children[rowIndex] = rowClone;
+  }
+  insertColumnAt(colIndex) {
+    const self = this.getWritable();
+    const table = self.__mdastNode;
+    for (let rowIndex = 0; rowIndex < table.children.length; rowIndex++) {
+      const row = table.children[rowIndex];
+      const cells = row.children;
+      const cellsClone = Array.from(cells);
+      const rowClone = { ...row, children: cellsClone };
+      cellsClone.splice(colIndex, 0, structuredClone(EMPTY_CELL));
+      table.children[rowIndex] = rowClone;
+    }
+    if (table.align && table.align.length > 0) {
+      table.align.splice(colIndex, 0, "left");
+    }
+  }
+  deleteColumnAt(colIndex) {
+    const self = this.getWritable();
+    const table = self.__mdastNode;
+    for (let rowIndex = 0; rowIndex < table.children.length; rowIndex++) {
+      const row = table.children[rowIndex];
+      const cells = row.children;
+      const cellsClone = Array.from(cells);
+      const rowClone = { ...row, children: cellsClone };
+      cellsClone.splice(colIndex, 1);
+      table.children[rowIndex] = rowClone;
+    }
+  }
+  insertRowAt(y) {
+    const self = this.getWritable();
+    const table = self.__mdastNode;
+    const newRow = {
+      type: "tableRow",
+      children: Array.from({ length: this.getColCount() }, () => structuredClone(EMPTY_CELL))
+    };
+    table.children.splice(y, 0, newRow);
+  }
+  deleteRowAt(rowIndex) {
+    this.getWritable().__mdastNode.children.splice(rowIndex, 1);
+  }
+  addRowToBottom() {
+    this.insertRowAt(this.getRowCount());
+  }
+  addColumnToRight() {
+    this.insertColumnAt(this.getColCount());
+  }
+  setColumnAlign(colIndex, align) {
+    const self = this.getWritable();
+    const table = self.__mdastNode;
+    if (table.align == null) {
+      table.align = [];
+    }
+    table.align[colIndex] = align;
+  }
+  decorate(parentEditor) {
+    return /* @__PURE__ */ React__default.createElement(TableEditor, { lexicalTable: this, mdastNode: this.__mdastNode, parentEditor });
+  }
+  select(coords) {
+    this.focusEmitter.publish(coords || [0, 0]);
+  }
+  isInline() {
+    return false;
+  }
+}
+function $isTableNode(node) {
+  return node instanceof TableNode;
+}
+function $createTableNode(mdastNode) {
+  return new TableNode(mdastNode);
+}
+export {
+  $createTableNode,
+  $isTableNode,
+  TableNode
+};