relay-forms-nodeps 2.0.0 → 2.3.0

package/.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+    "prettier.requireConfig": true,
+    "prettier.prettierPath": "./node_modules/prettier/index.cjs",
+    "[typescript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[typescriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    }
+}

package/eslint.config.js

@@ -0,0 +1,84 @@
+const js = require('@eslint/js');
+const tsParser = require('@typescript-eslint/parser');
+const tsPlugin = require('@typescript-eslint/eslint-plugin');
+const importPlugin = require('eslint-plugin-import');
+const prettierPlugin = require('eslint-plugin-prettier');
+const reactPlugin = require('eslint-plugin-react');
+const reactHooksPlugin = require('eslint-plugin-react-hooks');
+const prettierConfig = require('eslint-config-prettier');
+
+module.exports = [
+    js.configs.recommended,
+    prettierConfig,
+    {
+        files: ['src/**/*.{js,jsx,ts,tsx}'],
+        languageOptions: {
+            ecmaVersion: 2018,
+            sourceType: 'module',
+            parser: tsParser,
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true,
+                },
+            },
+        },
+        plugins: {
+            '@typescript-eslint': tsPlugin,
+            import: importPlugin,
+            prettier: prettierPlugin,
+            react: reactPlugin,
+            'react-hooks': reactHooksPlugin,
+        },
+        settings: {
+            'import/parsers': {
+                '@typescript-eslint/parser': ['.ts', '.tsx'],
+            },
+            'import/resolver': {
+                typescript: {},
+            },
+        },
+        rules: {
+            ...tsPlugin.configs.recommended.rules,
+            ...reactHooksPlugin.configs.recommended.rules,
+            'react/jsx-filename-extension': [2, { extensions: ['.js', '.jsx', '.ts', '.tsx'] }],
+            'import/no-extraneous-dependencies': [
+                2,
+                { devDependencies: ['**/test.tsx', '**/test.ts'] },
+            ],
+            'lines-between-class-members': ['error', 'always', { exceptAfterSingleLine: true }],
+            'max-len': [
+                2,
+                {
+                    code: 100,
+                    ignorePattern: '^import [^,]+ from |^export | implements',
+                },
+            ],
+            'no-duplicate-imports': ['error'],
+            'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
+            'no-unused-vars': 'off',
+            'no-undef': 'off',
+            'object-curly-newline': ['error', { consistent: true }],
+            semi: [2, 'always'],
+            'space-before-function-paren': [
+                'error',
+                { anonymous: 'never', named: 'never', asyncArrow: 'ignore' },
+            ],
+            '@typescript-eslint/no-empty-function': ['error', { allow: ['arrowFunctions'] }],
+            '@typescript-eslint/no-explicit-any': [0],
+            '@typescript-eslint/no-unused-vars': [2, { argsIgnorePattern: '^_' }],
+            '@typescript-eslint/no-use-before-define': [0],
+            'import/no-default-export': ['error'],
+            'import/order': [
+                'error',
+                {
+                    groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
+                    alphabetize: {
+                        order: 'asc',
+                        caseInsensitive: true,
+                    },
+                },
+            ],
+            'prettier/prettier': 'error',
+        },
+    },
+];

package/lib/RelayFormsTypes.d.ts

@@ -1,32 +1,39 @@
 /// <reference types="react" />
-export declare type FunctionOnSubmit<ValueType> = (values: ValueType) => Promise<void> | void;
-export declare type FormSubmitOptions<ValueType> = {
+export type FunctionOnSubmit<ValueType> = (values: ValueType) => Promise<void> | void;
+export type FormSubmitOptions<ValueType> = {
     onSubmit: FunctionOnSubmit<ValueType>;
 };
-export declare type FormSubmitReturn = {
+export type FormSubmitReturn = {
     submit: (event?: React.BaseSyntheticEvent<any, any, any>) => void;
     validate: () => void;
     reset: () => void;
 };
-export declare type FormSetValueOptions<ValueType> = {
+export type ValidateFunction<ValueType> = (value: ValueType, deps?: {
+    [key: string]: FormValueStateReturn<any>;
+}) => Promise<string | undefined> | string | undefined;
+export type FormSetValueOptions<ValueType> = {
     key: string;
     initialValue?: ValueType;
-    validate?: (value: ValueType) => Promise<string | undefined> | string | undefined;
+    validate?: ValidateFunction<ValueType>;
     validateOnChange?: boolean;
     label?: string;
+    dependsOn?: ReadonlyArray<string> | null | undefined;
 };
-export declare type FormSetValueStateReturn<ValueType> = {
+export type FormSetValueStateReturn<ValueType> = {
     error: undefined | null | Error;
     value?: ValueType;
 };
-export declare type FormValueStateReturn<ValueType> = {
+export type FormValueStateReturn<ValueType> = {
     readonly id: string;
     readonly value: ValueType | null;
     readonly error: string | null;
 };
-export declare type FormSetValueFunctionReturn<ValueType> = (newValue: ValueType) => void;
-export declare type FormSetValueReturn<ValueType> = [FormSetValueStateReturn<ValueType>, FormSetValueFunctionReturn<ValueType>];
-export declare type FormStateReturn = {
+export type FormSetValueFunctionReturn<ValueType> = (newValue: ValueType) => void;
+export type FormSetValueReturn<ValueType> = [
+    FormSetValueStateReturn<ValueType>,
+    FormSetValueFunctionReturn<ValueType>
+];
+export type FormStateReturn = {
     errors: ReadonlyArray<{
         readonly id: string;
         readonly key: string;

package/lib/Utils.d.ts

@@ -1,5 +1,5 @@
 import { RecordProxy, RecordSourceProxy, Snapshot, Store } from './relay/RelayTypes';
-declare type FormStoreUpdater = (store: RecordSourceProxy, form: RecordProxy) => void;
+type FormStoreUpdater = (store: RecordSourceProxy, form: RecordProxy) => void;
 export declare function getFieldId(key: any): string;
 export declare function getSnapshot(environment: Store, fragment: any, key: string): Snapshot;
 export declare function commit(environment: Store, updater: FormStoreUpdater): void;

package/lib/Utils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.operationQueryErrorsForm = exports.operationQueryForm = exports.commit = exports.getSnapshot = exports.getFieldId = void 0;
 var queries_1 = require("./relay/queries");
 var RelayModernSelector_1 = require("./relay/RelayModernSelector");
 var PREFIX_LOCAL_FORM = 'local:form';
@@ -14,7 +15,7 @@ function getSnapshot(environment, fragment, key) {
   var item = {
     __id: getFieldId(key)
   };
-  return environment.lookup(RelayModernSelector_1.getSingularSelector(fragment, item));
+  return environment.lookup((0, RelayModernSelector_1.getSingularSelector)(fragment, item));
 }
 exports.getSnapshot = getSnapshot;
 function commit(environment, updater) {
@@ -28,5 +29,5 @@ function commit(environment, updater) {
   });
 }
 exports.commit = commit;
-exports.operationQueryForm = RelayModernSelector_1.createOperationDescriptor(queries_1.QueryFields);
-exports.operationQueryErrorsForm = RelayModernSelector_1.createOperationDescriptor(queries_1.QueryErrors);
+exports.operationQueryForm = (0, RelayModernSelector_1.createOperationDescriptor)(queries_1.QueryFields);
+exports.operationQueryErrorsForm = (0, RelayModernSelector_1.createOperationDescriptor)(queries_1.QueryErrors);

package/lib/es/RelayFormsTypes.d.ts

@@ -1,32 +1,39 @@
 /// <reference types="react" />
-export declare type FunctionOnSubmit<ValueType> = (values: ValueType) => Promise<void> | void;
-export declare type FormSubmitOptions<ValueType> = {
+export type FunctionOnSubmit<ValueType> = (values: ValueType) => Promise<void> | void;
+export type FormSubmitOptions<ValueType> = {
     onSubmit: FunctionOnSubmit<ValueType>;
 };
-export declare type FormSubmitReturn = {
+export type FormSubmitReturn = {
     submit: (event?: React.BaseSyntheticEvent<any, any, any>) => void;
     validate: () => void;
     reset: () => void;
 };
-export declare type FormSetValueOptions<ValueType> = {
+export type ValidateFunction<ValueType> = (value: ValueType, deps?: {
+    [key: string]: FormValueStateReturn<any>;
+}) => Promise<string | undefined> | string | undefined;
+export type FormSetValueOptions<ValueType> = {
     key: string;
     initialValue?: ValueType;
-    validate?: (value: ValueType) => Promise<string | undefined> | string | undefined;
+    validate?: ValidateFunction<ValueType>;
     validateOnChange?: boolean;
     label?: string;
+    dependsOn?: ReadonlyArray<string> | null | undefined;
 };
-export declare type FormSetValueStateReturn<ValueType> = {
+export type FormSetValueStateReturn<ValueType> = {
     error: undefined | null | Error;
     value?: ValueType;
 };
-export declare type FormValueStateReturn<ValueType> = {
+export type FormValueStateReturn<ValueType> = {
     readonly id: string;
     readonly value: ValueType | null;
     readonly error: string | null;
 };
-export declare type FormSetValueFunctionReturn<ValueType> = (newValue: ValueType) => void;
-export declare type FormSetValueReturn<ValueType> = [FormSetValueStateReturn<ValueType>, FormSetValueFunctionReturn<ValueType>];
-export declare type FormStateReturn = {
+export type FormSetValueFunctionReturn<ValueType> = (newValue: ValueType) => void;
+export type FormSetValueReturn<ValueType> = [
+    FormSetValueStateReturn<ValueType>,
+    FormSetValueFunctionReturn<ValueType>
+];
+export type FormStateReturn = {
     errors: ReadonlyArray<{
         readonly id: string;
         readonly key: string;

package/lib/es/RelayFormsTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/es/Utils.d.ts

@@ -1,5 +1,5 @@
 import { RecordProxy, RecordSourceProxy, Snapshot, Store } from './relay/RelayTypes';
-declare type FormStoreUpdater = (store: RecordSourceProxy, form: RecordProxy) => void;
+type FormStoreUpdater = (store: RecordSourceProxy, form: RecordProxy) => void;
 export declare function getFieldId(key: any): string;
 export declare function getSnapshot(environment: Store, fragment: any, key: string): Snapshot;
 export declare function commit(environment: Store, updater: FormStoreUpdater): void;

package/lib/es/index.js

@@ -4,4 +4,6 @@ export { useFormField } from './useFormField';
 export { useFormValue } from './useFormValue';
 export { StoreProvider } from './relay/RelayStoreProvider';
 export { RelayModernStore as Store, createStore } from './relay/RelayModernStore';
-export { RelayRecordSource as RecordSource } from './relay/RelayRecordSource';
+export { RelayRecordSource as RecordSource } from './relay/RelayRecordSource';
+export * from './RelayFormsTypes';
+export * from './relay/RelayTypes';

package/lib/es/relay/RelayModernStore.js

@@ -39,7 +39,7 @@ var __generator = this && this.__generator || function (thisArg, body) {
   }
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-    while (_) try {
+    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]) {
@@ -309,7 +309,6 @@ var RelayModernStore = /** @class */function () {
       }
     });
   };
-
   return RelayModernStore;
 }();
 export { RelayModernStore };

package/lib/es/relay/RelayReader.js

@@ -74,7 +74,6 @@ var RelayReader = /** @class */function () {
         value = RelayModernRecord.getValue(record, name_1);
         //this._readScalar(selection, record, data);
       }
-
       data[name_1] = value;
     };
     var this_1 = this;

package/lib/es/relay/RelayStoreProvider.d.ts

@@ -3,5 +3,5 @@ import { Store } from './RelayTypes';
 export declare const StoreProvider: <TStore extends Store = Store>(props: {
     children: React.ReactNode;
     store: TStore;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare function useStore<TStore extends Store = Store>(): TStore;

package/lib/es/relay/RelayTypes.d.ts

@@ -1,5 +1,5 @@
 import { RelayRecordState } from './RelayStoreUtils';
-export declare type Disposable = {
+export type Disposable = {
     dispose(): void;
 };
 export interface RecordProxy {
@@ -16,14 +16,14 @@ export interface RecordSourceProxy {
     get(string: string): RecordProxy | null | undefined;
     getRoot(): RecordProxy;
 }
-export declare type StoreUpdater = (store: RecordSourceProxy) => void;
-export declare type Record = {
+export type StoreUpdater = (store: RecordSourceProxy) => void;
+export type Record = {
     [key: string]: any;
 };
-export declare type SelectorData = {
+export type SelectorData = {
     [key: string]: any;
 };
-export declare type RecordState = keyof typeof RelayRecordState;
+export type RecordState = keyof typeof RelayRecordState;
 export interface RecordSource {
     get(dataID: string): Record | null | undefined;
     getRecordIDs(): Array<string>;
@@ -34,12 +34,12 @@ export interface RecordSource {
         [key: string]: Record | null | undefined;
     };
 }
-export declare type Snapshot = {
+export type Snapshot = {
     data: SelectorData | null | undefined;
     seenRecords: Set<string>;
     selector: any;
 };
-export declare type OperationDescriptor = {
+export type OperationDescriptor = {
     fragment: any;
     request: any;
     root: any;

package/lib/es/relay/RelayTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/es/relay/queries.js

@@ -40,7 +40,6 @@ export var QueryErrors = {
     }] /*: any*/
   }
 };
-
 export var QueryFields = {
   id: '0',
   fragment: {

package/lib/es/relay/queryErrorsFieldQuery.graphql.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @generated SignedSource<<c006e1b0c17510c704075849dda72ba6>>
+ * @relayHash 1e729a4dd469bbcedf1c07919286ff70
+ * @lightSyntaxTransform
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type queryErrorsFieldQuery$variables = Record<PropertyKey, never>;
+export type queryErrorsFieldQuery$data = {
+    readonly form: {
+        readonly errors: ReadonlyArray<{
+            readonly check: number | null | undefined;
+            readonly error: string | null | undefined;
+            readonly id: string;
+            readonly key: string;
+            readonly label: string | null | undefined;
+        } | null | undefined> | null | undefined;
+        readonly isSubmitting: boolean | null | undefined;
+        readonly isValid: boolean | null | undefined;
+        readonly isValidating: boolean | null | undefined;
+    } | null | undefined;
+};
+export type queryErrorsFieldQuery = {
+    response: queryErrorsFieldQuery$data;
+    variables: queryErrorsFieldQuery$variables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/lib/es/relay/queryErrorsFieldQuery.graphql.js

@@ -0,0 +1,101 @@
+/**
+ * @generated SignedSource<<c006e1b0c17510c704075849dda72ba6>>
+ * @relayHash 1e729a4dd469bbcedf1c07919286ff70
+ * @lightSyntaxTransform
+ */
+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 /*:: as any*/,
+      "type": "Query",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "queryErrorsFieldQuery",
+      "selections": v0 /*:: as any*/
+    },
+    "params": {
+      "id": "1e729a4dd469bbcedf1c07919286ff70",
+      "metadata": {},
+      "name": "queryErrorsFieldQuery",
+      "operationKind": "query",
+      "text": null
+    }
+  };
+}();
+node.hash = "10e337eb009f23b0bbee954d56b68b89";
+export default node;

package/lib/es/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/es/relay/queryFieldFragment.graphql.js

@@ -0,0 +1,27 @@
+/**
+ * @generated SignedSource<<f339f7f54e87337ad69e9fc4490d6f4e>>
+ * @lightSyntaxTransform
+ */
+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";
+export default node;

package/lib/es/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/es/relay/queryFieldQuery.graphql.js

@@ -0,0 +1,83 @@
+/**
+ * @generated SignedSource<<1263d9ecd9ad411904cb6c36855bf582>>
+ * @relayHash 0b493a6f66e132f2693f91a5da941414
+ * @lightSyntaxTransform
+ */
+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";
+export default node;

package/lib/es/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;