@bbl-digital/snorre 4.1.8 → 4.1.9

package/dist/bundle.js

@@ -35576,11 +35576,6 @@ to {top: 100vh;}
           editorActual.setAttribute('id', id || 'ql-editor');
           editorActual.setAttribute('name', name || 'ql-editor');
         }
-        quillInstance.root.addEventListener('blur', e => {
-          e.preventDefault();
-          const html = quillInstance.root.innerHTML;
-          onBlur && onBlur(html);
-        });
         quillInstance.keyboard.addBinding({
           key: 'Backspace'
         }, {
@@ -35611,6 +35606,19 @@ to {top: 100vh;}
         setQuill(quillInstance);
       }
     }, []);
+    React.useEffect(() => {
+      if (!quill) return;
+      quill.root.addEventListener('blur', e => {
+        const html = quill.root.innerHTML;
+        onBlur && onBlur(html);
+      });
+      return () => {
+        quill.root.removeEventListener('blur', e => {
+          const html = quill.root.innerHTML;
+          onBlur && onBlur(html);
+        });
+      };
+    }, [quill]);
     React.useEffect(() => {
       if (!quill) return;
       quill.on('selection-change', (range, oldRange, source) => {

package/esm/core/QuillEditor/index.js

@@ -173,11 +173,6 @@ const QuillEditor = ({
         editorActual.setAttribute('id', id || 'ql-editor');
         editorActual.setAttribute('name', name || 'ql-editor');
       }
-      quillInstance.root.addEventListener('blur', e => {
-        e.preventDefault();
-        const html = quillInstance.root.innerHTML;
-        onBlur && onBlur(html);
-      });
       quillInstance.keyboard.addBinding({
         key: 'Backspace'
       }, {
@@ -208,6 +203,19 @@ const QuillEditor = ({
       setQuill(quillInstance);
     }
   }, []);
+  useEffect(() => {
+    if (!quill) return;
+    quill.root.addEventListener('blur', e => {
+      const html = quill.root.innerHTML;
+      onBlur && onBlur(html);
+    });
+    return () => {
+      quill.root.removeEventListener('blur', e => {
+        const html = quill.root.innerHTML;
+        onBlur && onBlur(html);
+      });
+    };
+  }, [quill]);
   useEffect(() => {
     if (!quill) return;
     quill.on('selection-change', (range, oldRange, source) => {

package/lib/core/QuillEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AA+D3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0Q3C,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AA+D3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkR3C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/core/QuillEditor/index.js

@@ -173,11 +173,6 @@ const QuillEditor = ({
         editorActual.setAttribute('id', id || 'ql-editor');
         editorActual.setAttribute('name', name || 'ql-editor');
       }
-      quillInstance.root.addEventListener('blur', e => {
-        e.preventDefault();
-        const html = quillInstance.root.innerHTML;
-        onBlur && onBlur(html);
-      });
       quillInstance.keyboard.addBinding({
         key: 'Backspace'
       }, {
@@ -208,6 +203,19 @@ const QuillEditor = ({
       setQuill(quillInstance);
     }
   }, []);
+  useEffect(() => {
+    if (!quill) return;
+    quill.root.addEventListener('blur', e => {
+      const html = quill.root.innerHTML;
+      onBlur && onBlur(html);
+    });
+    return () => {
+      quill.root.removeEventListener('blur', e => {
+        const html = quill.root.innerHTML;
+        onBlur && onBlur(html);
+      });
+    };
+  }, [quill]);
   useEffect(() => {
     if (!quill) return;
     quill.on('selection-change', (range, oldRange, source) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.1.8",
+  "version": "4.1.9",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",