@creopse/react 0.0.18 → 0.0.19

package/dist/index.cjs

@@ -349,8 +349,8 @@ class PropsManager {
     this.state = { props: initialProps };
     this.listeners = /* @__PURE__ */ new Set();
   }
-  update(payload) {
-    this.state.props = this.deepMerge(this.state.props, payload);
+  update(payload, strategy = "merge") {
+    this.state.props = strategy === "merge" ? this.deepMerge(this.state.props, payload) : this.deepOverride(this.state.props, payload);
     this.notify();
   }
   getState() {
@@ -384,6 +384,20 @@ class PropsManager {
     }
     return output;
   }
+  deepOverride(target, source) {
+    if (!this.isObject(source)) {
+      return source;
+    }
+    const output = { ...source };
+    if (this.isObject(target)) {
+      Object.keys(source).forEach((key) => {
+        if (this.isObject(source[key]) && this.isObject(target[key])) {
+          output[key] = this.deepOverride(target[key], source[key]);
+        }
+      });
+    }
+    return output;
+  }
   isObject(item) {
     return item && typeof item === "object" && !Array.isArray(item);
   }
@@ -8426,7 +8440,7 @@ function CreopseProvider({ children, options }) {
   React.useEffect(() => {
     if (options.router) {
       const handleNavigate = (event) => {
-        manager.update(event.detail.page.props);
+        manager.sync(event.detail.page.props);
       };
       options.router.on("navigate", handleNavigate);
     } else {

package/dist/index.mjs

@@ -331,8 +331,8 @@ class PropsManager {
     this.state = { props: initialProps };
     this.listeners = /* @__PURE__ */ new Set();
   }
-  update(payload) {
-    this.state.props = this.deepMerge(this.state.props, payload);
+  update(payload, strategy = "merge") {
+    this.state.props = strategy === "merge" ? this.deepMerge(this.state.props, payload) : this.deepOverride(this.state.props, payload);
     this.notify();
   }
   getState() {
@@ -366,6 +366,20 @@ class PropsManager {
     }
     return output;
   }
+  deepOverride(target, source) {
+    if (!this.isObject(source)) {
+      return source;
+    }
+    const output = { ...source };
+    if (this.isObject(target)) {
+      Object.keys(source).forEach((key) => {
+        if (this.isObject(source[key]) && this.isObject(target[key])) {
+          output[key] = this.deepOverride(target[key], source[key]);
+        }
+      });
+    }
+    return output;
+  }
   isObject(item) {
     return item && typeof item === "object" && !Array.isArray(item);
   }
@@ -8408,7 +8422,7 @@ function CreopseProvider({ children, options }) {
   useEffect(() => {
     if (options.router) {
       const handleNavigate = (event) => {
-        manager.update(event.detail.page.props);
+        manager.sync(event.detail.page.props);
       };
       options.router.on("navigate", handleNavigate);
     } else {

package/package.json

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

package/types/core/props-manager.d.ts

@@ -3,7 +3,7 @@ declare class PropsManager<T extends Props = Props> {
     private state;
     private listeners;
     constructor(initialProps: T);
-    update(payload: T): void;
+    update(payload: T, strategy?: 'merge' | 'override'): void;
     getState(): {
         props: T;
     };
@@ -11,6 +11,7 @@ declare class PropsManager<T extends Props = Props> {
     subscribe(callback: (props: T) => void): () => void;
     private notify;
     private deepMerge;
+    private deepOverride;
     private isObject;
 }
 export default PropsManager;