@tnkrai/tnkr-editor 0.2.9 → 0.3.0

package/dist/core/components/tiptap-ui-utils/floating-element/floating-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floating-element.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui-utils/floating-element/floating-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAA;AAgB3B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAC7C;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAA;IAC1D;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,6FAoQ3B,CAAA"}
+{"version":3,"file":"floating-element.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui-utils/floating-element/floating-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAgB5B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC9C;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IAC3D;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,6FA+O3B,CAAC"}

package/dist/core/hooks/use-floating-toolbar-visibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-toolbar-visibility.d.ts","sourceRoot":"","sources":["../../../core/hooks/use-floating-toolbar-visibility.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AAG5D,eAAO,MAAM,kBAAkB,wBAAwB,CAAA;AAEvD;;;;;;;;GAQG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,EAAE;IACnD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,gBAAgB,EAAE,CAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,KACpC,OAAO,CAAA;IACZ,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;;EA2GA;AAED;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,QAAQ,MAAM,EAAE,KAAK,MAAM,SAQpE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,MAAM,SAGpD,CAAA"}
+{"version":3,"file":"use-floating-toolbar-visibility.d.ts","sourceRoot":"","sources":["../../../core/hooks/use-floating-toolbar-visibility.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AAG5D,eAAO,MAAM,kBAAkB,wBAAwB,CAAA;AAEvD;;;;;;;;GAQG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,EAAE;IACnD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,gBAAgB,EAAE,CAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,KACpC,OAAO,CAAA;IACZ,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;;EA+EA;AAED;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,QAAQ,MAAM,EAAE,KAAK,MAAM,SAQpE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,MAAM,SAGpD,CAAA"}

package/dist/index.cjs

@@ -54856,19 +54856,12 @@ function useFloatingToolbarVisibility(params) {
         const handleSelectionUpdate = () => {
             const { selection } = editor.state;
             const valid = isSelectionValid(editor, selection);
-            // Clear hide flag when selection becomes invalid naturally
-            if (!valid && !react.isNodeSelection(selection)) {
-                hideRef.current = false;
-            }
             if (extraHideWhen || (react.isNodeSelection(selection) && hideRef.current)) {
                 setShouldShow(false);
                 return;
             }
             setShouldShow(valid);
             // Clear hide flag when we successfully show toolbar with valid selection
-            if (valid && !react.isNodeSelection(selection)) {
-                hideRef.current = false;
-            }
         };
         handleSelectionUpdate();
         editor.on("selectionUpdate", handleSelectionUpdate);
@@ -54877,26 +54870,6 @@ function useFloatingToolbarVisibility(params) {
         };
     }, [editor, extraHideWhen, isSelectionValid]);
     // --- Focus events to reset hide state
-    React__namespace.useEffect(() => {
-        if (!editor)
-            return;
-        const handleFocus = () => {
-            // Reset hide flag when editor gains focus
-            // This ensures clean state for new user interactions
-            hideRef.current = false;
-        };
-        const handleBlur = () => {
-            // Clear should show when editor loses focus
-            setShouldShow(false);
-        };
-        const editorDom = editor.view.dom;
-        editorDom.addEventListener("focus", handleFocus);
-        editorDom.addEventListener("blur", handleBlur);
-        return () => {
-            editorDom.removeEventListener("focus", handleFocus);
-            editorDom.removeEventListener("blur", handleBlur);
-        };
-    }, [editor]);
     return { shouldShow };
 }
 /**
@@ -72652,7 +72625,7 @@ const FloatingElement = React__namespace.forwardRef((_a, forwardedRef) => {
             handleOpenChange(false);
         }
     }, [editor, getBoundingClientRect, handleOpenChange, shouldShow]);
-    const debouncedUpdateSelectionState = React__namespace.useCallback(() => {
+    React__namespace.useCallback(() => {
         // Use RAF to ensure this runs after all synchronous selection updates
         requestAnimationFrame(() => {
             updateSelectionState();
@@ -72718,27 +72691,13 @@ const FloatingElement = React__namespace.forwardRef((_a, forwardedRef) => {
         if (!editor)
             return;
         const handleMouseUp = (event) => {
-            const target = event.target;
-            if (!target)
-                return;
-            // Check if click was outside the editor
-            const isWithinEditor = isElementWithinEditor(editor, target);
-            const floatingElement = floatingElementRef.current;
-            const isWithinFloatingElement = floatingElement &&
-                (floatingElement === target || floatingElement.contains(target));
-            if (!isWithinEditor && !isWithinFloatingElement) {
-                // Clicked outside - immediately hide
-                handleOpenChange(false);
-                return;
-            }
-            // For clicks within editor, use debounced update to avoid race conditions
-            debouncedUpdateSelectionState();
+            updateSelectionState();
         };
         editor.view.root.addEventListener("mouseup", handleMouseUp);
         return () => {
             editor.view.root.removeEventListener("mouseup", handleMouseUp);
         };
-    }, [editor, debouncedUpdateSelectionState, handleOpenChange]);
+    }, [editor, updateSelectionState]);
     React__namespace.useEffect(() => {
         if (!editor)
             return;
@@ -72746,18 +72705,13 @@ const FloatingElement = React__namespace.forwardRef((_a, forwardedRef) => {
             if (open)
                 updateSelectionState();
         };
-        const handleSelectionUpdate = () => {
-            // Use immediate update for selection changes (keyboard, programmatic)
-            // This ensures quick response to valid selection changes
-            updateSelectionState();
-        };
-        editor.on("selectionUpdate", handleSelectionUpdate);
+        editor.on("selectionUpdate", updateSelectionState);
         window.addEventListener("resize", updateIfOpen);
         if (updateOnScroll) {
             editor.view.root.addEventListener("scroll", updateIfOpen, true);
         }
         return () => {
-            editor.off("selectionUpdate", handleSelectionUpdate);
+            editor.off("selectionUpdate", updateSelectionState);
             window.removeEventListener("resize", updateIfOpen);
             if (updateOnScroll) {
                 editor.view.root.removeEventListener("scroll", updateIfOpen, true);
@@ -77426,7 +77380,7 @@ const CustomPage = ({ pageParent, pageTitle, pageId, pageType = "documentation",
                 // Pass editor-related props
                 initialData: editorContent, onEditorChange: handleEditorChange, onSave: onSave, editMode: isEditMode, onUploadImage: onUploadImage }) }));
     }
-    return (jsxRuntimeExports.jsx("div", { className: `relative h-full  overflow-auto w-full flex flex-col mx-auto ${className}`, style: style, children: jsxRuntimeExports.jsxs("div", { className: "flex-1 prose prose-invert max-w-none px-8", children: [jsxRuntimeExports.jsx("header", { className: "text-[#AA423A] font-semibold text-sm uppercase tracking-wide mb-4", style: { marginLeft: '2rem' }, children: pageParent }), jsxRuntimeExports.jsx(TnkrEditor, Object.assign({ content: editorContent, onChange: handleEditorChange, readOnly: !isEditMode, pageTitle: pageTitle, pageId: pageId, onUploadImage: onUploadImage, placeholder: isEditMode ? "Start writing your content..." : "", minHeight: 600, whatsNextGoToPage: goToPage, whatsNextPages: pages, showWhatsNext: true }, editorProps), `${pageId}`)] }) }));
+    return (jsxRuntimeExports.jsx("div", { className: `relative h-full  overflow-auto w-full flex flex-col mx-auto ${className}`, style: style, children: jsxRuntimeExports.jsxs("div", { className: "flex-1 prose prose-invert max-w-none px-8", children: [jsxRuntimeExports.jsx("header", { className: "text-[#AA423A] font-semibold text-sm uppercase tracking-wide mb-4 mt-4", style: { marginLeft: '2rem' }, children: pageParent }), jsxRuntimeExports.jsx(TnkrEditor, Object.assign({ content: editorContent, onChange: handleEditorChange, readOnly: !isEditMode, pageTitle: pageTitle, pageId: pageId, onUploadImage: onUploadImage, placeholder: isEditMode ? "Start writing your content..." : "", minHeight: 600, whatsNextGoToPage: goToPage, whatsNextPages: pages, showWhatsNext: true }, editorProps), `${pageId}`)] }) }));
 };
 
 const PreviewCategoryItem = ({ category, level, selectedId, onSelect, onToggleExpand, }) => {