@ptolemy2002/react-proxy-context 1.1.0 → 1.2.0

package/index.js

@@ -711,19 +711,42 @@ 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) => {
-        if (deps.length === 0) return true;
-        return deps.every((dep) => {
-          if ((0, import_is_callable2.default)(dep)) return dep(prevProps, nextProps);
-          return prevProps[dep] === nextProps[dep];
-        });
-      });
+    var partialMemo2 = (E, deps = [], displayName) => {
+      const MemoWrapper = ({ ...props }) => {
+        delete props.renderDeps;
+        return /* @__PURE__ */ import_react2.default.createElement(E, { ...props });
+      };
+      MemoWrapper.displayName = "MemoWrapper";
+      const result = (0, import_react2.memo)(
+        MemoWrapper,
+        ({ renderDeps: prevRenderDeps = [], ...prevProps }, { renderDeps: nextRenderDeps = [], ...nextProps }) => {
+          if (!nextRenderDeps) return false;
+          if (prevRenderDeps.length !== nextRenderDeps.length) console.warn("Render deps length changed. This should not happen.");
+          if (prevRenderDeps === nextRenderDeps) console.warn("Render deps are the same object across parent renders. This should not happen.");
+          if (!nextRenderDeps.every((dep, i) => dep === prevRenderDeps[i])) return false;
+          if (deps.length === 0) return true;
+          const defaultBehavior = (prop) => {
+            if (prop === "children") return true;
+            return prevProps[prop] === nextProps[prop];
+          };
+          return deps.every((dep) => {
+            if ((0, import_is_callable2.default)(dep)) return dep(prevProps, nextProps, defaultBehavior);
+            return defaultBehavior(dep);
+          });
+        }
+      );
+      if (!displayName) {
+        result.displayName = (E.displayName ?? E.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,12 +1,12 @@
 {
     "name": "@ptolemy2002/react-proxy-context",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "main": "index.js",
     "files": [
         "index.js"
     ],
     "scripts": {
-        "build": "esbuild src/index.js --bundle --format=cjs --outfile=index.js --loader:.js=jsx --external:react --external:react-dom",
+        "build": "esbuild src/index.js --bundle --format=cjs --outfile=index.js --loader:.js=jsx --external:react --external:react-dom --external:@types/react --external:@types/react-dom",
         "postinstall": "npx typesync",
         "uninstall": "bash ./scripts/uninstall.sh",
         "reinstall": "bash ./scripts/reinstall.sh",
@@ -43,6 +43,6 @@
     },
     "dependencies": {
         "@ptolemy2002/react-hook-result": "^1.0.2",
-        "@ptolemy2002/react-utils": "^1.1.0"
+        "@ptolemy2002/react-utils": "^2.0.0"
     }
 }