relay-forms-nodeps 1.1.1 → 2.0.0

package/README.md

@@ -22,13 +22,13 @@ This repository manages the three libraries to manage forms by exploiting the po
 
 [See SimpleExample.md](./docs/RelaySimpleExample.md)
 
-## useFormSetValue
+## useFormField
 
-[See useFormSetValue.md](./docs/useFormSetValue.md)
+[See useFormField.md](./docs/useFormSetValue.md)
 
-## useFormSubmit
+## useForm
 
-[See useFormSubmit.md](./docs/useFormSubmit.md)
+[See useForm.md](./docs/useFormSubmit.md)
 
 ## useFormState
 

package/lib/es/index.d.ts

@@ -1,6 +1,6 @@
 export { useFormState } from './useFormState';
-export { useFormSubmit } from './useFormSubmit';
-export { useFormSetValue } from './useFormSetValue';
+export { useForm } from './useForm';
+export { useFormField } from './useFormField';
 export { useFormValue } from './useFormValue';
 export { StoreProvider } from './relay/RelayStoreProvider';
 export { RelayModernStore as Store, createStore } from './relay/RelayModernStore';

package/lib/es/index.js

@@ -1,6 +1,6 @@
 export { useFormState } from './useFormState';
-export { useFormSubmit } from './useFormSubmit';
-export { useFormSetValue } from './useFormSetValue';
+export { useForm } from './useForm';
+export { useFormField } from './useFormField';
 export { useFormValue } from './useFormValue';
 export { StoreProvider } from './relay/RelayStoreProvider';
 export { RelayModernStore as Store, createStore } from './relay/RelayModernStore';

package/lib/es/useForm.d.ts

@@ -0,0 +1,2 @@
+import { FormSubmitOptions, FormSubmitReturn } from './RelayFormsTypes';
+export declare const useForm: <ValueType extends object = object>({ onSubmit, }: FormSubmitOptions<ValueType>) => FormSubmitReturn;

package/lib/es/{useFormSubmit.js → useForm.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useStore } from './relay/RelayStoreProvider';
 import { isPromise } from './relay/RelayStoreUtils';
-import { isDone, RESET, TOBEVALIDATE, VALIDATING } from './useFormSetValue';
+import { isDone, RESET, TOBEVALIDATE, VALIDATING } from './useFormField';
 import { operationQueryForm, commit } from './Utils';
 function logicSubmit(environment, onSubmit) {
   function dispose() {
@@ -107,7 +107,7 @@ function logicSubmit(environment, onSubmit) {
     getData: getData
   };
 }
-export var useFormSubmit = function (_a) {
+export var useForm = function (_a) {
   var onSubmit = _a.onSubmit;
   var environment = useStore();
   var resolver = React.useMemo(function () {

package/lib/es/{useFormSetValue.d.ts → useFormField.d.ts}

@@ -3,4 +3,4 @@ export declare const TOBEVALIDATE = 1;
 export declare const VALIDATING = 2;
 export declare const RESET = 5;
 export declare function isDone(check: any): boolean;
-export declare function useFormSetValue<ValueType>({ key, initialValue, validate, validateOnChange, label, }: FormSetValueOptions<ValueType>): FormSetValueReturn<ValueType>;
+export declare function useFormField<ValueType>({ key, initialValue, validate, validateOnChange, label, }: FormSetValueOptions<ValueType>): FormSetValueReturn<ValueType>;

package/lib/es/{useFormSetValue.js → useFormField.js}

@@ -156,7 +156,7 @@ function logicSetValue(params) {
     setValidate: setValidate
   };
 }
-export function useFormSetValue(_a) {
+export function useFormField(_a) {
   var key = _a.key,
     initialValue = _a.initialValue,
     validate = _a.validate,

package/lib/es/useFormState.js

@@ -4,7 +4,9 @@ import { operationQueryErrorsForm } from './Utils';
 export var useFormState = function () {
   var environment = useStore();
   var snapshot = React.useMemo(function () {
-    return environment.lookup(operationQueryErrorsForm.fragment);
+    var s = environment.lookup(operationQueryErrorsForm.fragment);
+    s.seenRecords.add('local:form');
+    return s;
   }, [environment]);
   var _a = React.useState(snapshot.data.form),
     data = _a[0],

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 export { useFormState } from './useFormState';
-export { useFormSubmit } from './useFormSubmit';
-export { useFormSetValue } from './useFormSetValue';
+export { useForm } from './useForm';
+export { useFormField } from './useFormField';
 export { useFormValue } from './useFormValue';
 export { StoreProvider } from './relay/RelayStoreProvider';
 export { RelayModernStore as Store, createStore } from './relay/RelayModernStore';

package/lib/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 var useFormState_1 = require("./useFormState");
 exports.useFormState = useFormState_1.useFormState;
-var useFormSubmit_1 = require("./useFormSubmit");
-exports.useFormSubmit = useFormSubmit_1.useFormSubmit;
-var useFormSetValue_1 = require("./useFormSetValue");
-exports.useFormSetValue = useFormSetValue_1.useFormSetValue;
+var useForm_1 = require("./useForm");
+exports.useForm = useForm_1.useForm;
+var useFormField_1 = require("./useFormField");
+exports.useFormField = useFormField_1.useFormField;
 var useFormValue_1 = require("./useFormValue");
 exports.useFormValue = useFormValue_1.useFormValue;
 var RelayStoreProvider_1 = require("./relay/RelayStoreProvider");

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],
@@ -522,7 +524,7 @@ function logicSetValue(params) {
     setValidate: setValidate
   };
 }
-function useFormSetValue(_a) {
+function useFormField(_a) {
   var key = _a.key,
     initialValue = _a.initialValue,
     validate = _a.validate,
@@ -651,7 +653,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 () {
@@ -1513,9 +1515,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 });