@bbl-digital/snorre 4.0.87 → 4.0.88

package/dist/bundle.js

@@ -35409,7 +35409,9 @@ to {top: 100vh;}
     height,
     width,
     maxHeight,
+    minHeight = 150,
     maxWidth,
+    minWidth,
     placeholder,
     initialValue,
     overrideValue,
@@ -35432,6 +35434,7 @@ to {top: 100vh;}
     resize // Trenger vi denne?,
   }) => {
     const [quill, setQuill] = React.useState(null);
+    const isMounted = React.useRef(false);
     const editorRef = React.useRef(null);
     const {
       alert
@@ -35451,7 +35454,7 @@ to {top: 100vh;}
       }
     }, [quill, onChange]);
     React.useEffect(() => {
-      if (editorRef.current && !quill) {
+      if (editorRef.current && !isMounted.current) {
         const quillInstance = new Quill__default["default"](editorRef.current, {
           theme: 'snow',
           modules,
@@ -35460,10 +35463,11 @@ to {top: 100vh;}
           bounds,
           readOnly
         });
-        applySizes();
+        isMounted.current = true;
         if (initialValue) {
           quillInstance.root.innerHTML = initialValue;
         }
+        applySizes(quillInstance);
         setQuill(quillInstance);
       }
     }, [editorRef, modules, formats, placeholder, readOnly, onFocus, onBlur, initialValue, handleChange]);
@@ -35504,12 +35508,14 @@ to {top: 100vh;}
         quill.off('selection-change');
       };
     }, [quill?.container]);
-    const applySizes = () => {
-      if (!quill) return;
+    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`);
+      console.log('applied sizes', quill.root.style);
     };
     return jsxRuntime.jsxs("div", {
       css: theme => [styles.default(theme, maxHeight)],

package/esm/core/QuillEditor/index.js

@@ -35,7 +35,9 @@ const QuillEditor = ({
   height,
   width,
   maxHeight,
+  minHeight = 150,
   maxWidth,
+  minWidth,
   placeholder,
   initialValue,
   overrideValue,
@@ -58,6 +60,7 @@ const QuillEditor = ({
   resize // Trenger vi denne?,
 }) => {
   const [quill, setQuill] = useState(null);
+  const isMounted = useRef(false);
   const editorRef = useRef(null);
   const {
     alert
@@ -77,7 +80,7 @@ const QuillEditor = ({
     }
   }, [quill, onChange]);
   useEffect(() => {
-    if (editorRef.current && !quill) {
+    if (editorRef.current && !isMounted.current) {
       const quillInstance = new Quill(editorRef.current, {
         theme: 'snow',
         modules,
@@ -86,10 +89,11 @@ const QuillEditor = ({
         bounds,
         readOnly
       });
-      applySizes();
+      isMounted.current = true;
       if (initialValue) {
         quillInstance.root.innerHTML = initialValue;
       }
+      applySizes(quillInstance);
       setQuill(quillInstance);
     }
   }, [editorRef, modules, formats, placeholder, readOnly, onFocus, onBlur, initialValue, handleChange]);
@@ -130,12 +134,14 @@ const QuillEditor = ({
       quill.off('selection-change');
     };
   }, [quill?.container]);
-  const applySizes = () => {
-    if (!quill) return;
+  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`);
+    console.log('applied sizes', quill.root.style);
   };
   return _jsxs("div", {
     css: theme => [styles.default(theme, maxHeight)],

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

@@ -35,7 +35,9 @@ const QuillEditor = ({
   height,
   width,
   maxHeight,
+  minHeight = 150,
   maxWidth,
+  minWidth,
   placeholder,
   initialValue,
   overrideValue,
@@ -58,6 +60,7 @@ const QuillEditor = ({
   resize // Trenger vi denne?,
 }) => {
   const [quill, setQuill] = useState(null);
+  const isMounted = useRef(false);
   const editorRef = useRef(null);
   const {
     alert
@@ -77,7 +80,7 @@ const QuillEditor = ({
     }
   }, [quill, onChange]);
   useEffect(() => {
-    if (editorRef.current && !quill) {
+    if (editorRef.current && !isMounted.current) {
       const quillInstance = new Quill(editorRef.current, {
         theme: 'snow',
         modules,
@@ -86,10 +89,11 @@ const QuillEditor = ({
         bounds,
         readOnly
       });
-      applySizes();
+      isMounted.current = true;
       if (initialValue) {
         quillInstance.root.innerHTML = initialValue;
       }
+      applySizes(quillInstance);
       setQuill(quillInstance);
     }
   }, [editorRef, modules, formats, placeholder, readOnly, onFocus, onBlur, initialValue, handleChange]);
@@ -130,12 +134,14 @@ const QuillEditor = ({
       quill.off('selection-change');
     };
   }, [quill?.container]);
-  const applySizes = () => {
-    if (!quill) return;
+  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`);
+    console.log('applied sizes', quill.root.style);
   };
   return _jsxs("div", {
     css: theme => [styles.default(theme, maxHeight)],

package/lib/core/QuillEditor/models.d.ts

@@ -41,7 +41,9 @@ interface QuillToolbarConfig {
 interface QuillEditorProps {
     height?: number;
     width?: number;
+    minHeight?: number;
     maxHeight?: number;
+    minWidth?: number;
     maxWidth?: number;
     label?: string;
     disabled?: boolean;

package/lib/core/QuillEditor/models.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/models.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/models.ts"],"names":[],"mappings":"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"}

package/package.json

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