@dotcms/react 0.0.1-beta.28 → 0.0.1-beta.29

package/next.esm.js

@@ -2,9 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useEffect, useLayoutEffect, useRef, useMemo } from 'react';
 import { s as styleInject } from './web.url-search-params.size.esm.js';
 import { UVE_MODE, UVEEventType, DotCMSUVEAction } from '@dotcms/types';
-import { getUVEState, initUVE, createUVESubscription, sendMessageToUVE } from '@dotcms/uve';
+import { getUVEState, initUVE, updateNavigation, createUVESubscription, sendMessageToUVE } from '@dotcms/uve';
 import { DEVELOPMENT_MODE, EMPTY_CONTAINER_STYLE_REACT, getDotContentletAttributes, CUSTOM_NO_COMPONENT, getContainersData, getContentletsInContainer, getDotContainerAttributes, getColumnPositionClasses, combineClasses, __DEFAULT_TINYMCE_CONFIG__, __BASE_TINYMCE_CONFIG_WITH_NO_DEFAULT__, __TINYMCE_PATH_ON_DOTCMS__, isValidBlocks } from '@dotcms/uve/internal';
-import { updateNavigation } from '@dotcms/client';
 import { Editor } from '@tinymce/tinymce-react';
 import { __DOTCMS_UVE_EVENT__, BlockEditorDefaultBlocks } from '@dotcms/types/internal';
 
@@ -607,39 +606,39 @@ const DotCMSShow = ({
  *   </div>
  * );
  * ```
- * @param {DotCMSEditablePage} editablePage - The initial editable page data from client.page.get().
+ * @param {DotCMSPageResponse} pageResponse - The initial editable page data from client.page.get().
  *
- * @returns {DotCMSEditablePage} The updated editable page state that reflects any changes made in the UVE.
+ * @returns {DotCMSPageResponse} The updated editable page state that reflects any changes made in the UVE.
  * The structure includes page data and any GraphQL content that was requested.
  */
-const useEditableDotCMSPage = editablePage => {
-  const [updatedEditablePage, setUpdatedEditablePage] = useState(editablePage);
+const useEditableDotCMSPage = pageResponse => {
+  const [updatedPageResponse, setUpdatedPageResponse] = useState(pageResponse);
   useEffect(() => {
-    var _editablePage$page$pa, _editablePage$page;
+    var _pageResponse$pageAss, _pageResponse$pageAss2;
     if (!getUVEState()) {
       return;
     }
-    const pageURI = (_editablePage$page$pa = editablePage == null || (_editablePage$page = editablePage.page) == null ? void 0 : _editablePage$page.pageURI) != null ? _editablePage$page$pa : '/';
+    const pageURI = (_pageResponse$pageAss = pageResponse == null || (_pageResponse$pageAss2 = pageResponse.pageAsset) == null || (_pageResponse$pageAss2 = _pageResponse$pageAss2.page) == null ? void 0 : _pageResponse$pageAss2.pageURI) != null ? _pageResponse$pageAss : '/';
     const {
       destroyUVESubscriptions
-    } = initUVE(editablePage);
+    } = initUVE(pageResponse);
     // Update the navigation to the pageURI
     updateNavigation(pageURI);
     return () => {
       destroyUVESubscriptions();
     };
-  }, [editablePage]);
+  }, [pageResponse]);
   useEffect(() => {
     const {
       unsubscribe
     } = createUVESubscription(UVEEventType.CONTENT_CHANGES, payload => {
-      setUpdatedEditablePage(payload);
+      setUpdatedPageResponse(payload);
     });
     return () => {
       unsubscribe();
     };
   }, []);
-  return updatedEditablePage;
+  return updatedPageResponse;
 };
 
 const DEFAULT_TINYMCE_CONFIG = Object.assign({}, __DEFAULT_TINYMCE_CONFIG__, {

package/package.json

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

package/src/lib/next/hooks/useEditableDotCMSPage.d.ts

@@ -1,4 +1,4 @@
-import { DotCMSEditablePage } from '@dotcms/types';
+import { DotCMSPageResponse } from '@dotcms/types';
 /**
  * Custom hook to manage the editable state of a DotCMS page.
  *
@@ -82,9 +82,9 @@ import { DotCMSEditablePage } from '@dotcms/types';
  *   </div>
  * );
  * ```
- * @param {DotCMSEditablePage} editablePage - The initial editable page data from client.page.get().
+ * @param {DotCMSPageResponse} pageResponse - The initial editable page data from client.page.get().
  *
- * @returns {DotCMSEditablePage} The updated editable page state that reflects any changes made in the UVE.
+ * @returns {DotCMSPageResponse} The updated editable page state that reflects any changes made in the UVE.
  * The structure includes page data and any GraphQL content that was requested.
  */
-export declare const useEditableDotCMSPage: (editablePage: DotCMSEditablePage) => DotCMSEditablePage;
+export declare const useEditableDotCMSPage: (pageResponse: DotCMSPageResponse) => DotCMSPageResponse;