@dotcms/react 0.0.1-beta.31 → 0.0.1-beta.32

package/next.esm.js

@@ -695,30 +695,31 @@ function DotCMSEditableText({
   const [scriptSrc, setScriptSrc] = useState('');
   const [initEditor, setInitEditor] = useState(false);
   const [content, setContent] = useState((contentlet == null ? void 0 : contentlet[fieldName]) || '');
+  useEffect(() => {
+    setContent((contentlet == null ? void 0 : contentlet[fieldName]) || '');
+  }, [fieldName, contentlet]);
   useEffect(() => {
     var _state$dotCMSHost, _editorRef$current;
     const state = getUVEState();
     setInitEditor((state == null ? void 0 : state.mode) === UVE_MODE.EDIT && !!(state != null && (_state$dotCMSHost = state.dotCMSHost) != null && _state$dotCMSHost.length));
     if (!contentlet || !fieldName) {
-      console.error('DotCMSEditableText: contentlet or fieldName is missing', 'Ensure that all needed props are passed to view and edit the content');
+      console.error('[DotCMSEditableText]: contentlet or fieldName is missing', 'Ensure that all needed props are passed to view and edit the content');
       return;
     }
     if (state && state.mode !== UVE_MODE.EDIT) {
-      console.warn('DotCMSEditableText: TinyMCE is not available in the current mode');
+      console.warn('[DotCMSEditableText]: TinyMCE is not available in the current mode');
       return;
     }
     if (!(state != null && state.dotCMSHost)) {
-      console.warn('The `dotCMSHost` parameter is not defined. Check that the UVE is sending the correct parameters.');
+      console.warn('[DotCMSEditableText]: The `dotCMSHost` parameter is not defined. Check that the UVE is sending the correct parameters.');
       return;
     }
     const createURL = new URL(__TINYMCE_PATH_ON_DOTCMS__, state.dotCMSHost);
     setScriptSrc(createURL.toString());
-    const content = (contentlet == null ? void 0 : contentlet[fieldName]) || '';
     (_editorRef$current = editorRef.current) == null || _editorRef$current.setContent(content, {
       format
     });
-    setContent(content);
-  }, [format, fieldName, contentlet]);
+  }, [format, fieldName, contentlet, content]);
   useEffect(() => {
     var _getUVEState;
     if (((_getUVEState = getUVEState()) == null ? void 0 : _getUVEState.mode) !== UVE_MODE.EDIT) {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dotcms/react",
-  "version": "0.0.1-beta.31",
+  "version": "0.0.1-beta.32",
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@dotcms/client": "0.0.1-beta.31",
-    "@dotcms/uve": "0.0.1-beta.31",
+    "@dotcms/client": "0.0.1-beta.32",
+    "@dotcms/uve": "0.0.1-beta.32",
     "@tinymce/tinymce-react": "^6.0.0"
   },
   "devDependencies": {