remix-validated-form 4.6.1-beta.0 → 4.6.1
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/.turbo/turbo-build.log +10 -10
- package/browser/ValidatedForm.js +3 -3
- package/browser/hooks.d.ts +8 -8
- package/browser/internal/flatten.d.ts +1 -1
- package/browser/internal/flatten.js +2 -2
- package/browser/internal/getInputProps.js +2 -2
- package/browser/internal/hooks.d.ts +4 -2
- package/browser/internal/hooks.js +3 -3
- package/browser/internal/logic/requestSubmit.d.ts +1 -1
- package/browser/internal/state/arrayUtil.js +5 -6
- package/browser/internal/state/createFormStore.js +5 -6
- package/browser/internal/state/fieldArray.js +1 -1
- package/browser/internal/util.js +2 -2
- package/browser/unreleased/formStateHooks.d.ts +2 -2
- package/browser/userFacingFormContext.d.ts +1 -1
- package/browser/validation/createValidator.js +2 -2
- package/dist/remix-validated-form.cjs.js +4 -4
- package/dist/remix-validated-form.cjs.js.map +1 -1
- package/dist/remix-validated-form.es.js +35 -54
- package/dist/remix-validated-form.es.js.map +1 -1
- package/dist/remix-validated-form.umd.js +4 -4
- package/dist/remix-validated-form.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/internal/flatten.ts +2 -2
- package/stats.html +1 -1
@@ -111,10 +111,10 @@ function omit() {
|
|
111
111
|
return purry(_omit, arguments);
|
112
112
|
}
|
113
113
|
function _omit(object, names) {
|
114
|
-
var
|
114
|
+
var set = new Set(names);
|
115
115
|
return Object.entries(object).reduce(function(acc, _a) {
|
116
116
|
var name = _a[0], value = _a[1];
|
117
|
-
if (!
|
117
|
+
if (!set.has(name)) {
|
118
118
|
acc[name] = value;
|
119
119
|
}
|
120
120
|
return acc;
|
@@ -145,25 +145,6 @@ function _pathOr(object, path, defaultValue) {
|
|
145
145
|
}
|
146
146
|
return current;
|
147
147
|
}
|
148
|
-
var __assign = globalThis && globalThis.__assign || function() {
|
149
|
-
__assign = Object.assign || function(t2) {
|
150
|
-
for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
|
151
|
-
s2 = arguments[i2];
|
152
|
-
for (var p2 in s2)
|
153
|
-
if (Object.prototype.hasOwnProperty.call(s2, p2))
|
154
|
-
t2[p2] = s2[p2];
|
155
|
-
}
|
156
|
-
return t2;
|
157
|
-
};
|
158
|
-
return __assign.apply(this, arguments);
|
159
|
-
};
|
160
|
-
function set() {
|
161
|
-
return purry(_set, arguments);
|
162
|
-
}
|
163
|
-
function _set(obj, prop, value) {
|
164
|
-
var _a;
|
165
|
-
return __assign(__assign({}, obj), (_a = {}, _a[prop] = value, _a));
|
166
|
-
}
|
167
148
|
function uniq() {
|
168
149
|
return purry(_uniq, arguments, uniq.lazy);
|
169
150
|
}
|
@@ -172,15 +153,15 @@ function _uniq(array) {
|
|
172
153
|
}
|
173
154
|
(function(uniq2) {
|
174
155
|
function lazy() {
|
175
|
-
var
|
156
|
+
var set = /* @__PURE__ */ new Set();
|
176
157
|
return function(value) {
|
177
|
-
if (
|
158
|
+
if (set.has(value)) {
|
178
159
|
return {
|
179
160
|
done: false,
|
180
161
|
hasNext: false
|
181
162
|
};
|
182
163
|
}
|
183
|
-
|
164
|
+
set.add(value);
|
184
165
|
return {
|
185
166
|
done: false,
|
186
167
|
hasNext: true,
|
@@ -806,10 +787,10 @@ an.setUseProxies.bind(an);
|
|
806
787
|
an.applyPatches.bind(an);
|
807
788
|
an.createDraft.bind(an);
|
808
789
|
an.finishDraft.bind(an);
|
809
|
-
const immerImpl = (initializer) => (
|
790
|
+
const immerImpl = (initializer) => (set, get, store) => {
|
810
791
|
store.setState = (updater, replace2, ...a2) => {
|
811
792
|
const nextState = typeof updater === "function" ? fn(updater) : updater;
|
812
|
-
return
|
793
|
+
return set(nextState, replace2, ...a2);
|
813
794
|
};
|
814
795
|
return initializer(store.setState, get, store);
|
815
796
|
};
|
@@ -989,7 +970,7 @@ const defaultFormState = {
|
|
989
970
|
}
|
990
971
|
}
|
991
972
|
};
|
992
|
-
const createFormState = (
|
973
|
+
const createFormState = (set, get) => ({
|
993
974
|
isHydrated: false,
|
994
975
|
isSubmitting: false,
|
995
976
|
hasBeenSubmitted: false,
|
@@ -998,26 +979,26 @@ const createFormState = (set2, get) => ({
|
|
998
979
|
formElement: null,
|
999
980
|
currentDefaultValues: {},
|
1000
981
|
isValid: () => Object.keys(get().fieldErrors).length === 0,
|
1001
|
-
startSubmit: () =>
|
982
|
+
startSubmit: () => set((state) => {
|
1002
983
|
state.isSubmitting = true;
|
1003
984
|
state.hasBeenSubmitted = true;
|
1004
985
|
}),
|
1005
|
-
endSubmit: () =>
|
986
|
+
endSubmit: () => set((state) => {
|
1006
987
|
state.isSubmitting = false;
|
1007
988
|
}),
|
1008
|
-
setTouched: (fieldName, touched) =>
|
989
|
+
setTouched: (fieldName, touched) => set((state) => {
|
1009
990
|
state.touchedFields[fieldName] = touched;
|
1010
991
|
}),
|
1011
|
-
setFieldError: (fieldName, error) =>
|
992
|
+
setFieldError: (fieldName, error) => set((state) => {
|
1012
993
|
state.fieldErrors[fieldName] = error;
|
1013
994
|
}),
|
1014
|
-
setFieldErrors: (errors) =>
|
995
|
+
setFieldErrors: (errors) => set((state) => {
|
1015
996
|
state.fieldErrors = errors;
|
1016
997
|
}),
|
1017
|
-
clearFieldError: (fieldName) =>
|
998
|
+
clearFieldError: (fieldName) => set((state) => {
|
1018
999
|
delete state.fieldErrors[fieldName];
|
1019
1000
|
}),
|
1020
|
-
reset: () =>
|
1001
|
+
reset: () => set((state) => {
|
1021
1002
|
var _a, _b;
|
1022
1003
|
state.fieldErrors = {};
|
1023
1004
|
state.touchedFields = {};
|
@@ -1026,7 +1007,7 @@ const createFormState = (set2, get) => ({
|
|
1026
1007
|
state.controlledFields.values = nextDefaults;
|
1027
1008
|
state.currentDefaultValues = nextDefaults;
|
1028
1009
|
}),
|
1029
|
-
syncFormProps: (props) =>
|
1010
|
+
syncFormProps: (props) => set((state) => {
|
1030
1011
|
if (!state.isHydrated) {
|
1031
1012
|
state.controlledFields.values = props.defaultValues;
|
1032
1013
|
state.currentDefaultValues = props.defaultValues;
|
@@ -1037,7 +1018,7 @@ const createFormState = (set2, get) => ({
|
|
1037
1018
|
setFormElement: (formElement) => {
|
1038
1019
|
if (get().formElement === formElement)
|
1039
1020
|
return;
|
1040
|
-
|
1021
|
+
set((state) => {
|
1041
1022
|
state.formElement = formElement;
|
1042
1023
|
});
|
1043
1024
|
},
|
@@ -1105,7 +1086,7 @@ const createFormState = (set2, get) => ({
|
|
1105
1086
|
valueUpdatePromises: {},
|
1106
1087
|
valueUpdateResolvers: {},
|
1107
1088
|
register: (fieldName) => {
|
1108
|
-
|
1089
|
+
set((state) => {
|
1109
1090
|
var _a;
|
1110
1091
|
const current = (_a = state.controlledFields.refCounts[fieldName]) != null ? _a : 0;
|
1111
1092
|
state.controlledFields.refCounts[fieldName] = current + 1;
|
@@ -1114,7 +1095,7 @@ const createFormState = (set2, get) => ({
|
|
1114
1095
|
unregister: (fieldName) => {
|
1115
1096
|
if (get() === null || get() === void 0)
|
1116
1097
|
return;
|
1117
|
-
|
1098
|
+
set((state) => {
|
1118
1099
|
var _a, _b, _c;
|
1119
1100
|
const current = (_a = state.controlledFields.refCounts[fieldName]) != null ? _a : 0;
|
1120
1101
|
if (current > 1) {
|
@@ -1141,17 +1122,17 @@ const createFormState = (set2, get) => ({
|
|
1141
1122
|
},
|
1142
1123
|
getValue: (fieldName) => getPath(get().controlledFields.values, fieldName),
|
1143
1124
|
setValue: (fieldName, value) => {
|
1144
|
-
|
1125
|
+
set((state) => {
|
1145
1126
|
setPath(state.controlledFields.values, fieldName, value);
|
1146
1127
|
});
|
1147
1128
|
get().controlledFields.kickoffValueUpdate(fieldName);
|
1148
1129
|
},
|
1149
1130
|
kickoffValueUpdate: (fieldName) => {
|
1150
|
-
const clear = () =>
|
1131
|
+
const clear = () => set((state) => {
|
1151
1132
|
delete state.controlledFields.valueUpdateResolvers[fieldName];
|
1152
1133
|
delete state.controlledFields.valueUpdatePromises[fieldName];
|
1153
1134
|
});
|
1154
|
-
|
1135
|
+
set((state) => {
|
1155
1136
|
const promise = new Promise((resolve) => {
|
1156
1137
|
state.controlledFields.valueUpdateResolvers[fieldName] = resolve;
|
1157
1138
|
}).then(clear);
|
@@ -1163,14 +1144,14 @@ const createFormState = (set2, get) => ({
|
|
1163
1144
|
},
|
1164
1145
|
array: {
|
1165
1146
|
push: (fieldName, item) => {
|
1166
|
-
|
1147
|
+
set((state) => {
|
1167
1148
|
getArray(state.controlledFields.values, fieldName).push(item);
|
1168
1149
|
getArray(state.currentDefaultValues, fieldName).push(item);
|
1169
1150
|
});
|
1170
1151
|
get().controlledFields.kickoffValueUpdate(fieldName);
|
1171
1152
|
},
|
1172
1153
|
swap: (fieldName, indexA, indexB) => {
|
1173
|
-
|
1154
|
+
set((state) => {
|
1174
1155
|
swap(
|
1175
1156
|
getArray(state.controlledFields.values, fieldName),
|
1176
1157
|
indexA,
|
@@ -1195,7 +1176,7 @@ const createFormState = (set2, get) => ({
|
|
1195
1176
|
get().controlledFields.kickoffValueUpdate(fieldName);
|
1196
1177
|
},
|
1197
1178
|
move: (fieldName, from2, to) => {
|
1198
|
-
|
1179
|
+
set((state) => {
|
1199
1180
|
move(
|
1200
1181
|
getArray(state.controlledFields.values, fieldName),
|
1201
1182
|
from2,
|
@@ -1220,7 +1201,7 @@ const createFormState = (set2, get) => ({
|
|
1220
1201
|
get().controlledFields.kickoffValueUpdate(fieldName);
|
1221
1202
|
},
|
1222
1203
|
insert: (fieldName, index, item) => {
|
1223
|
-
|
1204
|
+
set((state) => {
|
1224
1205
|
insert(
|
1225
1206
|
getArray(state.controlledFields.values, fieldName),
|
1226
1207
|
index,
|
@@ -1245,7 +1226,7 @@ const createFormState = (set2, get) => ({
|
|
1245
1226
|
get().controlledFields.kickoffValueUpdate(fieldName);
|
1246
1227
|
},
|
1247
1228
|
remove: (fieldName, index) => {
|
1248
|
-
|
1229
|
+
set((state) => {
|
1249
1230
|
remove(
|
1250
1231
|
getArray(state.controlledFields.values, fieldName),
|
1251
1232
|
index
|
@@ -1268,7 +1249,7 @@ const createFormState = (set2, get) => ({
|
|
1268
1249
|
get().controlledFields.kickoffValueUpdate(fieldName);
|
1269
1250
|
},
|
1270
1251
|
pop: (fieldName) => {
|
1271
|
-
|
1252
|
+
set((state) => {
|
1272
1253
|
getArray(state.controlledFields.values, fieldName).pop();
|
1273
1254
|
getArray(state.currentDefaultValues, fieldName).pop();
|
1274
1255
|
mutateAsArray(
|
@@ -1285,7 +1266,7 @@ const createFormState = (set2, get) => ({
|
|
1285
1266
|
get().controlledFields.kickoffValueUpdate(fieldName);
|
1286
1267
|
},
|
1287
1268
|
unshift: (fieldName, value) => {
|
1288
|
-
|
1269
|
+
set((state) => {
|
1289
1270
|
getArray(state.controlledFields.values, fieldName).unshift(value);
|
1290
1271
|
getArray(state.currentDefaultValues, fieldName).unshift(value);
|
1291
1272
|
mutateAsArray(
|
@@ -1301,7 +1282,7 @@ const createFormState = (set2, get) => ({
|
|
1301
1282
|
});
|
1302
1283
|
},
|
1303
1284
|
replace: (fieldName, index, item) => {
|
1304
|
-
|
1285
|
+
set((state) => {
|
1305
1286
|
replace(
|
1306
1287
|
getArray(state.controlledFields.values, fieldName),
|
1307
1288
|
index,
|
@@ -1329,23 +1310,23 @@ const createFormState = (set2, get) => ({
|
|
1329
1310
|
}
|
1330
1311
|
});
|
1331
1312
|
const useRootFormStore = create$1()(
|
1332
|
-
immer((
|
1313
|
+
immer((set, get) => ({
|
1333
1314
|
forms: {},
|
1334
1315
|
form: (formId) => {
|
1335
1316
|
var _a;
|
1336
1317
|
return (_a = get().forms[formId]) != null ? _a : defaultFormState;
|
1337
1318
|
},
|
1338
1319
|
cleanupForm: (formId) => {
|
1339
|
-
|
1320
|
+
set((state) => {
|
1340
1321
|
delete state.forms[formId];
|
1341
1322
|
});
|
1342
1323
|
},
|
1343
1324
|
registerForm: (formId) => {
|
1344
1325
|
if (get().forms[formId])
|
1345
1326
|
return;
|
1346
|
-
|
1327
|
+
set((state) => {
|
1347
1328
|
state.forms[formId] = createFormState(
|
1348
|
-
(setter) =>
|
1329
|
+
(setter) => set((state2) => setter(state2.forms[formId])),
|
1349
1330
|
() => get().forms[formId]
|
1350
1331
|
);
|
1351
1332
|
});
|
@@ -1963,7 +1944,7 @@ const objectFromPathEntries = (entries) => {
|
|
1963
1944
|
const map = new MultiValueMap();
|
1964
1945
|
entries.forEach(([key, value]) => map.add(key, value));
|
1965
1946
|
return [...map.entries()].reduce(
|
1966
|
-
(acc, [key, value]) =>
|
1947
|
+
(acc, [key, value]) => setPath(acc, key, value.length === 1 ? value[0] : value),
|
1967
1948
|
{}
|
1968
1949
|
);
|
1969
1950
|
};
|