payload-richtext-tiptap 0.0.158 → 0.0.160

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SuggestionMenu.js

@@ -0,0 +1,291 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { ReactRenderer } from '@tiptap/react';
+import Suggestion from '@tiptap/suggestion';
+import { PluginKey } from '@tiptap/pm/state';
+import { computePosition, offset, autoUpdate } from '@floating-ui/dom';
+let popupElement = null;
+let cleanupAutoUpdate = null;
+let isPopupVisible = false;
+// Helper functions to manage Floating UI popup
+const initPopup = ()=>{
+    if (!popupElement && typeof document !== 'undefined') {
+        popupElement = document.createElement('div');
+        popupElement.style.position = 'fixed';
+        popupElement.style.zIndex = '10000';
+        popupElement.style.maxWidth = '16rem';
+        popupElement.style.visibility = 'hidden';
+        popupElement.style.opacity = '0';
+        popupElement.style.transition = 'opacity 200ms';
+        popupElement.className = 'slash-command-menu';
+        document.body.appendChild(popupElement);
+    }
+    return popupElement;
+};
+const showPopup = ()=>{
+    if (popupElement && !isPopupVisible) {
+        isPopupVisible = true;
+        popupElement.style.display = 'block';
+        popupElement.style.visibility = 'visible';
+        popupElement.style.opacity = '1';
+    }
+};
+const hidePopup = ()=>{
+    if (popupElement) {
+        isPopupVisible = false;
+        popupElement.style.visibility = 'hidden';
+        popupElement.style.opacity = '0';
+        // Use setTimeout to wait for transition before hiding completely
+        setTimeout(()=>{
+            if (popupElement && !isPopupVisible) {
+                popupElement.style.display = 'none';
+            }
+        }, 200);
+    }
+};
+const updatePopupPosition = async (getReferenceRect)=>{
+    if (!popupElement || !isPopupVisible) return;
+    try {
+        const rect = getReferenceRect();
+        const virtualElement = {
+            getBoundingClientRect: ()=>rect
+        };
+        const { x, y } = await computePosition(virtualElement, popupElement, {
+            placement: 'bottom-start',
+            strategy: 'fixed',
+            middleware: [
+                offset({
+                    mainAxis: 8,
+                    crossAxis: 16
+                })
+            ]
+        });
+        popupElement.style.left = `${x}px`;
+        popupElement.style.top = `${y}px`;
+    } catch (error) {
+        console.error('Error updating popup position:', error);
+    }
+};
+export const SuggestionMenu = ({ editor, char, items, children })=>{
+    const [suggestionProps, setSuggestionProps] = useState(null);
+    const suggestionRef = useRef(null);
+    useEffect(()=>{
+        if (!editor) return;
+        // Clean up existing suggestion if it exists
+        if (suggestionRef.current) {
+            editor.unregisterPlugin(suggestionRef.current);
+        }
+        const suggestion = Suggestion({
+            editor,
+            char,
+            allowSpaces: true,
+            startOfLine: true,
+            pluginKey: new PluginKey('slash-suggestion'),
+            allow: ({ state, range })=>{
+                const $from = state.doc.resolve(range.from);
+                const isRootDepth = $from.depth === 1;
+                const isParagraph = $from.parent.type.name === 'paragraph';
+                const isStartOfNode = $from.parent.textContent?.charAt(0) === char;
+                const isInColumn = editor.isActive('column');
+                const afterContent = $from.parent.textContent?.substring($from.parent.textContent?.indexOf(char));
+                const isValidAfterContent = !afterContent?.endsWith('  ');
+                // Check if drag handle is locked (ContentItemMenu is open)
+                const isDragHandleLocked = editor.storage.dragHandle?.lockDragHandle;
+                const shouldAllow = (isRootDepth && isParagraph && isStartOfNode || isInColumn && isParagraph && isStartOfNode) && isValidAfterContent && !isDragHandleLocked;
+                return shouldAllow;
+            },
+            command: ({ editor, props })=>{
+                const { view, state } = editor;
+                const { $head, $from } = view.state.selection;
+                const end = $from.pos;
+                const from = $head?.nodeBefore ? end - ($head.nodeBefore.text?.substring($head.nodeBefore.text?.indexOf(char)).length ?? 0) : $from.start();
+                const tr = state.tr.deleteRange(from, end);
+                view.dispatch(tr);
+                props.onSelect({
+                    editor
+                });
+                view.focus();
+            },
+            items: ({ query })=>{
+                return items({
+                    query,
+                    editor
+                });
+            },
+            render: ()=>{
+                let component;
+                let scrollHandler = null;
+                return {
+                    onStart: (props)=>{
+                        setSuggestionProps(props);
+                        props.editor.storage.slashSuggestion = {
+                            ...props.editor.storage.slashSuggestion,
+                            isActive: true
+                        };
+                        // Temporarily disable drag handle to prevent interference
+                        props.editor.commands.setMeta('hideDragHandle', true);
+                        component = new ReactRenderer(children, {
+                            props,
+                            editor: props.editor
+                        });
+                        const { view } = props.editor;
+                        // Initialize the popup if needed
+                        initPopup();
+                        if (popupElement) {
+                            // Clear previous content
+                            popupElement.innerHTML = '';
+                            // Append the component
+                            popupElement.appendChild(component.element);
+                            // Set up positioning
+                            const getReferenceRect = ()=>{
+                                const { state } = view;
+                                const { selection } = state;
+                                const coords = view.coordsAtPos(selection.from);
+                                const node = view.nodeDOM(selection.from);
+                                if (node && node instanceof Element) {
+                                    const rect = node.getBoundingClientRect();
+                                    return new DOMRect(coords.left, coords.top, 0, 0);
+                                }
+                                return new DOMRect(coords.left, coords.top, 0, 0);
+                            };
+                            // Set up auto-update for positioning
+                            if (cleanupAutoUpdate) cleanupAutoUpdate();
+                            cleanupAutoUpdate = autoUpdate({
+                                getBoundingClientRect: getReferenceRect
+                            }, popupElement, async ()=>{
+                                await updatePopupPosition(getReferenceRect);
+                            });
+                            scrollHandler = ()=>{
+                                updatePopupPosition(getReferenceRect);
+                            };
+                            view.dom.parentElement?.addEventListener('scroll', scrollHandler);
+                            // Show the popup
+                            showPopup();
+                        }
+                    },
+                    onUpdate (props) {
+                        setSuggestionProps(props);
+                        component.updateProps(props);
+                        // Update positioning for the popup
+                        const { view } = props.editor;
+                        const { state } = view;
+                        const { selection } = state;
+                        const coords = view.coordsAtPos(selection.from);
+                        const getReferenceRect = ()=>{
+                            return new DOMRect(coords.left, coords.top, 0, 0);
+                        };
+                        updatePopupPosition(getReferenceRect);
+                    },
+                    onKeyDown (props) {
+                        if (props.event.key === 'Escape') {
+                            hidePopup();
+                            // Return focus to the editor
+                            setTimeout(()=>{
+                                editor.view.focus();
+                            }, 0);
+                            return true;
+                        }
+                        // Only move focus to menu for arrow keys
+                        if (props.event.key === 'ArrowDown' || props.event.key === 'ArrowUp') {
+                            if (!isPopupVisible) {
+                                showPopup();
+                            }
+                            // Focus the menu element for navigation
+                            setTimeout(()=>{
+                                const menuElement = component.element.querySelector('[tabindex="0"]');
+                                if (menuElement) {
+                                    menuElement.focus();
+                                }
+                            }, 0);
+                            return false;
+                        }
+                        // Handle Enter key when menu is focused
+                        if (props.event.key === 'Enter') {
+                            if (!isPopupVisible) {
+                                showPopup();
+                            }
+                            // Focus the menu element and let it handle Enter
+                            setTimeout(()=>{
+                                const menuElement = component.element.querySelector('[tabindex="0"]');
+                                if (menuElement) {
+                                    menuElement.focus();
+                                    // Trigger Enter key on the menu
+                                    const enterEvent = new KeyboardEvent('keydown', {
+                                        key: 'Enter',
+                                        code: 'Enter',
+                                        keyCode: 13,
+                                        which: 13,
+                                        bubbles: true,
+                                        cancelable: true
+                                    });
+                                    menuElement.dispatchEvent(enterEvent);
+                                }
+                            }, 0);
+                            return false;
+                        }
+                        // For any other key (letters, numbers, etc.), ensure editor has focus
+                        // This handles the case where user types after opening the menu
+                        if (!isPopupVisible) {
+                            showPopup();
+                        }
+                        // Ensure editor has focus for typing
+                        setTimeout(()=>{
+                            editor.view.focus();
+                        }, 0);
+                        // Let the editor handle the key normally
+                        return false;
+                    },
+                    onExit (props) {
+                        // Set slash command as inactive in storage
+                        ;
+                        props.editor.storage.slashSuggestion = {
+                            ...props.editor.storage.slashSuggestion,
+                            isActive: false
+                        };
+                        // Re-enable drag handle
+                        props.editor.commands.setMeta('hideDragHandle', false);
+                        // Clean up scroll handler first
+                        if (scrollHandler) {
+                            const { view } = props.editor;
+                            view.dom.parentElement?.removeEventListener('scroll', scrollHandler);
+                            scrollHandler = null;
+                        }
+                        // Clean up auto-update listener
+                        if (cleanupAutoUpdate) {
+                            cleanupAutoUpdate();
+                            cleanupAutoUpdate = null;
+                        }
+                        // Hide the popup
+                        hidePopup();
+                        // Clean up component
+                        component?.destroy?.();
+                        component = null;
+                        setSuggestionProps(null);
+                        // Clear popup content
+                        if (popupElement) {
+                            popupElement.innerHTML = '';
+                        }
+                        // Return focus to the editor
+                        setTimeout(()=>{
+                            props.editor.view.focus();
+                        }, 0);
+                    }
+                };
+            }
+        });
+        editor.registerPlugin(suggestion);
+        suggestionRef.current = suggestion;
+        return ()=>{
+            if (suggestionRef.current) {
+                editor.unregisterPlugin(suggestionRef.current);
+                suggestionRef.current = null;
+            }
+        };
+    }, [
+        editor,
+        char,
+        items
+    ]);
+    return null;
+};
+
+//# sourceMappingURL=SuggestionMenu.js.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SuggestionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/SuggestionMenu.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react'\r\nimport { Editor } from '@tiptap/core'\r\nimport { ReactRenderer } from '@tiptap/react'\r\nimport Suggestion, { SuggestionProps, SuggestionKeyDownProps } from '@tiptap/suggestion'\r\nimport { PluginKey } from '@tiptap/pm/state'\r\nimport { SuggestionItem } from './types.js'\r\nimport { computePosition, offset, autoUpdate } from '@floating-ui/dom'\r\n\r\ninterface SuggestionMenuProps {\r\n  editor: Editor\r\n  char: string\r\n  items: (props: { query: string; editor: Editor }) => SuggestionItem[]\r\n  children: (props: any) => React.ReactElement\r\n}\r\n\r\nlet popupElement: HTMLElement | null = null\r\nlet cleanupAutoUpdate: (() => void) | null = null\r\nlet isPopupVisible = false\r\n\r\n// Helper functions to manage Floating UI popup\r\nconst initPopup = () => {\r\n  if (!popupElement && typeof document !== 'undefined') {\r\n    popupElement = document.createElement('div')\r\n    popupElement.style.position = 'fixed'\r\n    popupElement.style.zIndex = '10000'\r\n    popupElement.style.maxWidth = '16rem'\r\n    popupElement.style.visibility = 'hidden'\r\n    popupElement.style.opacity = '0'\r\n    popupElement.style.transition = 'opacity 200ms'\r\n    popupElement.className = 'slash-command-menu'\r\n    document.body.appendChild(popupElement)\r\n  }\r\n  return popupElement\r\n}\r\n\r\nconst showPopup = () => {\r\n  if (popupElement && !isPopupVisible) {\r\n    isPopupVisible = true\r\n    popupElement.style.display = 'block'\r\n    popupElement.style.visibility = 'visible'\r\n    popupElement.style.opacity = '1'\r\n  }\r\n}\r\n\r\nconst hidePopup = () => {\r\n  if (popupElement) {\r\n    isPopupVisible = false\r\n    popupElement.style.visibility = 'hidden'\r\n    popupElement.style.opacity = '0'\r\n    // Use setTimeout to wait for transition before hiding completely\r\n    setTimeout(() => {\r\n      if (popupElement && !isPopupVisible) {\r\n        popupElement.style.display = 'none'\r\n      }\r\n    }, 200)\r\n  }\r\n}\r\n\r\nconst updatePopupPosition = async (getReferenceRect: () => DOMRect) => {\r\n  if (!popupElement || !isPopupVisible) return\r\n\r\n  try {\r\n    const rect = getReferenceRect()\r\n\r\n    const virtualElement = {\r\n      getBoundingClientRect: () => rect,\r\n    }\r\n\r\n    const { x, y } = await computePosition(virtualElement, popupElement, {\r\n      placement: 'bottom-start',\r\n      strategy: 'fixed',\r\n      middleware: [offset({ mainAxis: 8, crossAxis: 16 })],\r\n    })\r\n\r\n    popupElement.style.left = `${x}px`\r\n    popupElement.style.top = `${y}px`\r\n  } catch (error) {\r\n    console.error('Error updating popup position:', error)\r\n  }\r\n}\r\n\r\nexport const SuggestionMenu = ({ editor, char, items, children }: SuggestionMenuProps) => {\r\n  const [suggestionProps, setSuggestionProps] = useState<SuggestionProps | null>(null)\r\n  const suggestionRef = useRef<any>(null)\r\n\r\n  useEffect(() => {\r\n    if (!editor) return\r\n\r\n    // Clean up existing suggestion if it exists\r\n    if (suggestionRef.current) {\r\n      editor.unregisterPlugin(suggestionRef.current)\r\n    }\r\n\r\n    const suggestion = Suggestion({\r\n      editor,\r\n      char,\r\n      allowSpaces: true,\r\n      startOfLine: true,\r\n      pluginKey: new PluginKey('slash-suggestion'),\r\n      allow: ({ state, range }) => {\r\n        const $from = state.doc.resolve(range.from)\r\n        const isRootDepth = $from.depth === 1\r\n        const isParagraph = $from.parent.type.name === 'paragraph'\r\n        const isStartOfNode = $from.parent.textContent?.charAt(0) === char\r\n        const isInColumn = editor.isActive('column')\r\n\r\n        const afterContent = $from.parent.textContent?.substring(\r\n          $from.parent.textContent?.indexOf(char),\r\n        )\r\n        const isValidAfterContent = !afterContent?.endsWith('  ')\r\n\r\n        // Check if drag handle is locked (ContentItemMenu is open)\r\n        const isDragHandleLocked = (editor.storage as any).dragHandle?.lockDragHandle\r\n\r\n        const shouldAllow =\r\n          ((isRootDepth && isParagraph && isStartOfNode) ||\r\n            (isInColumn && isParagraph && isStartOfNode)) &&\r\n          isValidAfterContent &&\r\n          !isDragHandleLocked\r\n\r\n        return shouldAllow\r\n      },\r\n      command: ({ editor, props }: { editor: Editor; props: any }) => {\r\n        const { view, state } = editor\r\n        const { $head, $from } = view.state.selection\r\n\r\n        const end = $from.pos\r\n        const from = $head?.nodeBefore\r\n          ? end -\r\n            ($head.nodeBefore.text?.substring($head.nodeBefore.text?.indexOf(char)).length ?? 0)\r\n          : $from.start()\r\n\r\n        const tr = state.tr.deleteRange(from, end)\r\n        view.dispatch(tr)\r\n\r\n        props.onSelect({ editor })\r\n        view.focus()\r\n      },\r\n      items: ({ query }: { query: string }) => {\r\n        return items({ query, editor })\r\n      },\r\n      render: () => {\r\n        let component: any\r\n        let scrollHandler: (() => void) | null = null\r\n\r\n        return {\r\n          onStart: (props: SuggestionProps) => {\r\n            setSuggestionProps(props)\r\n\r\n            // Set slash command as active in storage\r\n            ;(props.editor.storage as any).slashSuggestion = {\r\n              ...(props.editor.storage as any).slashSuggestion,\r\n              isActive: true,\r\n            }\r\n\r\n            // Temporarily disable drag handle to prevent interference\r\n            props.editor.commands.setMeta('hideDragHandle', true)\r\n\r\n            component = new ReactRenderer(children, {\r\n              props,\r\n              editor: props.editor,\r\n            })\r\n\r\n            const { view } = props.editor\r\n\r\n            // Initialize the popup if needed\r\n            initPopup()\r\n\r\n            if (popupElement) {\r\n              // Clear previous content\r\n              popupElement.innerHTML = ''\r\n              // Append the component\r\n              popupElement.appendChild(component.element)\r\n\r\n              // Set up positioning\r\n              const getReferenceRect = () => {\r\n                const { state } = view\r\n                const { selection } = state\r\n                const coords = view.coordsAtPos(selection.from)\r\n                const node = view.nodeDOM(selection.from)\r\n\r\n                if (node && node instanceof Element) {\r\n                  const rect = node.getBoundingClientRect()\r\n                  return new DOMRect(coords.left, coords.top, 0, 0)\r\n                }\r\n\r\n                return new DOMRect(coords.left, coords.top, 0, 0)\r\n              }\r\n\r\n              // Set up auto-update for positioning\r\n              if (cleanupAutoUpdate) cleanupAutoUpdate()\r\n              cleanupAutoUpdate = autoUpdate(\r\n                { getBoundingClientRect: getReferenceRect },\r\n                popupElement,\r\n                async () => {\r\n                  await updatePopupPosition(getReferenceRect)\r\n                },\r\n              )\r\n\r\n              scrollHandler = () => {\r\n                updatePopupPosition(getReferenceRect)\r\n              }\r\n\r\n              view.dom.parentElement?.addEventListener('scroll', scrollHandler)\r\n\r\n              // Show the popup\r\n              showPopup()\r\n            }\r\n          },\r\n\r\n          onUpdate(props: SuggestionProps) {\r\n            setSuggestionProps(props)\r\n            component.updateProps(props)\r\n\r\n            // Update positioning for the popup\r\n            const { view } = props.editor\r\n            const { state } = view\r\n            const { selection } = state\r\n            const coords = view.coordsAtPos(selection.from)\r\n\r\n            const getReferenceRect = () => {\r\n              return new DOMRect(coords.left, coords.top, 0, 0)\r\n            }\r\n\r\n            updatePopupPosition(getReferenceRect)\r\n          },\r\n\r\n          onKeyDown(props: SuggestionKeyDownProps) {\r\n            if (props.event.key === 'Escape') {\r\n              hidePopup()\r\n              // Return focus to the editor\r\n              setTimeout(() => {\r\n                editor.view.focus()\r\n              }, 0)\r\n              return true\r\n            }\r\n\r\n            // Only move focus to menu for arrow keys\r\n            if (props.event.key === 'ArrowDown' || props.event.key === 'ArrowUp') {\r\n              if (!isPopupVisible) {\r\n                showPopup()\r\n              }\r\n\r\n              // Focus the menu element for navigation\r\n              setTimeout(() => {\r\n                const menuElement = component.element.querySelector('[tabindex=\"0\"]')\r\n                if (menuElement) {\r\n                  menuElement.focus()\r\n                }\r\n              }, 0)\r\n\r\n              return false\r\n            }\r\n\r\n            // Handle Enter key when menu is focused\r\n            if (props.event.key === 'Enter') {\r\n              if (!isPopupVisible) {\r\n                showPopup()\r\n              }\r\n\r\n              // Focus the menu element and let it handle Enter\r\n              setTimeout(() => {\r\n                const menuElement = component.element.querySelector('[tabindex=\"0\"]')\r\n                if (menuElement) {\r\n                  menuElement.focus()\r\n                  // Trigger Enter key on the menu\r\n                  const enterEvent = new KeyboardEvent('keydown', {\r\n                    key: 'Enter',\r\n                    code: 'Enter',\r\n                    keyCode: 13,\r\n                    which: 13,\r\n                    bubbles: true,\r\n                    cancelable: true,\r\n                  })\r\n                  menuElement.dispatchEvent(enterEvent)\r\n                }\r\n              }, 0)\r\n\r\n              return false\r\n            }\r\n\r\n            // For any other key (letters, numbers, etc.), ensure editor has focus\r\n            // This handles the case where user types after opening the menu\r\n            if (!isPopupVisible) {\r\n              showPopup()\r\n            }\r\n\r\n            // Ensure editor has focus for typing\r\n            setTimeout(() => {\r\n              editor.view.focus()\r\n            }, 0)\r\n\r\n            // Let the editor handle the key normally\r\n            return false\r\n          },\r\n\r\n          onExit(props) {\r\n            // Set slash command as inactive in storage\r\n            ;(props.editor.storage as any).slashSuggestion = {\r\n              ...(props.editor.storage as any).slashSuggestion,\r\n              isActive: false,\r\n            }\r\n\r\n            // Re-enable drag handle\r\n            props.editor.commands.setMeta('hideDragHandle', false)\r\n\r\n            // Clean up scroll handler first\r\n            if (scrollHandler) {\r\n              const { view } = props.editor\r\n              view.dom.parentElement?.removeEventListener('scroll', scrollHandler)\r\n              scrollHandler = null\r\n            }\r\n\r\n            // Clean up auto-update listener\r\n            if (cleanupAutoUpdate) {\r\n              cleanupAutoUpdate()\r\n              cleanupAutoUpdate = null\r\n            }\r\n\r\n            // Hide the popup\r\n            hidePopup()\r\n\r\n            // Clean up component\r\n            component?.destroy?.()\r\n            component = null\r\n            setSuggestionProps(null)\r\n\r\n            // Clear popup content\r\n            if (popupElement) {\r\n              popupElement.innerHTML = ''\r\n            }\r\n\r\n            // Return focus to the editor\r\n            setTimeout(() => {\r\n              props.editor.view.focus()\r\n            }, 0)\r\n          },\r\n        }\r\n      },\r\n    })\r\n\r\n    editor.registerPlugin(suggestion)\r\n    suggestionRef.current = suggestion\r\n\r\n    return () => {\r\n      if (suggestionRef.current) {\r\n        editor.unregisterPlugin(suggestionRef.current)\r\n        suggestionRef.current = null\r\n      }\r\n    }\r\n  }, [editor, char, items])\r\n\r\n  return null\r\n}\r\n"],"names":["React","useEffect","useRef","useState","ReactRenderer","Suggestion","PluginKey","computePosition","offset","autoUpdate","popupElement","cleanupAutoUpdate","isPopupVisible","initPopup","document","createElement","style","position","zIndex","maxWidth","visibility","opacity","transition","className","body","appendChild","showPopup","display","hidePopup","setTimeout","updatePopupPosition","getReferenceRect","rect","virtualElement","getBoundingClientRect","x","y","placement","strategy","middleware","mainAxis","crossAxis","left","top","error","console","SuggestionMenu","editor","char","items","children","suggestionProps","setSuggestionProps","suggestionRef","current","unregisterPlugin","suggestion","allowSpaces","startOfLine","pluginKey","allow","state","range","$from","doc","resolve","from","isRootDepth","depth","isParagraph","parent","type","name","isStartOfNode","textContent","charAt","isInColumn","isActive","afterContent","substring","indexOf","isValidAfterContent","endsWith","isDragHandleLocked","storage","dragHandle","lockDragHandle","shouldAllow","command","props","view","$head","selection","end","pos","nodeBefore","text","length","start","tr","deleteRange","dispatch","onSelect","focus","query","render","component","scrollHandler","onStart","slashSuggestion","commands","setMeta","innerHTML","element","coords","coordsAtPos","node","nodeDOM","Element","DOMRect","dom","parentElement","addEventListener","onUpdate","updateProps","onKeyDown","event","key","menuElement","querySelector","enterEvent","KeyboardEvent","code","keyCode","which","bubbles","cancelable","dispatchEvent","onExit","removeEventListener","destroy","registerPlugin"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/index.d.ts

@@ -0,0 +1,7 @@
+export { SlashDropdownMenu } from './SlashDropdownMenu.js';
+export { SlashCommandTriggerButton } from './SlashCommandTriggerButton.js';
+export { SuggestionMenu } from './SuggestionMenu.js';
+export { SlashMenuList } from './SlashMenuList.js';
+export type { SlashMenuItemType, SuggestionItem, SlashMenuConfig, SlashDropdownMenuProps, SlashCommandTriggerButtonProps, } from './types.js';
+export { getSlashMenuItems, filterSuggestionItems, getDefaultSlashMenuItems } from './utils.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,8BAA8B,GAC/B,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/index.js

@@ -0,0 +1,7 @@
+export { SlashDropdownMenu } from './SlashDropdownMenu.js';
+export { SlashCommandTriggerButton } from './SlashCommandTriggerButton.js';
+export { SuggestionMenu } from './SuggestionMenu.js';
+export { SlashMenuList } from './SlashMenuList.js';
+export { getSlashMenuItems, filterSuggestionItems, getDefaultSlashMenuItems } from './utils.js';
+
+//# sourceMappingURL=index.js.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/index.ts"],"sourcesContent":["export { SlashDropdownMenu } from './SlashDropdownMenu.js'\r\nexport { SlashCommandTriggerButton } from './SlashCommandTriggerButton.js'\r\nexport { SuggestionMenu } from './SuggestionMenu.js'\r\nexport { SlashMenuList } from './SlashMenuList.js'\r\nexport type {\r\n  SlashMenuItemType,\r\n  SuggestionItem,\r\n  SlashMenuConfig,\r\n  SlashDropdownMenuProps,\r\n  SlashCommandTriggerButtonProps,\r\n} from './types.js'\r\nexport { getSlashMenuItems, filterSuggestionItems, getDefaultSlashMenuItems } from './utils.js'\r\n"],"names":["SlashDropdownMenu","SlashCommandTriggerButton","SuggestionMenu","SlashMenuList","getSlashMenuItems","filterSuggestionItems","getDefaultSlashMenuItems"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,yBAAwB;AAC1D,SAASC,yBAAyB,QAAQ,iCAAgC;AAC1E,SAASC,cAAc,QAAQ,sBAAqB;AACpD,SAASC,aAAa,QAAQ,qBAAoB;AAQlD,SAASC,iBAAiB,EAAEC,qBAAqB,EAAEC,wBAAwB,QAAQ,aAAY"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/types.d.ts

@@ -0,0 +1,28 @@
+import { Editor } from '@tiptap/core';
+import { LucideIcon } from 'lucide-react';
+export type SlashMenuItemType = 'text' | 'heading_1' | 'heading_2' | 'heading_3' | 'bullet_list' | 'ordered_list' | 'quote' | 'code_block' | 'image' | 'horizontal_rule' | 'button' | 'custom_html' | 'social' | 'columns' | 'unsubscribe_footer' | 'twitter' | 'ai_writer';
+export interface SuggestionItem {
+    title: string;
+    subtext: string;
+    aliases: string[];
+    badge: LucideIcon;
+    group: string;
+    onSelect: (props: {
+        editor: Editor;
+    }) => void;
+}
+export interface SlashMenuConfig {
+    enabledItems: SlashMenuItemType[];
+    customItems?: SuggestionItem[];
+    itemGroups?: Record<string, string>;
+    showGroups?: boolean;
+}
+export interface SlashDropdownMenuProps {
+    editor: Editor | null;
+    config?: SlashMenuConfig;
+}
+export interface SlashCommandTriggerButtonProps {
+    editor: Editor | null;
+    config?: SlashMenuConfig;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAS,UAAU,EAAE,MAAM,cAAc,CAAA;AAEhD,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,WAAW,GACX,WAAW,GACX,WAAW,GACX,aAAa,GACb,cAAc,GACd,OAAO,GACP,YAAY,GACZ,OAAO,GACP,iBAAiB,GACjB,QAAQ,GACR,aAAa,GACb,QAAQ,GACR,SAAS,GACT,oBAAoB,GACpB,SAAS,GACT,WAAW,CAAA;AAEf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC9C;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,iBAAiB,EAAE,CAAA;IACjC,WAAW,CAAC,EAAE,cAAc,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,eAAe,CAAA;CACzB;AAED,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,eAAe,CAAA;CACzB"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/types.ts"],"sourcesContent":["import { Editor } from '@tiptap/core'\r\nimport { icons, LucideIcon } from 'lucide-react'\r\n\r\nexport type SlashMenuItemType =\r\n  | 'text'\r\n  | 'heading_1'\r\n  | 'heading_2'\r\n  | 'heading_3'\r\n  | 'bullet_list'\r\n  | 'ordered_list'\r\n  | 'quote'\r\n  | 'code_block'\r\n  | 'image'\r\n  | 'horizontal_rule'\r\n  | 'button'\r\n  | 'custom_html'\r\n  | 'social'\r\n  | 'columns'\r\n  | 'unsubscribe_footer'\r\n  | 'twitter'\r\n  | 'ai_writer'\r\n\r\nexport interface SuggestionItem {\r\n  title: string\r\n  subtext: string\r\n  aliases: string[]\r\n  badge: LucideIcon\r\n  group: string\r\n  onSelect: (props: { editor: Editor }) => void\r\n}\r\n\r\nexport interface SlashMenuConfig {\r\n  enabledItems: SlashMenuItemType[]\r\n  customItems?: SuggestionItem[]\r\n  itemGroups?: Record<string, string>\r\n  showGroups?: boolean\r\n}\r\n\r\nexport interface SlashDropdownMenuProps {\r\n  editor: Editor | null\r\n  config?: SlashMenuConfig\r\n}\r\n\r\nexport interface SlashCommandTriggerButtonProps {\r\n  editor: Editor | null\r\n  config?: SlashMenuConfig\r\n}\r\n"],"names":[],"mappings":"AA2CA,WAGC"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/utils.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/core';
+import { SlashMenuConfig, SuggestionItem } from './types.js';
+export declare const getDefaultSlashMenuItems: (editor: Editor) => SuggestionItem[];
+export declare const filterSuggestionItems: (items: SuggestionItem[], query: string) => SuggestionItem[];
+export declare const getSlashMenuItems: (editor: Editor, config: SlashMenuConfig) => SuggestionItem[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,eAAe,EAAqB,cAAc,EAAE,MAAM,YAAY,CAAA;AAmB/E,eAAO,MAAM,wBAAwB,WAAY,MAAM,KAAG,cAAc,EA0JvE,CAAA;AAED,eAAO,MAAM,qBAAqB,UAAW,cAAc,EAAE,SAAS,MAAM,KAAG,cAAc,EAY5F,CAAA;AAED,eAAO,MAAM,iBAAiB,WAAY,MAAM,UAAU,eAAe,KAAG,cAAc,EAmBzF,CAAA"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/utils.js

@@ -0,0 +1,222 @@
+import i18next from 'i18next';
+import { Facebook, Heading1, Heading2, Heading3, Image, Instagram, Link, List, Minus, Music, Quote, Twitter, Video, Youtube } from 'lucide-react';
+export const getDefaultSlashMenuItems = (editor)=>{
+    return [
+        {
+            title: i18next.t('heading1') || 'Heading 1',
+            subtext: i18next.t('heading1Desc') || 'High priority section title',
+            aliases: [
+                'h1'
+            ],
+            badge: Heading1,
+            group: 'format',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().setHeading({
+                    level: 1
+                }).run();
+            }
+        },
+        {
+            title: i18next.t('heading2') || 'Heading 2',
+            subtext: i18next.t('heading2Desc') || 'Medium priority section title',
+            aliases: [
+                'h2'
+            ],
+            badge: Heading2,
+            group: 'format',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().setHeading({
+                    level: 2
+                }).run();
+            }
+        },
+        {
+            title: i18next.t('heading3') || 'Heading 3',
+            subtext: i18next.t('heading3Desc') || 'Low priority section title',
+            aliases: [
+                'h3'
+            ],
+            badge: Heading3,
+            group: 'format',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().setHeading({
+                    level: 3
+                }).run();
+            }
+        },
+        {
+            title: i18next.t('bulletList') || 'Bullet List',
+            subtext: i18next.t('bulletListDesc') || 'Unordered list of items',
+            aliases: [
+                'ul'
+            ],
+            badge: List,
+            group: 'format',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().toggleBulletList().run();
+            }
+        },
+        // Uncomment if you want a numbered list option
+        // {
+        //   title: i18next.t("numberedList") || 'Numbered List',
+        //   subtext: i18next.t("numberedListDesc") || "Ordered list of items",
+        //   aliases: ["ol"],
+        //   badge: ListOrdered,
+        //   group: "format",
+        //   onSelect: ({ editor }) => {
+        //     editor.chain().focus().toggleOrderedList().run();
+        //   },
+        // },
+        {
+            title: i18next.t('blockquote') || 'Blockquote',
+            subtext: i18next.t('blockquoteDesc') || 'Element for quoting',
+            aliases: [],
+            badge: Quote,
+            group: 'format',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().setBlockquote().run();
+            }
+        },
+        {
+            title: i18next.t('image') || 'Image',
+            subtext: i18next.t('imageDesc') || 'Insert an image',
+            aliases: [
+                'img'
+            ],
+            badge: Image,
+            group: 'insert',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().setImageUpload('image').run();
+            }
+        },
+        {
+            title: i18next.t('video') || 'Video',
+            subtext: i18next.t('videoDesc') || 'Insert a video',
+            aliases: [
+                'video'
+            ],
+            badge: Video,
+            group: 'insert',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().setImageUpload('video').run();
+            }
+        },
+        {
+            title: i18next.t('horizontalRule') || 'HorizontalRule',
+            subtext: i18next.t('horizontalRuleDesc') || 'Insert a horizontal divider',
+            aliases: [
+                'hr'
+            ],
+            badge: Minus,
+            group: 'insert',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().setHorizontalRule().run();
+            }
+        },
+        {
+            title: i18next.t('embed') || 'Embed Link',
+            subtext: i18next.t('iframeDesc') || 'Insert an Embed link',
+            aliases: [
+                'linkPreview'
+            ],
+            badge: Link,
+            group: 'embed',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().setLinkPreview().run();
+            }
+        },
+        {
+            title: i18next.t('twitter') || 'Twitter',
+            subtext: i18next.t('twitterDesc') || 'Insert a Twitter embed',
+            aliases: [
+                'x',
+                'twitter'
+            ],
+            badge: Twitter,
+            group: 'embed',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().insertTwitter().run();
+            }
+        },
+        {
+            title: i18next.t('facebook') || 'Facebook',
+            subtext: i18next.t('facebookDesc') || 'Insert a Facebook embed',
+            aliases: [
+                'meta',
+                'facebook'
+            ],
+            badge: Facebook,
+            group: 'embed',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().insertFacebook().run();
+            }
+        },
+        {
+            title: i18next.t('instagram') || 'Instagram',
+            subtext: i18next.t('instagramDesc') || 'Insert a Instagram embed',
+            aliases: [
+                'instagram'
+            ],
+            badge: Instagram,
+            group: 'embed',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().insertInstagram().run();
+            }
+        },
+        {
+            title: i18next.t('youtube') || 'Youtube',
+            subtext: i18next.t('youtubeDesc') || 'Insert a Youtube embed',
+            aliases: [
+                'youtube'
+            ],
+            badge: Youtube,
+            group: 'embed',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().insertYoutube().run();
+            }
+        },
+        {
+            title: i18next.t('tiktok') || 'Tiktok',
+            subtext: i18next.t('tiktokDesc') || 'Insert a Tiktok embed',
+            aliases: [
+                'tiktok'
+            ],
+            badge: Music,
+            group: 'embed',
+            onSelect: ({ editor })=>{
+                editor.chain().focus().insertTiktok().run();
+            }
+        }
+    ];
+};
+export const filterSuggestionItems = (items, query)=>{
+    if (!query) return items;
+    const normalizedQuery = query.toLowerCase().trim();
+    return items.filter((item)=>{
+        const titleMatch = item.title.toLowerCase().includes(normalizedQuery);
+        const subtextMatch = item.subtext.toLowerCase().includes(normalizedQuery);
+        const aliasesMatch = item.aliases.some((alias)=>alias.toLowerCase().includes(normalizedQuery));
+        return titleMatch || subtextMatch || aliasesMatch;
+    });
+};
+export const getSlashMenuItems = (editor, config)=>{
+    const defaultItems = getDefaultSlashMenuItems(editor);
+    // Filter by enabled items
+    const enabledItems = defaultItems.filter((item)=>{
+        const itemType = item.title.toLowerCase().replace(/\s+/g, '_');
+        return config.enabledItems.includes(itemType) || config.enabledItems.includes('text');
+    });
+    // Add custom items
+    const customItems = config.customItems || [];
+    // Apply group assignments
+    const itemsWithGroups = [
+        ...enabledItems,
+        ...customItems
+    ].map((item)=>({
+            ...item,
+            group: config.itemGroups?.[item.title.toLowerCase().replace(/\s+/g, '_')] || item.group
+        }));
+    return itemsWithGroups;
+};
+
+//# sourceMappingURL=utils.js.map