@bbl-digital/snorre 3.0.40 → 3.0.42

package/dist/bundle.js

@@ -32137,7 +32137,6 @@
     onChange,
     onBlur
   }) => {
-    const editorRef = React.useRef(null);
     const [loaded, setLoaded] = React.useState(false);
     const [value, setValue] = React.useState(initialValue || '');
     const {
@@ -32156,18 +32155,8 @@
 
     const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
     React.useEffect(() => {
-      const editor = editorRef?.current;
-      if (!editor) return;
-
-      if (overrideValue === null) {
-        setValue(() => '');
-        editor.setContent('');
-        return;
-      }
-
-      if (!overrideValue?.length) return;
-      setValue(() => overrideValue);
-      editor.setContent(overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
+      if (overrideValue === undefined) return;
+      setValue(() => overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [overrideValue]);
     return jsxRuntime$1.jsxs("div", {
       css: theme => [styles$3.default(theme), !loaded && styles$3.hideEditor],
@@ -32177,10 +32166,7 @@
         className: "editor-wrapper",
         children: jsxRuntime$1.jsx(tinymceReact.Editor, {
           onBlur: handleBlur,
-          onInit: (_e, editor) => {
-            setLoaded(true);
-            editorRef.current = editor;
-          },
+          onInit: _e => setLoaded(true),
           apiKey: TINYMCE_API_KEY,
           value: value,
           onEditorChange: handleChange,

package/esm/core/Editor/index.js

@@ -9,7 +9,6 @@ import IconErrorOutline from '../../icons/General/IconErrorOutline';
 import { useTheme } from '@emotion/react';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { useEffect } from 'react';
-import { useRef } from 'react';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s';
@@ -33,7 +32,6 @@ const Editor = ({
   onChange,
   onBlur
 }) => {
-  const editorRef = useRef(null);
   const [loaded, setLoaded] = useState(false);
   const [value, setValue] = useState(initialValue || '');
   const {
@@ -52,18 +50,8 @@ const Editor = ({
 
   const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
   useEffect(() => {
-    const editor = editorRef?.current;
-    if (!editor) return;
-
-    if (overrideValue === null) {
-      setValue(() => '');
-      editor.setContent('');
-      return;
-    }
-
-    if (!overrideValue?.length) return;
-    setValue(() => overrideValue);
-    editor.setContent(overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
+    if (overrideValue === undefined) return;
+    setValue(() => overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [overrideValue]);
   return _jsxs("div", {
     css: theme => [styles.default(theme), !loaded && styles.hideEditor],
@@ -73,10 +61,7 @@ const Editor = ({
       className: "editor-wrapper",
       children: _jsx(TinyEditor, {
         onBlur: handleBlur,
-        onInit: (_e, editor) => {
-          setLoaded(true);
-          editorRef.current = editor;
-        },
+        onInit: _e => setLoaded(true),
         apiKey: TINYMCE_API_KEY,
         value: value,
         onEditorChange: handleChange,

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

@@ -4,7 +4,7 @@ interface IProps {
     /** Input text */
     initialValue?: string;
     /** Input text that overrides the initialValue or already existing text value, if null is sent in we reset the field  */
-    overrideValue?: string | null;
+    overrideValue?: string;
     /** Editor type, defaults to basic */
     type?: 'basic' | 'rich' | 'custom';
     /** Adds a custom toolbar if type is set to custom  */

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;AAmBpC,UAAU,MAAM;IACd,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wHAAwH;IACxH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,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,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oBAAoB;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,mBAAmB;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3D;AAID,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,MAAM,CA4HtB,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;AAiBpC,UAAU,MAAM;IACd,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wHAAwH;IACxH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,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,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oBAAoB;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,mBAAmB;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3D;AAID,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,MAAM,CA+GtB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/core/Editor/index.js

@@ -9,7 +9,6 @@ import IconErrorOutline from '../../icons/General/IconErrorOutline';
 import { useTheme } from '@emotion/react';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { useEffect } from 'react';
-import { useRef } from 'react';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s';
@@ -33,7 +32,6 @@ const Editor = ({
   onChange,
   onBlur
 }) => {
-  const editorRef = useRef(null);
   const [loaded, setLoaded] = useState(false);
   const [value, setValue] = useState(initialValue || '');
   const {
@@ -52,18 +50,8 @@ const Editor = ({
 
   const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
   useEffect(() => {
-    const editor = editorRef?.current;
-    if (!editor) return;
-
-    if (overrideValue === null) {
-      setValue(() => '');
-      editor.setContent('');
-      return;
-    }
-
-    if (!overrideValue?.length) return;
-    setValue(() => overrideValue);
-    editor.setContent(overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
+    if (overrideValue === undefined) return;
+    setValue(() => overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [overrideValue]);
   return _jsxs("div", {
     css: theme => [styles.default(theme), !loaded && styles.hideEditor],
@@ -73,10 +61,7 @@ const Editor = ({
       className: "editor-wrapper",
       children: _jsx(TinyEditor, {
         onBlur: handleBlur,
-        onInit: (_e, editor) => {
-          setLoaded(true);
-          editorRef.current = editor;
-        },
+        onInit: _e => setLoaded(true),
         apiKey: TINYMCE_API_KEY,
         value: value,
         onEditorChange: handleChange,

package/package.json

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