@rufous/ui 0.2.60 → 0.2.61

package/dist/main.cjs

@@ -9661,6 +9661,9 @@ var CustomTaskItem = import_extension_task_item.default.extend({
           }
           return false;
         }
+        if (this.editor.storage.taskTodoEnabled === false) {
+          return false;
+        }
         const taskNode = $from.node(taskDepth);
         const status = taskNode.attrs.status || "todo";
         const schema = state.schema;
@@ -9763,7 +9766,7 @@ var CustomTaskItem = import_extension_task_item.default.extend({
   addNodeView() {
     return ({ node, HTMLAttributes, getPos, editor }) => {
       const li = document.createElement("li");
-      li.style.cssText = "display: flex; align-items: flex-start; gap: 6px; margin: 0; list-style: none; ";
+      li.style.cssText = "display: flex; align-items: flex-start; gap: 6px; margin: 0; list-style: none; line-height: 1.7; ";
       Object.entries(HTMLAttributes || {}).forEach(([key, val]) => {
         if (val != null && val !== false) {
           li.setAttribute(key, String(val));
@@ -11752,14 +11755,20 @@ var RufousTextEditor = ({
   const wrapperRef = (0, import_react58.useRef)(null);
   (0, import_react58.useEffect)(() => {
     if (!editor) return;
+    let blurTimer = null;
     const handler = ({ event }) => {
       const relatedTarget = event?.relatedTarget;
       if (relatedTarget && wrapperRef.current?.contains(relatedTarget)) return;
-      onBlurRef.current?.(editor.getHTML(), editor.getJSON());
+      if (relatedTarget?.closest?.(".rf-rte-mention-dropdown, .tippy-box, .link-modal-overlay, .ai-modal-overlay, .modal-overlay, .rf-spell-tooltip")) return;
+      if (blurTimer) clearTimeout(blurTimer);
+      blurTimer = setTimeout(() => {
+        onBlurRef.current?.(editor.getHTML(), editor.getJSON());
+      }, 100);
     };
     editor.on("blur", handler);
     return () => {
       editor.off("blur", handler);
+      if (blurTimer) clearTimeout(blurTimer);
     };
   }, [editor]);
   const setLinkRef = (0, import_react58.useRef)(null);

package/dist/main.css

@@ -7293,6 +7293,12 @@ pre {
   flex-shrink: 0;
   margin-top: 3px;
 }
+.rf-rte-wrapper .tiptap ul[data-type=taskList] li {
+  line-height: 1.7 !important;
+}
+.rf-rte-wrapper .tiptap ul[data-type=taskList] li p[style*=line-height] {
+  line-height: inherit !important;
+}
 .rf-rte-wrapper .task-checkbox {
   display: inline-flex;
   align-items: center;
@@ -9106,14 +9112,18 @@ pre {
 }
 .rf-rte-content ul[data-type=taskList] {
   list-style: none;
-  padding-left: 8px;
+  padding-left: 24px;
 }
 .rf-rte-content ul[data-type=taskList] li {
   display: flex;
   align-items: flex-start;
-  gap: 8px;
-  margin: 8px 0;
+  gap: 6px;
+  margin: 0;
   list-style: none;
+  line-height: 1.7;
+}
+.rf-rte-content ul[data-type=taskList] li p {
+  margin: 0;
 }
 .rf-rte-content ul[data-type=taskList] li::before {
   content: "";
@@ -9121,7 +9131,7 @@ pre {
   display: inline-block;
   width: 18px;
   height: 18px;
-  margin-top: 4px;
+  margin-top: 3px;
   border-radius: 3px;
   border: 2px solid #dc2626;
   background-repeat: no-repeat;

package/dist/main.js

@@ -9595,6 +9595,9 @@ var CustomTaskItem = TaskItem.extend({
           }
           return false;
         }
+        if (this.editor.storage.taskTodoEnabled === false) {
+          return false;
+        }
         const taskNode = $from.node(taskDepth);
         const status = taskNode.attrs.status || "todo";
         const schema = state.schema;
@@ -9697,7 +9700,7 @@ var CustomTaskItem = TaskItem.extend({
   addNodeView() {
     return ({ node, HTMLAttributes, getPos, editor }) => {
       const li = document.createElement("li");
-      li.style.cssText = "display: flex; align-items: flex-start; gap: 6px; margin: 0; list-style: none; ";
+      li.style.cssText = "display: flex; align-items: flex-start; gap: 6px; margin: 0; list-style: none; line-height: 1.7; ";
       Object.entries(HTMLAttributes || {}).forEach(([key, val]) => {
         if (val != null && val !== false) {
           li.setAttribute(key, String(val));
@@ -11686,14 +11689,20 @@ var RufousTextEditor = ({
   const wrapperRef = useRef29(null);
   useEffect26(() => {
     if (!editor) return;
+    let blurTimer = null;
     const handler = ({ event }) => {
       const relatedTarget = event?.relatedTarget;
       if (relatedTarget && wrapperRef.current?.contains(relatedTarget)) return;
-      onBlurRef.current?.(editor.getHTML(), editor.getJSON());
+      if (relatedTarget?.closest?.(".rf-rte-mention-dropdown, .tippy-box, .link-modal-overlay, .ai-modal-overlay, .modal-overlay, .rf-spell-tooltip")) return;
+      if (blurTimer) clearTimeout(blurTimer);
+      blurTimer = setTimeout(() => {
+        onBlurRef.current?.(editor.getHTML(), editor.getJSON());
+      }, 100);
     };
     editor.on("blur", handler);
     return () => {
       editor.off("blur", handler);
+      if (blurTimer) clearTimeout(blurTimer);
     };
   }, [editor]);
   const setLinkRef = useRef29(null);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.2.60",
+  "version": "0.2.61",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",