@bbl-digital/snorre 2.2.79 → 2.2.83

package/dist/bundle.js

@@ -31088,7 +31088,6 @@
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   });
 
-  const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s';
   const editorContentCss = `
   body { font-family:Helvetica,Arial,sans-serif; font-size:16px; } p {margin: 0;} h1,h2,h3,h4,h5,h6 {margin-top: 0;margin-bottom: 0;}
 `;
@@ -31099,6 +31098,7 @@
 
   /** @jsxImportSource @emotion/react */
 
+  // const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s'
   const Editor = ({
     initialValue,
     type = 'basic',
@@ -31109,6 +31109,7 @@
     invalidMessage,
     allowImages,
     pasteAsText,
+    disableResize,
     onChange,
     onBlur
   }) => {
@@ -31118,9 +31119,11 @@
       alert
     } = react.useTheme();
 
-    const handleChange = html => {
+    const handleChange = (html, editor) => {
       setValue(html);
-      onChange(html, html.length);
+      onChange(html, editor.getContent({
+        format: 'text'
+      }).length);
     };
 
     const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
@@ -31132,8 +31135,8 @@
         className: "editor-wrapper",
         children: jsxRuntime$1.jsx(tinymceReact.Editor, {
           onBlur: onBlur,
-          onInit: () => setLoaded(true),
-          apiKey: TINYMCE_API_KEY,
+          onInit: () => setLoaded(true) // apiKey={TINYMCE_API_KEY}
+          ,
           value: value,
           onEditorChange: handleChange,
           init: {
@@ -31143,6 +31146,7 @@
             menubar: false,
             branding: false,
             elementpath: false,
+            resize: !disableResize,
             plugins,
             toolbar,
             content_style: editorContentCss,

package/esm/core/Editor/config.js

@@ -1,4 +1,3 @@
-export const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s';
 export const editorContentCss = `
   body { font-family:Helvetica,Arial,sans-serif; font-size:16px; } p {margin: 0;} h1,h2,h3,h4,h5,h6 {margin-top: 0;margin-bottom: 0;}
 `;

package/esm/core/Editor/index.js

@@ -2,7 +2,7 @@
 import { useState } from 'react';
 import { Editor as TinyEditor } from '@tinymce/tinymce-react';
 import { ErrorWrapper, Label, styles } from './styles';
-import { basicToolbar, editorBlockFormats, editorContentCss, plugins, richToolbar, TINYMCE_API_KEY } from './config';
+import { basicToolbar, editorBlockFormats, editorContentCss, plugins, richToolbar } from './config';
 import Skeleton from '../Skeleton';
 import Text from '../Text';
 import IconErrorOutline from '../../icons/General/IconErrorOutline';
@@ -10,6 +10,7 @@ import { useTheme } from '@emotion/react';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
+// const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s'
 const Editor = ({
   initialValue,
   type = 'basic',
@@ -20,6 +21,7 @@ const Editor = ({
   invalidMessage,
   allowImages,
   pasteAsText,
+  disableResize,
   onChange,
   onBlur
 }) => {
@@ -29,9 +31,11 @@ const Editor = ({
     alert
   } = useTheme();
 
-  const handleChange = html => {
+  const handleChange = (html, editor) => {
     setValue(html);
-    onChange(html, html.length);
+    onChange(html, editor.getContent({
+      format: 'text'
+    }).length);
   };
 
   const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
@@ -43,8 +47,8 @@ const Editor = ({
       className: "editor-wrapper",
       children: _jsx(TinyEditor, {
         onBlur: onBlur,
-        onInit: () => setLoaded(true),
-        apiKey: TINYMCE_API_KEY,
+        onInit: () => setLoaded(true) // apiKey={TINYMCE_API_KEY}
+        ,
         value: value,
         onEditorChange: handleChange,
         init: {
@@ -54,6 +58,7 @@ const Editor = ({
           menubar: false,
           branding: false,
           elementpath: false,
+          resize: !disableResize,
           plugins,
           toolbar,
           content_style: editorContentCss,

package/esm/globals/validation/regularExpressions.js

@@ -4,6 +4,6 @@ const regularExpressions = {
   date: new RegExp(/^(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{4}|(0[1-9]|[1-2][0-9]|31(?!(?:0[2469]|11))|30(?!02))(0[1-9]|1[0-2])([12]\d{3})|([01][0-9]|2[0-8])(0[0-9]|1[0-2])[0-9][0-9]|30(0[013-9]|1[0-2])[0-9][0-9]|31(0[13578]|1[02])[0-9][0-9]|29((0[013-9]|1[0-2])[0-9][0-9]|02([0246][048]|[13579][26]))|(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{2}$/),
   email: new RegExp(/^[^<>()\[\]\\.,;:\s@"]+(?:\.[^<>()\[\]\\.,;:\s@"]+)*@(?:[a-zA-ZæÆøØåÅ0-9-]+\.)+[a-zA-Z]{2,}$/),
   year: new RegExp(/^[12][0-9]{3}$/),
-  url: new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/)
+  url: new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{2,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/)
 };
 export default regularExpressions;

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

@@ -1,4 +1,3 @@
-export declare const TINYMCE_API_KEY = "v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s";
 export declare const editorContentCss = "\n  body { font-family:Helvetica,Arial,sans-serif; font-size:16px; } p {margin: 0;} h1,h2,h3,h4,h5,h6 {margin-top: 0;margin-bottom: 0;}\n";
 export declare const editorBlockFormats = "Paragraph=p;Heading 1=h1;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Heading 6=h6;";
 export declare const plugins = "autolink lists link image code print preview media paste";

package/lib/core/Editor/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Editor/config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,qDACwB,CAAA;AAEpD,eAAO,MAAM,gBAAgB,8IAE5B,CAAA;AAED,eAAO,MAAM,kBAAkB,+FAC+D,CAAA;AAE9F,eAAO,MAAM,OAAO,6DACwC,CAAA;AAE5D,eAAO,MAAM,WAAW,QAKN,CAAA;AAElB,eAAO,MAAM,YAAY,2DACiC,CAAA"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Editor/config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,8IAE5B,CAAA;AAED,eAAO,MAAM,kBAAkB,+FAC+D,CAAA;AAE9F,eAAO,MAAM,OAAO,6DACwC,CAAA;AAE5D,eAAO,MAAM,WAAW,QAKN,CAAA;AAElB,eAAO,MAAM,YAAY,2DACiC,CAAA"}

package/lib/core/Editor/config.js

@@ -1,4 +1,3 @@
-export const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s';
 export const editorContentCss = `
   body { font-family:Helvetica,Arial,sans-serif; font-size:16px; } p {margin: 0;} h1,h2,h3,h4,h5,h6 {margin-top: 0;margin-bottom: 0;}
 `;

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

@@ -13,24 +13,18 @@ interface IProps {
     height?: number;
     /** Max resize height of texteditor */
     maxHeight?: number;
-    /** Maxlength of input, TODO: DEPRICATE?? */
-    maxlength?: number;
-    /** Specifies whether maxlength should include html or not, defaults to 'plaintext', TODO: DEPRICATE?? */
-    maxlengthType?: 'plaintext' | 'html';
-    /** Adds an error message if text is too long, TODO: DEPRICATE?? */
-    maxlengthText?: string;
-    /** Adds a counter of characters compared to maxlength, if maxlength is specified, TODO: DEPRICATE?? */
-    withCounter?: boolean;
     /** Error message */
     invalidMessage?: string;
     /** Allow image in editor */
     allowImages?: boolean;
     /** Strip all pasted styles */
     pasteAsText?: boolean;
+    /** Disables resize */
+    disableResize?: boolean;
     /** Cb on blur */
     onBlur?: () => void;
     /** Cb on change */
-    onChange: (value: string, htmlCount: number) => void;
+    onChange: (value: string, plainTextLength: number) => void;
 }
 declare const Editor: FC<IProps>;
 export default Editor;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Editor/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAgBpC,UAAU,MAAM;IACd,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;IAClC,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yGAAyG;IACzG,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACpC,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uGAAuG;IACvG,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mBAAmB;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACrD;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,MAAM,CAqFtB,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Editor/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAepC,UAAU,MAAM;IACd,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;IAClC,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,sBAAsB;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mBAAmB;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3D;AAID,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,MAAM,CAuFtB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/core/Editor/index.js

@@ -2,7 +2,7 @@
 import { useState } from 'react';
 import { Editor as TinyEditor } from '@tinymce/tinymce-react';
 import { ErrorWrapper, Label, styles } from './styles';
-import { basicToolbar, editorBlockFormats, editorContentCss, plugins, richToolbar, TINYMCE_API_KEY } from './config';
+import { basicToolbar, editorBlockFormats, editorContentCss, plugins, richToolbar } from './config';
 import Skeleton from '../Skeleton';
 import Text from '../Text';
 import IconErrorOutline from '../../icons/General/IconErrorOutline';
@@ -10,6 +10,7 @@ import { useTheme } from '@emotion/react';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
+// const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s'
 const Editor = ({
   initialValue,
   type = 'basic',
@@ -20,6 +21,7 @@ const Editor = ({
   invalidMessage,
   allowImages,
   pasteAsText,
+  disableResize,
   onChange,
   onBlur
 }) => {
@@ -29,9 +31,11 @@ const Editor = ({
     alert
   } = useTheme();
 
-  const handleChange = html => {
+  const handleChange = (html, editor) => {
     setValue(html);
-    onChange(html, html.length);
+    onChange(html, editor.getContent({
+      format: 'text'
+    }).length);
   };
 
   const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
@@ -43,8 +47,8 @@ const Editor = ({
       className: "editor-wrapper",
       children: _jsx(TinyEditor, {
         onBlur: onBlur,
-        onInit: () => setLoaded(true),
-        apiKey: TINYMCE_API_KEY,
+        onInit: () => setLoaded(true) // apiKey={TINYMCE_API_KEY}
+        ,
         value: value,
         onEditorChange: handleChange,
         init: {
@@ -54,6 +58,7 @@ const Editor = ({
           menubar: false,
           branding: false,
           elementpath: false,
+          resize: !disableResize,
           plugins,
           toolbar,
           content_style: editorContentCss,

package/lib/globals/validation/regularExpressions.js

@@ -4,6 +4,6 @@ const regularExpressions = {
   date: new RegExp(/^(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{4}|(0[1-9]|[1-2][0-9]|31(?!(?:0[2469]|11))|30(?!02))(0[1-9]|1[0-2])([12]\d{3})|([01][0-9]|2[0-8])(0[0-9]|1[0-2])[0-9][0-9]|30(0[013-9]|1[0-2])[0-9][0-9]|31(0[13578]|1[02])[0-9][0-9]|29((0[013-9]|1[0-2])[0-9][0-9]|02([0246][048]|[13579][26]))|(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{2}$/),
   email: new RegExp(/^[^<>()\[\]\\.,;:\s@"]+(?:\.[^<>()\[\]\\.,;:\s@"]+)*@(?:[a-zA-ZæÆøØåÅ0-9-]+\.)+[a-zA-Z]{2,}$/),
   year: new RegExp(/^[12][0-9]{3}$/),
-  url: new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/)
+  url: new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{2,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/)
 };
 export default regularExpressions;

package/package.json

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