@bbl-digital/snorre 4.0.92 → 4.0.94

package/dist/bundle.js

@@ -35386,10 +35386,27 @@ to {top: 100vh;}
 
   /** @jsxImportSource @emotion/react */
   const Parchment = Quill__default["default"].import('parchment');
+
+  // Colors
+  Quill__default["default"].register(Quill__default["default"].import('attributors/style/color'), true);
+  // Background colors
+  Quill__default["default"].register(Quill__default["default"].import('attributors/style/background'), true);
   //Text direction
   Quill__default["default"].register(Quill__default["default"].import('attributors/style/direction'), true);
   //Alignment
   Quill__default["default"].register(Quill__default["default"].import('attributors/style/align'), true);
+  // Image
+  Quill__default["default"].register('attributors/style/image', true);
+  // Video
+  Quill__default["default"].register('attributors/style/video', true);
+  // Strike
+  Quill__default["default"].register('attributors/style/strike', true);
+  // Table
+  Quill__default["default"].register('attributors/style/table', true);
+  // Underline
+  Quill__default["default"].register('attributors/style/underline', true);
+  // Bold
+  Quill__default["default"].register('attributors/style/bold', true);
   // Text sizes
   const Size = Quill__default["default"].import('attributors/style/size');
   Size.whitelist = ['0.75em', '1em', '1.5em', '2.5em'];
@@ -35398,6 +35415,11 @@ to {top: 100vh;}
     scope: Parchment.Scope.BLOCK,
     whitelist: ['1em', '2em', '3em', '4em', '5em', '6em', '7em', '8em', '9em']
   });
+
+  // Font
+  const Font = Quill__default["default"].import('formats/font');
+  Font.whitelist = ['Source Sans Pro', 'sans-serif'];
+  Quill__default["default"].register(Font, true);
   const Container = MyListContainer;
   Container.allowedChildren = [MyListItem];
   Quill__default["default"].register(IndentStyle, true);
@@ -35445,7 +35467,10 @@ to {top: 100vh;}
       custom: customModules.toolbar
     };
     const modules = {
-      toolbar: toolbars[type || 'basic']
+      toolbar: toolbars[type || 'basic'],
+      clipboard: {
+        matchVisual: false
+      }
     };
     const handleChange = React.useCallback((delta, oldDelta, source) => {
       if (quill && onChange) {
@@ -35491,14 +35516,20 @@ to {top: 100vh;}
     React.useEffect(() => {
       if (quill && overrideValue !== undefined) {
         if (quill.root.innerHTML !== overrideValue) {
-          quill.root.innerHTML = overrideValue;
+          const delta = quill.clipboard.convert({
+            html: overrideValue
+          });
+          quill.setContents(delta);
         }
       }
     }, [quill, overrideValue]);
     React.useEffect(() => {
       if (quill && initialValue !== undefined) {
         if (quill.root.innerHTML !== initialValue) {
-          quill.setText(initialValue);
+          const delta = quill.clipboard.convert({
+            html: initialValue
+          });
+          quill.setContents(delta);
         }
       }
     }, [quill, initialValue]);

package/esm/core/QuillEditor/QuillEditor.stories.js

@@ -10,7 +10,7 @@ export const Default = {
       onChange: e => console.log(e),
       onBlur: () => console.log('blur'),
       onFocus: () => console.log('focus'),
-      overrideValue: "<p>Initial value</p>",
+      initialValue: "<p>Initial value</p>",
       onSelectionChange: (range, source, quill) => console.log(range, source, quill)
     });
   },

package/esm/core/QuillEditor/index.js

@@ -12,10 +12,27 @@ import { MyListContainer } from './Attributors/ListContainer';
 import { IndentAttributor } from './Attributors/IndentAttributor';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Parchment = Quill.import('parchment');
+
+// Colors
+Quill.register(Quill.import('attributors/style/color'), true);
+// Background colors
+Quill.register(Quill.import('attributors/style/background'), true);
 //Text direction
 Quill.register(Quill.import('attributors/style/direction'), true);
 //Alignment
 Quill.register(Quill.import('attributors/style/align'), true);
+// Image
+Quill.register('attributors/style/image', true);
+// Video
+Quill.register('attributors/style/video', true);
+// Strike
+Quill.register('attributors/style/strike', true);
+// Table
+Quill.register('attributors/style/table', true);
+// Underline
+Quill.register('attributors/style/underline', true);
+// Bold
+Quill.register('attributors/style/bold', true);
 // Text sizes
 const Size = Quill.import('attributors/style/size');
 Size.whitelist = ['0.75em', '1em', '1.5em', '2.5em'];
@@ -24,6 +41,11 @@ let IndentStyle = new IndentAttributor('indent', 'margin-left', {
   scope: Parchment.Scope.BLOCK,
   whitelist: ['1em', '2em', '3em', '4em', '5em', '6em', '7em', '8em', '9em']
 });
+
+// Font
+const Font = Quill.import('formats/font');
+Font.whitelist = ['Source Sans Pro', 'sans-serif'];
+Quill.register(Font, true);
 const Container = MyListContainer;
 Container.allowedChildren = [MyListItem];
 Quill.register(IndentStyle, true);
@@ -71,7 +93,10 @@ const QuillEditor = ({
     custom: customModules.toolbar
   };
   const modules = {
-    toolbar: toolbars[type || 'basic']
+    toolbar: toolbars[type || 'basic'],
+    clipboard: {
+      matchVisual: false
+    }
   };
   const handleChange = useCallback((delta, oldDelta, source) => {
     if (quill && onChange) {
@@ -117,14 +142,20 @@ const QuillEditor = ({
   useEffect(() => {
     if (quill && overrideValue !== undefined) {
       if (quill.root.innerHTML !== overrideValue) {
-        quill.root.innerHTML = overrideValue;
+        const delta = quill.clipboard.convert({
+          html: overrideValue
+        });
+        quill.setContents(delta);
       }
     }
   }, [quill, overrideValue]);
   useEffect(() => {
     if (quill && initialValue !== undefined) {
       if (quill.root.innerHTML !== initialValue) {
-        quill.setText(initialValue);
+        const delta = quill.clipboard.convert({
+          html: initialValue
+        });
+        quill.setContents(delta);
       }
     }
   }, [quill, initialValue]);

package/lib/core/QuillEditor/QuillEditor.stories.js

@@ -10,7 +10,7 @@ export const Default = {
       onChange: e => console.log(e),
       onBlur: () => console.log('blur'),
       onFocus: () => console.log('focus'),
-      overrideValue: "<p>Initial value</p>",
+      initialValue: "<p>Initial value</p>",
       onSelectionChange: (range, source, quill) => console.log(range, source, quill)
     });
   },

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,CAwK3C,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;AA2D3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6K3C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/core/QuillEditor/index.js

@@ -12,10 +12,27 @@ import { MyListContainer } from './Attributors/ListContainer';
 import { IndentAttributor } from './Attributors/IndentAttributor';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Parchment = Quill.import('parchment');
+
+// Colors
+Quill.register(Quill.import('attributors/style/color'), true);
+// Background colors
+Quill.register(Quill.import('attributors/style/background'), true);
 //Text direction
 Quill.register(Quill.import('attributors/style/direction'), true);
 //Alignment
 Quill.register(Quill.import('attributors/style/align'), true);
+// Image
+Quill.register('attributors/style/image', true);
+// Video
+Quill.register('attributors/style/video', true);
+// Strike
+Quill.register('attributors/style/strike', true);
+// Table
+Quill.register('attributors/style/table', true);
+// Underline
+Quill.register('attributors/style/underline', true);
+// Bold
+Quill.register('attributors/style/bold', true);
 // Text sizes
 const Size = Quill.import('attributors/style/size');
 Size.whitelist = ['0.75em', '1em', '1.5em', '2.5em'];
@@ -24,6 +41,11 @@ let IndentStyle = new IndentAttributor('indent', 'margin-left', {
   scope: Parchment.Scope.BLOCK,
   whitelist: ['1em', '2em', '3em', '4em', '5em', '6em', '7em', '8em', '9em']
 });
+
+// Font
+const Font = Quill.import('formats/font');
+Font.whitelist = ['Source Sans Pro', 'sans-serif'];
+Quill.register(Font, true);
 const Container = MyListContainer;
 Container.allowedChildren = [MyListItem];
 Quill.register(IndentStyle, true);
@@ -71,7 +93,10 @@ const QuillEditor = ({
     custom: customModules.toolbar
   };
   const modules = {
-    toolbar: toolbars[type || 'basic']
+    toolbar: toolbars[type || 'basic'],
+    clipboard: {
+      matchVisual: false
+    }
   };
   const handleChange = useCallback((delta, oldDelta, source) => {
     if (quill && onChange) {
@@ -117,14 +142,20 @@ const QuillEditor = ({
   useEffect(() => {
     if (quill && overrideValue !== undefined) {
       if (quill.root.innerHTML !== overrideValue) {
-        quill.root.innerHTML = overrideValue;
+        const delta = quill.clipboard.convert({
+          html: overrideValue
+        });
+        quill.setContents(delta);
       }
     }
   }, [quill, overrideValue]);
   useEffect(() => {
     if (quill && initialValue !== undefined) {
       if (quill.root.innerHTML !== initialValue) {
-        quill.setText(initialValue);
+        const delta = quill.clipboard.convert({
+          html: initialValue
+        });
+        quill.setContents(delta);
       }
     }
   }, [quill, initialValue]);

package/package.json

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