@ptolemy2002/react-proxy-context 2.1.2 → 2.2.0

package/README.md

@@ -22,7 +22,7 @@ type OnChangeReinitCallback<T> =
 
 type Dependency<T> = keyof T | (
     <K extends keyof T>(prop: K, current: T[K], prev: T[K], obj: T) => boolean
-) | null | undefined | false;
+) | null | undefined | false | [keyof T, ...PropertyKey[]]
 
 type ProxyContext<T> = ContextWithName<ProxyContextValue<T> | undefined>;
 
@@ -54,9 +54,19 @@ type UseProxyContextResult<T> = HookResultData<{
 ## Functions
 The following functions are available in the library:
 
+### evaluateDependency<T>
+#### Description
+Given a dependency, if it is an array instance, converts it to the equivalent function that will test for equality of a nested property. If it is not an array instance, returns the dependency as is.
+
+#### Parameters
+- `dependency` (`Dependency<T>`): The dependency to evaluate.
+
+#### Returns
+`Dependency<T>` - The evaluated dependency. If the dependency is an array, it will be converted to a function that tests for equality of a nested property.
+
 ### createProxyContext<T>
 #### Description
-Creates a new instance of the ProxyContext, essentially to be used as the context type, with the specified name. This is effectively just the normal React createContext function, but with a check to ensure that the browser supports Proxies. `T` represents the type of the object that will be stored in the context.
+Creates a new instance of the ProxyContext, essentially to be used as the context type, with the specified name. This is effectively just the normal React `createContext` function, but with a check to ensure that the browser supports Proxies. `T` represents the type of the object that will be stored in the context.
 
 #### Parameters
 - `name` (String): The name of the context. This is used for debugging purposes.
@@ -88,7 +98,7 @@ A hook that uses the context provided by the `ProxyContextProvider` component. T
 
 #### Parameters
 - `contextClass` (`ProxyContext<T>`): The context class that was created using `createProxyContext`.
-- `deps` (`Dependency<T>[] | null`): An array of dependencies to listen to. If any of these properties on the context change, the hook will re-render. If this is falsy, any mutation will trigger a re-render. You can also specify a function that returns a boolean to determine whether to re-render. If this is null, the hook will re-render on any mutation. By default, this is an empty array.
+- `deps` (`Dependency<T>[] | null`): An array of dependencies to listen to. If any of these properties on the context change, the hook will re-render. If this is falsy, any mutation will trigger a re-render. If a dependency is an array, it represents a nested property dependency. You can also specify a function that returns a boolean to determine whether to re-render. By default, this is an empty array.
 - `onChangeProp` (`OnChangePropCallback<T> | undefined`): A function that is called whenever a property of the context is changed. The first parameter is the property that was changed, the second parameter is the current value of the property, and the third parameter is the previous value of the property. This is useful for listening to changes in the provider's parent component.
 - `onChangeReinit` (`OnChangeReinitCallback<T> | undefined`): A function that is called whenever the context is reinitialized. The first parameter is the current value of the context, and the second parameter is the previous value of the context. This is useful for listening to changes in the provider's parent component.
 - `listenReinit` (`boolean`): Whether to listen to full reassignments of the context. If this is true, the hook will re-render whenever the context is reinitialized. By default, this is true.

package/dist/main.d.ts

@@ -12,7 +12,8 @@ export type ProxyContextValue<T> = {
     unsubscribe: (id: string) => void;
 };
 export declare function createProxyContext<T>(name: string): ProxyContext<T>;
-export type Dependency<T> = keyof T | (<K extends keyof T>(prop: K, current: T[K], prev: T[K], obj: T) => boolean) | null | undefined | false;
+export type Dependency<T> = keyof T | (<K extends keyof T>(prop: K, current: T[K], prev: T[K], obj: T) => boolean) | null | undefined | false | [keyof T, ...PropertyKey[]];
+export declare function evaluateDependency<T>(dep: Dependency<T>): Exclude<Dependency<T>, any[]> | keyof T;
 export type ProxyContext<T> = ContextWithName<ProxyContextValue<T> | undefined>;
 export type ProxyContextProviderProps<T> = {
     children: ReactNode;

package/dist/main.js

@@ -1,10 +1,10 @@
-import Ie, { useEffect as $e, createContext as br, useRef as X, useImperativeHandle as yr, useCallback as ue, useContext as mr } from "react";
+import $e, { useEffect as We, createContext as br, useRef as Z, useImperativeHandle as yr, useCallback as se, useContext as mr } from "react";
 import { nanoid as Rr } from "nanoid";
-import V from "is-callable";
-import We from "@ptolemy2002/react-force-rerender";
+import Y from "is-callable";
+import Ye from "@ptolemy2002/react-force-rerender";
 import gr from "@ptolemy2002/react-hook-result";
 import { partialMemo as hr } from "@ptolemy2002/react-utils";
-var se = { exports: {} }, B = {};
+var ce = { exports: {} }, N = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -16,19 +16,19 @@ var se = { exports: {} }, B = {};
  */
 var Fe;
 function Er() {
-  if (Fe) return B;
+  if (Fe) return N;
   Fe = 1;
-  var b = Ie, _ = Symbol.for("react.element"), k = Symbol.for("react.fragment"), T = Object.prototype.hasOwnProperty, C = b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function S(y, o, d) {
-    var v, P = {}, w = null, D = null;
-    d !== void 0 && (w = "" + d), o.key !== void 0 && (w = "" + o.key), o.ref !== void 0 && (D = o.ref);
-    for (v in o) T.call(o, v) && !p.hasOwnProperty(v) && (P[v] = o[v]);
-    if (y && y.defaultProps) for (v in o = y.defaultProps, o) P[v] === void 0 && (P[v] = o[v]);
-    return { $$typeof: _, type: y, key: w, ref: D, props: P, _owner: C.current };
+  var v = $e, E = Symbol.for("react.element"), w = Symbol.for("react.fragment"), g = Object.prototype.hasOwnProperty, T = v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function p(i, s, P) {
+    var b, x = {}, O = null, R = null;
+    P !== void 0 && (O = "" + P), s.key !== void 0 && (O = "" + s.key), s.ref !== void 0 && (R = s.ref);
+    for (b in s) g.call(s, b) && !m.hasOwnProperty(b) && (x[b] = s[b]);
+    if (i && i.defaultProps) for (b in s = i.defaultProps, s) x[b] === void 0 && (x[b] = s[b]);
+    return { $$typeof: E, type: i, key: O, ref: R, props: x, _owner: T.current };
   }
-  return B.Fragment = k, B.jsx = S, B.jsxs = S, B;
+  return N.Fragment = w, N.jsx = p, N.jsxs = p, N;
 }
-var J = {};
+var B = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,42 +38,42 @@ var J = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ae;
+var Ie;
 function _r() {
-  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
-    var b = Ie, _ = Symbol.for("react.element"), k = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), y = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), D = Symbol.for("react.offscreen"), R = Symbol.iterator, I = "@@iterator";
-    function x(e) {
+  return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && function() {
+    var v = $e, E = Symbol.for("react.element"), w = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), i = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), D = Symbol.iterator, C = "@@iterator";
+    function k(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = R && e[R] || e[I];
+      var r = D && e[D] || e[C];
       return typeof r == "function" ? r : null;
     }
-    var g = b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function s(e) {
+    var y = v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function f(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
           t[n - 1] = arguments[n];
-        j("error", e, t);
+        I("error", e, t);
       }
     }
-    function j(e, r, t) {
+    function I(e, r, t) {
       {
-        var n = g.ReactDebugCurrentFrame, u = n.getStackAddendum();
+        var n = y.ReactDebugCurrentFrame, u = n.getStackAddendum();
         u !== "" && (r += "%s", t = t.concat([u]));
-        var c = t.map(function(i) {
-          return String(i);
+        var c = t.map(function(o) {
+          return String(o);
         });
         c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
       }
     }
-    var $ = !1, W = !1, q = !1, Ye = !1, Le = !1, ce;
-    ce = Symbol.for("react.module.reference");
+    var J = !1, L = !1, q = !1, K = !1, Le = !1, fe;
+    fe = Symbol.for("react.module.reference");
     function Ve(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === T || e === p || Le || e === C || e === d || e === v || Ye || e === D || $ || W || q || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === P || e.$$typeof === S || e.$$typeof === y || e.$$typeof === o || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === g || e === m || Le || e === T || e === P || e === b || K || e === R || J || L || q || typeof e == "object" && e !== null && (e.$$typeof === O || e.$$typeof === x || e.$$typeof === p || e.$$typeof === i || e.$$typeof === s || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === ce || e.getModuleId !== void 0));
+      e.$$typeof === fe || e.getModuleId !== void 0));
     }
     function Me(e, r, t) {
       var n = e.displayName;
@@ -82,47 +82,47 @@ function _r() {
       var u = r.displayName || r.name || "";
       return u !== "" ? t + "(" + u + ")" : t;
     }
-    function fe(e) {
+    function le(e) {
       return e.displayName || "Context";
     }
-    function O(e) {
+    function j(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && s("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && f("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case T:
+        case g:
           return "Fragment";
-        case k:
+        case w:
           return "Portal";
-        case p:
+        case m:
           return "Profiler";
-        case C:
+        case T:
           return "StrictMode";
-        case d:
+        case P:
           return "Suspense";
-        case v:
+        case b:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case y:
+          case i:
             var r = e;
-            return fe(r) + ".Consumer";
-          case S:
+            return le(r) + ".Consumer";
+          case p:
             var t = e;
-            return fe(t._context) + ".Provider";
-          case o:
+            return le(t._context) + ".Provider";
+          case s:
             return Me(e, e.render, "ForwardRef");
-          case P:
+          case x:
             var n = e.displayName || null;
-            return n !== null ? n : O(e.type) || "Memo";
-          case w: {
-            var u = e, c = u._payload, i = u._init;
+            return n !== null ? n : j(e.type) || "Memo";
+          case O: {
+            var u = e, c = u._payload, o = u._init;
             try {
-              return O(i(c));
+              return j(o(c));
             } catch {
               return null;
             }
@@ -130,18 +130,18 @@ function _r() {
         }
       return null;
     }
-    var F = Object.assign, M = 0, le, de, ve, pe, be, ye, me;
-    function Re() {
+    var A = Object.assign, V = 0, de, ve, pe, be, ye, me, Re;
+    function ge() {
     }
-    Re.__reactDisabledLog = !0;
+    ge.__reactDisabledLog = !0;
     function Ue() {
       {
-        if (M === 0) {
-          le = console.log, de = console.info, ve = console.warn, pe = console.error, be = console.group, ye = console.groupCollapsed, me = console.groupEnd;
+        if (V === 0) {
+          de = console.log, ve = console.info, pe = console.warn, be = console.error, ye = console.group, me = console.groupCollapsed, Re = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Re,
+            value: ge,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -154,199 +154,199 @@ function _r() {
             groupEnd: e
           });
         }
-        M++;
+        V++;
       }
     }
     function Ne() {
       {
-        if (M--, M === 0) {
+        if (V--, V === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: F({}, e, {
-              value: le
-            }),
-            info: F({}, e, {
+            log: A({}, e, {
               value: de
             }),
-            warn: F({}, e, {
+            info: A({}, e, {
               value: ve
             }),
-            error: F({}, e, {
+            warn: A({}, e, {
               value: pe
             }),
-            group: F({}, e, {
+            error: A({}, e, {
               value: be
             }),
-            groupCollapsed: F({}, e, {
+            group: A({}, e, {
               value: ye
             }),
-            groupEnd: F({}, e, {
+            groupCollapsed: A({}, e, {
               value: me
+            }),
+            groupEnd: A({}, e, {
+              value: Re
             })
           });
         }
-        M < 0 && s("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        V < 0 && f("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Z = g.ReactCurrentDispatcher, Q;
-    function K(e, r, t) {
+    var Q = y.ReactCurrentDispatcher, ee;
+    function G(e, r, t) {
       {
-        if (Q === void 0)
+        if (ee === void 0)
           try {
             throw Error();
           } catch (u) {
             var n = u.stack.trim().match(/\n( *(at )?)/);
-            Q = n && n[1] || "";
+            ee = n && n[1] || "";
           }
         return `
-` + Q + e;
+` + ee + e;
       }
     }
-    var ee = !1, G;
+    var re = !1, z;
     {
       var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      G = new Be();
+      z = new Be();
     }
-    function ge(e, r) {
-      if (!e || ee)
+    function he(e, r) {
+      if (!e || re)
         return "";
       {
-        var t = G.get(e);
+        var t = z.get(e);
         if (t !== void 0)
           return t;
       }
       var n;
-      ee = !0;
+      re = !0;
       var u = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var c;
-      c = Z.current, Z.current = null, Ue();
+      c = Q.current, Q.current = null, Ue();
       try {
         if (r) {
-          var i = function() {
+          var o = function() {
             throw Error();
           };
-          if (Object.defineProperty(i.prototype, "props", {
+          if (Object.defineProperty(o.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(i, []);
-            } catch (h) {
-              n = h;
+              Reflect.construct(o, []);
+            } catch (_) {
+              n = _;
             }
-            Reflect.construct(e, [], i);
+            Reflect.construct(e, [], o);
           } else {
             try {
-              i.call();
-            } catch (h) {
-              n = h;
+              o.call();
+            } catch (_) {
+              n = _;
             }
-            e.call(i.prototype);
+            e.call(o.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (h) {
-            n = h;
+          } catch (_) {
+            n = _;
           }
           e();
         }
-      } catch (h) {
-        if (h && n && typeof h.stack == "string") {
-          for (var a = h.stack.split(`
-`), m = n.stack.split(`
-`), f = a.length - 1, l = m.length - 1; f >= 1 && l >= 0 && a[f] !== m[l]; )
-            l--;
-          for (; f >= 1 && l >= 0; f--, l--)
-            if (a[f] !== m[l]) {
-              if (f !== 1 || l !== 1)
+      } catch (_) {
+        if (_ && n && typeof _.stack == "string") {
+          for (var a = _.stack.split(`
+`), h = n.stack.split(`
+`), l = a.length - 1, d = h.length - 1; l >= 1 && d >= 0 && a[l] !== h[d]; )
+            d--;
+          for (; l >= 1 && d >= 0; l--, d--)
+            if (a[l] !== h[d]) {
+              if (l !== 1 || d !== 1)
                 do
-                  if (f--, l--, l < 0 || a[f] !== m[l]) {
-                    var E = `
-` + a[f].replace(" at new ", " at ");
-                    return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, E), E;
+                  if (l--, d--, d < 0 || a[l] !== h[d]) {
+                    var S = `
+` + a[l].replace(" at new ", " at ");
+                    return e.displayName && S.includes("<anonymous>") && (S = S.replace("<anonymous>", e.displayName)), typeof e == "function" && z.set(e, S), S;
                   }
-                while (f >= 1 && l >= 0);
+                while (l >= 1 && d >= 0);
               break;
             }
         }
       } finally {
-        ee = !1, Z.current = c, Ne(), Error.prepareStackTrace = u;
+        re = !1, Q.current = c, Ne(), Error.prepareStackTrace = u;
       }
-      var L = e ? e.displayName || e.name : "", A = L ? K(L) : "";
-      return typeof e == "function" && G.set(e, A), A;
+      var W = e ? e.displayName || e.name : "", F = W ? G(W) : "";
+      return typeof e == "function" && z.set(e, F), F;
     }
     function Je(e, r, t) {
-      return ge(e, !1);
+      return he(e, !1);
     }
     function qe(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function z(e, r, t) {
+    function H(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ge(e, qe(e));
+        return he(e, qe(e));
       if (typeof e == "string")
-        return K(e);
+        return G(e);
       switch (e) {
-        case d:
-          return K("Suspense");
-        case v:
-          return K("SuspenseList");
+        case P:
+          return G("Suspense");
+        case b:
+          return G("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case o:
+          case s:
             return Je(e.render);
-          case P:
-            return z(e.type, r, t);
-          case w: {
+          case x:
+            return H(e.type, r, t);
+          case O: {
             var n = e, u = n._payload, c = n._init;
             try {
-              return z(c(u), r, t);
+              return H(c(u), r, t);
             } catch {
             }
           }
         }
       return "";
     }
-    var U = Object.prototype.hasOwnProperty, he = {}, Ee = g.ReactDebugCurrentFrame;
-    function H(e) {
+    var M = Object.prototype.hasOwnProperty, Ee = {}, _e = y.ReactDebugCurrentFrame;
+    function X(e) {
       if (e) {
-        var r = e._owner, t = z(e.type, e._source, r ? r.type : null);
-        Ee.setExtraStackFrame(t);
+        var r = e._owner, t = H(e.type, e._source, r ? r.type : null);
+        _e.setExtraStackFrame(t);
       } else
-        Ee.setExtraStackFrame(null);
+        _e.setExtraStackFrame(null);
     }
     function Ke(e, r, t, n, u) {
       {
-        var c = Function.call.bind(U);
-        for (var i in e)
-          if (c(e, i)) {
+        var c = Function.call.bind(M);
+        for (var o in e)
+          if (c(e, o)) {
             var a = void 0;
             try {
-              if (typeof e[i] != "function") {
-                var m = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw m.name = "Invariant Violation", m;
+              if (typeof e[o] != "function") {
+                var h = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw h.name = "Invariant Violation", h;
               }
-              a = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (f) {
-              a = f;
+              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (l) {
+              a = l;
             }
-            a && !(a instanceof Error) && (H(u), s("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, i, typeof a), H(null)), a instanceof Error && !(a.message in he) && (he[a.message] = !0, H(u), s("Failed %s type: %s", t, a.message), H(null));
+            a && !(a instanceof Error) && (X(u), f("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), X(null)), a instanceof Error && !(a.message in Ee) && (Ee[a.message] = !0, X(u), f("Failed %s type: %s", t, a.message), X(null));
           }
       }
     }
     var Ge = Array.isArray;
-    function re(e) {
+    function te(e) {
       return Ge(e);
     }
     function ze(e) {
@@ -357,27 +357,27 @@ function _r() {
     }
     function He(e) {
       try {
-        return _e(e), !1;
+        return Te(e), !1;
       } catch {
         return !0;
       }
     }
-    function _e(e) {
+    function Te(e) {
       return "" + e;
     }
-    function Te(e) {
+    function Pe(e) {
       if (He(e))
-        return s("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ze(e)), _e(e);
+        return f("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ze(e)), Te(e);
     }
-    var N = g.ReactCurrentOwner, Xe = {
+    var U = y.ReactCurrentOwner, Xe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Pe, xe, te;
-    te = {};
+    }, Se, xe, ne;
+    ne = {};
     function Ze(e) {
-      if (U.call(e, "ref")) {
+      if (M.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -385,7 +385,7 @@ function _r() {
       return e.ref !== void 0;
     }
     function Qe(e) {
-      if (U.call(e, "key")) {
+      if (M.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -393,15 +393,15 @@ function _r() {
       return e.key !== void 0;
     }
     function er(e, r) {
-      if (typeof e.ref == "string" && N.current && r && N.current.stateNode !== r) {
-        var t = O(N.current.type);
-        te[t] || (s('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', O(N.current.type), e.ref), te[t] = !0);
+      if (typeof e.ref == "string" && U.current && r && U.current.stateNode !== r) {
+        var t = j(U.current.type);
+        ne[t] || (f('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', j(U.current.type), e.ref), ne[t] = !0);
       }
     }
     function rr(e, r) {
       {
         var t = function() {
-          Pe || (Pe = !0, s("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          Se || (Se = !0, f("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: t,
@@ -412,7 +412,7 @@ function _r() {
     function tr(e, r) {
       {
         var t = function() {
-          xe || (xe = !0, s("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          xe || (xe = !0, f("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -420,15 +420,15 @@ function _r() {
         });
       }
     }
-    var nr = function(e, r, t, n, u, c, i) {
+    var nr = function(e, r, t, n, u, c, o) {
       var a = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: _,
+        $$typeof: E,
         // Built-in properties that belong on the element
         type: e,
         key: r,
         ref: t,
-        props: i,
+        props: o,
         // Record the component responsible for creating this element.
         _owner: c
       };
@@ -451,39 +451,39 @@ function _r() {
     };
     function ar(e, r, t, n, u) {
       {
-        var c, i = {}, a = null, m = null;
-        t !== void 0 && (Te(t), a = "" + t), Qe(r) && (Te(r.key), a = "" + r.key), Ze(r) && (m = r.ref, er(r, u));
+        var c, o = {}, a = null, h = null;
+        t !== void 0 && (Pe(t), a = "" + t), Qe(r) && (Pe(r.key), a = "" + r.key), Ze(r) && (h = r.ref, er(r, u));
         for (c in r)
-          U.call(r, c) && !Xe.hasOwnProperty(c) && (i[c] = r[c]);
+          M.call(r, c) && !Xe.hasOwnProperty(c) && (o[c] = r[c]);
         if (e && e.defaultProps) {
-          var f = e.defaultProps;
-          for (c in f)
-            i[c] === void 0 && (i[c] = f[c]);
+          var l = e.defaultProps;
+          for (c in l)
+            o[c] === void 0 && (o[c] = l[c]);
         }
-        if (a || m) {
-          var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && rr(i, l), m && tr(i, l);
+        if (a || h) {
+          var d = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && rr(o, d), h && tr(o, d);
         }
-        return nr(e, a, m, u, n, N.current, i);
+        return nr(e, a, h, u, n, U.current, o);
       }
     }
-    var ne = g.ReactCurrentOwner, Ce = g.ReactDebugCurrentFrame;
-    function Y(e) {
+    var ae = y.ReactCurrentOwner, Ce = y.ReactDebugCurrentFrame;
+    function $(e) {
       if (e) {
-        var r = e._owner, t = z(e.type, e._source, r ? r.type : null);
+        var r = e._owner, t = H(e.type, e._source, r ? r.type : null);
         Ce.setExtraStackFrame(t);
       } else
         Ce.setExtraStackFrame(null);
     }
-    var ae;
-    ae = !1;
-    function oe(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === _;
+    var oe;
+    oe = !1;
+    function ie(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === E;
     }
-    function Se() {
+    function we() {
       {
-        if (ne.current) {
-          var e = O(ne.current.type);
+        if (ae.current) {
+          var e = j(ae.current.type);
           if (e)
             return `
 
@@ -498,7 +498,7 @@ Check the render method of \`` + e + "`.";
     var Oe = {};
     function ir(e) {
       {
-        var r = Se();
+        var r = we();
         if (!r) {
           var t = typeof e == "string" ? e : e.displayName || e.name;
           t && (r = `
@@ -508,7 +508,7 @@ Check the top-level render call using <` + t + ">.");
         return r;
       }
     }
-    function we(e, r) {
+    function je(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
@@ -518,25 +518,25 @@ Check the top-level render call using <` + t + ">.");
           return;
         Oe[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== ne.current && (n = " It was passed a child from " + O(e._owner.type) + "."), Y(e), s('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), Y(null);
+        e && e._owner && e._owner !== ae.current && (n = " It was passed a child from " + j(e._owner.type) + "."), $(e), f('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), $(null);
       }
     }
-    function je(e, r) {
+    function ke(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (re(e))
+        if (te(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
-            oe(n) && we(n, r);
+            ie(n) && je(n, r);
           }
-        else if (oe(e))
+        else if (ie(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var u = x(e);
+          var u = k(e);
           if (typeof u == "function" && u !== e.entries)
-            for (var c = u.call(e), i; !(i = c.next()).done; )
-              oe(i.value) && we(i.value, r);
+            for (var c = u.call(e), o; !(o = c.next()).done; )
+              ie(o.value) && je(o.value, r);
         }
       }
     }
@@ -548,21 +548,21 @@ Check the top-level render call using <` + t + ">.");
         var t;
         if (typeof r == "function")
           t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === o || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === s || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === P))
+        r.$$typeof === x))
           t = r.propTypes;
         else
           return;
         if (t) {
-          var n = O(r);
+          var n = j(r);
           Ke(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !ae) {
-          ae = !0;
-          var u = O(r);
-          s("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
+        } else if (r.PropTypes !== void 0 && !oe) {
+          oe = !0;
+          var u = j(r);
+          f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && s("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && f("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function sr(e) {
@@ -570,151 +570,173 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var n = r[t];
           if (n !== "children" && n !== "key") {
-            Y(e), s("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), Y(null);
+            $(e), f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), $(null);
             break;
           }
         }
-        e.ref !== null && (Y(e), s("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
+        e.ref !== null && ($(e), f("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
       }
     }
-    var ke = {};
-    function De(e, r, t, n, u, c) {
+    var De = {};
+    function Ae(e, r, t, n, u, c) {
       {
-        var i = Ve(e);
-        if (!i) {
+        var o = Ve(e);
+        if (!o) {
           var a = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var m = or();
-          m ? a += m : a += Se();
-          var f;
-          e === null ? f = "null" : re(e) ? f = "array" : e !== void 0 && e.$$typeof === _ ? (f = "<" + (O(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : f = typeof e, s("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", f, a);
+          var h = or();
+          h ? a += h : a += we();
+          var l;
+          e === null ? l = "null" : te(e) ? l = "array" : e !== void 0 && e.$$typeof === E ? (l = "<" + (j(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : l = typeof e, f("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", l, a);
         }
-        var l = ar(e, r, t, u, c);
-        if (l == null)
-          return l;
-        if (i) {
-          var E = r.children;
-          if (E !== void 0)
+        var d = ar(e, r, t, u, c);
+        if (d == null)
+          return d;
+        if (o) {
+          var S = r.children;
+          if (S !== void 0)
             if (n)
-              if (re(E)) {
-                for (var L = 0; L < E.length; L++)
-                  je(E[L], e);
-                Object.freeze && Object.freeze(E);
+              if (te(S)) {
+                for (var W = 0; W < S.length; W++)
+                  ke(S[W], e);
+                Object.freeze && Object.freeze(S);
               } else
-                s("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                f("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              je(E, e);
+              ke(S, e);
         }
-        if (U.call(r, "key")) {
-          var A = O(e), h = Object.keys(r).filter(function(pr) {
+        if (M.call(r, "key")) {
+          var F = j(e), _ = Object.keys(r).filter(function(pr) {
             return pr !== "key";
-          }), ie = h.length > 0 ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ke[A + ie]) {
-            var vr = h.length > 0 ? "{" + h.join(": ..., ") + ": ...}" : "{}";
-            s(`A props object containing a "key" prop is being spread into JSX:
+          }), ue = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!De[F + ue]) {
+            var vr = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
+            f(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ie, A, vr, A), ke[A + ie] = !0;
+  <%s key={someKey} {...props} />`, ue, F, vr, F), De[F + ue] = !0;
           }
         }
-        return e === T ? sr(l) : ur(l), l;
+        return e === g ? sr(d) : ur(d), d;
       }
     }
     function cr(e, r, t) {
-      return De(e, r, t, !0);
+      return Ae(e, r, t, !0);
     }
     function fr(e, r, t) {
-      return De(e, r, t, !1);
+      return Ae(e, r, t, !1);
     }
     var lr = fr, dr = cr;
-    J.Fragment = T, J.jsx = lr, J.jsxs = dr;
-  }()), J;
+    B.Fragment = g, B.jsx = lr, B.jsxs = dr;
+  }()), B;
 }
-process.env.NODE_ENV === "production" ? se.exports = Er() : se.exports = _r();
-var Tr = se.exports;
-function Pr(b) {
-  $e(() => {
-    b();
+process.env.NODE_ENV === "production" ? ce.exports = Er() : ce.exports = _r();
+var Tr = ce.exports;
+function Pr(v) {
+  We(() => {
+    v();
   }, []);
 }
-function xr(b) {
-  $e(() => b, []);
+function Sr(v) {
+  We(() => v, []);
 }
-function Dr(b) {
+function Ar(v) {
   if (typeof Proxy > "u") throw new Error("Proxy is not supported in this environment.");
-  const _ = br(
+  const E = br(
     void 0
   );
-  return _.name = b, _;
+  return E.name = v, E;
 }
-function Fr(b) {
-  return hr(function({
-    children: k,
-    value: T,
-    onChangeProp: C,
-    onChangeReinit: p,
-    proxyRef: S
-  }) {
-    const y = X({}), o = X(), d = X({}), v = We();
-    yr(S, () => o.current, [o.current]);
-    const P = ue((R, I, x) => {
-      const g = Rr();
-      return y.current[g] = {
-        id: g,
-        deps: x,
-        propCallback: R,
-        reinitCallback: I
-      }, g;
-    }, []), w = ue((R) => {
-      delete y.current[R];
-    }, []), D = ue((R) => {
-      if (R !== o.current) {
-        const I = o.current;
-        R !== null ? o.current = new Proxy(R, {
-          get: function(x, g) {
-            const s = Reflect.get(x, g, R);
-            return V(s) ? s.bind(o.current) : s;
-          },
-          set: function(x, g, s) {
-            const j = g, $ = x[j];
-            return Reflect.set(x, j, s, R), s = x[j], Object.values(y.current).forEach((W) => {
-              (!W.deps || W.deps.includes(j) && $ !== s || W.deps.some((q) => V(q) && q(j, s, $, R))) && W.propCallback(j, s, $);
-            }), V(C) && C(j, s, $), !0;
-          }
-        }) : o.current = R, Object.values(y.current).forEach((x) => {
-          x.reinitCallback(o.current, I);
-        }), V(p) && p(o.current, I), v();
-      }
-      return d.current.obj = o.current, o.current;
-    }, [C, p]);
-    return o.current === void 0 && (o.current = D(T)), d.current.obj = o.current, d.current.set = D, d.current.subscribe = P, d.current.unsubscribe = w, /* @__PURE__ */ Tr.jsx(b.Provider, { value: d.current, children: k });
-  }, ["children", "onChangeProp", "onChangeReinit", "proxyRef"], `${b.name}Provider`);
+function xr(v) {
+  if (Array.isArray(v)) {
+    const [E, ...w] = v;
+    return (g, T, m) => {
+      if (g !== E) return !1;
+      let p = T, i = m;
+      for (const s of w)
+        p = p == null ? void 0 : p[s], i = i == null ? void 0 : i[s];
+      return p !== i;
+    };
+  }
+  return v;
+}
+function Fr(v) {
+  return hr(
+    ({
+      children: E,
+      value: w,
+      onChangeProp: g,
+      onChangeReinit: T,
+      proxyRef: m
+    }) => {
+      const p = Z({}), i = Z(), s = Z({}), P = Ye();
+      yr(m, () => i.current, [i.current]);
+      const b = se((R, D, C) => {
+        const k = Rr();
+        return p.current[k] = {
+          id: k,
+          deps: C,
+          propCallback: R,
+          reinitCallback: D
+        }, k;
+      }, []), x = se((R) => {
+        delete p.current[R];
+      }, []), O = se((R) => {
+        if (R !== i.current) {
+          const D = i.current;
+          R !== null ? i.current = new Proxy(R, {
+            get: function(C, k) {
+              const y = Reflect.get(C, k, R);
+              return Y(y) ? y.bind(i.current) : y;
+            },
+            set: function(C, k, y) {
+              const f = k, I = C[f];
+              return Reflect.set(C, f, y, R), y = C[f], Object.values(p.current).forEach((J) => {
+                var q;
+                const L = (q = J.deps) == null ? void 0 : q.map(xr);
+                (!L || L.includes(f) && I !== y || L.some(
+                  (K) => Y(K) && K(f, y, I, R)
+                )) && J.propCallback(f, y, I);
+              }), Y(g) && g(f, y, I), !0;
+            }
+          }) : i.current = R, Object.values(p.current).forEach((C) => {
+            C.reinitCallback(i.current, D);
+          }), Y(T) && T(i.current, D), P();
+        }
+        return s.current.obj = i.current, i.current;
+      }, [g, T]);
+      return i.current === void 0 && (i.current = O(w)), s.current.obj = i.current, s.current.set = O, s.current.subscribe = b, s.current.unsubscribe = x, /* @__PURE__ */ Tr.jsx(v.Provider, { value: s.current, children: E });
+    },
+    ["children", "onChangeProp", "onChangeReinit", "proxyRef"],
+    v.name + ".Provider"
+  );
 }
-function Ar(b, _ = [], k, T, C = !0) {
-  const p = mr(b), S = We(), y = X(null);
-  if (p === void 0)
-    throw new Error(`No ${b.name} provider found.`);
+function Ir(v, E = [], w, g, T = !0) {
+  const m = mr(v), p = Ye(), i = Z(null);
+  if (m === void 0)
+    throw new Error(`No ${v.name} provider found.`);
   return Pr(() => {
-    y.current = p == null ? void 0 : p.subscribe(
-      (o, d, v) => {
-        S(), V(k) && k(o, d, v);
+    i.current = m == null ? void 0 : m.subscribe(
+      (s, P, b) => {
+        p(), Y(w) && w(s, P, b);
       },
-      (o, d) => {
-        C && S(), V(T) && T(o, d);
+      (s, P) => {
+        T && p(), Y(g) && g(s, P);
       },
-      _
+      E
     );
-  }), xr(() => {
-    p.unsubscribe(y.current);
+  }), Sr(() => {
+    m.unsubscribe(i.current);
   }), new gr(
-    { value: p.obj, set: p.set },
+    { value: m.obj, set: m.set },
     ["value", "set"]
   );
 }
 export {
-  Dr as createProxyContext,
+  Ar as createProxyContext,
   Fr as createProxyContextProvider,
-  Ar as useProxyContext
+  xr as evaluateDependency,
+  Ir as useProxyContext
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ptolemy2002/react-proxy-context",
   "private": false,
-  "version": "2.1.2",
+  "version": "2.2.0",
   "type": "module",
   "repository": {
     "type": "git",