@kopexa/extension-table 17.0.46 → 17.1.1

package/dist/chunk-3XEOCAHB.mjs

@@ -1,41 +0,0 @@
-"use client";
-
-// src/table/lib/insert-line-above-table-action.ts
-import { findParentNodeOfType } from "@kopexa/editor-utils";
-var insertLineAboveTableAction = ({
-  editor
-}) => {
-  if (!editor.isActive("table")) return false;
-  try {
-    const { selection } = editor.state;
-    const tableNode = 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;
-  }
-};
-
-export {
-  insertLineAboveTableAction
-};

package/dist/chunk-5W5ARI64.mjs

@@ -1,11 +0,0 @@
-"use client";
-
-// src/table/lib/is-cell-selection.ts
-import { CellSelection } from "@tiptap/pm/tables";
-function isCellSelection(value) {
-  return value instanceof CellSelection;
-}
-
-export {
-  isCellSelection
-};

package/dist/chunk-BTJ3DCGC.mjs

@@ -1,113 +0,0 @@
-"use client";
-import {
-  __publicField
-} from "./chunk-WKV76XOR.mjs";
-
-// src/table/lib/table-controls.ts
-import { findParentNode } from "@tiptap/core";
-import {
-  Plugin,
-  PluginKey,
-  TextSelection
-} from "@tiptap/pm/state";
-import { Decoration, DecorationSet } from "@tiptap/pm/view";
-function tableControls() {
-  const key = new PluginKey("tableControls");
-  return new 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 = findParentNode((node) => node.type.name === "table")(
-            TextSelection.create(view.state.doc, pos.pos)
-          );
-          const cell = findParentNode(
-            (node) => node.type.name === "tableCell" || node.type.name === "tableHeader"
-          )(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 = [
-            Decoration.node(
-              hoveredTable.pos,
-              hoveredTable.pos + hoveredTable.node.nodeSize,
-              {},
-              {
-                hoveredTable,
-                hoveredCell
-              }
-            )
-          ];
-          return 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;
-  }
-};
-
-export {
-  tableControls
-};

package/dist/chunk-DR2GZJH6.mjs

@@ -1,70 +0,0 @@
-"use client";
-
-// src/table-cell.ts
-import { mergeAttributes, Node } from "@tiptap/core";
-var TableCell = 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",
-      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")
-      }
-    };
-  }
-});
-
-export {
-  TableCell
-};

package/dist/chunk-GHOJLOCF.mjs

@@ -1,247 +0,0 @@
-"use client";
-import {
-  TableRowMenu
-} from "./chunk-KNOMCS6F.mjs";
-import {
-  TableColumnMenu
-} from "./chunk-QHD3QTD2.mjs";
-
-// src/table/views/table-node-view.tsx
-import { TableMap, updateColumnsOnResize } from "@tiptap/pm/tables";
-import {
-  NodeViewContent,
-  NodeViewWrapper,
-  useEditorState
-} from "@tiptap/react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "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 = useRef(null);
-  const scrollRef = useRef(null);
-  const isEditable = useEditorState({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const cellMinWidth = 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 = useMemo(() => TableMap.get(node), [node]);
-  const [isSideHovered, setIsSideHovered] = useState(false);
-  const [isBottomHovered, setIsBottomHovered] = useState(false);
-  const { hoveredTable, hoveredCell } = useMemo(
-    () => extractHoverInfo(decorations),
-    [decorations]
-  );
-  const controlsDisabled = !hoveredTable || !hoveredCell;
-  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);
-    }
-    updateColumnsOnResize(node, colgroup, table, cellMinWidth);
-  }, [node, map.width, cellMinWidth]);
-  const [controlPos, setControlPos] = useState(null);
-  const updatePositions = 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]);
-  useEffect(() => {
-    updatePositions();
-    const scrollEl = scrollRef.current;
-    if (!scrollEl) return;
-    scrollEl.addEventListener("scroll", updatePositions, { passive: true });
-    return () => scrollEl.removeEventListener("scroll", updatePositions);
-  }, [updatePositions]);
-  const handleMouseMove = 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 = 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 = 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 = useCallback(() => {
-    if (focusTable()) {
-      editor.chain().addColumnAfter().run();
-    } else {
-      editor.chain().focus().addColumnAfter().run();
-    }
-  }, [editor, focusTable]);
-  const handleAddRow = useCallback(() => {
-    if (focusTable()) {
-      editor.chain().addRowAfter().run();
-    } else {
-      editor.chain().focus().addRowAfter().run();
-    }
-  }, [editor, focusTable]);
-  return /* @__PURE__ */ jsxs(
-    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__ */ jsxs("div", { className: "table-controls", contentEditable: false, children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "rows-control",
-              style: controlPos ? {
-                top: `${controlPos.rowTop}px`,
-                height: `${controlPos.rowHeight}px`
-              } : void 0,
-              children: /* @__PURE__ */ jsx(TableRowMenu, { editor, cellPos: hoveredCell == null ? void 0 : hoveredCell.pos })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "columns-control",
-              style: controlPos ? {
-                left: `${controlPos.columnLeft}px`,
-                width: `${controlPos.columnWidth}px`
-              } : void 0,
-              children: /* @__PURE__ */ jsx(TableColumnMenu, { editor, cellPos: hoveredCell == null ? void 0 : hoveredCell.pos })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: scrollRef,
-            className: "table-wrapper horizontal-scrollbar scrollbar-md",
-            children: /* @__PURE__ */ jsx(NodeViewContent, { as: "table" })
-          }
-        ),
-        isEditable && isSideHovered && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "absolute -right-6 top-0 h-full flex items-center",
-            contentEditable: false,
-            children: /* @__PURE__ */ 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__ */ jsx(
-          "div",
-          {
-            className: "absolute -bottom-6 left-0 w-full flex justify-center",
-            contentEditable: false,
-            children: /* @__PURE__ */ 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: "+"
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  TableNodeView
-};

package/dist/chunk-HWVA6DOK.mjs

@@ -1,20 +0,0 @@
-"use client";
-
-// src/table-row.ts
-import { TableRow as TiptapTableRow } from "@tiptap/extension-table";
-var TableRow = TiptapTableRow.extend({
-  content: "(tableCell | tableHeader)*",
-  addOptions() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      HTMLAttributes: {
-        class: "min-w-full"
-      }
-    };
-  }
-});
-
-export {
-  TableRow
-};

package/dist/chunk-KLUH6EZS.mjs

@@ -1,40 +0,0 @@
-"use client";
-
-// src/table/lib/insert-line-below-table-action.ts
-import { findParentNodeOfType } from "@kopexa/editor-utils";
-var insertLineBelowTableAction = ({
-  editor
-}) => {
-  if (!editor.isActive("table")) return false;
-  try {
-    const { selection } = editor.state;
-    const tableNode = 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;
-  }
-};
-
-export {
-  insertLineBelowTableAction
-};

package/dist/chunk-KNOMCS6F.mjs

@@ -1,57 +0,0 @@
-"use client";
-
-// src/table/views/table-row-menu.tsx
-import { DropdownMenu } from "@kopexa/dropdown-menu";
-import { toggleHeaderRow as pmToggleHeaderRow } from "@tiptap/pm/tables";
-import { useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TableRowMenu({ editor, cellPos, style }) {
-  const [open, setOpen] = useState(false);
-  const chainAtCell = useCallback(() => {
-    const chain = editor.chain().focus();
-    if (cellPos != null) {
-      return chain.setTextSelection(cellPos + 1);
-    }
-    return chain;
-  }, [editor, cellPos]);
-  const handleToggleHeader = useCallback(() => {
-    chainAtCell().command(({ state, dispatch }) => pmToggleHeaderRow(state, dispatch)).run();
-    setOpen(false);
-  }, [chainAtCell]);
-  const handleAddAbove = useCallback(() => {
-    chainAtCell().addRowBefore().run();
-    setOpen(false);
-  }, [chainAtCell]);
-  const handleAddBelow = useCallback(() => {
-    chainAtCell().addRowAfter().run();
-    setOpen(false);
-  }, [chainAtCell]);
-  const handleDelete = useCallback(() => {
-    chainAtCell().deleteRow().run();
-    setOpen(false);
-  }, [chainAtCell]);
-  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "rows-control-div",
-        "aria-label": "Row actions",
-        style
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(DropdownMenu.Content, { children: [
-      /* @__PURE__ */ jsxs(DropdownMenu.Group, { children: [
-        /* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect: handleToggleHeader, children: "Toggle header row" }),
-        /* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect: handleAddAbove, children: "Insert row above" }),
-        /* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect: handleAddBelow, children: "Insert row below" })
-      ] }),
-      /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
-      /* @__PURE__ */ jsx(DropdownMenu.Item, { variant: "destructive", onSelect: handleDelete, children: "Delete row" })
-    ] })
-  ] });
-}
-
-export {
-  TableRowMenu
-};

package/dist/chunk-LPHCE6EI.mjs

@@ -1,92 +0,0 @@
-"use client";
-import {
-  TableNodeView
-} from "./chunk-GHOJLOCF.mjs";
-import {
-  insertLineAboveTableAction
-} from "./chunk-3XEOCAHB.mjs";
-import {
-  insertLineBelowTableAction
-} from "./chunk-KLUH6EZS.mjs";
-import {
-  tableControls
-} from "./chunk-BTJ3DCGC.mjs";
-
-// src/table/table.ts
-import { Table as TiptapTable } from "@tiptap/extension-table";
-import { columnResizing, tableEditing } from "@tiptap/pm/tables";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-var Table = TiptapTable.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 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 = [
-      tableEditing({
-        allowTableNodeSelection: this.options.allowTableNodeSelection
-      }),
-      tableControls()
-    ];
-    if (isResizable) {
-      plugins.unshift(
-        columnResizing({
-          handleWidth: this.options.handleWidth,
-          cellMinWidth: this.options.cellMinWidth,
-          lastColumnResizable: this.options.lastColumnResizable
-        })
-      );
-    }
-    return plugins;
-  }
-});
-
-export {
-  Table
-};