relay-forms-nodeps 1.1.1 → 2.2.0

package/lib/relay/queryErrorsFieldQuery.graphql.js

@@ -0,0 +1,108 @@
+"use strict";
+
+/**
+ * @generated SignedSource<<cdb0ac3f0c6e25530bc6aa8ece819e03>>
+ * @relayHash 1e729a4dd469bbcedf1c07919286ff70
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+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,
+      "kind": "ScalarField",
+      "name": "isSubmitting",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "isValidating",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "isValid",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "Entry",
+      "kind": "LinkedField",
+      "name": "errors",
+      "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": "error",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "check",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "label",
+        "storageKey": null
+      }],
+      "storageKey": null
+    }],
+    "storageKey": null
+  }];
+  return {
+    "fragment": {
+      "argumentDefinitions": [],
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "queryErrorsFieldQuery",
+      "selections": v0 /*: any*/,
+      "type": "Query",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "queryErrorsFieldQuery",
+      "selections": v0 /*: any*/
+    },
+
+    "params": {
+      "id": "1e729a4dd469bbcedf1c07919286ff70\r",
+      "metadata": {},
+      "name": "queryErrorsFieldQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "10e337eb009f23b0bbee954d56b68b89";
+exports.default = node;

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

@@ -0,0 +1,18 @@
+/**
+ * @generated SignedSource<<d21170d0feb748c6558c5e5dbb4425c4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export declare type queryFieldFragment$data = {
+    readonly check: number | null | undefined;
+    readonly id: string;
+    readonly " $fragmentType": "queryFieldFragment";
+};
+export declare 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,33 @@
+"use strict";
+
+/**
+ * @generated SignedSource<<d21170d0feb748c6558c5e5dbb4425c4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+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,25 @@
+/**
+ * @generated SignedSource<<6f460eca2a43fd75eab202937349c693>>
+ * @relayHash 0b493a6f66e132f2693f91a5da941414
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export declare type queryFieldQuery$variables = Record<PropertyKey, never>;
+export declare 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 declare type queryFieldQuery = {
+    response: queryFieldQuery$data;
+    variables: queryFieldQuery$variables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/lib/relay/queryFieldQuery.graphql.js

@@ -0,0 +1,90 @@
+"use strict";
+
+/**
+ * @generated SignedSource<<6f460eca2a43fd75eab202937349c693>>
+ * @relayHash 0b493a6f66e132f2693f91a5da941414
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+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 /*: any*/,
+      "type": "Query",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "queryFieldQuery",
+      "selections": v0 /*: any*/
+    },
+
+    "params": {
+      "id": "0b493a6f66e132f2693f91a5da941414\r",
+      "metadata": {},
+      "name": "queryFieldQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "f9fd20a80a839dfb51206c305cbb1657";
+exports.default = node;

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

@@ -0,0 +1,20 @@
+/**
+ * @generated SignedSource<<432c971608826457e61804e44aeb7a64>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export declare 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 declare 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,45 @@
+"use strict";
+
+/**
+ * @generated SignedSource<<432c971608826457e61804e44aeb7a64>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+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

@@ -348,7 +348,9 @@ var operationQueryErrorsForm = createOperationDescriptor(QueryErrors);
 var useFormState = function () {
   var environment = useStore();
   var snapshot = React__default["default"].useMemo(function () {
-    return environment.lookup(operationQueryErrorsForm.fragment);
+    var s = environment.lookup(operationQueryErrorsForm.fragment);
+    s.seenRecords.add('local:form');
+    return s;
   }, [environment]);
   var _a = React__default["default"].useState(snapshot.data.form),
     data = _a[0],
@@ -362,6 +364,100 @@ 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;
+    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 };
+    }
+}
+
+/**
+ * @generated SignedSource<<432c971608826457e61804e44aeb7a64>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+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;
@@ -388,10 +484,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;
   }
@@ -466,13 +567,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);
@@ -496,9 +598,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) {
@@ -511,7 +627,7 @@ function logicSetValue(params) {
       });
     };
     if (validateOnChange) {
-      internalValidate(initialValue, getValidate());
+      internalValidate(initialValue, getValidate(), deps);
     }
     return dispose;
   }
@@ -522,12 +638,13 @@ function logicSetValue(params) {
     setValidate: setValidate
   };
 }
-function useFormSetValue(_a) {
+function useFormField(_a) {
   var key = _a.key,
     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 () {
@@ -537,9 +654,10 @@ function useFormSetValue(_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();
@@ -651,7 +769,7 @@ function logicSubmit(environment, onSubmit) {
     getData: getData
   };
 }
-var useFormSubmit = function (_a) {
+var useForm = function (_a) {
   var onSubmit = _a.onSubmit;
   var environment = useStore();
   var resolver = React__default["default"].useMemo(function () {
@@ -679,60 +797,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;
@@ -1513,9 +1577,9 @@ exports.RecordSource = RelayRecordSource;
 exports.Store = RelayModernStore;
 exports.StoreProvider = StoreProvider;
 exports.createStore = createStore;
-exports.useFormSetValue = useFormSetValue;
+exports.useForm = useForm;
+exports.useFormField = useFormField;
 exports.useFormState = useFormState;
-exports.useFormSubmit = useFormSubmit;
 exports.useFormValue = useFormValue;
 
 Object.defineProperty(exports, '__esModule', { value: true });