@bbl-digital/snorre 4.1.6 → 4.1.8

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;
@@ -35581,6 +35576,11 @@ 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'
         }, {
@@ -35614,11 +35614,8 @@ to {top: 100vh;}
     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;
@@ -178,6 +173,11 @@ 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'
       }, {
@@ -211,11 +211,8 @@ const QuillEditor = ({
   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,CA0Q3C,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;
@@ -178,6 +173,11 @@ 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'
       }, {
@@ -211,11 +211,8 @@ const QuillEditor = ({
   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.8",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",