@ctzhian/tiptap 1.13.9 → 2.1.0

package/dist/extension/node/TableHandler/index.d.ts

@@ -0,0 +1,15 @@
+import { Extension } from '@tiptap/core';
+import type { TableHandlesState } from './plugin';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        tableHandle: {
+            freezeHandles: () => ReturnType;
+            unfreezeHandles: () => ReturnType;
+        };
+    }
+    interface EditorEvents {
+        tableHandleState: TableHandlesState;
+    }
+}
+export declare const TableHandleExtension: Extension<any, any>;
+export * from './plugin';

package/dist/extension/node/TableHandler/index.js

@@ -0,0 +1,33 @@
+import { Extension } from '@tiptap/core';
+import { TableHandlePlugin, tableHandlePluginKey } from "./plugin";
+export var TableHandleExtension = Extension.create({
+  name: 'tableHandleExtension',
+  addCommands: function addCommands() {
+    return {
+      freezeHandles: function freezeHandles() {
+        return function (_ref) {
+          var tr = _ref.tr,
+            dispatch = _ref.dispatch;
+          if (dispatch) tr.setMeta(tableHandlePluginKey, true);
+          return true;
+        };
+      },
+      unfreezeHandles: function unfreezeHandles() {
+        return function (_ref2) {
+          var tr = _ref2.tr,
+            dispatch = _ref2.dispatch;
+          if (dispatch) tr.setMeta(tableHandlePluginKey, false);
+          return true;
+        };
+      }
+    };
+  },
+  addProseMirrorPlugins: function addProseMirrorPlugins() {
+    var _this = this;
+    var editor = this.editor;
+    return [TableHandlePlugin(editor, function (state) {
+      _this.editor.emit('tableHandleState', state);
+    })];
+  }
+});
+export * from "./plugin";

package/dist/extension/node/TableHandler/plugin.d.ts

@@ -0,0 +1,49 @@
+import type { Editor } from '@tiptap/core';
+import type { Node as TiptapNode } from '@tiptap/pm/model';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+export type TableHandlesState = {
+    show: boolean;
+    showAddOrRemoveRowsButton: boolean;
+    showAddOrRemoveColumnsButton: boolean;
+    referencePosCell?: DOMRect;
+    referencePosTable: DOMRect;
+    referencePosLastRow?: DOMRect;
+    referencePosLastCol?: DOMRect;
+    block: TiptapNode;
+    blockPos: number;
+    colIndex: number | undefined;
+    rowIndex: number | undefined;
+    draggingState?: {
+        draggedCellOrientation: 'row' | 'col';
+        originalIndex: number;
+        mousePos: number;
+        initialOffset: number;
+        originalCellSize?: {
+            width: number;
+            height: number;
+        };
+    } | undefined;
+    widgetContainer: HTMLElement | undefined;
+};
+export declare const tableHandlePluginKey: PluginKey<any>;
+export declare function TableHandlePlugin(editor: Editor, emitUpdate: (state: TableHandlesState) => void): Plugin;
+/**
+ * Callback for column drag handle
+ */
+export declare const colDragStart: (event: {
+    dataTransfer: DataTransfer | null;
+    currentTarget: EventTarget & Element;
+    clientX: number;
+}) => void;
+/**
+ * Callback for row drag handle
+ */
+export declare const rowDragStart: (event: {
+    dataTransfer: DataTransfer | null;
+    currentTarget: EventTarget & Element;
+    clientY: number;
+}) => void;
+/**
+ * Drag end cleanup
+ */
+export declare const dragEnd: () => void;