relay-forms-nodeps 2.0.0 → 2.2.0

package/lib/useFormField.js

@@ -1,10 +1,21 @@
 "use strict";
 
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var React = require("react");
 var queries_1 = require("./relay/queries");
+var queryValueFieldFragment_graphql_1 = require("./relay/queryValueFieldFragment.graphql");
 var RelayStoreProvider_1 = require("./relay/RelayStoreProvider");
 var RelayStoreUtils_1 = require("./relay/RelayStoreUtils");
 var useForceUpdate_1 = require("./useForceUpdate");
@@ -28,10 +39,15 @@ function logicSetValue(params) {
     initialValue = params.initialValue,
     forceUpdate = params.forceUpdate,
     validateOnChange = params.validateOnChange,
-    label = params.label;
+    label = params.label,
+    dependsOn = params.dependsOn;
   var validate = undefined;
   var firstSet = true;
+  var deps = {};
   var localId = Utils_1.getFieldId(key);
+  function getDeps() {
+    return deps;
+  }
   function getValidate() {
     return validate;
   }
@@ -106,13 +122,14 @@ function logicSetValue(params) {
     }
     commitField(false);
   }
-  function internalValidate(value, validateFunction) {
+  function internalValidate(value, validateFunction, depsValidation) {
     ref.isChecking = true;
-    var result = validateFunction(value);
+    var result = validateFunction(value, deps);
     function internalFinalize(error) {
       var validate = getValidate();
-      if (value !== dataResult.value || validate !== validateFunction) {
-        internalValidate(dataResult.value, validate);
+      var deps = getDeps();
+      if (value !== dataResult.value || validate !== validateFunction || deps !== depsValidation) {
+        internalValidate(dataResult.value, validate, deps);
         return;
       }
       finalizeCheck(error);
@@ -136,9 +153,25 @@ function logicSetValue(params) {
         ref.check = getInitCheck(validate);
         setValueInternal(initialValue);
       } else if (isValidating && !ref.isChecking) {
-        internalValidate(dataResult.value, validate);
+        internalValidate(dataResult.value, validate, deps);
       }
     }).dispose;
+    var disposeDeps = [];
+    if (dependsOn != null) {
+      dependsOn.forEach(function (depKey) {
+        var snapshot = Utils_1.getSnapshot(environment, queryValueFieldFragment_graphql_1.default, depKey);
+        var disposeDep = environment.subscribe(snapshot, function (s) {
+          var _a;
+          var data = s.data;
+          deps = __assign(__assign({}, deps), (_a = {}, _a[depKey] = data, _a));
+          if (ref.check == DONEVALIDATED && !ref.isChecking) {
+            ref.check = exports.VALIDATING;
+            commitField(false);
+          }
+        }).dispose;
+        disposeDeps.push(disposeDep);
+      });
+    }
     var dispose = function () {
       disposeSubscrition();
       Utils_1.commit(environment, function (store, form) {
@@ -149,9 +182,12 @@ function logicSetValue(params) {
         form.setLinkedRecords(newEntries, 'entries');
         store.delete(localId);
       });
+      disposeDeps.forEach(function (dispose) {
+        return dispose;
+      });
     };
     if (validateOnChange) {
-      internalValidate(initialValue, getValidate());
+      internalValidate(initialValue, getValidate(), deps);
     }
     return dispose;
   }
@@ -167,7 +203,8 @@ function useFormField(_a) {
     initialValue = _a.initialValue,
     validate = _a.validate,
     validateOnChange = _a.validateOnChange,
-    label = _a.label;
+    label = _a.label,
+    dependsOn = _a.dependsOn;
   var forceUpdate = useForceUpdate_1.useForceUpdate();
   var environment = RelayStoreProvider_1.useStore();
   var resolver = React.useMemo(function () {
@@ -177,9 +214,10 @@ function useFormField(_a) {
       label: label,
       initialValue: initialValue,
       forceUpdate: forceUpdate,
-      validateOnChange: validateOnChange
+      validateOnChange: validateOnChange,
+      dependsOn: dependsOn
     });
-  }, [environment, key, initialValue, forceUpdate, validateOnChange, label]);
+  }, [environment, key, initialValue, forceUpdate, validateOnChange, label, dependsOn]);
   resolver.setValidate(validate);
   React.useEffect(function () {
     return resolver.subscribe();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "relay-forms-nodeps",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "keywords": [
     "forms",
     "relay",
@@ -65,11 +65,11 @@
     "graphql": "^14.2.0",
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
-    "relay-compiler": "^14.0.0",
+    "relay-compiler": "^17.0.0",
     "replace-in-file": "6.2.0",
     "react-test-renderer": "^18.0.0",
-    "relay-test-utils": "^14.0.0",
-    "relay-test-utils-internal": "^14.0.0",
+    "relay-test-utils": "^17.0.0",
+    "relay-test-utils-internal": "^17.0.0",
     "@types/jest": "24.0.18",
     "ts-jest": "^26.5.6",
     "jest": "^26.0.0",