@tiptap/extension-drag-handle 2.22.0

package/README.md

@@ -0,0 +1,14 @@
+# @tiptap/extension-drag-handle
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-drag-handle.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-drag-handle)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-drag-handle.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-drag-handle.svg)](https://www.npmjs.com/package/@tiptap/extension-drag-handle)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.
+
+## Official Documentation
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).

package/dist/drag-handle-plugin.d.ts

@@ -0,0 +1,20 @@
+import { Editor } from '@tiptap/core';
+import { Node } from '@tiptap/pm/model';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+import { Props as TippyProps } from 'tippy.js';
+export interface DragHandlePluginProps {
+    pluginKey?: PluginKey | string;
+    editor: Editor;
+    element: HTMLElement;
+    onNodeChange?: (data: {
+        editor: Editor;
+        node: Node | null;
+        pos: number;
+    }) => void;
+    tippyOptions?: Partial<TippyProps>;
+}
+export declare const dragHandlePluginDefaultKey: PluginKey<any>;
+export declare const DragHandlePlugin: ({ pluginKey, element, editor, tippyOptions, onNodeChange, }: DragHandlePluginProps) => Plugin<{
+    locked: boolean;
+}>;
+//# sourceMappingURL=drag-handle-plugin.d.ts.map

package/dist/drag-handle-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-handle-plugin.d.ts","sourceRoot":"","sources":["../src/drag-handle-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EACQ,MAAM,EAAE,SAAS,EAE/B,MAAM,kBAAkB,CAAA;AAEzB,OAAc,EAAY,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AA+C/D,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,YAAY,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,0BAA0B,gBAA8B,CAAA;AAErE,eAAO,MAAM,gBAAgB,gEAM1B,qBAAqB;;EA0SvB,CAAA"}

package/dist/drag-handle.d.ts

@@ -0,0 +1,44 @@
+import { Editor, Extension } from '@tiptap/core';
+import { Node } from '@tiptap/pm/model';
+import { Props } from 'tippy.js';
+export interface DragHandleOptions {
+    /**
+     * Renders an element that is positioned with tippy.js
+     */
+    render(): HTMLElement;
+    /**
+     * Options for tippy.js
+     */
+    tippyOptions?: Partial<Props>;
+    /**
+     * Locks the draghandle in place and visibility
+     */
+    locked?: boolean;
+    /**
+     * Returns a node or null when a node is hovered over
+     */
+    onNodeChange?: (options: {
+        node: Node | null;
+        editor: Editor;
+    }) => void;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        dragHandle: {
+            /**
+             * Locks the draghandle in place and visibility
+             */
+            lockDragHandle: () => ReturnType;
+            /**
+             * Unlocks the draghandle
+             */
+            unlockDragHandle: () => ReturnType;
+            /**
+             * Toggle draghandle lock state
+             */
+            toggleDragHandle: () => ReturnType;
+        };
+    }
+}
+export declare const DragHandle: Extension<DragHandleOptions, any>;
+//# sourceMappingURL=drag-handle.d.ts.map

package/dist/drag-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-handle.d.ts","sourceRoot":"","sources":["../src/drag-handle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,IAAK,WAAW,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACzE;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,UAAU,EAAE;YACV;;eAEG;YACH,cAAc,EAAE,MAAM,UAAU,CAAC;YACjC;;eAEG;YACH,gBAAgB,EAAE,MAAM,UAAU,CAAC;YACnC;;eAEG;YACH,gBAAgB,EAAE,MAAM,UAAU,CAAC;SACpC,CAAA;KACF;CACF;AAED,eAAO,MAAM,UAAU,mCA+CrB,CAAA"}

package/dist/helpers/cloneElement.d.ts

@@ -0,0 +1,2 @@
+export declare function cloneElement(node: HTMLElement): HTMLElement;
+//# sourceMappingURL=cloneElement.d.ts.map

package/dist/helpers/cloneElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneElement.d.ts","sourceRoot":"","sources":["../../src/helpers/cloneElement.ts"],"names":[],"mappings":"AAWA,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,eAU7C"}

package/dist/helpers/dragHandler.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from '@tiptap/core';
+export declare function dragHandler(event: DragEvent, editor: Editor): void;
+//# sourceMappingURL=dragHandler.d.ts.map

package/dist/helpers/dragHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragHandler.d.ts","sourceRoot":"","sources":["../../src/helpers/dragHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AA2CrC,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,QA0D3D"}

package/dist/helpers/findNextElementFromCursor.d.ts

@@ -0,0 +1,14 @@
+import { Editor } from '@tiptap/core';
+import { Node } from '@tiptap/pm/model';
+export type FindElementNextToCoords = {
+    x: number;
+    y: number;
+    direction?: 'left' | 'right';
+    editor: Editor;
+};
+export declare const findElementNextToCoords: (options: FindElementNextToCoords) => {
+    resultElement: HTMLElement | null;
+    resultNode: Node | null;
+    pos: number | null;
+};
+//# sourceMappingURL=findNextElementFromCursor.d.ts.map

package/dist/helpers/findNextElementFromCursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findNextElementFromCursor.d.ts","sourceRoot":"","sources":["../../src/helpers/findNextElementFromCursor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,uBAAuB,YAAa,uBAAuB;;;;CA4CvE,CAAA"}

package/dist/helpers/getComputedStyle.d.ts

@@ -0,0 +1,2 @@
+export declare function getComputedStyle(node: Element, property: keyof CSSStyleDeclaration): any;
+//# sourceMappingURL=getComputedStyle.d.ts.map

package/dist/helpers/getComputedStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getComputedStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/getComputedStyle.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,GAAG,GAAG,CAIxF"}

package/dist/helpers/getInnerCoords.d.ts

@@ -0,0 +1,6 @@
+import { EditorView } from '@tiptap/pm/view';
+export declare function getInnerCoords(view: EditorView, x: number, y: number): {
+    left: number;
+    top: number;
+};
+//# sourceMappingURL=getInnerCoords.d.ts.map

package/dist/helpers/getInnerCoords.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInnerCoords.d.ts","sourceRoot":"","sources":["../../src/helpers/getInnerCoords.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAK5C,wBAAgB,cAAc,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAgBpG"}

package/dist/helpers/getOuterNode.d.ts

@@ -0,0 +1,4 @@
+import { Node } from '@tiptap/pm/model';
+export declare const getOuterNodePos: (doc: Node, pos: number) => number;
+export declare const getOuterNode: (doc: Node, pos: number) => Node | null;
+//# sourceMappingURL=getOuterNode.d.ts.map

package/dist/helpers/getOuterNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOuterNode.d.ts","sourceRoot":"","sources":["../../src/helpers/getOuterNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,eAAO,MAAM,eAAe,QAAS,IAAI,OAAO,MAAM,KAAG,MAWxD,CAAA;AAED,eAAO,MAAM,YAAY,QAAS,IAAI,OAAO,MAAM,KAAG,IAAI,GAAG,IAkB5D,CAAA"}

package/dist/helpers/minMax.d.ts

@@ -0,0 +1,2 @@
+export declare function minMax(value?: number, min?: number, max?: number): number;
+//# sourceMappingURL=minMax.d.ts.map

package/dist/helpers/minMax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minMax.d.ts","sourceRoot":"","sources":["../../src/helpers/minMax.ts"],"names":[],"mappings":"AAAA,wBAAgB,MAAM,CAAC,KAAK,SAAI,EAAE,GAAG,SAAI,EAAE,GAAG,SAAI,GAAG,MAAM,CAE1D"}

package/dist/helpers/removeNode.d.ts

@@ -0,0 +1,2 @@
+export declare function removeNode(node: HTMLElement): void;
+//# sourceMappingURL=removeNode.d.ts.map

package/dist/helpers/removeNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeNode.d.ts","sourceRoot":"","sources":["../../src/helpers/removeNode.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,QAE3C"}