relay-forms-nodeps 2.0.0 → 2.3.0

package/lib/relay/queryFieldFragment.graphql.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @generated SignedSource<<f339f7f54e87337ad69e9fc4490d6f4e>>
+ * @lightSyntaxTransform
+ */
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type queryFieldFragment$data = {
+    readonly check: number | null | undefined;
+    readonly id: string;
+    readonly " $fragmentType": "queryFieldFragment";
+};
+export type queryFieldFragment$key = {
+    readonly " $data"?: queryFieldFragment$data;
+    readonly " $fragmentSpreads": FragmentRefs<"queryFieldFragment">;
+};
+declare const node: ReaderFragment;
+export default node;

package/lib/relay/queryFieldFragment.graphql.js

@@ -0,0 +1,32 @@
+"use strict";
+
+/**
+ * @generated SignedSource<<f339f7f54e87337ad69e9fc4490d6f4e>>
+ * @lightSyntaxTransform
+ */
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "queryFieldFragment",
+  "selections": [{
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "id",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "check",
+    "storageKey": null
+  }],
+  "type": "Entry",
+  "abstractKey": null
+};
+node.hash = "d5b0953bdeb412925ee13444a6be6082";
+exports.default = node;

package/lib/relay/queryFieldQuery.graphql.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @generated SignedSource<<1263d9ecd9ad411904cb6c36855bf582>>
+ * @relayHash 0b493a6f66e132f2693f91a5da941414
+ * @lightSyntaxTransform
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type queryFieldQuery$variables = Record<PropertyKey, never>;
+export type queryFieldQuery$data = {
+    readonly form: {
+        readonly entries: ReadonlyArray<{
+            readonly check: number | null | undefined;
+            readonly error: string | null | undefined;
+            readonly id: string;
+            readonly key: string;
+            readonly value: string | null | undefined;
+        } | null | undefined> | null | undefined;
+    } | null | undefined;
+};
+export type queryFieldQuery = {
+    response: queryFieldQuery$data;
+    variables: queryFieldQuery$variables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/lib/relay/queryFieldQuery.graphql.js

@@ -0,0 +1,88 @@
+"use strict";
+
+/**
+ * @generated SignedSource<<1263d9ecd9ad411904cb6c36855bf582>>
+ * @relayHash 0b493a6f66e132f2693f91a5da941414
+ * @lightSyntaxTransform
+ */
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var node = function () {
+  var v0 = [{
+    "alias": null,
+    "args": null,
+    "concreteType": "EntryForm",
+    "kind": "LinkedField",
+    "name": "form",
+    "plural": false,
+    "selections": [{
+      "alias": null,
+      "args": null,
+      "concreteType": "Entry",
+      "kind": "LinkedField",
+      "name": "entries",
+      "plural": true,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "id",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "key",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "value",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "check",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "error",
+        "storageKey": null
+      }],
+      "storageKey": null
+    }],
+    "storageKey": null
+  }];
+  return {
+    "fragment": {
+      "argumentDefinitions": [],
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "queryFieldQuery",
+      "selections": v0 /*:: as any*/,
+      "type": "Query",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "queryFieldQuery",
+      "selections": v0 /*:: as any*/
+    },
+    "params": {
+      "id": "0b493a6f66e132f2693f91a5da941414",
+      "metadata": {},
+      "name": "queryFieldQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "f9fd20a80a839dfb51206c305cbb1657";
+exports.default = node;

package/lib/relay/queryValueFieldFragment.graphql.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @generated SignedSource<<69ff99d34e27e6719e62c7c4258f81e8>>
+ * @lightSyntaxTransform
+ */
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type queryValueFieldFragment$data = {
+    readonly error: string | null | undefined;
+    readonly id: string;
+    readonly label: string | null | undefined;
+    readonly value: string | null | undefined;
+    readonly " $fragmentType": "queryValueFieldFragment";
+};
+export type queryValueFieldFragment$key = {
+    readonly " $data"?: queryValueFieldFragment$data;
+    readonly " $fragmentSpreads": FragmentRefs<"queryValueFieldFragment">;
+};
+declare const node: ReaderFragment;
+export default node;

package/lib/relay/queryValueFieldFragment.graphql.js

@@ -0,0 +1,44 @@
+"use strict";
+
+/**
+ * @generated SignedSource<<69ff99d34e27e6719e62c7c4258f81e8>>
+ * @lightSyntaxTransform
+ */
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "queryValueFieldFragment",
+  "selections": [{
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "id",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "value",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "label",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "error",
+    "storageKey": null
+  }],
+  "type": "Entry",
+  "abstractKey": null
+};
+node.hash = "364beea31c4e318a5241f2bd7d96fbd8";
+exports.default = node;

package/lib/umd/relay-forms-nodeps.js

@@ -264,7 +264,6 @@ var QueryErrors = {
     }] /*: any*/
   }
 };
-
 var QueryFields = {
   id: '0',
   fragment: {
@@ -364,6 +363,104 @@ var useFormState = function () {
   return data;
 };
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(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);
+};
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * @generated SignedSource<<69ff99d34e27e6719e62c7c4258f81e8>>
+ * @lightSyntaxTransform
+ */
+var node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "queryValueFieldFragment",
+  "selections": [{
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "id",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "value",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "label",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "error",
+    "storageKey": null
+  }],
+  "type": "Entry",
+  "abstractKey": null
+};
+node.hash = "364beea31c4e318a5241f2bd7d96fbd8";
+
 function useForceUpdate() {
   var _a = React.useReducer(function (x) {
       return x + 1;
@@ -390,10 +487,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 = getFieldId(key);
+  function getDeps() {
+    return deps;
+  }
   function getValidate() {
     return validate;
   }
@@ -468,13 +570,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);
@@ -498,9 +601,23 @@ function logicSetValue(params) {
         ref.check = getInitCheck(validate);
         setValueInternal(initialValue);
       } else if (isValidating && !ref.isChecking) {
-        internalValidate(dataResult.value, validate);
+        internalValidate(dataResult.value, validate, deps);
       }
     }).dispose;
+    if (dependsOn != null) {
+      dependsOn.forEach(function (depKey) {
+        var snapshot = getSnapshot(environment, node, depKey);
+        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 = VALIDATING;
+            commitField(false);
+          }
+        }).dispose;
+      });
+    }
     var dispose = function () {
       disposeSubscrition();
       commit(environment, function (store, form) {
@@ -513,7 +630,7 @@ function logicSetValue(params) {
       });
     };
     if (validateOnChange) {
-      internalValidate(initialValue, getValidate());
+      internalValidate(initialValue, getValidate(), deps);
     }
     return dispose;
   }
@@ -529,7 +646,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();
   var environment = useStore();
   var resolver = React__default["default"].useMemo(function () {
@@ -539,9 +657,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__default["default"].useEffect(function () {
     return resolver.subscribe();
@@ -551,7 +670,9 @@ function useFormField(_a) {
 
 function logicSubmit(environment, onSubmit) {
   function dispose() {
-    subscription && subscription.dispose();
+    if (subscription) {
+      subscription.dispose();
+    }
     subscription = undefined;
   }
   var isSubmitting = false;
@@ -627,7 +748,9 @@ function logicSubmit(environment, onSubmit) {
     execute(snapshot);
   }
   function submit(event) {
-    event && event.preventDefault();
+    if (event) {
+      event.preventDefault();
+    }
     if (!isSubmitting) {
       isSubmitting = true;
       validate();
@@ -681,60 +804,6 @@ function useFormValue(key) {
   return data;
 }
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(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);
-};
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
 var ID_KEY = RelayStoreUtils.ID_KEY,
   REF_KEY = RelayStoreUtils.REF_KEY,
   REFS_KEY = RelayStoreUtils.REFS_KEY;
@@ -963,7 +1032,6 @@ var RelayReader = /** @class */function () {
         value = RelayModernRecord.getValue(record, name_1);
         //this._readScalar(selection, record, data);
       }
-
       data[name_1] = value;
     };
     var this_1 = this;
@@ -1467,7 +1535,6 @@ var RelayModernStore = /** @class */function () {
       }
     });
   };
-
   return RelayModernStore;
 }();
 function initializeRecordSource(target) {