@bbl-digital/snorre 4.1.10 → 4.1.12

package/dist/bundle.js

@@ -35538,9 +35538,11 @@ to {top: 100vh;}
       }
     };
     const handleChange = React.useCallback((delta, _oldDelta, source) => {
-      if (quill && onChange) {
+      if (quill) {
         const html = quill.root.innerHTML;
-        onChange(html, delta, source, quill);
+        if (onChange) {
+          onChange(html, delta, source, quill);
+        }
       }
     }, [quill, onChange]);
     const handelFocus = React.useCallback(() => {
@@ -35608,15 +35610,15 @@ to {top: 100vh;}
     }, []);
     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 handleBlur = () => {
+        setTimeout(() => {
           const html = quill.root.innerHTML;
           onBlur && onBlur(html);
-        });
+        }, 50);
+      };
+      quill.root.addEventListener('blur', handleBlur);
+      return () => {
+        quill.root.removeEventListener('blur', handleBlur);
       };
     }, [quill]);
     React.useEffect(() => {
@@ -35657,7 +35659,8 @@ to {top: 100vh;}
     }, [quill, pasteAsText]);
     React.useEffect(() => {
       if (quill && overrideValue !== undefined) {
-        if (quill.root.innerHTML !== overrideValue) {
+        const currentContent = quill.root.innerHTML;
+        if (currentContent !== overrideValue) {
           const delta = quill.clipboard.convert({
             html: overrideValue
           });

package/esm/core/QuillEditor/index.js

@@ -135,9 +135,11 @@ const QuillEditor = ({
     }
   };
   const handleChange = useCallback((delta, _oldDelta, source) => {
-    if (quill && onChange) {
+    if (quill) {
       const html = quill.root.innerHTML;
-      onChange(html, delta, source, quill);
+      if (onChange) {
+        onChange(html, delta, source, quill);
+      }
     }
   }, [quill, onChange]);
   const handelFocus = useCallback(() => {
@@ -205,15 +207,15 @@ const QuillEditor = ({
   }, []);
   useEffect(() => {
     if (!quill) return;
-    quill.root.addEventListener('blur', e => {
-      const html = quill.root.innerHTML;
-      onBlur && onBlur(html);
-    });
-    return () => {
-      quill.root.removeEventListener('blur', e => {
+    const handleBlur = () => {
+      setTimeout(() => {
         const html = quill.root.innerHTML;
         onBlur && onBlur(html);
-      });
+      }, 50);
+    };
+    quill.root.addEventListener('blur', handleBlur);
+    return () => {
+      quill.root.removeEventListener('blur', handleBlur);
     };
   }, [quill]);
   useEffect(() => {
@@ -254,7 +256,8 @@ const QuillEditor = ({
   }, [quill, pasteAsText]);
   useEffect(() => {
     if (quill && overrideValue !== undefined) {
-      if (quill.root.innerHTML !== overrideValue) {
+      const currentContent = quill.root.innerHTML;
+      if (currentContent !== overrideValue) {
         const delta = quill.clipboard.convert({
           html: overrideValue
         });

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,CAkR3C,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,CAsR3C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/core/QuillEditor/index.js

@@ -135,9 +135,11 @@ const QuillEditor = ({
     }
   };
   const handleChange = useCallback((delta, _oldDelta, source) => {
-    if (quill && onChange) {
+    if (quill) {
       const html = quill.root.innerHTML;
-      onChange(html, delta, source, quill);
+      if (onChange) {
+        onChange(html, delta, source, quill);
+      }
     }
   }, [quill, onChange]);
   const handelFocus = useCallback(() => {
@@ -205,15 +207,15 @@ const QuillEditor = ({
   }, []);
   useEffect(() => {
     if (!quill) return;
-    quill.root.addEventListener('blur', e => {
-      const html = quill.root.innerHTML;
-      onBlur && onBlur(html);
-    });
-    return () => {
-      quill.root.removeEventListener('blur', e => {
+    const handleBlur = () => {
+      setTimeout(() => {
         const html = quill.root.innerHTML;
         onBlur && onBlur(html);
-      });
+      }, 50);
+    };
+    quill.root.addEventListener('blur', handleBlur);
+    return () => {
+      quill.root.removeEventListener('blur', handleBlur);
     };
   }, [quill]);
   useEffect(() => {
@@ -254,7 +256,8 @@ const QuillEditor = ({
   }, [quill, pasteAsText]);
   useEffect(() => {
     if (quill && overrideValue !== undefined) {
-      if (quill.root.innerHTML !== overrideValue) {
+      const currentContent = quill.root.innerHTML;
+      if (currentContent !== overrideValue) {
         const delta = quill.clipboard.convert({
           html: overrideValue
         });

package/package.json

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