@bbl-digital/snorre 4.0.89 → 4.0.91

package/dist/bundle.js

@@ -35453,6 +35453,15 @@ to {top: 100vh;}
         onChange(html, delta, source, quill);
       }
     }, [quill, onChange]);
+    const applySizes = () => {
+      if (!quill) return;
+      minHeight && (quill.root.style.minHeight = `${minHeight}px`);
+      maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
+      maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
+      width && (quill.root.style.width = `${width}px`);
+      height && (quill.root.style.height = `${height}px`);
+      minWidth && (quill.root.style.minWidth = `${minWidth}px`);
+    };
     React.useEffect(() => {
       if (!isMounted.current) {
         const editor = document.createElement('div');
@@ -35466,13 +35475,12 @@ to {top: 100vh;}
           readOnly
         });
         isMounted.current = true;
-        if (initialValue) {
-          quillInstance.root.innerHTML = initialValue;
-        }
-        applySizes(quillInstance);
         setQuill(quillInstance);
       }
     }, []);
+    React.useEffect(() => {
+      applySizes();
+    }, [quill, height, width, maxHeight, maxWidth, minHeight, minWidth]);
     React.useEffect(() => {
       if (quill && disabled) {
         quill.disable();
@@ -35487,6 +35495,13 @@ to {top: 100vh;}
         }
       }
     }, [quill, overrideValue]);
+    React.useEffect(() => {
+      if (quill && initialValue !== undefined) {
+        if (quill.root.innerHTML !== initialValue) {
+          quill.root.innerHTML = initialValue;
+        }
+      }
+    }, [quill, initialValue]);
     React.useEffect(() => {
       if (quill && readOnly) {
         quill.enable(false);
@@ -35510,14 +35525,6 @@ to {top: 100vh;}
         quill.off('selection-change');
       };
     }, [quill?.container]);
-    const applySizes = quill => {
-      minHeight && (quill.root.style.minHeight = `${minHeight}px`);
-      maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
-      maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
-      width && (quill.root.style.width = `${width}px`);
-      height && (quill.root.style.height = `${height}px`);
-      minWidth && (quill.root.style.minWidth = `${minWidth}px`);
-    };
     return jsxRuntime.jsxs("div", {
       css: theme => [styles.default(theme, maxHeight)],
       children: [label && jsxRuntime.jsx(Label, {

package/esm/core/QuillEditor/index.js

@@ -79,6 +79,15 @@ const QuillEditor = ({
       onChange(html, delta, source, quill);
     }
   }, [quill, onChange]);
+  const applySizes = () => {
+    if (!quill) return;
+    minHeight && (quill.root.style.minHeight = `${minHeight}px`);
+    maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
+    maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
+    width && (quill.root.style.width = `${width}px`);
+    height && (quill.root.style.height = `${height}px`);
+    minWidth && (quill.root.style.minWidth = `${minWidth}px`);
+  };
   useEffect(() => {
     if (!isMounted.current) {
       const editor = document.createElement('div');
@@ -92,13 +101,12 @@ const QuillEditor = ({
         readOnly
       });
       isMounted.current = true;
-      if (initialValue) {
-        quillInstance.root.innerHTML = initialValue;
-      }
-      applySizes(quillInstance);
       setQuill(quillInstance);
     }
   }, []);
+  useEffect(() => {
+    applySizes();
+  }, [quill, height, width, maxHeight, maxWidth, minHeight, minWidth]);
   useEffect(() => {
     if (quill && disabled) {
       quill.disable();
@@ -113,6 +121,13 @@ const QuillEditor = ({
       }
     }
   }, [quill, overrideValue]);
+  useEffect(() => {
+    if (quill && initialValue !== undefined) {
+      if (quill.root.innerHTML !== initialValue) {
+        quill.root.innerHTML = initialValue;
+      }
+    }
+  }, [quill, initialValue]);
   useEffect(() => {
     if (quill && readOnly) {
       quill.enable(false);
@@ -136,14 +151,6 @@ const QuillEditor = ({
       quill.off('selection-change');
     };
   }, [quill?.container]);
-  const applySizes = quill => {
-    minHeight && (quill.root.style.minHeight = `${minHeight}px`);
-    maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
-    maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
-    width && (quill.root.style.width = `${width}px`);
-    height && (quill.root.style.height = `${height}px`);
-    minWidth && (quill.root.style.minWidth = `${minWidth}px`);
-  };
   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;AAqC3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8J3C,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;AAqC3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuK3C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/core/QuillEditor/index.js

@@ -79,6 +79,15 @@ const QuillEditor = ({
       onChange(html, delta, source, quill);
     }
   }, [quill, onChange]);
+  const applySizes = () => {
+    if (!quill) return;
+    minHeight && (quill.root.style.minHeight = `${minHeight}px`);
+    maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
+    maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
+    width && (quill.root.style.width = `${width}px`);
+    height && (quill.root.style.height = `${height}px`);
+    minWidth && (quill.root.style.minWidth = `${minWidth}px`);
+  };
   useEffect(() => {
     if (!isMounted.current) {
       const editor = document.createElement('div');
@@ -92,13 +101,12 @@ const QuillEditor = ({
         readOnly
       });
       isMounted.current = true;
-      if (initialValue) {
-        quillInstance.root.innerHTML = initialValue;
-      }
-      applySizes(quillInstance);
       setQuill(quillInstance);
     }
   }, []);
+  useEffect(() => {
+    applySizes();
+  }, [quill, height, width, maxHeight, maxWidth, minHeight, minWidth]);
   useEffect(() => {
     if (quill && disabled) {
       quill.disable();
@@ -113,6 +121,13 @@ const QuillEditor = ({
       }
     }
   }, [quill, overrideValue]);
+  useEffect(() => {
+    if (quill && initialValue !== undefined) {
+      if (quill.root.innerHTML !== initialValue) {
+        quill.root.innerHTML = initialValue;
+      }
+    }
+  }, [quill, initialValue]);
   useEffect(() => {
     if (quill && readOnly) {
       quill.enable(false);
@@ -136,14 +151,6 @@ const QuillEditor = ({
       quill.off('selection-change');
     };
   }, [quill?.container]);
-  const applySizes = quill => {
-    minHeight && (quill.root.style.minHeight = `${minHeight}px`);
-    maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
-    maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
-    width && (quill.root.style.width = `${width}px`);
-    height && (quill.root.style.height = `${height}px`);
-    minWidth && (quill.root.style.minWidth = `${minWidth}px`);
-  };
   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.0.89",
+  "version": "4.0.91",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",