@bbl-digital/snorre 4.0.87 → 4.0.89

package/dist/bundle.js

@@ -35409,7 +35409,9 @@ to {top: 100vh;}
     height,
     width,
     maxHeight,
+    minHeight = 150,
     maxWidth,
+    minWidth,
     placeholder,
     initialValue,
     overrideValue,
@@ -35432,7 +35434,8 @@ to {top: 100vh;}
     resize // Trenger vi denne?,
   }) => {
     const [quill, setQuill] = React.useState(null);
-    const editorRef = React.useRef(null);
+    const isMounted = React.useRef(false);
+    const containerRef = React.useRef(null);
     const {
       alert
     } = react.useTheme();
@@ -35451,8 +35454,10 @@ to {top: 100vh;}
       }
     }, [quill, onChange]);
     React.useEffect(() => {
-      if (editorRef.current && !quill) {
-        const quillInstance = new Quill__default["default"](editorRef.current, {
+      if (!isMounted.current) {
+        const editor = document.createElement('div');
+        containerRef.current?.appendChild(editor);
+        const quillInstance = new Quill__default["default"](editor, {
           theme: 'snow',
           modules,
           formats,
@@ -35460,13 +35465,14 @@ 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]);
+    }, []);
     React.useEffect(() => {
       if (quill && disabled) {
         quill.disable();
@@ -35504,12 +35510,13 @@ 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`);
     };
     return jsxRuntime.jsxs("div", {
       css: theme => [styles.default(theme, maxHeight)],
@@ -35525,7 +35532,7 @@ to {top: 100vh;}
           ...style
         },
         children: jsxRuntime.jsx("div", {
-          ref: editorRef
+          ref: containerRef
         })
       }), invalidMessage && jsxRuntime.jsx(ErrorWrapper, {
         children: jsxRuntime.jsxs(Text, {

package/esm/core/QuillEditor/index.js

@@ -35,7 +35,9 @@ const QuillEditor = ({
   height,
   width,
   maxHeight,
+  minHeight = 150,
   maxWidth,
+  minWidth,
   placeholder,
   initialValue,
   overrideValue,
@@ -58,7 +60,8 @@ const QuillEditor = ({
   resize // Trenger vi denne?,
 }) => {
   const [quill, setQuill] = useState(null);
-  const editorRef = useRef(null);
+  const isMounted = useRef(false);
+  const containerRef = useRef(null);
   const {
     alert
   } = useTheme();
@@ -77,8 +80,10 @@ const QuillEditor = ({
     }
   }, [quill, onChange]);
   useEffect(() => {
-    if (editorRef.current && !quill) {
-      const quillInstance = new Quill(editorRef.current, {
+    if (!isMounted.current) {
+      const editor = document.createElement('div');
+      containerRef.current?.appendChild(editor);
+      const quillInstance = new Quill(editor, {
         theme: 'snow',
         modules,
         formats,
@@ -86,13 +91,14 @@ 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]);
+  }, []);
   useEffect(() => {
     if (quill && disabled) {
       quill.disable();
@@ -130,12 +136,13 @@ 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`);
   };
   return _jsxs("div", {
     css: theme => [styles.default(theme, maxHeight)],
@@ -151,7 +158,7 @@ const QuillEditor = ({
         ...style
       },
       children: _jsx("div", {
-        ref: editorRef
+        ref: containerRef
       })
     }), invalidMessage && _jsx(ErrorWrapper, {
       children: _jsxs(Text, {

package/jest.config.js

@@ -23,7 +23,12 @@ module.exports = {
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   moduleNameMapper: {
     '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+    quill: '<rootDir>/node_modules/quill/dist/quill.js',
   },
+  transformIgnorePatterns: [
+    'node_modules/quill',
+    '<rootDir>/src/QuillEditor/Attributors',
+  ],
 
   testEnvironment: 'jsdom',
 }

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,CA8J3C,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,7 +60,8 @@ const QuillEditor = ({
   resize // Trenger vi denne?,
 }) => {
   const [quill, setQuill] = useState(null);
-  const editorRef = useRef(null);
+  const isMounted = useRef(false);
+  const containerRef = useRef(null);
   const {
     alert
   } = useTheme();
@@ -77,8 +80,10 @@ const QuillEditor = ({
     }
   }, [quill, onChange]);
   useEffect(() => {
-    if (editorRef.current && !quill) {
-      const quillInstance = new Quill(editorRef.current, {
+    if (!isMounted.current) {
+      const editor = document.createElement('div');
+      containerRef.current?.appendChild(editor);
+      const quillInstance = new Quill(editor, {
         theme: 'snow',
         modules,
         formats,
@@ -86,13 +91,14 @@ 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]);
+  }, []);
   useEffect(() => {
     if (quill && disabled) {
       quill.disable();
@@ -130,12 +136,13 @@ 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`);
   };
   return _jsxs("div", {
     css: theme => [styles.default(theme, maxHeight)],
@@ -151,7 +158,7 @@ const QuillEditor = ({
         ...style
       },
       children: _jsx("div", {
-        ref: editorRef
+        ref: containerRef
       })
     }), invalidMessage && _jsx(ErrorWrapper, {
       children: _jsxs(Text, {

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,UAAU,kBAAkB;IAE1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IAGtB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAGhE,IAAI,CAAC,EAAE;QACL,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,MAAM,CAAC,EAAE,OAAO,CAAA;KACjB,CAAA;IAGD,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,OAAO,CAAA;QACb,KAAK,CAAC,EAAE,OAAO,CAAA;KAChB,CAAA;IAGD,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,IAAI,CAAC,EAAE,OAAO,CAAA;KACf,CAAA;IAGD,SAAS,CAAC,EAAE;QACV,GAAG,CAAC,EAAE,OAAO,CAAA;KACd,CAAA;IAGD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAGrD,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;IAG/B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;IAGzB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAGtD,KAAK,CAAC,EAAE,OAAO,CAAA;IAGf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;IAC3C,aAAa,CAAC,EAAE;QACd,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;KAC/B,CAAA;IACD,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAA;IAC7E,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,GAAG,CAAA;IACnB,SAAS,EAAE,MAAM,cAAc,GAAG,IAAI,CAAA;CACvC;AAED,UAAU,QAAQ;IAChB,OAAO,EAAE,KAAK,GAAG,IAAI,CAAA;CACtB;AAED,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAA"}
+{"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.89",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",