@overlap/rte 1.0.3 → 1.0.5

package/dist/components/Editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAO,EAA4B,WAAW,EAAE,MAAM,UAAU,CAAC;AA4BjE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAktBxC,CAAC"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAO,EAA4B,WAAW,EAAE,MAAM,UAAU,CAAC;AA4BjE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0tBxC,CAAC"}

package/dist/index.d.ts

@@ -201,7 +201,9 @@ interface EditorProps {
         borderRadius?: number;
         toolbarBg?: string;
         buttonHoverBg?: string;
+        buttonActiveBg?: string;
         contentBg?: string;
+        textColor?: string;
         primaryColor?: string;
     };
     onImageUpload?: (file: File) => Promise<string>;

package/dist/index.esm.js

@@ -268,6 +268,12 @@ function ensureAllCheckboxes(editor) {
         if (!ul.classList.contains("rte-checkbox-list")) {
             ul.classList.add("rte-checkbox-list");
         }
+        // Propagate checkbox class to nested ULs inside LI children
+        ul.querySelectorAll(":scope > li > ul").forEach((nestedUl) => {
+            if (!nestedUl.classList.contains("rte-checkbox-list")) {
+                nestedUl.classList.add("rte-checkbox-list");
+            }
+        });
         // Handle GitHub format: convert <input type="checkbox"> to aria-checked
         ul.querySelectorAll(":scope > li").forEach((li) => {
             const input = li.querySelector('input[type="checkbox"]');
@@ -870,9 +876,8 @@ function domToContent(element) {
         if (tagName === "input" && el.getAttribute("type") === "checkbox") {
             return null;
         }
-        // Handle <br> as empty text
         if (tagName === "br") {
-            return null;
+            return { type: "br" };
         }
         if (tagName === "img") {
             const attributes = {};
@@ -1422,8 +1427,10 @@ function indentListItem(selection) {
         // Create nested list in the previous item
         let nestedList = previousItem.querySelector('ul, ol');
         if (!nestedList) {
-            // Create new nested list
             nestedList = document.createElement(list.tagName.toLowerCase());
+            if (list.classList.contains('rte-checkbox-list')) {
+                nestedList.classList.add('rte-checkbox-list');
+            }
             previousItem.appendChild(nestedList);
         }
         // Move current item into nested list
@@ -1451,6 +1458,9 @@ function indentListItem(selection) {
     else {
         // No previous item — create new nested list in current item
         const nestedList = document.createElement(list.tagName.toLowerCase());
+        if (list.classList.contains('rte-checkbox-list')) {
+            nestedList.classList.add('rte-checkbox-list');
+        }
         // Move all following items into the nested list
         let nextSibling = listItem.nextElementSibling;
         while (nextSibling && nextSibling.tagName === 'LI') {
@@ -1679,8 +1689,25 @@ function handleMarkdownShortcut(editor, e) {
 /** Remove the trigger characters from the text node before applying formatting. */
 function clearBlockText(textNode, charCount) {
     const text = textNode.textContent || "";
-    textNode.textContent = text.substring(charCount);
-    // Reset cursor to start
+    const remaining = text.substring(charCount);
+    textNode.textContent = remaining;
+    if (remaining === "") {
+        const parent = textNode.parentElement;
+        if (parent) {
+            parent.removeChild(textNode);
+            const br = document.createElement("br");
+            parent.appendChild(br);
+            const selection = window.getSelection();
+            if (selection) {
+                const range = document.createRange();
+                range.setStart(parent, 0);
+                range.collapse(true);
+                selection.removeAllRanges();
+                selection.addRange(range);
+            }
+            return;
+        }
+    }
     const selection = window.getSelection();
     if (selection) {
         const range = document.createRange();
@@ -3223,7 +3250,7 @@ function createImagePlugin(onImageUpload) {
                     }
                 }
             };
-            return (jsxs(Fragment, { children: [jsx("button", { type: "button", onClick: () => setShowModal(true), disabled: props.disabled, className: "rte-toolbar-button", title: "Insert Image", "aria-label": "Insert Image", children: jsx(IconWrapper, { icon: "mdi:image", width: 18, height: 18 }) }), showModal && (jsx("div", { className: "rte-image-modal-overlay", onClick: (e) => {
+            return (jsxs(Fragment, { children: [jsx("button", { type: "button", onClick: () => setShowModal(true), disabled: props.disabled, className: "rte-toolbar-button", title: "Insert Image", "aria-label": "Insert Image", children: jsx(IconWrapper, { icon: "mdi:image", width: 18, height: 18 }) }), showModal && (jsx("div", { className: "rte-image-modal-overlay", onMouseDown: (e) => e.stopPropagation(), onClick: (e) => {
                             if (e.target === e.currentTarget) {
                                 setShowModal(false);
                             }
@@ -5137,10 +5164,18 @@ const Editor = ({ initialContent, onChange, plugins: providedPlugins, placeholde
                 {
                     "--rte-button-hover-bg": theme.buttonHoverBg,
                 }),
+            ...(theme.buttonActiveBg &&
+                {
+                    "--rte-button-active-bg": theme.buttonActiveBg,
+                }),
             ...(theme.contentBg &&
                 {
                     "--rte-content-bg": theme.contentBg,
                 }),
+            ...(theme.textColor &&
+                {
+                    "--rte-text-color": theme.textColor,
+                }),
             ...(theme.primaryColor &&
                 {
                     "--rte-primary-color": theme.primaryColor,