@bbl-digital/snorre 4.0.70 → 4.0.71

package/dist/bundle.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@emotion/styled/base'), require('react'), require('@emotion/react'), require('@emotion/react/jsx-runtime'), require('react/jsx-runtime'), require('react-transition-group'), require('react-player'), require('react-aria'), require('match-sorter'), require('body-scroll-lock'), require('framer-motion'), require('recharts'), require('nuka-carousel'), require('react-day-picker'), require('date-fns/locale'), require('react-popper'), require('date-fns'), require('react-beautiful-dnd'), require('@tinymce/tinymce-react'), require('react-images-uploading'), require('react-stately'), require('react-quill'), require('react-quill/dist/quill.snow.css')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@emotion/styled/base', 'react', '@emotion/react', '@emotion/react/jsx-runtime', 'react/jsx-runtime', 'react-transition-group', 'react-player', 'react-aria', 'match-sorter', 'body-scroll-lock', 'framer-motion', 'recharts', 'nuka-carousel', 'react-day-picker', 'date-fns/locale', 'react-popper', 'date-fns', 'react-beautiful-dnd', '@tinymce/tinymce-react', 'react-images-uploading', 'react-stately', 'react-quill', 'react-quill/dist/quill.snow.css'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Snorre = {}, global._styled, global.React, global.react, global.jsxRuntime, global.jsxRuntime$1, global.reactTransitionGroup, global.ReactPlayer, global.reactAria, global.matchSorter, global.bodyScrollLock, global.framerMotion, global.recharts, global.Carousel, global.reactDayPicker, global.locale, global.reactPopper, global.dateFns, global.reactBeautifulDnd, global.tinymceReact, global.ImageUploading, global.reactStately, global.ReactQuill));
-})(this, (function (exports, _styled, React, react, jsxRuntime, jsxRuntime$1, reactTransitionGroup, ReactPlayer, reactAria, matchSorter, bodyScrollLock, framerMotion, recharts, Carousel, reactDayPicker, locale, reactPopper, dateFns, reactBeautifulDnd, tinymceReact, ImageUploading, reactStately, ReactQuill) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@emotion/styled/base'), require('react'), require('@emotion/react'), require('@emotion/react/jsx-runtime'), require('react/jsx-runtime'), require('react-transition-group'), require('react-player'), require('react-aria'), require('react-quill/dist/quill.snow.css'), require('match-sorter'), require('body-scroll-lock'), require('framer-motion'), require('recharts'), require('nuka-carousel'), require('react-day-picker'), require('date-fns/locale'), require('react-popper'), require('date-fns'), require('react-beautiful-dnd'), require('@tinymce/tinymce-react'), require('react-images-uploading'), require('react-stately'), require('react-quill')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@emotion/styled/base', 'react', '@emotion/react', '@emotion/react/jsx-runtime', 'react/jsx-runtime', 'react-transition-group', 'react-player', 'react-aria', 'react-quill/dist/quill.snow.css', 'match-sorter', 'body-scroll-lock', 'framer-motion', 'recharts', 'nuka-carousel', 'react-day-picker', 'date-fns/locale', 'react-popper', 'date-fns', 'react-beautiful-dnd', '@tinymce/tinymce-react', 'react-images-uploading', 'react-stately', 'react-quill'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Snorre = {}, global._styled, global.React, global.react, global.jsxRuntime, global.jsxRuntime$1, global.reactTransitionGroup, global.ReactPlayer, global.reactAria, null, global.matchSorter, global.bodyScrollLock, global.framerMotion, global.recharts, global.Carousel, global.reactDayPicker, global.locale, global.reactPopper, global.dateFns, global.reactBeautifulDnd, global.tinymceReact, global.ImageUploading, global.reactStately, global.ReactQuill));
+})(this, (function (exports, _styled, React, react, jsxRuntime, jsxRuntime$1, reactTransitionGroup, ReactPlayer, reactAria, quill_snow_css, matchSorter, bodyScrollLock, framerMotion, recharts, Carousel, reactDayPicker, locale, reactPopper, dateFns, reactBeautifulDnd, tinymceReact, ImageUploading, reactStately, ReactQuill) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24976,7 +24976,8 @@
     whiteSpace
   }) => jsxRuntime.jsx("div", {
     css: theme => [styles$m.default(theme), secondary && styles$m.secondary(theme), dark && styles$m.dark(theme), size && styles$m.size(size), styles$m.whiteSpace(whiteSpace ? whiteSpace : 'pre-wrap'), removeMargins && styles$m.removeMargins],
-    className: className,
+    className: (className || '') + ' ql-editor' // To apply Quill styles
+    ,
     dangerouslySetInnerHTML: {
       __html: externalLinks ? text.replace(/href/g, "target='_blank' href") : text
     }

package/esm/core/Html/Html.stories.js

@@ -9,7 +9,7 @@ export default meta;
 export const HtmlDefault = {
   name: 'Html',
   args: {
-    text: '<h3>Html text</h3><p><i>Displays text as html</i></p>'
+    text: '<p>Hei dette er et oppslag med quill</p><p><strong>BOld</strong></p><p><strong><em>Bold og kursiv</em></strong></p><p class="ql-align-center"><u>Bare understrek midtstilt</u></p><ul><li><u>Punkt 1 </u></li><li class="ql-indent-1"><u>2</u></li><li class="ql-indent-2"><u>3</u></li></ul>'
   }
 };
 export const ExternalLinks = {

package/esm/core/Html/index.js

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { styles } from './styles';
+import 'react-quill/dist/quill.snow.css';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const Html = ({
   className,
@@ -12,7 +13,8 @@ const Html = ({
   whiteSpace
 }) => _jsx("div", {
   css: theme => [styles.default(theme), secondary && styles.secondary(theme), dark && styles.dark(theme), size && styles.size(size), styles.whiteSpace(whiteSpace ? whiteSpace : 'pre-wrap'), removeMargins && styles.removeMargins],
-  className: className,
+  className: (className || '') + ' ql-editor' // To apply Quill styles
+  ,
   dangerouslySetInnerHTML: {
     __html: externalLinks ? text.replace(/href/g, "target='_blank' href") : text
   }

package/lib/core/Html/Html.stories.js

@@ -9,7 +9,7 @@ export default meta;
 export const HtmlDefault = {
   name: 'Html',
   args: {
-    text: '<h3>Html text</h3><p><i>Displays text as html</i></p>'
+    text: '<p>Hei dette er et oppslag med quill</p><p><strong>BOld</strong></p><p><strong><em>Bold og kursiv</em></strong></p><p class="ql-align-center"><u>Bare understrek midtstilt</u></p><ul><li><u>Punkt 1 </u></li><li class="ql-indent-1"><u>2</u></li><li class="ql-indent-2"><u>3</u></li></ul>'
   }
 };
 export const ExternalLinks = {

package/lib/core/Html/index.d.ts

@@ -1,3 +1,4 @@
+import 'react-quill/dist/quill.snow.css';
 interface IProps {
     /** Html to be displayed. */
     text?: any;

package/lib/core/Html/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Html/index.tsx"],"names":[],"mappings":"AAGA,UAAU,MAAM;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,IAAI,0FASP,MAAM,qDAiBR,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Html/index.tsx"],"names":[],"mappings":"AAEA,OAAO,iCAAiC,CAAA;AAExC,UAAU,MAAM;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,IAAI,0FASP,MAAM,qDAiBR,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Html/index.js

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { styles } from './styles';
+import 'react-quill/dist/quill.snow.css';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const Html = ({
   className,
@@ -12,7 +13,8 @@ const Html = ({
   whiteSpace
 }) => _jsx("div", {
   css: theme => [styles.default(theme), secondary && styles.secondary(theme), dark && styles.dark(theme), size && styles.size(size), styles.whiteSpace(whiteSpace ? whiteSpace : 'pre-wrap'), removeMargins && styles.removeMargins],
-  className: className,
+  className: (className || '') + ' ql-editor' // To apply Quill styles
+  ,
   dangerouslySetInnerHTML: {
     __html: externalLinks ? text.replace(/href/g, "target='_blank' href") : text
   }

package/package.json

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