@bbl-digital/snorre 4.1.3 → 4.1.5

package/dist/bundle.js

@@ -35594,6 +35594,12 @@ to {top: 100vh;}
         });
         // Move the last binding in the list, to the top. Ensure that the custom binding is called first.
         quillInstance.keyboard.bindings['Backspace'].unshift(quillInstance.keyboard.bindings['Backspace'].pop());
+        quillInstance.keyboard.addBinding({
+          key: 'Escape'
+        }, () => {
+          // Remove focus from editor
+          quillInstance.blur();
+        });
         if (initialValue !== undefined) {
           if (quillInstance.root.innerHTML !== initialValue) {
             const delta = quillInstance.clipboard.convert({
@@ -35646,18 +35652,18 @@ to {top: 100vh;}
       if (!quill) return;
       quill.on('text-change', handleChange);
       quill.on('selection-change', (range, oldRange, source) => {
+        // onSelectionChange && onSelectionChange(range, source, quill)
         if (range) {
           handelFocus();
         } else {
           handleBlur();
         }
-        onSelectionChange && onSelectionChange(range, source, quill);
       });
       return () => {
         quill.off('text-change', handleChange);
         quill.off('selection-change');
       };
-    }, [quill?.container]);
+    }, [quill]);
     return jsxRuntime.jsxs("div", {
       css: theme => [styles.default(theme, maxHeight)],
       children: [label && jsxRuntime.jsx(Label, {

package/esm/core/QuillEditor/index.js

@@ -191,6 +191,12 @@ const QuillEditor = ({
       });
       // Move the last binding in the list, to the top. Ensure that the custom binding is called first.
       quillInstance.keyboard.bindings['Backspace'].unshift(quillInstance.keyboard.bindings['Backspace'].pop());
+      quillInstance.keyboard.addBinding({
+        key: 'Escape'
+      }, () => {
+        // Remove focus from editor
+        quillInstance.blur();
+      });
       if (initialValue !== undefined) {
         if (quillInstance.root.innerHTML !== initialValue) {
           const delta = quillInstance.clipboard.convert({
@@ -243,18 +249,18 @@ const QuillEditor = ({
     if (!quill) return;
     quill.on('text-change', handleChange);
     quill.on('selection-change', (range, oldRange, source) => {
+      // onSelectionChange && onSelectionChange(range, source, quill)
       if (range) {
         handelFocus();
       } else {
         handleBlur();
       }
-      onSelectionChange && onSelectionChange(range, source, quill);
     });
     return () => {
       quill.off('text-change', handleChange);
       quill.off('selection-change');
     };
-  }, [quill?.container]);
+  }, [quill]);
   return _jsxs("div", {
     css: theme => [styles.default(theme, maxHeight)],
     children: [label && _jsx(Label, {

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

package/lib/core/QuillEditor/index.js

@@ -191,6 +191,12 @@ const QuillEditor = ({
       });
       // Move the last binding in the list, to the top. Ensure that the custom binding is called first.
       quillInstance.keyboard.bindings['Backspace'].unshift(quillInstance.keyboard.bindings['Backspace'].pop());
+      quillInstance.keyboard.addBinding({
+        key: 'Escape'
+      }, () => {
+        // Remove focus from editor
+        quillInstance.blur();
+      });
       if (initialValue !== undefined) {
         if (quillInstance.root.innerHTML !== initialValue) {
           const delta = quillInstance.clipboard.convert({
@@ -243,18 +249,18 @@ const QuillEditor = ({
     if (!quill) return;
     quill.on('text-change', handleChange);
     quill.on('selection-change', (range, oldRange, source) => {
+      // onSelectionChange && onSelectionChange(range, source, quill)
       if (range) {
         handelFocus();
       } else {
         handleBlur();
       }
-      onSelectionChange && onSelectionChange(range, source, quill);
     });
     return () => {
       quill.off('text-change', handleChange);
       quill.off('selection-change');
     };
-  }, [quill?.container]);
+  }, [quill]);
   return _jsxs("div", {
     css: theme => [styles.default(theme, maxHeight)],
     children: [label && _jsx(Label, {

package/package.json

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