@bbl-digital/snorre 4.1.6 → 4.1.9

package/dist/bundle.js

@@ -35543,11 +35543,6 @@ to {top: 100vh;}
         onChange(html, delta, source, quill);
       }
     }, [quill, onChange]);
-    const handleBlur = React.useCallback(() => {
-      if (!quill) return;
-      const html = quill.root.innerHTML;
-      onBlur && onBlur(html);
-    }, [quill, onBlur]);
     const handelFocus = React.useCallback(() => {
       if (!quill) return;
       const html = quill.root.innerHTML;
@@ -35611,14 +35606,24 @@ 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) => {
-        if (range) {
-          handelFocus();
-        } else {
-          handleBlur();
-        }
+        if (!range) return;
+        handelFocus();
       });
       return () => {
         quill.off('selection-change');

package/esm/core/QuillEditor/QuillEditor.stories.js

@@ -8,7 +8,7 @@ export const Default = {
   render: () => {
     return /*#__PURE__*/_jsx(QuillEditor, {
       onChange: e => console.log(e),
-      onBlur: () => console.log('blur'),
+      onBlur: html => console.log('blur', html),
       onFocus: () => console.log('focus'),
       initialValue: `<p>Beskrivelse av selve styremøtet.</p><p><br></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered" style="margin-left: 1em;"><span class="ql-ui" contenteditable="false"></span>test</li></ol>`,
       pasteAsText: true

package/esm/core/QuillEditor/index.js

@@ -140,11 +140,6 @@ const QuillEditor = ({
       onChange(html, delta, source, quill);
     }
   }, [quill, onChange]);
-  const handleBlur = useCallback(() => {
-    if (!quill) return;
-    const html = quill.root.innerHTML;
-    onBlur && onBlur(html);
-  }, [quill, onBlur]);
   const handelFocus = useCallback(() => {
     if (!quill) return;
     const html = quill.root.innerHTML;
@@ -208,14 +203,24 @@ 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) => {
-      if (range) {
-        handelFocus();
-      } else {
-        handleBlur();
-      }
+      if (!range) return;
+      handelFocus();
     });
     return () => {
       quill.off('selection-change');

package/lib/core/QuillEditor/QuillEditor.stories.js

@@ -8,7 +8,7 @@ export const Default = {
   render: () => {
     return /*#__PURE__*/_jsx(QuillEditor, {
       onChange: e => console.log(e),
-      onBlur: () => console.log('blur'),
+      onBlur: html => console.log('blur', html),
       onFocus: () => console.log('focus'),
       initialValue: `<p>Beskrivelse av selve styremøtet.</p><p><br></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered" style="margin-left: 1em;"><span class="ql-ui" contenteditable="false"></span>test</li></ol>`,
       pasteAsText: true

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,CA4Q3C,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

@@ -140,11 +140,6 @@ const QuillEditor = ({
       onChange(html, delta, source, quill);
     }
   }, [quill, onChange]);
-  const handleBlur = useCallback(() => {
-    if (!quill) return;
-    const html = quill.root.innerHTML;
-    onBlur && onBlur(html);
-  }, [quill, onBlur]);
   const handelFocus = useCallback(() => {
     if (!quill) return;
     const html = quill.root.innerHTML;
@@ -208,14 +203,24 @@ 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) => {
-      if (range) {
-        handelFocus();
-      } else {
-        handleBlur();
-      }
+      if (!range) return;
+      handelFocus();
     });
     return () => {
       quill.off('selection-change');

package/package.json

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