relay-forms-nodeps 2.0.0 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.vscode/settings.json +10 -0
- package/eslint.config.js +84 -0
- package/lib/RelayFormsTypes.d.ts +17 -10
- package/lib/Utils.d.ts +1 -1
- package/lib/Utils.js +4 -3
- package/lib/es/RelayFormsTypes.d.ts +17 -10
- package/lib/es/RelayFormsTypes.js +1 -0
- package/lib/es/Utils.d.ts +1 -1
- package/lib/es/index.js +3 -1
- package/lib/es/relay/RelayModernStore.js +1 -2
- package/lib/es/relay/RelayReader.js +0 -1
- package/lib/es/relay/RelayStoreProvider.d.ts +1 -1
- package/lib/es/relay/RelayTypes.d.ts +7 -7
- package/lib/es/relay/RelayTypes.js +1 -0
- package/lib/es/relay/queries.js +0 -1
- package/lib/es/relay/queryErrorsFieldQuery.graphql.d.ts +27 -0
- package/lib/es/relay/queryErrorsFieldQuery.graphql.js +101 -0
- package/lib/es/relay/queryFieldFragment.graphql.d.ts +17 -0
- package/lib/es/relay/queryFieldFragment.graphql.js +27 -0
- package/lib/es/relay/queryFieldQuery.graphql.d.ts +24 -0
- package/lib/es/relay/queryFieldQuery.graphql.js +83 -0
- package/lib/es/relay/queryValueFieldFragment.graphql.d.ts +19 -0
- package/lib/es/relay/queryValueFieldFragment.graphql.js +39 -0
- package/lib/es/useForm.js +6 -2
- package/lib/es/useFormField.d.ts +1 -1
- package/lib/es/useFormField.js +48 -10
- package/lib/es/useFormState.d.ts +2 -12
- package/lib/index.js +70 -8
- package/lib/relay/RelayModernRecord.js +2 -1
- package/lib/relay/RelayModernSelector.js +1 -0
- package/lib/relay/RelayModernStore.js +7 -7
- package/lib/relay/RelayReader.js +1 -1
- package/lib/relay/RelayRecordProxy.js +1 -0
- package/lib/relay/RelayRecordSource.js +1 -0
- package/lib/relay/RelayRecordSourceMutator.js +1 -0
- package/lib/relay/RelayRecordSourceProxy.js +1 -0
- package/lib/relay/RelayReferenceMarker.js +1 -0
- package/lib/relay/RelayStoreProvider.d.ts +1 -1
- package/lib/relay/RelayStoreProvider.js +3 -1
- package/lib/relay/RelayStoreUtils.js +1 -0
- package/lib/relay/RelayTypes.d.ts +7 -7
- package/lib/relay/queries.js +1 -1
- package/lib/relay/queryErrorsFieldQuery.graphql.d.ts +27 -0
- package/lib/relay/queryErrorsFieldQuery.graphql.js +106 -0
- package/lib/relay/queryFieldFragment.graphql.d.ts +17 -0
- package/lib/relay/queryFieldFragment.graphql.js +32 -0
- package/lib/relay/queryFieldQuery.graphql.d.ts +24 -0
- package/lib/relay/queryFieldQuery.graphql.js +88 -0
- package/lib/relay/queryValueFieldFragment.graphql.d.ts +19 -0
- package/lib/relay/queryValueFieldFragment.graphql.js +44 -0
- package/lib/umd/relay-forms-nodeps.js +136 -69
- package/lib/umd/relay-forms-nodeps.js.map +1 -1
- package/lib/umd/relay-forms-nodeps.min.js +1 -1
- package/lib/umd/relay-forms-nodeps.min.js.map +1 -1
- package/lib/useForceUpdate.js +2 -1
- package/lib/useForm.js +17 -11
- package/lib/useFormField.d.ts +1 -1
- package/lib/useFormField.js +56 -17
- package/lib/useFormState.d.ts +2 -12
- package/lib/useFormState.js +5 -3
- package/lib/useFormValue.js +3 -2
- package/package.json +106 -102
- package/rollup.config.js +92 -92
- package/yarn-error.log +127 -127
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated SignedSource<<69ff99d34e27e6719e62c7c4258f81e8>>
|
|
3
|
+
* @lightSyntaxTransform
|
|
4
|
+
*/
|
|
5
|
+
var node = {
|
|
6
|
+
"argumentDefinitions": [],
|
|
7
|
+
"kind": "Fragment",
|
|
8
|
+
"metadata": null,
|
|
9
|
+
"name": "queryValueFieldFragment",
|
|
10
|
+
"selections": [{
|
|
11
|
+
"alias": null,
|
|
12
|
+
"args": null,
|
|
13
|
+
"kind": "ScalarField",
|
|
14
|
+
"name": "id",
|
|
15
|
+
"storageKey": null
|
|
16
|
+
}, {
|
|
17
|
+
"alias": null,
|
|
18
|
+
"args": null,
|
|
19
|
+
"kind": "ScalarField",
|
|
20
|
+
"name": "value",
|
|
21
|
+
"storageKey": null
|
|
22
|
+
}, {
|
|
23
|
+
"alias": null,
|
|
24
|
+
"args": null,
|
|
25
|
+
"kind": "ScalarField",
|
|
26
|
+
"name": "label",
|
|
27
|
+
"storageKey": null
|
|
28
|
+
}, {
|
|
29
|
+
"alias": null,
|
|
30
|
+
"args": null,
|
|
31
|
+
"kind": "ScalarField",
|
|
32
|
+
"name": "error",
|
|
33
|
+
"storageKey": null
|
|
34
|
+
}],
|
|
35
|
+
"type": "Entry",
|
|
36
|
+
"abstractKey": null
|
|
37
|
+
};
|
|
38
|
+
node.hash = "364beea31c4e318a5241f2bd7d96fbd8";
|
|
39
|
+
export default node;
|
package/lib/es/useForm.js
CHANGED
|
@@ -5,7 +5,9 @@ import { isDone, RESET, TOBEVALIDATE, VALIDATING } from './useFormField';
|
|
|
5
5
|
import { operationQueryForm, commit } from './Utils';
|
|
6
6
|
function logicSubmit(environment, onSubmit) {
|
|
7
7
|
function dispose() {
|
|
8
|
-
|
|
8
|
+
if (subscription) {
|
|
9
|
+
subscription.dispose();
|
|
10
|
+
}
|
|
9
11
|
subscription = undefined;
|
|
10
12
|
}
|
|
11
13
|
var isSubmitting = false;
|
|
@@ -81,7 +83,9 @@ function logicSubmit(environment, onSubmit) {
|
|
|
81
83
|
execute(snapshot);
|
|
82
84
|
}
|
|
83
85
|
function submit(event) {
|
|
84
|
-
|
|
86
|
+
if (event) {
|
|
87
|
+
event.preventDefault();
|
|
88
|
+
}
|
|
85
89
|
if (!isSubmitting) {
|
|
86
90
|
isSubmitting = true;
|
|
87
91
|
validate();
|
package/lib/es/useFormField.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ export declare const TOBEVALIDATE = 1;
|
|
|
3
3
|
export declare const VALIDATING = 2;
|
|
4
4
|
export declare const RESET = 5;
|
|
5
5
|
export declare function isDone(check: any): boolean;
|
|
6
|
-
export declare function useFormField<ValueType>({ key, initialValue, validate, validateOnChange, label, }: FormSetValueOptions<ValueType>): FormSetValueReturn<ValueType>;
|
|
6
|
+
export declare function useFormField<ValueType>({ key, initialValue, validate, validateOnChange, label, dependsOn, }: FormSetValueOptions<ValueType>): FormSetValueReturn<ValueType>;
|
package/lib/es/useFormField.js
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
|
+
var __assign = this && this.__assign || function () {
|
|
2
|
+
__assign = Object.assign || function (t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
6
|
+
}
|
|
7
|
+
return t;
|
|
8
|
+
};
|
|
9
|
+
return __assign.apply(this, arguments);
|
|
10
|
+
};
|
|
1
11
|
import React from 'react';
|
|
2
12
|
import { FragmentSet } from './relay/queries';
|
|
13
|
+
import FragmentValueField from './relay/queryValueFieldFragment.graphql';
|
|
3
14
|
import { useStore } from './relay/RelayStoreProvider';
|
|
4
15
|
import { isPromise } from './relay/RelayStoreUtils';
|
|
5
16
|
import { useForceUpdate } from './useForceUpdate';
|
|
@@ -22,10 +33,15 @@ function logicSetValue(params) {
|
|
|
22
33
|
initialValue = params.initialValue,
|
|
23
34
|
forceUpdate = params.forceUpdate,
|
|
24
35
|
validateOnChange = params.validateOnChange,
|
|
25
|
-
label = params.label
|
|
36
|
+
label = params.label,
|
|
37
|
+
dependsOn = params.dependsOn;
|
|
26
38
|
var validate = undefined;
|
|
27
39
|
var firstSet = true;
|
|
40
|
+
var deps = {};
|
|
28
41
|
var localId = getFieldId(key);
|
|
42
|
+
function getDeps() {
|
|
43
|
+
return deps;
|
|
44
|
+
}
|
|
29
45
|
function getValidate() {
|
|
30
46
|
return validate;
|
|
31
47
|
}
|
|
@@ -100,13 +116,14 @@ function logicSetValue(params) {
|
|
|
100
116
|
}
|
|
101
117
|
commitField(false);
|
|
102
118
|
}
|
|
103
|
-
function internalValidate(value, validateFunction) {
|
|
119
|
+
function internalValidate(value, validateFunction, depsValidation) {
|
|
104
120
|
ref.isChecking = true;
|
|
105
|
-
var result = validateFunction(value);
|
|
121
|
+
var result = validateFunction(value, deps);
|
|
106
122
|
function internalFinalize(error) {
|
|
107
123
|
var validate = getValidate();
|
|
108
|
-
|
|
109
|
-
|
|
124
|
+
var deps = getDeps();
|
|
125
|
+
if (value !== dataResult.value || validate !== validateFunction || deps !== depsValidation) {
|
|
126
|
+
internalValidate(dataResult.value, validate, deps);
|
|
110
127
|
return;
|
|
111
128
|
}
|
|
112
129
|
finalizeCheck(error);
|
|
@@ -130,9 +147,25 @@ function logicSetValue(params) {
|
|
|
130
147
|
ref.check = getInitCheck(validate);
|
|
131
148
|
setValueInternal(initialValue);
|
|
132
149
|
} else if (isValidating && !ref.isChecking) {
|
|
133
|
-
internalValidate(dataResult.value, validate);
|
|
150
|
+
internalValidate(dataResult.value, validate, deps);
|
|
134
151
|
}
|
|
135
152
|
}).dispose;
|
|
153
|
+
var disposeDeps = [];
|
|
154
|
+
if (dependsOn != null) {
|
|
155
|
+
dependsOn.forEach(function (depKey) {
|
|
156
|
+
var snapshot = getSnapshot(environment, FragmentValueField, depKey);
|
|
157
|
+
var disposeDep = environment.subscribe(snapshot, function (s) {
|
|
158
|
+
var _a;
|
|
159
|
+
var data = s.data;
|
|
160
|
+
deps = __assign(__assign({}, deps), (_a = {}, _a[depKey] = data, _a));
|
|
161
|
+
if (ref.check == DONEVALIDATED && !ref.isChecking) {
|
|
162
|
+
ref.check = VALIDATING;
|
|
163
|
+
commitField(false);
|
|
164
|
+
}
|
|
165
|
+
}).dispose;
|
|
166
|
+
disposeDeps.push(disposeDep);
|
|
167
|
+
});
|
|
168
|
+
}
|
|
136
169
|
var dispose = function () {
|
|
137
170
|
disposeSubscrition();
|
|
138
171
|
commit(environment, function (store, form) {
|
|
@@ -143,9 +176,12 @@ function logicSetValue(params) {
|
|
|
143
176
|
form.setLinkedRecords(newEntries, 'entries');
|
|
144
177
|
store.delete(localId);
|
|
145
178
|
});
|
|
179
|
+
disposeDeps.forEach(function (dispose) {
|
|
180
|
+
return dispose;
|
|
181
|
+
});
|
|
146
182
|
};
|
|
147
183
|
if (validateOnChange) {
|
|
148
|
-
internalValidate(initialValue, getValidate());
|
|
184
|
+
internalValidate(initialValue, getValidate(), deps);
|
|
149
185
|
}
|
|
150
186
|
return dispose;
|
|
151
187
|
}
|
|
@@ -161,7 +197,8 @@ export function useFormField(_a) {
|
|
|
161
197
|
initialValue = _a.initialValue,
|
|
162
198
|
validate = _a.validate,
|
|
163
199
|
validateOnChange = _a.validateOnChange,
|
|
164
|
-
label = _a.label
|
|
200
|
+
label = _a.label,
|
|
201
|
+
dependsOn = _a.dependsOn;
|
|
165
202
|
var forceUpdate = useForceUpdate();
|
|
166
203
|
var environment = useStore();
|
|
167
204
|
var resolver = React.useMemo(function () {
|
|
@@ -171,9 +208,10 @@ export function useFormField(_a) {
|
|
|
171
208
|
label: label,
|
|
172
209
|
initialValue: initialValue,
|
|
173
210
|
forceUpdate: forceUpdate,
|
|
174
|
-
validateOnChange: validateOnChange
|
|
211
|
+
validateOnChange: validateOnChange,
|
|
212
|
+
dependsOn: dependsOn
|
|
175
213
|
});
|
|
176
|
-
}, [environment, key, initialValue, forceUpdate, validateOnChange, label]);
|
|
214
|
+
}, [environment, key, initialValue, forceUpdate, validateOnChange, label, dependsOn]);
|
|
177
215
|
resolver.setValidate(validate);
|
|
178
216
|
React.useEffect(function () {
|
|
179
217
|
return resolver.subscribe();
|
package/lib/es/useFormState.d.ts
CHANGED
|
@@ -1,12 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
readonly check: number;
|
|
4
|
-
readonly error: string;
|
|
5
|
-
readonly id: string;
|
|
6
|
-
readonly key: string;
|
|
7
|
-
readonly label: string;
|
|
8
|
-
}[];
|
|
9
|
-
readonly isSubmitting: boolean;
|
|
10
|
-
readonly isValid: boolean;
|
|
11
|
-
readonly isValidating: boolean;
|
|
12
|
-
};
|
|
1
|
+
import { QueryErrorsData } from './relay/queries';
|
|
2
|
+
export declare const useFormState: () => QueryErrorsData['form'] | null;
|
package/lib/index.js
CHANGED
|
@@ -1,20 +1,82 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return m[k];
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
Object.defineProperty(o, k2, desc);
|
|
15
|
+
} : function (o, m, k, k2) {
|
|
16
|
+
if (k2 === undefined) k2 = k;
|
|
17
|
+
o[k2] = m[k];
|
|
18
|
+
});
|
|
19
|
+
var __exportStar = this && this.__exportStar || function (m, exports) {
|
|
20
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
21
|
+
};
|
|
3
22
|
Object.defineProperty(exports, "__esModule", {
|
|
4
23
|
value: true
|
|
5
24
|
});
|
|
25
|
+
exports.RecordSource = exports.createStore = exports.Store = exports.StoreProvider = exports.useFormValue = exports.useFormField = exports.useForm = exports.useFormState = void 0;
|
|
6
26
|
var useFormState_1 = require("./useFormState");
|
|
7
|
-
exports
|
|
27
|
+
Object.defineProperty(exports, "useFormState", {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: function () {
|
|
30
|
+
return useFormState_1.useFormState;
|
|
31
|
+
}
|
|
32
|
+
});
|
|
8
33
|
var useForm_1 = require("./useForm");
|
|
9
|
-
exports
|
|
34
|
+
Object.defineProperty(exports, "useForm", {
|
|
35
|
+
enumerable: true,
|
|
36
|
+
get: function () {
|
|
37
|
+
return useForm_1.useForm;
|
|
38
|
+
}
|
|
39
|
+
});
|
|
10
40
|
var useFormField_1 = require("./useFormField");
|
|
11
|
-
exports
|
|
41
|
+
Object.defineProperty(exports, "useFormField", {
|
|
42
|
+
enumerable: true,
|
|
43
|
+
get: function () {
|
|
44
|
+
return useFormField_1.useFormField;
|
|
45
|
+
}
|
|
46
|
+
});
|
|
12
47
|
var useFormValue_1 = require("./useFormValue");
|
|
13
|
-
exports
|
|
48
|
+
Object.defineProperty(exports, "useFormValue", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function () {
|
|
51
|
+
return useFormValue_1.useFormValue;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
14
54
|
var RelayStoreProvider_1 = require("./relay/RelayStoreProvider");
|
|
15
|
-
exports
|
|
55
|
+
Object.defineProperty(exports, "StoreProvider", {
|
|
56
|
+
enumerable: true,
|
|
57
|
+
get: function () {
|
|
58
|
+
return RelayStoreProvider_1.StoreProvider;
|
|
59
|
+
}
|
|
60
|
+
});
|
|
16
61
|
var RelayModernStore_1 = require("./relay/RelayModernStore");
|
|
17
|
-
exports
|
|
18
|
-
|
|
62
|
+
Object.defineProperty(exports, "Store", {
|
|
63
|
+
enumerable: true,
|
|
64
|
+
get: function () {
|
|
65
|
+
return RelayModernStore_1.RelayModernStore;
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
Object.defineProperty(exports, "createStore", {
|
|
69
|
+
enumerable: true,
|
|
70
|
+
get: function () {
|
|
71
|
+
return RelayModernStore_1.createStore;
|
|
72
|
+
}
|
|
73
|
+
});
|
|
19
74
|
var RelayRecordSource_1 = require("./relay/RelayRecordSource");
|
|
20
|
-
exports
|
|
75
|
+
Object.defineProperty(exports, "RecordSource", {
|
|
76
|
+
enumerable: true,
|
|
77
|
+
get: function () {
|
|
78
|
+
return RelayRecordSource_1.RelayRecordSource;
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
__exportStar(require("./RelayFormsTypes"), exports);
|
|
82
|
+
__exportStar(require("./relay/RelayTypes"), exports);
|
|
@@ -13,6 +13,7 @@ var __assign = this && this.__assign || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", {
|
|
14
14
|
value: true
|
|
15
15
|
});
|
|
16
|
+
exports.RelayModernRecord = void 0;
|
|
16
17
|
/* eslint-disable @typescript-eslint/explicit-function-return-type */
|
|
17
18
|
/**
|
|
18
19
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -132,7 +133,7 @@ function update(prevRecord, nextRecord) {
|
|
|
132
133
|
var keys = Object.keys(nextRecord);
|
|
133
134
|
for (var ii = 0; ii < keys.length; ii++) {
|
|
134
135
|
var key = keys[ii];
|
|
135
|
-
if (updated || !RelayStoreUtils_1.areEqual(prevRecord[key], nextRecord[key])) {
|
|
136
|
+
if (updated || !(0, RelayStoreUtils_1.areEqual)(prevRecord[key], nextRecord[key])) {
|
|
136
137
|
updated = updated !== null ? updated : __assign({}, prevRecord);
|
|
137
138
|
updated[key] = nextRecord[key];
|
|
138
139
|
}
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
Object.defineProperty(exports, "__esModule", {
|
|
13
13
|
value: true
|
|
14
14
|
});
|
|
15
|
+
exports.createOperationDescriptor = exports.getSingularSelector = void 0;
|
|
15
16
|
// flowlint ambiguous-object-type:error
|
|
16
17
|
var RelayStoreUtils_1 = require("./RelayStoreUtils");
|
|
17
18
|
var ID_KEY = RelayStoreUtils_1.RelayStoreUtils.ID_KEY;
|
|
@@ -39,7 +39,7 @@ var __generator = this && this.__generator || function (thisArg, body) {
|
|
|
39
39
|
}
|
|
40
40
|
function step(op) {
|
|
41
41
|
if (f) throw new TypeError("Generator is already executing.");
|
|
42
|
-
while (_) try {
|
|
42
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
43
43
|
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;
|
|
44
44
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
45
45
|
switch (op[0]) {
|
|
@@ -102,6 +102,7 @@ var __generator = this && this.__generator || function (thisArg, body) {
|
|
|
102
102
|
Object.defineProperty(exports, "__esModule", {
|
|
103
103
|
value: true
|
|
104
104
|
});
|
|
105
|
+
exports.RelayModernStore = exports.createStore = void 0;
|
|
105
106
|
var RelayModernRecord_1 = require("./RelayModernRecord");
|
|
106
107
|
var RelayReader_1 = require("./RelayReader");
|
|
107
108
|
var RelayRecordSource_1 = require("./RelayRecordSource");
|
|
@@ -209,7 +210,7 @@ var RelayModernStore = /** @class */function () {
|
|
|
209
210
|
};
|
|
210
211
|
RelayModernStore.prototype.lookup = function (selector) {
|
|
211
212
|
var source = this.getSource();
|
|
212
|
-
return RelayReader_1.relayRead(source, selector);
|
|
213
|
+
return (0, RelayReader_1.relayRead)(source, selector);
|
|
213
214
|
};
|
|
214
215
|
// This method will return a list of updated owners from the subscriptions
|
|
215
216
|
RelayModernStore.prototype.notify = function () {
|
|
@@ -226,10 +227,10 @@ var RelayModernStore = /** @class */function () {
|
|
|
226
227
|
RelayModernStore.prototype._updateSub = function (source, subscription, updatedRecordIDs, hasUpdatedRecords) {
|
|
227
228
|
var callback = subscription.callback,
|
|
228
229
|
snapshot = subscription.snapshot;
|
|
229
|
-
var hasOverlappingUpdates = hasUpdatedRecords && RelayStoreUtils_1.hasOverlappingIDs(snapshot.seenRecords, updatedRecordIDs);
|
|
230
|
+
var hasOverlappingUpdates = hasUpdatedRecords && (0, RelayStoreUtils_1.hasOverlappingIDs)(snapshot.seenRecords, updatedRecordIDs);
|
|
230
231
|
if (hasOverlappingUpdates) {
|
|
231
|
-
var nextSnapshot = RelayReader_1.relayRead(source, snapshot.selector);
|
|
232
|
-
var nextData = RelayStoreUtils_1.recycleNodesInto(snapshot.data, nextSnapshot.data);
|
|
232
|
+
var nextSnapshot = (0, RelayReader_1.relayRead)(source, snapshot.selector);
|
|
233
|
+
var nextData = (0, RelayStoreUtils_1.recycleNodesInto)(snapshot.data, nextSnapshot.data);
|
|
233
234
|
nextSnapshot = {
|
|
234
235
|
data: nextData,
|
|
235
236
|
seenRecords: nextSnapshot.seenRecords,
|
|
@@ -279,7 +280,7 @@ var RelayModernStore = /** @class */function () {
|
|
|
279
280
|
case 1:
|
|
280
281
|
if (!(_i < _a.length)) return [3 /*break*/, 4];
|
|
281
282
|
operation = _a[_i].operation;
|
|
282
|
-
RelayReferenceMarker_1.mark(this._recordSource, operation.fragment, references);
|
|
283
|
+
(0, RelayReferenceMarker_1.mark)(this._recordSource, operation.fragment, references);
|
|
283
284
|
// Yield for other work after each operation
|
|
284
285
|
return [4 /*yield*/];
|
|
285
286
|
case 2:
|
|
@@ -313,7 +314,6 @@ var RelayModernStore = /** @class */function () {
|
|
|
313
314
|
}
|
|
314
315
|
});
|
|
315
316
|
};
|
|
316
|
-
|
|
317
317
|
return RelayModernStore;
|
|
318
318
|
}();
|
|
319
319
|
exports.RelayModernStore = RelayModernStore;
|
package/lib/relay/RelayReader.js
CHANGED
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", {
|
|
14
14
|
value: true
|
|
15
15
|
});
|
|
16
|
+
exports.relayRead = void 0;
|
|
16
17
|
var RelayModernRecord_1 = require("./RelayModernRecord");
|
|
17
18
|
var RelayStoreUtils_1 = require("./RelayStoreUtils");
|
|
18
19
|
function relayRead(recordSource, selector) {
|
|
@@ -80,7 +81,6 @@ var RelayReader = /** @class */function () {
|
|
|
80
81
|
value = RelayModernRecord_1.RelayModernRecord.getValue(record, name_1);
|
|
81
82
|
//this._readScalar(selection, record, data);
|
|
82
83
|
}
|
|
83
|
-
|
|
84
84
|
data[name_1] = value;
|
|
85
85
|
};
|
|
86
86
|
var this_1 = this;
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
Object.defineProperty(exports, "__esModule", {
|
|
13
13
|
value: true
|
|
14
14
|
});
|
|
15
|
+
exports.RelayRecordSource = void 0;
|
|
15
16
|
var RelayStoreUtils_1 = require("./RelayStoreUtils");
|
|
16
17
|
var EXISTENT = RelayStoreUtils_1.RelayRecordState.EXISTENT,
|
|
17
18
|
NONEXISTENT = RelayStoreUtils_1.RelayRecordState.NONEXISTENT,
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
Object.defineProperty(exports, "__esModule", {
|
|
13
13
|
value: true
|
|
14
14
|
});
|
|
15
|
+
exports.mark = void 0;
|
|
15
16
|
var RelayModernRecord_1 = require("./RelayModernRecord");
|
|
16
17
|
var RelayStoreUtils_1 = require("./RelayStoreUtils");
|
|
17
18
|
function mark(recordSource, selector, references) {
|
|
@@ -3,5 +3,5 @@ import { Store } from './RelayTypes';
|
|
|
3
3
|
export declare const StoreProvider: <TStore extends Store = Store>(props: {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
store: TStore;
|
|
6
|
-
}) => JSX.Element;
|
|
6
|
+
}) => React.JSX.Element;
|
|
7
7
|
export declare function useStore<TStore extends Store = Store>(): TStore;
|
|
@@ -3,9 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.useStore = exports.StoreProvider = void 0;
|
|
6
7
|
var React = require("react");
|
|
7
8
|
var ReactRelayContext = React.createContext(null);
|
|
8
|
-
|
|
9
|
+
var StoreProvider = function (props) {
|
|
9
10
|
var context = React.useMemo(function () {
|
|
10
11
|
return {
|
|
11
12
|
store: props.store
|
|
@@ -15,6 +16,7 @@ exports.StoreProvider = function (props) {
|
|
|
15
16
|
value: context
|
|
16
17
|
}, props.children);
|
|
17
18
|
};
|
|
19
|
+
exports.StoreProvider = StoreProvider;
|
|
18
20
|
function useStore() {
|
|
19
21
|
var store = React.useContext(ReactRelayContext).store;
|
|
20
22
|
return store;
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.hasOverlappingIDs = exports.recycleNodesInto = exports.LINKED_FIELD = exports.RelayRecordState = exports.RelayStoreUtils = exports.areEqual = exports.isPromise = void 0;
|
|
6
7
|
/* eslint-disable @typescript-eslint/explicit-function-return-type */
|
|
7
8
|
/**
|
|
8
9
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RelayRecordState } from './RelayStoreUtils';
|
|
2
|
-
export
|
|
2
|
+
export type Disposable = {
|
|
3
3
|
dispose(): void;
|
|
4
4
|
};
|
|
5
5
|
export interface RecordProxy {
|
|
@@ -16,14 +16,14 @@ export interface RecordSourceProxy {
|
|
|
16
16
|
get(string: string): RecordProxy | null | undefined;
|
|
17
17
|
getRoot(): RecordProxy;
|
|
18
18
|
}
|
|
19
|
-
export
|
|
20
|
-
export
|
|
19
|
+
export type StoreUpdater = (store: RecordSourceProxy) => void;
|
|
20
|
+
export type Record = {
|
|
21
21
|
[key: string]: any;
|
|
22
22
|
};
|
|
23
|
-
export
|
|
23
|
+
export type SelectorData = {
|
|
24
24
|
[key: string]: any;
|
|
25
25
|
};
|
|
26
|
-
export
|
|
26
|
+
export type RecordState = keyof typeof RelayRecordState;
|
|
27
27
|
export interface RecordSource {
|
|
28
28
|
get(dataID: string): Record | null | undefined;
|
|
29
29
|
getRecordIDs(): Array<string>;
|
|
@@ -34,12 +34,12 @@ export interface RecordSource {
|
|
|
34
34
|
[key: string]: Record | null | undefined;
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
|
-
export
|
|
37
|
+
export type Snapshot = {
|
|
38
38
|
data: SelectorData | null | undefined;
|
|
39
39
|
seenRecords: Set<string>;
|
|
40
40
|
selector: any;
|
|
41
41
|
};
|
|
42
|
-
export
|
|
42
|
+
export type OperationDescriptor = {
|
|
43
43
|
fragment: any;
|
|
44
44
|
request: any;
|
|
45
45
|
root: any;
|
package/lib/relay/queries.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.FragmentValue = exports.FragmentSet = exports.QueryFields = exports.QueryErrors = void 0;
|
|
6
7
|
var RelayStoreUtils_1 = require("./RelayStoreUtils");
|
|
7
8
|
var id = {
|
|
8
9
|
name: 'id'
|
|
@@ -45,7 +46,6 @@ exports.QueryErrors = {
|
|
|
45
46
|
}] /*: any*/
|
|
46
47
|
}
|
|
47
48
|
};
|
|
48
|
-
|
|
49
49
|
exports.QueryFields = {
|
|
50
50
|
id: '0',
|
|
51
51
|
fragment: {
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated SignedSource<<c006e1b0c17510c704075849dda72ba6>>
|
|
3
|
+
* @relayHash 1e729a4dd469bbcedf1c07919286ff70
|
|
4
|
+
* @lightSyntaxTransform
|
|
5
|
+
*/
|
|
6
|
+
import { ConcreteRequest } from 'relay-runtime';
|
|
7
|
+
export type queryErrorsFieldQuery$variables = Record<PropertyKey, never>;
|
|
8
|
+
export type queryErrorsFieldQuery$data = {
|
|
9
|
+
readonly form: {
|
|
10
|
+
readonly errors: ReadonlyArray<{
|
|
11
|
+
readonly check: number | null | undefined;
|
|
12
|
+
readonly error: string | null | undefined;
|
|
13
|
+
readonly id: string;
|
|
14
|
+
readonly key: string;
|
|
15
|
+
readonly label: string | null | undefined;
|
|
16
|
+
} | null | undefined> | null | undefined;
|
|
17
|
+
readonly isSubmitting: boolean | null | undefined;
|
|
18
|
+
readonly isValid: boolean | null | undefined;
|
|
19
|
+
readonly isValidating: boolean | null | undefined;
|
|
20
|
+
} | null | undefined;
|
|
21
|
+
};
|
|
22
|
+
export type queryErrorsFieldQuery = {
|
|
23
|
+
response: queryErrorsFieldQuery$data;
|
|
24
|
+
variables: queryErrorsFieldQuery$variables;
|
|
25
|
+
};
|
|
26
|
+
declare const node: ConcreteRequest;
|
|
27
|
+
export default node;
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @generated SignedSource<<c006e1b0c17510c704075849dda72ba6>>
|
|
5
|
+
* @relayHash 1e729a4dd469bbcedf1c07919286ff70
|
|
6
|
+
* @lightSyntaxTransform
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
var node = function () {
|
|
12
|
+
var v0 = [{
|
|
13
|
+
"alias": null,
|
|
14
|
+
"args": null,
|
|
15
|
+
"concreteType": "EntryForm",
|
|
16
|
+
"kind": "LinkedField",
|
|
17
|
+
"name": "form",
|
|
18
|
+
"plural": false,
|
|
19
|
+
"selections": [{
|
|
20
|
+
"alias": null,
|
|
21
|
+
"args": null,
|
|
22
|
+
"kind": "ScalarField",
|
|
23
|
+
"name": "isSubmitting",
|
|
24
|
+
"storageKey": null
|
|
25
|
+
}, {
|
|
26
|
+
"alias": null,
|
|
27
|
+
"args": null,
|
|
28
|
+
"kind": "ScalarField",
|
|
29
|
+
"name": "isValidating",
|
|
30
|
+
"storageKey": null
|
|
31
|
+
}, {
|
|
32
|
+
"alias": null,
|
|
33
|
+
"args": null,
|
|
34
|
+
"kind": "ScalarField",
|
|
35
|
+
"name": "isValid",
|
|
36
|
+
"storageKey": null
|
|
37
|
+
}, {
|
|
38
|
+
"alias": null,
|
|
39
|
+
"args": null,
|
|
40
|
+
"concreteType": "Entry",
|
|
41
|
+
"kind": "LinkedField",
|
|
42
|
+
"name": "errors",
|
|
43
|
+
"plural": true,
|
|
44
|
+
"selections": [{
|
|
45
|
+
"alias": null,
|
|
46
|
+
"args": null,
|
|
47
|
+
"kind": "ScalarField",
|
|
48
|
+
"name": "id",
|
|
49
|
+
"storageKey": null
|
|
50
|
+
}, {
|
|
51
|
+
"alias": null,
|
|
52
|
+
"args": null,
|
|
53
|
+
"kind": "ScalarField",
|
|
54
|
+
"name": "key",
|
|
55
|
+
"storageKey": null
|
|
56
|
+
}, {
|
|
57
|
+
"alias": null,
|
|
58
|
+
"args": null,
|
|
59
|
+
"kind": "ScalarField",
|
|
60
|
+
"name": "error",
|
|
61
|
+
"storageKey": null
|
|
62
|
+
}, {
|
|
63
|
+
"alias": null,
|
|
64
|
+
"args": null,
|
|
65
|
+
"kind": "ScalarField",
|
|
66
|
+
"name": "check",
|
|
67
|
+
"storageKey": null
|
|
68
|
+
}, {
|
|
69
|
+
"alias": null,
|
|
70
|
+
"args": null,
|
|
71
|
+
"kind": "ScalarField",
|
|
72
|
+
"name": "label",
|
|
73
|
+
"storageKey": null
|
|
74
|
+
}],
|
|
75
|
+
"storageKey": null
|
|
76
|
+
}],
|
|
77
|
+
"storageKey": null
|
|
78
|
+
}];
|
|
79
|
+
return {
|
|
80
|
+
"fragment": {
|
|
81
|
+
"argumentDefinitions": [],
|
|
82
|
+
"kind": "Fragment",
|
|
83
|
+
"metadata": null,
|
|
84
|
+
"name": "queryErrorsFieldQuery",
|
|
85
|
+
"selections": v0 /*:: as any*/,
|
|
86
|
+
"type": "Query",
|
|
87
|
+
"abstractKey": null
|
|
88
|
+
},
|
|
89
|
+
"kind": "Request",
|
|
90
|
+
"operation": {
|
|
91
|
+
"argumentDefinitions": [],
|
|
92
|
+
"kind": "Operation",
|
|
93
|
+
"name": "queryErrorsFieldQuery",
|
|
94
|
+
"selections": v0 /*:: as any*/
|
|
95
|
+
},
|
|
96
|
+
"params": {
|
|
97
|
+
"id": "1e729a4dd469bbcedf1c07919286ff70",
|
|
98
|
+
"metadata": {},
|
|
99
|
+
"name": "queryErrorsFieldQuery",
|
|
100
|
+
"operationKind": "query",
|
|
101
|
+
"text": null
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
}();
|
|
105
|
+
node.hash = "10e337eb009f23b0bbee954d56b68b89";
|
|
106
|
+
exports.default = node;
|