@kopexa/extension-table 17.0.46 → 17.1.1

package/dist/kit.js

@@ -1,764 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
-// src/kit.ts
-var kit_exports = {};
-__export(kit_exports, {
-  TableKit: () => TableKit
-});
-module.exports = __toCommonJS(kit_exports);
-var import_react6 = require("@tiptap/react");
-
-// src/table/table.ts
-var import_extension_table = require("@tiptap/extension-table");
-var import_tables4 = require("@tiptap/pm/tables");
-var import_react5 = require("@tiptap/react");
-
-// src/table/lib/insert-line-above-table-action.ts
-var import_editor_utils = require("@kopexa/editor-utils");
-var insertLineAboveTableAction = ({
-  editor
-}) => {
-  if (!editor.isActive("table")) return false;
-  try {
-    const { selection } = editor.state;
-    const tableNode = (0, import_editor_utils.findParentNodeOfType)(selection, "table");
-    if (!tableNode) return false;
-    const tablePos = tableNode.pos;
-    const firstRow = tableNode.node.child(0);
-    const selectionPath = selection.$anchor.path;
-    const selectionInFirstRow = selectionPath.includes(firstRow);
-    if (!selectionInFirstRow) return false;
-    if (tablePos === 0) {
-      editor.chain().insertContentAt(tablePos, { type: "paragraph" }).run();
-      editor.chain().setTextSelection(tablePos + 1).run();
-    } else {
-      const prevNodePos = tablePos - 1;
-      if (prevNodePos <= 0) return false;
-      const prevNode = editor.state.doc.nodeAt(prevNodePos - 1);
-      if (prevNode && prevNode.type.name === "paragraph") {
-        const endOfParagraphPos = tablePos - prevNode.nodeSize;
-        editor.chain().setTextSelection(endOfParagraphPos).run();
-      } else {
-        return false;
-      }
-    }
-    return true;
-  } catch (e) {
-    console.error("failed to insert line above table", e);
-    return false;
-  }
-};
-
-// src/table/lib/insert-line-below-table-action.ts
-var import_editor_utils2 = require("@kopexa/editor-utils");
-var insertLineBelowTableAction = ({
-  editor
-}) => {
-  if (!editor.isActive("table")) return false;
-  try {
-    const { selection } = editor.state;
-    const tableNode = (0, import_editor_utils2.findParentNodeOfType)(selection, "table");
-    if (!tableNode) return false;
-    const tablePos = tableNode.pos;
-    const table = tableNode.node;
-    const rowCount = table.childCount;
-    const lastRow = table.child(rowCount - 1);
-    const selectionPath = selection.$anchor.path;
-    const selectionInLastRow = selectionPath.includes(lastRow);
-    if (!selectionInLastRow) return false;
-    const nextNodePos = tablePos + table.nodeSize;
-    const nextNode = editor.state.doc.nodeAt(nextNodePos);
-    if (nextNode && nextNode.type.name === "paragraph") {
-      const endOfParagraphPos = nextNodePos + nextNode.nodeSize - 1;
-      editor.chain().setTextSelection(endOfParagraphPos).run();
-    } else if (!nextNode) {
-      editor.chain().insertContentAt(nextNodePos, { type: "paragraph" }).run();
-      editor.chain().setTextSelection(nextNodePos + 1).run();
-    } else {
-      return false;
-    }
-    return true;
-  } catch (e) {
-    console.error("failed to insert line above table", e);
-    return false;
-  }
-};
-
-// src/table/lib/table-controls.ts
-var import_core = require("@tiptap/core");
-var import_state = require("@tiptap/pm/state");
-var import_view = require("@tiptap/pm/view");
-function tableControls() {
-  const key = new import_state.PluginKey("tableControls");
-  return new import_state.Plugin({
-    key,
-    state: {
-      init() {
-        return new TableControlsState(key);
-      },
-      apply(tr, prev) {
-        return prev.apply(tr);
-      }
-    },
-    props: {
-      handleDOMEvents: {
-        mousemove: (view, event) => {
-          var _a;
-          const pluginState = key.getState(view.state);
-          if (!event.target.closest(".table-node-view") && pluginState.values.hoveredTable) {
-            return view.dispatch(
-              view.state.tr.setMeta(key, {
-                setHoveredTable: null,
-                setHoveredCell: null
-              })
-            );
-          }
-          const pos = view.posAtCoords({
-            left: event.clientX,
-            top: event.clientY
-          });
-          if (!pos || pos.pos < 0 || pos.pos > view.state.doc.content.size)
-            return;
-          const table = (0, import_core.findParentNode)((node) => node.type.name === "table")(
-            import_state.TextSelection.create(view.state.doc, pos.pos)
-          );
-          const cell = (0, import_core.findParentNode)(
-            (node) => node.type.name === "tableCell" || node.type.name === "tableHeader"
-          )(import_state.TextSelection.create(view.state.doc, pos.pos));
-          if (!table || !cell) return;
-          if (((_a = pluginState.values.hoveredCell) == null ? void 0 : _a.pos) !== cell.pos) {
-            return view.dispatch(
-              view.state.tr.setMeta(key, {
-                setHoveredTable: table,
-                setHoveredCell: cell
-              })
-            );
-          }
-        }
-      },
-      decorations: (state) => {
-        const pluginState = key.getState(state);
-        if (!pluginState) {
-          return null;
-        }
-        const { hoveredTable, hoveredCell } = pluginState.values;
-        const docSize = state.doc.content.size;
-        if (hoveredTable && hoveredCell && hoveredTable.pos < docSize && hoveredCell.pos < docSize) {
-          const decorations = [
-            import_view.Decoration.node(
-              hoveredTable.pos,
-              hoveredTable.pos + hoveredTable.node.nodeSize,
-              {},
-              {
-                hoveredTable,
-                hoveredCell
-              }
-            )
-          ];
-          return import_view.DecorationSet.create(state.doc, decorations);
-        }
-        return null;
-      }
-    }
-  });
-}
-var TableControlsState = class {
-  constructor(key, props = {}) {
-    __publicField(this, "values");
-    __publicField(this, "key");
-    this.key = key;
-    this.values = {
-      hoveredTable: null,
-      hoveredCell: null,
-      ...props
-    };
-  }
-  apply(tr) {
-    const actions = tr.getMeta(this.key);
-    if ((actions == null ? void 0 : actions.setHoveredTable) !== void 0) {
-      this.values.hoveredTable = actions.setHoveredTable;
-    }
-    if ((actions == null ? void 0 : actions.setHoveredCell) !== void 0) {
-      this.values.hoveredCell = actions.setHoveredCell;
-    }
-    return this;
-  }
-};
-
-// src/table/views/table-node-view.tsx
-var import_tables3 = require("@tiptap/pm/tables");
-var import_react3 = require("@tiptap/react");
-var import_react4 = require("react");
-
-// src/table/views/table-column-menu.tsx
-var import_dropdown_menu = require("@kopexa/dropdown-menu");
-var import_tables = require("@tiptap/pm/tables");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-function TableColumnMenu({
-  editor,
-  cellPos,
-  style
-}) {
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const chainAtCell = (0, import_react.useCallback)(() => {
-    const chain = editor.chain().focus();
-    if (cellPos != null) {
-      return chain.setTextSelection(cellPos + 1);
-    }
-    return chain;
-  }, [editor, cellPos]);
-  const handleToggleHeader = (0, import_react.useCallback)(() => {
-    chainAtCell().command(({ state, dispatch }) => (0, import_tables.toggleHeaderColumn)(state, dispatch)).run();
-    setOpen(false);
-  }, [chainAtCell]);
-  const handleAddBefore = (0, import_react.useCallback)(() => {
-    chainAtCell().addColumnBefore().run();
-    setOpen(false);
-  }, [chainAtCell]);
-  const handleAddAfter = (0, import_react.useCallback)(() => {
-    chainAtCell().addColumnAfter().run();
-    setOpen(false);
-  }, [chainAtCell]);
-  const handleDelete = (0, import_react.useCallback)(() => {
-    chainAtCell().deleteColumn().run();
-    setOpen(false);
-  }, [chainAtCell]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "columns-control-div",
-        "aria-label": "Column actions",
-        style
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu.Group, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect: handleToggleHeader, children: "Toggle header column" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect: handleAddBefore, children: "Insert column before" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { onSelect: handleAddAfter, children: "Insert column after" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Separator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenu.Item, { variant: "destructive", onSelect: handleDelete, children: "Delete column" })
-    ] })
-  ] });
-}
-
-// src/table/views/table-row-menu.tsx
-var import_dropdown_menu2 = require("@kopexa/dropdown-menu");
-var import_tables2 = require("@tiptap/pm/tables");
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function TableRowMenu({ editor, cellPos, style }) {
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  const chainAtCell = (0, import_react2.useCallback)(() => {
-    const chain = editor.chain().focus();
-    if (cellPos != null) {
-      return chain.setTextSelection(cellPos + 1);
-    }
-    return chain;
-  }, [editor, cellPos]);
-  const handleToggleHeader = (0, import_react2.useCallback)(() => {
-    chainAtCell().command(({ state, dispatch }) => (0, import_tables2.toggleHeaderRow)(state, dispatch)).run();
-    setOpen(false);
-  }, [chainAtCell]);
-  const handleAddAbove = (0, import_react2.useCallback)(() => {
-    chainAtCell().addRowBefore().run();
-    setOpen(false);
-  }, [chainAtCell]);
-  const handleAddBelow = (0, import_react2.useCallback)(() => {
-    chainAtCell().addRowAfter().run();
-    setOpen(false);
-  }, [chainAtCell]);
-  const handleDelete = (0, import_react2.useCallback)(() => {
-    chainAtCell().deleteRow().run();
-    setOpen(false);
-  }, [chainAtCell]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_dropdown_menu2.DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dropdown_menu2.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "rows-control-div",
-        "aria-label": "Row actions",
-        style
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_dropdown_menu2.DropdownMenu.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_dropdown_menu2.DropdownMenu.Group, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dropdown_menu2.DropdownMenu.Item, { onSelect: handleToggleHeader, children: "Toggle header row" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dropdown_menu2.DropdownMenu.Item, { onSelect: handleAddAbove, children: "Insert row above" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dropdown_menu2.DropdownMenu.Item, { onSelect: handleAddBelow, children: "Insert row below" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dropdown_menu2.DropdownMenu.Separator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dropdown_menu2.DropdownMenu.Item, { variant: "destructive", onSelect: handleDelete, children: "Delete row" })
-    ] })
-  ] });
-}
-
-// src/table/views/table-node-view.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function extractHoverInfo(decorations) {
-  const info = {};
-  for (const dec of decorations) {
-    const spec = dec.spec;
-    if ((spec == null ? void 0 : spec.hoveredCell) !== void 0)
-      info.hoveredCell = spec.hoveredCell;
-    if ((spec == null ? void 0 : spec.hoveredTable) !== void 0)
-      info.hoveredTable = spec.hoveredTable;
-  }
-  return info;
-}
-function TableNodeView({
-  editor,
-  node,
-  decorations,
-  getPos
-}) {
-  const wrapperRef = (0, import_react4.useRef)(null);
-  const scrollRef = (0, import_react4.useRef)(null);
-  const isEditable = (0, import_react3.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const cellMinWidth = (0, import_react4.useMemo)(() => {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = editor.extensionManager.extensions.find((ext) => ext.name === "table")) == null ? void 0 : _a.options) == null ? void 0 : _b.cellMinWidth) != null ? _c : 100;
-  }, [editor]);
-  const map = (0, import_react4.useMemo)(() => import_tables3.TableMap.get(node), [node]);
-  const [isSideHovered, setIsSideHovered] = (0, import_react4.useState)(false);
-  const [isBottomHovered, setIsBottomHovered] = (0, import_react4.useState)(false);
-  const { hoveredTable, hoveredCell } = (0, import_react4.useMemo)(
-    () => extractHoverInfo(decorations),
-    [decorations]
-  );
-  const controlsDisabled = !hoveredTable || !hoveredCell;
-  (0, import_react4.useEffect)(() => {
-    var _a;
-    const table = (_a = scrollRef.current) == null ? void 0 : _a.querySelector("table");
-    if (!table) return;
-    let colgroup = table.querySelector("colgroup");
-    if (!colgroup) {
-      colgroup = document.createElement("colgroup");
-      table.insertBefore(colgroup, table.firstChild);
-    }
-    const width = map.width;
-    while (colgroup.children.length < width) {
-      colgroup.appendChild(document.createElement("col"));
-    }
-    while (colgroup.children.length > width) {
-      if (colgroup.lastChild) colgroup.removeChild(colgroup.lastChild);
-    }
-    (0, import_tables3.updateColumnsOnResize)(node, colgroup, table, cellMinWidth);
-  }, [node, map.width, cellMinWidth]);
-  const [controlPos, setControlPos] = (0, import_react4.useState)(null);
-  const updatePositions = (0, import_react4.useCallback)(() => {
-    if (!hoveredCell || !wrapperRef.current) {
-      setControlPos(null);
-      return;
-    }
-    const cellDom = editor.view.nodeDOM(hoveredCell.pos);
-    if (!cellDom) {
-      setControlPos(null);
-      return;
-    }
-    const wrapperRect = wrapperRef.current.getBoundingClientRect();
-    const cellRect = cellDom.getBoundingClientRect();
-    setControlPos({
-      columnLeft: cellRect.left - wrapperRect.left,
-      columnWidth: cellRect.width,
-      rowTop: cellRect.top - wrapperRect.top,
-      rowHeight: cellRect.height
-    });
-  }, [hoveredCell, editor.view]);
-  (0, import_react4.useEffect)(() => {
-    updatePositions();
-    const scrollEl = scrollRef.current;
-    if (!scrollEl) return;
-    scrollEl.addEventListener("scroll", updatePositions, { passive: true });
-    return () => scrollEl.removeEventListener("scroll", updatePositions);
-  }, [updatePositions]);
-  const handleMouseMove = (0, import_react4.useCallback)(
-    (e) => {
-      if (!isEditable) return;
-      const rect = e.currentTarget.getBoundingClientRect();
-      const x = e.clientX - rect.left;
-      const y = e.clientY - rect.top;
-      const threshold = 50;
-      setIsSideHovered(x >= rect.width - threshold);
-      setIsBottomHovered(y >= rect.height - threshold);
-    },
-    [isEditable]
-  );
-  const handleMouseLeave = (0, import_react4.useCallback)((e) => {
-    const relatedTarget = e.relatedTarget;
-    const currentTarget = e.currentTarget;
-    if (relatedTarget instanceof Node && currentTarget instanceof Node && currentTarget.contains(relatedTarget)) {
-      return;
-    }
-    if (wrapperRef.current && relatedTarget instanceof Node && wrapperRef.current.contains(relatedTarget)) {
-      return;
-    }
-    setIsSideHovered(false);
-    setIsBottomHovered(false);
-  }, []);
-  const focusTable = (0, import_react4.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return false;
-    try {
-      const resolvedPos = editor.state.doc.resolve(pos + 1);
-      const table = resolvedPos.node(1);
-      if ((table == null ? void 0 : table.type.name) === "table") {
-        let cellPos = pos + 1;
-        table.descendants((n, nodePos) => {
-          if (n.type.name === "tableCell" || n.type.name === "tableHeader") {
-            cellPos = pos + 1 + nodePos + 1;
-            return false;
-          }
-          return true;
-        });
-        editor.chain().focus().setTextSelection(cellPos).run();
-        return true;
-      }
-    } catch {
-    }
-    return false;
-  }, [editor, getPos]);
-  const handleAddColumn = (0, import_react4.useCallback)(() => {
-    if (focusTable()) {
-      editor.chain().addColumnAfter().run();
-    } else {
-      editor.chain().focus().addColumnAfter().run();
-    }
-  }, [editor, focusTable]);
-  const handleAddRow = (0, import_react4.useCallback)(() => {
-    if (focusTable()) {
-      editor.chain().addRowAfter().run();
-    } else {
-      editor.chain().focus().addRowAfter().run();
-    }
-  }, [editor, focusTable]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    import_react3.NodeViewWrapper,
-    {
-      ref: wrapperRef,
-      className: [
-        "table-node-view pr-6 pb-6",
-        controlsDisabled ? "controls--disabled" : ""
-      ].join(" "),
-      onMouseEnter: handleMouseMove,
-      onMouseMove: handleMouseMove,
-      onMouseLeave: handleMouseLeave,
-      "data-type": "table",
-      children: [
-        isEditable && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "table-controls", contentEditable: false, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "div",
-            {
-              className: "rows-control",
-              style: controlPos ? {
-                top: `${controlPos.rowTop}px`,
-                height: `${controlPos.rowHeight}px`
-              } : void 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TableRowMenu, { editor, cellPos: hoveredCell == null ? void 0 : hoveredCell.pos })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "div",
-            {
-              className: "columns-control",
-              style: controlPos ? {
-                left: `${controlPos.columnLeft}px`,
-                width: `${controlPos.columnWidth}px`
-              } : void 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TableColumnMenu, { editor, cellPos: hoveredCell == null ? void 0 : hoveredCell.pos })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "div",
-          {
-            ref: scrollRef,
-            className: "table-wrapper horizontal-scrollbar scrollbar-md",
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react3.NodeViewContent, { as: "table" })
-          }
-        ),
-        isEditable && isSideHovered && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "div",
-          {
-            className: "absolute -right-6 top-0 h-full flex items-center",
-            contentEditable: false,
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "button",
-              {
-                type: "button",
-                className: "w-4 h-full hover:bg-accent cursor-pointer flex items-center justify-center rounded-sm transition-colors text-muted-foreground text-xs",
-                onClick: handleAddColumn,
-                "aria-label": "Add column",
-                children: "+"
-              }
-            )
-          }
-        ),
-        isEditable && isBottomHovered && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "div",
-          {
-            className: "absolute -bottom-6 left-0 w-full flex justify-center",
-            contentEditable: false,
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "button",
-              {
-                type: "button",
-                className: "h-4 w-full hover:bg-accent cursor-pointer flex items-center justify-center rounded-sm transition-colors text-muted-foreground text-xs",
-                onClick: handleAddRow,
-                "aria-label": "Add row",
-                children: "+"
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/table/table.ts
-var Table = import_extension_table.Table.extend({
-  addOptions() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      HTMLAttributes: {},
-      resizable: true,
-      handleWidth: 5,
-      cellMinWidth: 100,
-      lastColumnResizable: true,
-      allowTableNodeSelection: true,
-      renderWrapper: true,
-      View: null
-    };
-  },
-  addKeyboardShortcuts() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      Tab: () => {
-        if (this.editor.isActive("table")) {
-          if (this.editor.isActive("listItem") || this.editor.isActive("taskItem")) {
-            return false;
-          }
-          if (this.editor.commands.goToNextCell()) {
-            return true;
-          }
-          if (!this.editor.can().addRowAfter()) {
-            return false;
-          }
-          return this.editor.chain().addRowAfter().goToNextCell().run();
-        }
-        return false;
-      },
-      ArrowDown: insertLineBelowTableAction,
-      ArrowUp: insertLineAboveTableAction
-    };
-  },
-  addNodeView() {
-    return (0, import_react5.ReactNodeViewRenderer)(TableNodeView, {
-      contentDOMElementTag: "tbody",
-      stopEvent: ({ event }) => {
-        const target = event.target;
-        if (target.closest("button, [role='button'], input, a")) {
-          return true;
-        }
-        return false;
-      }
-    });
-  },
-  addProseMirrorPlugins() {
-    const isResizable = this.options.resizable && this.editor.isEditable;
-    const plugins = [
-      (0, import_tables4.tableEditing)({
-        allowTableNodeSelection: this.options.allowTableNodeSelection
-      }),
-      tableControls()
-    ];
-    if (isResizable) {
-      plugins.unshift(
-        (0, import_tables4.columnResizing)({
-          handleWidth: this.options.handleWidth,
-          cellMinWidth: this.options.cellMinWidth,
-          lastColumnResizable: this.options.lastColumnResizable
-        })
-      );
-    }
-    return plugins;
-  }
-});
-
-// src/table-cell.ts
-var import_core2 = require("@tiptap/core");
-var TableCell = import_core2.Node.create({
-  name: "tableCell",
-  content: "block+",
-  tableRole: "cell",
-  isolating: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  parseHTML() {
-    return [{ tag: "td" }];
-  },
-  renderHTML({ node, HTMLAttributes }) {
-    const attrs = {};
-    if (node.attrs.align) {
-      attrs["data-align"] = node.attrs.align;
-      attrs.style = `text-align: ${node.attrs.align}`;
-    }
-    if (node.attrs.backgroundColor) {
-      attrs["data-background-color"] = node.attrs.backgroundColor;
-    }
-    return [
-      "td",
-      (0, import_core2.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, attrs),
-      0
-    ];
-  },
-  addAttributes() {
-    return {
-      colspan: {
-        default: 1,
-        parseHTML: (element) => {
-          const colspan = element.getAttribute("colspan");
-          return colspan ? Number.parseInt(colspan, 10) : 1;
-        }
-      },
-      rowspan: {
-        default: 1,
-        parseHTML: (element) => {
-          const rowspan = element.getAttribute("rowspan");
-          return rowspan ? Number.parseInt(rowspan, 10) : 1;
-        }
-      },
-      colwidth: {
-        default: null,
-        parseHTML: (element) => {
-          const colwidth = element.getAttribute("colwidth");
-          return colwidth ? colwidth.split(",").map((w) => Number.parseInt(w, 10)) : null;
-        }
-      },
-      align: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-align")
-      },
-      backgroundColor: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-background-color")
-      }
-    };
-  }
-});
-
-// src/table-header.ts
-var import_core3 = require("@tiptap/core");
-var import_extension_table2 = require("@tiptap/extension-table");
-var TableHeader = import_extension_table2.TableHeader.extend({
-  renderHTML({ node, HTMLAttributes }) {
-    const attrs = {};
-    if (node.attrs.align) {
-      attrs["data-align"] = node.attrs.align;
-      attrs.style = `text-align: ${node.attrs.align}`;
-    }
-    return [
-      "th",
-      (0, import_core3.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, attrs),
-      0
-    ];
-  },
-  addAttributes() {
-    return {
-      colspan: {
-        default: 1
-      },
-      rowspan: {
-        default: 1
-      },
-      colwidth: {
-        default: null,
-        parseHTML: (element) => {
-          const colwidth = element.getAttribute("colwidth");
-          return colwidth ? colwidth.split(",").map((w) => Number.parseInt(w, 10)) : null;
-        }
-      },
-      align: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-align")
-      }
-    };
-  }
-});
-
-// src/table-row.ts
-var import_extension_table3 = require("@tiptap/extension-table");
-var TableRow = import_extension_table3.TableRow.extend({
-  content: "(tableCell | tableHeader)*",
-  addOptions() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      HTMLAttributes: {
-        class: "min-w-full"
-      }
-    };
-  }
-});
-
-// src/kit.ts
-var TableKit = import_react6.Extension.create({
-  name: "tableKit",
-  addExtensions() {
-    const extensions = [];
-    if (this.options.table !== false) {
-      extensions.push(Table.configure(this.options.table));
-    }
-    if (this.options.tableCell !== false) {
-      extensions.push(TableCell.configure(this.options.tableCell));
-    }
-    if (this.options.tableHeader !== false) {
-      extensions.push(TableHeader.configure(this.options.tableHeader));
-    }
-    if (this.options.tableRow !== false) {
-      extensions.push(TableRow.configure(this.options.tableRow));
-    }
-    return extensions;
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TableKit
-});