@ptolemy2002/react-proxy-context 1.0.15 → 1.1.1

package/index.js

@@ -711,19 +711,44 @@ var require_react_utils = __commonJS({
     }
     var clsx_default = clsx;
     var import_is_callable2 = __toESM2(require_is_callable2());
-    var partialMemo2 = (component, deps = []) => {
-      return (0, import_react2.memo)(component, (prevProps, nextProps) => {
+    function compareChildren(a, b) {
+      if (a === b) return true;
+      if (typeof a !== "object" || typeof b !== "object") return false;
+      const aIsArray = Array.isArray(a);
+      const bIsArray = Array.isArray(b);
+      if (aIsArray && bIsArray) {
+        if (a.length !== b.length) return false;
+        return a.every((item, index) => compareChildren(item, b[index]));
+      }
+      if (aIsArray || bIsArray) return false;
+      if (a.key || b.key) return a.key === b.key;
+      if (a.type !== b.type) return false;
+      return compareChildren(a.props.children, b.props.children);
+    }
+    var partialMemo2 = (component, deps = [], displayName) => {
+      const result = (0, import_react2.memo)(component, (prevProps, nextProps) => {
         if (deps.length === 0) return true;
+        const defaultBehavior = (prop) => {
+          if (prop === "children") return compareChildren(prevProps.children, nextProps.children);
+          return prevProps[prop] === nextProps[prop];
+        };
         return deps.every((dep) => {
-          if ((0, import_is_callable2.default)(dep)) return dep(prevProps, nextProps);
-          return prevProps[dep] === nextProps[dep];
+          if ((0, import_is_callable2.default)(dep)) return dep(prevProps, nextProps, defaultBehavior);
+          return defaultBehavior(dep);
         });
       });
+      if (!displayName) {
+        result.displayName = (component.displayName ?? component.name) + " (Memo)";
+      } else {
+        result.displayName = displayName;
+      }
+      return result;
     };
     var Spacer = (0, import_react2.memo)(function({ size = "1rem", horizontal = false, style = {}, className = null, ...props } = {}) {
       const keyName = horizontal ? "width" : "height";
       return /* @__PURE__ */ import_react2.default.createElement("div", { className: clsx_default("spacer", className), style: { ...style, [keyName]: size }, ...props });
     });
+    Spacer.displayName = "Spacer";
   }
 });
 
@@ -819,8 +844,9 @@ var ProxyContextProvider = (0, import_react_utils.partialMemo)(function ProxyCon
       if ((0, import_is_callable.default)(onChange)) onChange(null, objRef.current, prevObj);
       forceRerender();
     }
+    contextRef.current.obj = objRef.current;
     return objRef.current;
-  }, [onChange, proxyRef]);
+  }, [onChange]);
   if (objRef.current === void 0) objRef.current = set(value);
   contextRef.current.obj = objRef.current;
   contextRef.current.set = set;
@@ -840,7 +866,6 @@ function useProxyContext(contextClass, deps, onChange, listenReinit = true) {
       forceRerender();
       if ((0, import_is_callable.default)(onChange)) onChange(prop, current, prev);
     }, deps, listenReinit);
-    forceRerender();
   });
   (0, import_react_mount_effects.useUnmountEffect)(() => {
     context?.unsubscribe(id.current);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ptolemy2002/react-proxy-context",
-    "version": "1.0.15",
+    "version": "1.1.1",
     "main": "index.js",
     "files": [
         "index.js"