@bbl-digital/snorre 4.0.95 → 4.0.97

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('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('quill'), require('quill/dist/quill.snow.css'), require('quill/core')) :
-  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', 'quill', 'quill/dist/quill.snow.css', 'quill/core'], 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.Quill, null, global.core));
-})(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, Quill, quill_snow_css$1, core) { '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('quill'), require('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', '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', 'quill', '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, 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.Quill));
+})(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, Quill) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1673,7 +1673,7 @@
   const setDisabled = theme => /*#__PURE__*/react.css("color:", theme.btnDisabled, ";text-decoration:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:setDisabled;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpbmsvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFb0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTGluay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgSWNvbkxpbmtXcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBOb1N0eWxlID0gY3NzYFxuICBjb2xvcjogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlcjogbm9uZTtcbmBcblxuZXhwb3J0IGNvbnN0IExpbmtTdHlsZSA9IGNzc2BcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBjb2xvcjogIzE2NTdlMjtcbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCAjMjEyMTIxO1xuICAgIG91dGxpbmU6IDVweCBhdXRvIC13ZWJraXQtZm9jdXMtcmluZy1jb2xvcjtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgZGFuZ2VyU3R5bGVzID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgY29sb3I6ICR7dGhlbWUuYnRuRGFuZ2VyfTtcbmBcblxuZXhwb3J0IGNvbnN0IG5vUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZzogMDtcbmBcblxuZXhwb3J0IGNvbnN0IHNldEFsaWduID0gKGFsaWduOiBzdHJpbmcpID0+IGNzc2BcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5gXG5cbmV4cG9ydCBjb25zdCBzbWFsbFRleHQgPSBjc3NgXG4gIGZvbnQtc2l6ZTogMTRweDtcbmBcblxuZXhwb3J0IGNvbnN0IHVuZGVybGluZU5vbmUgPSBjc3NgXG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc2V0V29yZEJyZWFrID0gKHZhbHVlOiBzdHJpbmcpID0+IGNzc2BcbiAgd29yZC1icmVhazogJHt2YWx1ZX07XG5gXG5cbmV4cG9ydCBjb25zdCBzZXREaXNhYmxlZCA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIGNvbG9yOiAke3RoZW1lLmJ0bkRpc2FibGVkfTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuYFxuIl19 */");
 
   /** @jsxImportSource @emotion/react */
-  const Link = props => {
+  const Link$1 = props => {
     const {
       disabled,
       children,
@@ -2117,7 +2117,7 @@
   };
 
   function _EMOTION_STRINGIFIED_CSS_ERROR__$15() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-  const Wrapper$B = /*#__PURE__*/_styled__default["default"](Link, process.env.NODE_ENV === "production" ? {
+  const Wrapper$B = /*#__PURE__*/_styled__default["default"](Link$1, process.env.NODE_ENV === "production" ? {
     target: "e17wos1x0"
   } : {
     target: "e17wos1x0",
@@ -2146,7 +2146,7 @@
   };
 
   function _EMOTION_STRINGIFIED_CSS_ERROR__$14() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-  const Wrapper$A = /*#__PURE__*/_styled__default["default"](Link, process.env.NODE_ENV === "production" ? {
+  const Wrapper$A = /*#__PURE__*/_styled__default["default"](Link$1, process.env.NODE_ENV === "production" ? {
     target: "ejgzy2n0"
   } : {
     target: "ejgzy2n0",
@@ -25646,7 +25646,7 @@
     onClick,
     children
   }) => {
-    return jsxRuntime.jsx(Link, {
+    return jsxRuntime.jsx(Link$1, {
       trackingName: "Topbar",
       trackingEvent: 'Usermenu click: ' + (children ? children : ''),
       css: theme => [userMenuOption(theme)],
@@ -28349,7 +28349,7 @@
   };
 
   function _EMOTION_STRINGIFIED_CSS_ERROR__$I() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-  const Wrapper$o = /*#__PURE__*/_styled__default["default"](Link, process.env.NODE_ENV === "production" ? {
+  const Wrapper$o = /*#__PURE__*/_styled__default["default"](Link$1, process.env.NODE_ENV === "production" ? {
     shouldForwardProp: pro => pro !== 'isLightTheme',
     target: "eerewvt2"
   } : {
@@ -28541,7 +28541,7 @@
   };
 
   function _EMOTION_STRINGIFIED_CSS_ERROR__$G() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-  const StyledLink = /*#__PURE__*/_styled__default["default"](Link, process.env.NODE_ENV === "production" ? {
+  const StyledLink = /*#__PURE__*/_styled__default["default"](Link$1, process.env.NODE_ENV === "production" ? {
     target: "e12msqxg2"
   } : {
     target: "e12msqxg2",
@@ -28651,7 +28651,7 @@
     });
   };
 
-  const Wrapper$k = /*#__PURE__*/_styled__default["default"](Link, process.env.NODE_ENV === "production" ? {
+  const Wrapper$k = /*#__PURE__*/_styled__default["default"](Link$1, process.env.NODE_ENV === "production" ? {
     target: "e1s7qlfe0"
   } : {
     target: "e1s7qlfe0",
@@ -31500,7 +31500,7 @@
     onClick,
     children
   }) => {
-    return jsxRuntime.jsxs(Link, {
+    return jsxRuntime.jsxs(Link$1, {
       role: "menuitem",
       trackingName: "Topbar",
       trackingEvent: 'DropdownMenu click: ' + (children ? children : ''),
@@ -32281,7 +32281,7 @@
           disabled
         }) => onClick ? jsxRuntime.jsx(SelectOption, {
           tabIndex: 0,
-          children: jsxRuntime.jsx(Link, {
+          children: jsxRuntime.jsx(Link$1, {
             nopadding: true,
             onClick: onClick,
             children: displayText || value
@@ -32431,7 +32431,7 @@
                   indent,
                   disabled
                 }) => onClick ? jsxRuntime.jsx(SelectLinkWrapper, {
-                  children: jsxRuntime.jsx(Link, {
+                  children: jsxRuntime.jsx(Link$1, {
                     nopadding: true,
                     small: true,
                     onClick: onClick,
@@ -32814,7 +32814,7 @@
               text: open ? notice.bodyHtml : notice.bodyHtml.substring(0, 2000)
             })
           }), !showAllContent && /*#__PURE__*/jsxRuntime$1.jsx(Div, {
-            children: /*#__PURE__*/jsxRuntime$1.jsx(Link, {
+            children: /*#__PURE__*/jsxRuntime$1.jsx(Link$1, {
               onClick: () => setOpen(!open),
               children: open ? 'Vis mindre' : 'Les mer'
             })
@@ -33435,7 +33435,7 @@
         css: theme => [styles$6.default(theme), (props.invalid || props.invalidMessage) && styles$6.invalid(theme), props.validation && styles$6.validation, props.onLabelClick && styles$6.clickableLabel, height && styles$6.height(height), css && css],
         children: [jsxRuntime.jsxs("span", {
           css: styles$6.label,
-          children: [props.label && (props.onLabelClick ? jsxRuntime.jsx(Link, {
+          children: [props.label && (props.onLabelClick ? jsxRuntime.jsx(Link$1, {
             textAlign: "left",
             removeUnderline: true,
             onClick: props.onLabelClick,
@@ -33780,7 +33780,7 @@ to {top: 100vh;}
           bold: true,
           whiteSpace: "nowrap",
           children: title
-        }), isMobile && jsxRuntime.jsx(Link, {
+        }), isMobile && jsxRuntime.jsx(Link$1, {
           removeUnderline: true,
           onClick: handleClose,
           children: "Lukk"
@@ -33795,7 +33795,7 @@ to {top: 100vh;}
           lightGray: true,
           margin: "0.5em"
         }), jsxRuntime.jsxs(ActionButtons, {
-          children: [onClear && hasFilters && !isMobile && jsxRuntime.jsx(Link, {
+          children: [onClear && hasFilters && !isMobile && jsxRuntime.jsx(Link$1, {
             onClick: () => {
               onClear();
               if (closeOnClear) handleClose();
@@ -35384,6 +35384,27 @@ to {top: 100vh;}
     }
   }
 
+  const Link = Quill__default["default"].import('formats/link');
+  Link.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel', 'radar', 'rdar', 'smb', 'sms'];
+  class CustomLinkSanitizer extends Link {
+    static sanitize(url) {
+      // Run default sanitize method from Quill
+      const sanitizedUrl = super.sanitize(url);
+
+      // Not whitelisted URL based on protocol so, let's return `blank`
+      if (!sanitizedUrl || sanitizedUrl === 'about:blank') return sanitizedUrl;
+
+      // Verify if the URL already have a whitelisted protocol
+      const hasWhitelistedProtocol = this.PROTOCOL_WHITELIST.some(function (protocol) {
+        return sanitizedUrl.startsWith(protocol);
+      });
+      if (hasWhitelistedProtocol) return sanitizedUrl;
+
+      // if not, then append only 'http' to not to be a relative URL
+      return `http://${sanitizedUrl}`;
+    }
+  }
+
   /** @jsxImportSource @emotion/react */
   const Parchment = Quill__default["default"].import('parchment');
 
@@ -35427,6 +35448,7 @@ to {top: 100vh;}
     'formats/list': Container,
     'formats/ulist': MyListItem
   });
+  Quill__default["default"].register(CustomLinkSanitizer, true);
   const QuillEditor = ({
     height,
     width,
@@ -35520,9 +35542,16 @@ to {top: 100vh;}
     React.useEffect(() => {
       if (!quill) return;
       quill.clipboard.addMatcher(Node.ELEMENT_NODE, (node, delta) => {
-        if (pasteAsText) {
-          return new core.Delta().insert(node.textContent || '');
-        }
+        if (!pasteAsText) return delta;
+        let ops = [];
+        delta.ops.forEach(op => {
+          if (op.insert && typeof op.insert === 'string') {
+            ops.push({
+              insert: op.insert
+            });
+          }
+        });
+        delta.ops = ops;
         return delta;
       });
     }, [quill, pasteAsText]);
@@ -35939,7 +35968,7 @@ to {top: 100vh;}
   exports.Key = Key;
   exports.Layout = Layout;
   exports.LayoutShell = LayoutShell;
-  exports.Link = Link;
+  exports.Link = Link$1;
   exports.List = List;
   exports.ListItem = ListItem$2;
   exports.ListPager = ListPager;

package/esm/core/QuillEditor/classes/IndentAttributor.js

@@ -0,0 +1,15 @@
+import Quill from 'quill';
+const Parchment = Quill.import('parchment');
+export class IndentAttributor extends Parchment.StyleAttributor {
+  constructor(...args) {
+    super(...args);
+  }
+  add(node, value) {
+    if (value === 0) {
+      this.remove(node);
+      return true;
+    } else {
+      return super.add(node, `${value}em`);
+    }
+  }
+}

package/esm/core/QuillEditor/classes/LinkSanitizer.js

@@ -0,0 +1,21 @@
+import Quill from 'quill';
+const Link = Quill.import('formats/link');
+Link.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel', 'radar', 'rdar', 'smb', 'sms'];
+export class CustomLinkSanitizer extends Link {
+  static sanitize(url) {
+    // Run default sanitize method from Quill
+    const sanitizedUrl = super.sanitize(url);
+
+    // Not whitelisted URL based on protocol so, let's return `blank`
+    if (!sanitizedUrl || sanitizedUrl === 'about:blank') return sanitizedUrl;
+
+    // Verify if the URL already have a whitelisted protocol
+    const hasWhitelistedProtocol = this.PROTOCOL_WHITELIST.some(function (protocol) {
+      return sanitizedUrl.startsWith(protocol);
+    });
+    if (hasWhitelistedProtocol) return sanitizedUrl;
+
+    // if not, then append only 'http' to not to be a relative URL
+    return `http://${sanitizedUrl}`;
+  }
+}

package/esm/core/QuillEditor/classes/ListContainer.js

@@ -0,0 +1,20 @@
+import Quill from 'quill';
+const ListContainer = Quill.import('formats/list-container');
+export class MyListContainer extends ListContainer {
+  static tagName = ['OL', 'UL'];
+  static defaultTag = 'OL';
+  static create(value) {
+    return document.createElement(this.getTag(value));
+  }
+  static getTag(val) {
+    const map = {
+      bullet: 'UL',
+      ordered: 'OL'
+    };
+    return map[val] || this.defaultTag;
+  }
+  checkMerge() {
+    // Only merge if the next list is the same type as this one
+    return super.checkMerge() && this.domNode.tagName === this.next?.domNode.tagName;
+  }
+}

package/esm/core/QuillEditor/classes/ListItem.js

@@ -0,0 +1,24 @@
+import Quill from 'quill';
+import { MyListContainer } from './ListContainer';
+const ListItem = Quill.import('formats/list');
+class MyListItem extends ListItem {
+  static requiredContainer = MyListContainer;
+  static register() {
+    Quill.register(MyListContainer, true);
+  }
+  optimize(context) {
+    if (this.statics.requiredContainer && !(this.parent instanceof this.statics.requiredContainer)) {
+      // Insert the format value (bullet, ordered) into wrap arguments
+      this.wrap(this.statics.requiredContainer.blotName, MyListItem.formats(this.domNode));
+    }
+    super.optimize(context);
+  }
+  format(name, value) {
+    // If the list type is different, wrap this list item in a new MyListContainer of that type
+    if (name === ListItem.blotName && value !== MyListItem.formats(this.domNode)) {
+      this.wrap(this.statics.requiredContainer.blotName, value);
+    }
+    super.format(name, value);
+  }
+}
+export { MyListItem as default };

package/esm/core/QuillEditor/index.js

@@ -7,10 +7,10 @@ import { ErrorWrapper, Label, styles } from './styles';
 import Text from '../Text';
 import IconErrorOutline from '../../icons/General/IconErrorOutline';
 import { useTheme } from '@emotion/react';
-import MyListItem from './Attributors/ListItem';
-import { MyListContainer } from './Attributors/ListContainer';
-import { IndentAttributor } from './Attributors/IndentAttributor';
-import { Delta } from 'quill/core';
+import MyListItem from './classes/ListItem';
+import { IndentAttributor } from './classes/IndentAttributor';
+import { CustomLinkSanitizer } from './classes/LinkSanitizer';
+import { MyListContainer } from './classes/ListContainer';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Parchment = Quill.import('parchment');
 
@@ -54,6 +54,7 @@ Quill.register({
   'formats/list': Container,
   'formats/ulist': MyListItem
 });
+Quill.register(CustomLinkSanitizer, true);
 const QuillEditor = ({
   height,
   width,
@@ -147,9 +148,16 @@ const QuillEditor = ({
   useEffect(() => {
     if (!quill) return;
     quill.clipboard.addMatcher(Node.ELEMENT_NODE, (node, delta) => {
-      if (pasteAsText) {
-        return new Delta().insert(node.textContent || '');
-      }
+      if (!pasteAsText) return delta;
+      let ops = [];
+      delta.ops.forEach(op => {
+        if (op.insert && typeof op.insert === 'string') {
+          ops.push({
+            insert: op.insert
+          });
+        }
+      });
+      delta.ops = ops;
       return delta;
     });
   }, [quill, pasteAsText]);

package/lib/core/QuillEditor/classes/IndentAttributor.d.ts

@@ -0,0 +1,7 @@
+declare const Parchment: any;
+export declare class IndentAttributor extends Parchment.StyleAttributor {
+    constructor(...args: any);
+    add(node: any, value: any): any;
+}
+export {};
+//# sourceMappingURL=IndentAttributor.d.ts.map

package/lib/core/QuillEditor/classes/IndentAttributor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndentAttributor.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/QuillEditor/classes/IndentAttributor.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,EAAgC,GAAG,CAAA;AAClD,qBAAa,gBAAiB,SAAQ,SAAS,CAAC,eAAe;gBACjD,GAAG,IAAI,EAAE,GAAG;IAGxB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;CAQ1B"}

package/lib/core/QuillEditor/classes/IndentAttributor.js

@@ -0,0 +1,15 @@
+import Quill from 'quill';
+const Parchment = Quill.import('parchment');
+export class IndentAttributor extends Parchment.StyleAttributor {
+  constructor(...args) {
+    super(...args);
+  }
+  add(node, value) {
+    if (value === 0) {
+      this.remove(node);
+      return true;
+    } else {
+      return super.add(node, `${value}em`);
+    }
+  }
+}

package/lib/core/QuillEditor/classes/LinkSanitizer.d.ts

@@ -0,0 +1,6 @@
+declare const Link: any;
+export declare class CustomLinkSanitizer extends Link {
+    static sanitize(url: string): any;
+}
+export {};
+//# sourceMappingURL=LinkSanitizer.d.ts.map

package/lib/core/QuillEditor/classes/LinkSanitizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkSanitizer.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/QuillEditor/classes/LinkSanitizer.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,IAAI,EAAmC,GAAG,CAAA;AAYhD,qBAAa,mBAAoB,SAAQ,IAAI;IAC3C,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM;CAmB5B"}

package/lib/core/QuillEditor/classes/LinkSanitizer.js

@@ -0,0 +1,21 @@
+import Quill from 'quill';
+const Link = Quill.import('formats/link');
+Link.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel', 'radar', 'rdar', 'smb', 'sms'];
+export class CustomLinkSanitizer extends Link {
+  static sanitize(url) {
+    // Run default sanitize method from Quill
+    const sanitizedUrl = super.sanitize(url);
+
+    // Not whitelisted URL based on protocol so, let's return `blank`
+    if (!sanitizedUrl || sanitizedUrl === 'about:blank') return sanitizedUrl;
+
+    // Verify if the URL already have a whitelisted protocol
+    const hasWhitelistedProtocol = this.PROTOCOL_WHITELIST.some(function (protocol) {
+      return sanitizedUrl.startsWith(protocol);
+    });
+    if (hasWhitelistedProtocol) return sanitizedUrl;
+
+    // if not, then append only 'http' to not to be a relative URL
+    return `http://${sanitizedUrl}`;
+  }
+}

package/lib/core/QuillEditor/classes/ListContainer.d.ts

@@ -0,0 +1,10 @@
+declare const ListContainer: any;
+export declare class MyListContainer extends ListContainer {
+    static tagName: string[];
+    static defaultTag: string;
+    static create(value: 'bullet' | 'ordered'): HTMLElement;
+    static getTag(val: 'bullet' | 'ordered'): string;
+    checkMerge(): any;
+}
+export {};
+//# sourceMappingURL=ListContainer.d.ts.map

package/lib/core/QuillEditor/classes/ListContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListContainer.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/QuillEditor/classes/ListContainer.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa,EAA6C,GAAG,CAAA;AACnE,qBAAa,eAAgB,SAAQ,aAAa;IAChD,MAAM,CAAC,OAAO,WAAe;IAC7B,MAAM,CAAC,UAAU,SAAO;IAExB,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS;IAIzC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,GAAG,SAAS;IAQvC,UAAU;CAMX"}

package/lib/core/QuillEditor/classes/ListContainer.js

@@ -0,0 +1,20 @@
+import Quill from 'quill';
+const ListContainer = Quill.import('formats/list-container');
+export class MyListContainer extends ListContainer {
+  static tagName = ['OL', 'UL'];
+  static defaultTag = 'OL';
+  static create(value) {
+    return document.createElement(this.getTag(value));
+  }
+  static getTag(val) {
+    const map = {
+      bullet: 'UL',
+      ordered: 'OL'
+    };
+    return map[val] || this.defaultTag;
+  }
+  checkMerge() {
+    // Only merge if the next list is the same type as this one
+    return super.checkMerge() && this.domNode.tagName === this.next?.domNode.tagName;
+  }
+}

package/lib/core/QuillEditor/classes/ListItem.d.ts

@@ -0,0 +1,10 @@
+import { MyListContainer } from './ListContainer';
+declare const ListItem: any;
+declare class MyListItem extends ListItem {
+    static requiredContainer: typeof MyListContainer;
+    static register(): void;
+    optimize(context: any): void;
+    format(name: any, value: any): void;
+}
+export { MyListItem as default };
+//# sourceMappingURL=ListItem.d.ts.map

package/lib/core/QuillEditor/classes/ListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/QuillEditor/classes/ListItem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,QAAA,MAAM,QAAQ,EAAmC,GAAG,CAAA;AACpD,cAAM,UAAW,SAAQ,QAAQ;IAC/B,MAAM,CAAC,iBAAiB,yBAAkB;IAE1C,MAAM,CAAC,QAAQ;IAIf,QAAQ,CAAC,OAAO,EAAE,GAAG;IAcrB,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;CAU7B;AAED,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,CAAA"}

package/lib/core/QuillEditor/classes/ListItem.js

@@ -0,0 +1,24 @@
+import Quill from 'quill';
+import { MyListContainer } from './ListContainer';
+const ListItem = Quill.import('formats/list');
+class MyListItem extends ListItem {
+  static requiredContainer = MyListContainer;
+  static register() {
+    Quill.register(MyListContainer, true);
+  }
+  optimize(context) {
+    if (this.statics.requiredContainer && !(this.parent instanceof this.statics.requiredContainer)) {
+      // Insert the format value (bullet, ordered) into wrap arguments
+      this.wrap(this.statics.requiredContainer.blotName, MyListItem.formats(this.domNode));
+    }
+    super.optimize(context);
+  }
+  format(name, value) {
+    // If the list type is different, wrap this list item in a new MyListContainer of that type
+    if (name === ListItem.blotName && value !== MyListItem.formats(this.domNode)) {
+      this.wrap(this.statics.requiredContainer.blotName, value);
+    }
+    super.format(name, value);
+  }
+}
+export { MyListItem as default };

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;AA4D3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwL3C,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;AA+D3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+L3C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/core/QuillEditor/index.js

@@ -7,10 +7,10 @@ import { ErrorWrapper, Label, styles } from './styles';
 import Text from '../Text';
 import IconErrorOutline from '../../icons/General/IconErrorOutline';
 import { useTheme } from '@emotion/react';
-import MyListItem from './Attributors/ListItem';
-import { MyListContainer } from './Attributors/ListContainer';
-import { IndentAttributor } from './Attributors/IndentAttributor';
-import { Delta } from 'quill/core';
+import MyListItem from './classes/ListItem';
+import { IndentAttributor } from './classes/IndentAttributor';
+import { CustomLinkSanitizer } from './classes/LinkSanitizer';
+import { MyListContainer } from './classes/ListContainer';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Parchment = Quill.import('parchment');
 
@@ -54,6 +54,7 @@ Quill.register({
   'formats/list': Container,
   'formats/ulist': MyListItem
 });
+Quill.register(CustomLinkSanitizer, true);
 const QuillEditor = ({
   height,
   width,
@@ -147,9 +148,16 @@ const QuillEditor = ({
   useEffect(() => {
     if (!quill) return;
     quill.clipboard.addMatcher(Node.ELEMENT_NODE, (node, delta) => {
-      if (pasteAsText) {
-        return new Delta().insert(node.textContent || '');
-      }
+      if (!pasteAsText) return delta;
+      let ops = [];
+      delta.ops.forEach(op => {
+        if (op.insert && typeof op.insert === 'string') {
+          ops.push({
+            insert: op.insert
+          });
+        }
+      });
+      delta.ops = ops;
       return delta;
     });
   }, [quill, pasteAsText]);

package/package.json

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