@bbl-digital/snorre 4.2.74 → 4.2.75

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

@@ -2,35 +2,34 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const Default: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const MaxlenghtWordCount: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const Rich: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const Readonly: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const CustomSize: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const Placeholder: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithError: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const InModal: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=QuillEditor.stories.d.ts.map

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

@@ -1,107 +1,45 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithError = exports.Rich = exports.Readonly = exports.Placeholder = exports.MaxlenghtWordCount = exports.InModal = exports.Default = exports.CustomSize = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Modal = _interopRequireDefault(require("../Modal"));
-var _Header = _interopRequireDefault(require("../Header"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/QuillEditor',
-  component: _.default
+import { jsx as _jsx } from "react/jsx-runtime";
+import QuillEditor from '.';
+import Modal from '../Modal';
+import Header from '../Header';
+import Button from '../Button';
+export default {
+    title: 'Core/QuillEditor',
+    component: QuillEditor,
+};
+export const Default = {
+    render: () => {
+        return (_jsx(QuillEditor, { onBlur: (html) => console.log('blur', html), onFocus: () => console.log('focus'), onChange: (e, length) => console.log(e, length), initialValue: '<p>test</p><br /><br /><br /><p>test</p><p class="ql-indent-1">test</p><p class="ql-indent-1">test</p><br /><p class="ql-indent-1">test</p><p class="ql-indent-2">test</p><br /><p class="ql-indent-2">test</p><p>testtest</p><br /><p>test</p>', width: "500px", pasteAsText: true }));
+    },
+    name: 'Default',
+};
+export const MaxlenghtWordCount = {
+    render: () => {
+        return (_jsx(QuillEditor, { onBlur: (html) => console.log('blur', html), onFocus: () => console.log('focus'), onChange: (e, length) => console.log(e, length), initialValue: '<p>test</p><br /><br /><br /><p>test</p><p class="ql-indent-1">test</p><p class="ql-indent-1">test</p><br /><p class="ql-indent-1">test</p><p class="ql-indent-2">test</p><br /><p class="ql-indent-2">test</p><p>testtest</p><br /><p>test</p>', width: "500px", maxHeight: "700px", resizable: true, pasteAsText: true, maxlenght: 100, wordCount: true }));
+    },
+    name: 'MaxlenghtWordCount',
+};
+export const Rich = {
+    render: () => _jsx(QuillEditor, { type: "rich", onChange: (e) => console.log(e) }),
+    name: 'Rich',
+};
+export const Readonly = {
+    render: () => _jsx(QuillEditor, { resize: true, readOnly: true, initialValue: "Readonly" }),
+    name: 'Readonly',
+};
+export const CustomSize = {
+    render: () => (_jsx(QuillEditor, { height: "500px", width: "500px", onChange: (e) => console.log(e) })),
+    name: 'Custom size',
+};
+export const Placeholder = {
+    render: () => (_jsx(QuillEditor, { placeholder: "Placeholder", onChange: (e) => console.log(e) })),
+    name: 'Placeholder',
+};
+export const WithError = {
+    render: () => (_jsx(QuillEditor, { invalidMessage: "Memes are not allowed", onChange: (e) => console.log(e) })),
+    name: 'With error',
+};
+export const InModal = {
+    render: () => (_jsx(Modal, { open: true, onClose: () => console.log('closed'), header: _jsx(Header, { level: 3, children: "Her kommer en header" }), actionButton: _jsx(Button, { children: "Save changes" }), width: "600px", children: _jsx(QuillEditor, { onBlur: (html) => console.log('blur', html), onFocus: () => console.log('focus'), maxHeight: "500px", width: "500px", initialValue: `<p><strong>test</strong></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered" style="margin-left: 3em;"><span class="ql-ui" contenteditable="false"></span>test</li></ol><p><br></p><ul><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="bullet" style="margin-left: 4em;"><span class="ql-ui" contenteditable="false"></span>test</li></ul>`, pasteAsText: true, type: "rich" }) })),
+    name: 'In modal',
 };
-const Default = exports.Default = {
-  render: () => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onBlur: html => console.log('blur', html),
-      onFocus: () => console.log('focus'),
-      onChange: (e, length) => console.log(e, length),
-      initialValue: "<p>test</p><br /><br /><br /><p>test</p><p class=\"ql-indent-1\">test</p><p class=\"ql-indent-1\">test</p><br /><p class=\"ql-indent-1\">test</p><p class=\"ql-indent-2\">test</p><br /><p class=\"ql-indent-2\">test</p><p>testtest</p><br /><p>test</p>",
-      width: "500px",
-      pasteAsText: true
-    });
-  },
-  name: 'Default'
-};
-const MaxlenghtWordCount = exports.MaxlenghtWordCount = {
-  render: () => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onBlur: html => console.log('blur', html),
-      onFocus: () => console.log('focus'),
-      onChange: (e, length) => console.log(e, length),
-      initialValue: "<p>test</p><br /><br /><br /><p>test</p><p class=\"ql-indent-1\">test</p><p class=\"ql-indent-1\">test</p><br /><p class=\"ql-indent-1\">test</p><p class=\"ql-indent-2\">test</p><br /><p class=\"ql-indent-2\">test</p><p>testtest</p><br /><p>test</p>",
-      width: "500px",
-      maxHeight: "700px",
-      resizable: true,
-      pasteAsText: true,
-      maxlenght: 100,
-      wordCount: true
-    });
-  },
-  name: 'MaxlenghtWordCount'
-};
-const Rich = exports.Rich = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "rich",
-    onChange: e => console.log(e)
-  }),
-  name: 'Rich'
-};
-const Readonly = exports.Readonly = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    resize: true,
-    readOnly: true,
-    initialValue: "Readonly"
-  }),
-  name: 'Readonly'
-};
-const CustomSize = exports.CustomSize = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    height: "500px",
-    width: "500px",
-    onChange: e => console.log(e)
-  }),
-  name: 'Custom size'
-};
-const Placeholder = exports.Placeholder = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    placeholder: "Placeholder",
-    onChange: e => console.log(e)
-  }),
-  name: 'Placeholder'
-};
-const WithError = exports.WithError = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    invalidMessage: "Memes are not allowed",
-    onChange: e => console.log(e)
-  }),
-  name: 'With error'
-};
-const InModal = exports.InModal = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
-    open: true,
-    onClose: () => console.log('closed'),
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Her kommer en header"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      children: "Save changes"
-    }),
-    width: "600px",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onBlur: html => console.log('blur', html),
-      onFocus: () => console.log('focus'),
-      maxHeight: "500px",
-      width: "500px",
-      initialValue: `<p><strong>test</strong></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered" style="margin-left: 3em;"><span class="ql-ui" contenteditable="false"></span>test</li></ol><p><br></p><ul><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="bullet" style="margin-left: 4em;"><span class="ql-ui" contenteditable="false"></span>test</li></ul>`,
-      pasteAsText: true,
-      type: "rich"
-    })
-  }),
-  name: 'In modal'
-};

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

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

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

@@ -1,29 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomLinkSanitizer = void 0;
-var _quill = _interopRequireDefault(require("quill"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Link = _quill.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}`;
-  }
+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}`;
+    }
 }
-exports.CustomLinkSanitizer = CustomLinkSanitizer;

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

@@ -5,4 +5,3 @@ declare class MyListItem extends ListItem {
     format(name: any, value: any): void;
 }
 export { MyListItem as default };
-//# sourceMappingURL=ListItem.d.ts.map

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

@@ -1,29 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _quill = _interopRequireDefault(require("quill"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ListItem = _quill.default.import('formats/list');
+import Quill from 'quill';
+const ListItem = Quill.import('formats/list');
 class MyListItem extends ListItem {
-  static create(value) {
-    return super.create(value);
-  }
-  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));
+    static create(value) {
+        return super.create(value);
     }
-    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);
+    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);
     }
-    super.format(name, value);
-  }
 }
-exports.default = MyListItem;
+export { MyListItem as default };

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

@@ -5,15 +5,14 @@ export declare const basicToolbar: (string[] | ({
     indent: string;
     list?: undefined;
 })[])[];
-export declare const richToolbar: (string[] | {
-    header: (number | boolean)[];
-}[] | ({
+export declare const richToolbar: (string[] | ({
     list: string;
     indent?: undefined;
 } | {
     indent: string;
     list?: undefined;
 })[] | {
+    header: (number | boolean)[];
+}[] | {
     align: string;
 }[])[];
-//# sourceMappingURL=config.d.ts.map

package/lib/core/QuillEditor/config.js

@@ -1,34 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.richToolbar = exports.basicToolbar = void 0;
 // Toolbar options
-const sizes = [{
-  header: [false, 1, 2, 3, 4, 5, 6]
-}];
+const sizes = [{ header: [false, 1, 2, 3, 4, 5, 6] }];
 const decorations = ['bold', 'italic', 'underline'];
-const lists = [{
-  list: 'bullet'
-}, {
-  list: 'ordered'
-}, {
-  indent: '+1'
-}, {
-  indent: '-1'
-}];
-const alignments = [{
-  align: ''
-}, {
-  align: 'center'
-}, {
-  align: 'right'
-}, {
-  align: 'justify'
-}];
+const lists = [
+    { list: 'bullet' },
+    { list: 'ordered' },
+    { indent: '+1' },
+    { indent: '-1' },
+];
+const alignments = [
+    { align: '' },
+    { align: 'center' },
+    { align: 'right' },
+    { align: 'justify' },
+];
 const link = 'link';
 // const image = 'image'
-
-const basicToolbar = exports.basicToolbar = [decorations, lists];
-const richToolbar = exports.richToolbar = [sizes, decorations, lists, alignments, [link]];
+export const basicToolbar = [decorations, lists];
+export const richToolbar = [sizes, decorations, lists, alignments, [link]];

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

@@ -2,4 +2,3 @@ import { QuillEditorProps } from './models';
 import 'quill/dist/quill.snow.css';
 declare const QuillEditor: React.FC<QuillEditorProps>;
 export default QuillEditor;
-//# sourceMappingURL=index.d.ts.map