@creopse/react 0.0.16 → 0.0.17

package/dist/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const content = require("./content-yneKOQn5.cjs");
-require("@inertiajs/react");
+const react = require("@inertiajs/react");
 const reactDom = require("react-dom");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -8184,7 +8184,7 @@ const resetStyles = "_reset-styles_1tka1_1";
 const styles = {
   resetStyles
 };
-const RootContainer = () => {
+const RootContainer$1 = () => {
   const { page } = content.useContent();
   const props = content.useProps();
   const manager = React.useContext(content.PropsContext);
@@ -8403,6 +8403,15 @@ const RootContainer = () => {
     );
   }) }, sectionsWrapperKey);
 };
+function RootContainer() {
+  const [key, setKey] = React.useState(() => v4());
+  React.useEffect(() => {
+    return react.router.on("navigate", () => {
+      setKey(v4());
+    });
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RootContainer$1, {}, key);
+}
 function CreopseProvider({ children, options }) {
   if (!options?.initialProps) {
     throw new Error("[@creopse/react] initialProps is required");

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as React from "react";
 import React__default, { useState, useEffect, createContext, useRef, useLayoutEffect, useId, useContext, useInsertionEffect, useMemo, useCallback, Children, isValidElement, Fragment, createElement, forwardRef, Component } from "react";
 import { u as useHelper, a as useContent, b as useProps, P as PropsContext, R as ResolveSectionsContext, c as cloneDeep, s as slideToId, E as EditorMessageType, d as RouterContext, C as ConfigContext } from "./content-CfIj9nZq.js";
-import "@inertiajs/react";
+import { router } from "@inertiajs/react";
 import { createPortal } from "react-dom";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production = {};
@@ -8166,7 +8166,7 @@ const resetStyles = "_reset-styles_1tka1_1";
 const styles = {
   resetStyles
 };
-const RootContainer = () => {
+const RootContainer$1 = () => {
   const { page } = useContent();
   const props = useProps();
   const manager = useContext(PropsContext);
@@ -8385,6 +8385,15 @@ const RootContainer = () => {
     );
   }) }, sectionsWrapperKey);
 };
+function RootContainer() {
+  const [key, setKey] = useState(() => v4());
+  useEffect(() => {
+    return router.on("navigate", () => {
+      setKey(v4());
+    });
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RootContainer$1, {}, key);
+}
 function CreopseProvider({ children, options }) {
   if (!options?.initialProps) {
     throw new Error("[@creopse/react] initialProps is required");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@creopse/react",
   "description": "Creopse React Toolkit",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "private": false,
   "author": "Noé Gnanih <noegnanih@gmail.com>",
   "license": "MIT",

package/types/components/RootContainer/Core.d.ts

@@ -0,0 +1,2 @@
+declare const RootContainer: () => import("react/jsx-runtime").JSX.Element;
+export default RootContainer;

package/types/components/RootContainer/RootContainer.d.ts

@@ -1,2 +1 @@
-declare const RootContainer: () => import("react/jsx-runtime").JSX.Element;
-export default RootContainer;
+export default function RootContainer(): import("react/jsx-runtime").JSX.Element;