@dotcms/react 0.0.1-alpha.22 → 0.0.1-alpha.24

package/index.esm.js

@@ -1616,22 +1616,28 @@ for (var COLLECTION_NAME in DOMIterables) {
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-const useDotcmsEditor = config => {
-  const [isInsideEditorPage, setIsInsideEditorPage] = useState(false);
+const useDotcmsEditor = ({
+  pathname
+}) => {
+  const [isInsideEditor$1, setIsInsideEditor] = useState(false);
   useEffect(() => {
     const insideEditor = isInsideEditor();
     if (insideEditor) {
-      initEditor(config);
-      updateNavigation((config == null ? void 0 : config.pathname) || '/');
+      initEditor({
+        pathname
+      });
+      updateNavigation(pathname || '/');
+      setIsInsideEditor(insideEditor);
     }
-    setIsInsideEditorPage(insideEditor);
     return () => {
       if (insideEditor) {
         destroyEditor();
       }
     };
-  }, [config]);
-  return isInsideEditorPage;
+  }, [pathname]);
+  return {
+    isInsideEditor: isInsideEditor$1
+  };
 };
 
 const PageContext = /*#__PURE__*/createContext(null);
@@ -1901,12 +1907,15 @@ function DotcmsLayout({
   pageContext,
   config
 }) {
-  const isInsideEditor = useDotcmsEditor(config);
+  var _pageContext$pageAsse;
+  const {
+    isInsideEditor
+  } = useDotcmsEditor(config);
   return jsx(PageProvider, {
     pageContext: Object.assign({}, pageContext, {
       isInsideEditor
     }),
-    children: pageContext.pageAsset.layout.body.rows.map((row, index) => jsx(Row, {
+    children: (_pageContext$pageAsse = pageContext.pageAsset.layout) == null ? void 0 : _pageContext$pageAsse.body.rows.map((row, index) => jsx(Row, {
       row: row
     }, index))
   });

package/package.json

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

package/src/lib/components/DotcmsLayout/DotcmsLayout.d.ts

@@ -21,7 +21,7 @@ export type DotcmsPageProps = {
      * @readonly
      */
     readonly pageContext: DotCMSPageContext;
-    readonly config?: DotCMSPageEditorConfig;
+    readonly config: DotCMSPageEditorConfig;
 };
 /**
  * `DotcmsLayout` is a functional component that renders a layout for a DotCMS page.

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

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