@ptolemy2002/react-proxy-context 1.1.0 → 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";
   }
 });
 

package/package.json

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