@dotcms/react 0.0.1-alpha.27 → 0.0.1-alpha.28

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect, createContext, useContext, createElement as createElement$1, forwardRef } from 'react';
-import { isInsideEditor, initEditor, updateNavigation, destroyEditor } from '@dotcms/client';
+import { isInsideEditor, initEditor, updateNavigation, destroyEditor, DotCmsClient } from '@dotcms/client';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1617,24 +1617,31 @@ for (var COLLECTION_NAME in DOMIterables) {
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 const useDotcmsEditor = ({
-  pathname
+  pathname,
+  onReload
 }) => {
   const [isInsideEditor$1, setIsInsideEditor] = useState(false);
   useEffect(() => {
     const insideEditor = isInsideEditor();
-    if (insideEditor) {
-      initEditor({
-        pathname
-      });
-      updateNavigation(pathname || '/');
-      setIsInsideEditor(insideEditor);
+    if (!insideEditor) {
+      return;
     }
-    return () => {
-      if (insideEditor) {
-        destroyEditor();
-      }
-    };
+    initEditor({
+      pathname
+    });
+    updateNavigation(pathname || '/');
+    setIsInsideEditor(insideEditor);
+    return () => destroyEditor();
   }, [pathname]);
+  useEffect(() => {
+    const insideEditor = isInsideEditor();
+    const client = DotCmsClient.instance;
+    if (!insideEditor || !onReload) {
+      return;
+    }
+    client.editor.on('changes', () => onReload == null ? void 0 : onReload());
+    return () => client.editor.off('changes');
+  }, [onReload]);
   return {
     isInsideEditor: isInsideEditor$1
   };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@dotcms/react",
-  "version": "0.0.1-alpha.27",
+  "version": "0.0.1-alpha.28",
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@dotcms/client": "0.0.1-alpha.27"
+    "@dotcms/client": "0.0.1-alpha.28"
   },
   "description": "Official React Components library to render a dotCMS page.",
   "repository": {

package/src/lib/hooks/useDotcmsEditor.d.ts

@@ -1,4 +1,4 @@
 import { DotCMSPageEditorConfig } from '@dotcms/client';
-export declare const useDotcmsEditor: ({ pathname }: DotCMSPageEditorConfig) => {
+export declare const useDotcmsEditor: ({ pathname, onReload }: DotCMSPageEditorConfig) => {
     isInsideEditor: boolean;
 };