@reactables/forms 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/index.js

@@ -9,7 +9,7 @@ var DEFAULT_HUB2_FIELDS = {
     pending: false,
     valid: null,
     childrenValid: null,
-    errors: null
+    errors: {}
 };
 
 var Controls = /*#__PURE__*/Object.freeze({
@@ -147,16 +147,15 @@ var getErrors = function (control, value, _a) {
     var _b;
     var validators = _a.validators;
     return ((_b = control.config.validators) === null || _b === void 0 ? void 0 : _b.reduce(function (acc, validator) {
-        if (!validators[validator]) {
+        if (!(validators === null || validators === void 0 ? void 0 : validators[validator])) {
             throw "You have not provided a validator for \"".concat(validator, "\"");
         }
         return __assign(__assign({}, acc), validators[validator](value));
     }, {})) || {};
 };
 
-var buildState = function (config, form, controlRef, providers) {
+var buildState = function (config, controlRef, providers, form) {
     var _a;
-    if (form === void 0) { form = { root: null }; }
     if (controlRef === void 0) { controlRef = []; }
     var value = getValueFromControlConfig(config);
     var control = {
@@ -175,22 +174,21 @@ var buildState = function (config, form, controlRef, providers) {
     if (controls && !(controls instanceof Array)) {
         newForm = Object.entries(config.controls).reduce(function (acc, _a) {
             var key = _a[0], controlConfig = _a[1];
-            return buildState(controlConfig, acc, controlRef.concat(key), providers);
+            return buildState(controlConfig, controlRef.concat(key), providers, acc);
         }, newForm);
     }
     else if (controls && controls instanceof Array) {
         // Adding controls for Form Array
         newForm = config.controls.reduce(function (acc, controlConfig, index) {
-            return buildState(controlConfig, acc, controlRef.concat(index), providers);
+            return buildState(controlConfig, controlRef.concat(index), providers, acc);
         }, newForm);
     }
     return newForm;
 };
-var buildFormState = function (config, form, controlRef, providers) {
-    if (form === void 0) { form = { root: null }; }
+var buildFormState = function (config, controlRef, providers, form) {
     if (controlRef === void 0) { controlRef = []; }
     return {
-        form: buildState(config, form, controlRef, providers)
+        form: buildState(config, controlRef, providers, form)
     };
 };
 
@@ -201,7 +199,8 @@ var getScopedEffectsForControl = function (formControl, providers) {
     if (asyncValidators && asyncValidators.length) {
         scopedEffects = asyncValidators.reduce(function (acc, asyncValidator, validatorIndex) {
             var effect = function (actions$) {
-                if (!providers.asyncValidators[asyncValidator]) {
+                var _a;
+                if (!((_a = providers.asyncValidators) === null || _a === void 0 ? void 0 : _a[asyncValidator])) {
                     throw "You have not provided an asyncValidator for \"".concat(asyncValidator, "\"");
                 }
                 return actions$.pipe(map(function (_a) {
@@ -303,7 +302,7 @@ var getDescendantControls = function (controlRef, form, excludeSelf) {
     }
     var control = getControl(controlRef, form);
     var value = control.value, config = control.config;
-    var descendants;
+    var descendants = [];
     if (Array.isArray(config.controls)) {
         // If control is a Form Array
         descendants = value.reduce(function (acc, item, index) {
@@ -382,9 +381,11 @@ var controlRefCheck = function (ref) {
     catch (_a) { }
 };
 
-var checkKeys = function (obj1, obj2) {
-    if (Object.keys(obj1).slice().sort().join() !== Object.keys(obj2).slice().sort().join()) {
-        throw 'Can not update value because keys are not the same.';
+var checkKeys = function (oldObj, newObj) {
+    var oldKeys = Object.keys(oldObj).slice().sort().join();
+    var newKeys = Object.keys(newObj).slice().sort().join();
+    if (oldKeys !== newKeys) {
+        console.warn("You are trying to update multiple controls but the keys don't match. It is recommended your keys match. Old keys: ".concat(oldKeys, ". New Keys: ").concat(newKeys, "  "));
     }
 };
 var updateDescendantValues = function (form, _a, providers) {
@@ -415,10 +416,11 @@ var updateDescendantValues = function (form, _a, providers) {
 // Use AddControlPayload/RemoveControl action reducers to add/remove control
 var updateValues = function (_a, action, providers, mergeChanges) {
     var _b, _c;
-    var form = _a.form, _d = _a._changedControls, _changedControls = _d === void 0 ? {} : _d, _e = _a._removedControls, _removedControls = _e === void 0 ? {} : _e;
+    var _d;
+    var form = _a.form, _e = _a._changedControls, _changedControls = _e === void 0 ? {} : _e, _f = _a._removedControls, _removedControls = _f === void 0 ? {} : _f;
     if (mergeChanges === void 0) { mergeChanges = false; }
     var normalizers = providers.normalizers;
-    var _f = action.payload, controlRef = _f.controlRef, value = _f.value;
+    var _g = action.payload, controlRef = _g.controlRef, value = _g.value;
     controlRefCheck(controlRef);
     // Update its own value
     var ctrlKey = getFormKey(controlRef);
@@ -426,8 +428,8 @@ var updateValues = function (_a, action, providers, mergeChanges) {
     var oldValue = form[ctrlKey].value;
     var config = form[ctrlKey].config;
     if (config.normalizers) {
-        newValue = config.normalizers.reduce(function (acc, normalizer) {
-            if (!normalizers[normalizer]) {
+        newValue = (_d = config.normalizers) === null || _d === void 0 ? void 0 : _d.reduce(function (acc, normalizer) {
+            if (!(normalizers === null || normalizers === void 0 ? void 0 : normalizers[normalizer])) {
                 throw "You have not provided a normalizer for \"".concat(normalizer, "\"");
             }
             return normalizers[normalizer](acc);
@@ -627,7 +629,7 @@ var addControl = function (state, action, providers, mergeChanges) {
     if (!getControl(controlRef.slice(0, -1), state.form)) {
         throw 'You are attempting to add a control to a non-existent form group';
     }
-    var newForm = buildState(config, state.form, controlRef, providers);
+    var newForm = buildState(config, controlRef, providers, state.form);
     var newValue = getControl(controlRef, newForm).value;
     var ancestorsUpdated = updateAncestorValuesAddControl(newForm, {
         payload: { controlRef: controlRef, value: newValue }
@@ -658,7 +660,7 @@ var pushControl = function (state, action, providers, mergeChanges) {
     else {
         throw 'You are attempting to push to a control that is not a Form Array';
     }
-    var newForm = buildState(config, state.form, newControlRef, providers);
+    var newForm = buildState(config, newControlRef, providers, state.form);
     var newValue = getControl(newControlRef, newForm).value;
     var ancestorsUpdated = updateAncestorValuesAddControl(newForm, {
         payload: { controlRef: newControlRef, value: newValue }
@@ -802,7 +804,7 @@ var resetControl = function (state, action, providers, mergeChanges) {
         delete descendantsRemoved[key];
     });
     // Remove all descendants
-    var restoredControls = buildState(controlToReset.config, descendantsRemoved, controlToReset.controlRef, providers);
+    var restoredControls = buildState(controlToReset.config, controlToReset.controlRef, providers, descendantsRemoved);
     var restoredControlValue = getControl(controlRef, restoredControls).value;
     var result = updateAncestorValues(restoredControls, {
         payload: { controlRef: controlRef, value: restoredControlValue }
@@ -832,12 +834,14 @@ var asyncValidation = function (form, _a) {
     var controlRef = _a.payload;
     var updatedSelfAndAncestors = getAncestorControls(controlRef, form).reduce(function (acc, control) {
         var _a;
+        var _b;
         var isChangedControl = getFormKey(control.controlRef) === getFormKey(controlRef);
         return __assign(__assign({}, acc), (_a = {}, _a[getFormKey(control.controlRef)] = __assign(__assign({}, control), { pending: true, asyncValidateInProgress: isChangedControl
-                ? __assign({}, control.config.asyncValidators.reduce(function (acc, _, index) {
+                ? __assign({}, (_b = control.config.asyncValidators) === null || _b === void 0 ? void 0 : _b.reduce(function (acc, _, index) {
                     var _a;
                     return (__assign(__assign({}, acc), (_a = {}, _a[index] = true, _a)));
-                }, {})) : control.asyncValidateInProgress }), _a));
+                }, {}))
+                : control.asyncValidateInProgress }), _a));
     }, {});
     return __assign(__assign({}, form), updatedSelfAndAncestors);
 };
@@ -1101,7 +1105,7 @@ var build = function (config, options) {
         validators: __assign(__assign({}, Validators), (_b = options.providers) === null || _b === void 0 ? void 0 : _b.validators),
         asyncValidators: __assign({}, (_c = options.providers) === null || _c === void 0 ? void 0 : _c.asyncValidators)
     };
-    var initialState = buildFormState(config, undefined, undefined, providers);
+    var initialState = buildFormState(config, undefined, providers);
     return createReactable(initialState, options);
 };
 var load = function (state, options) {
@@ -1181,9 +1185,10 @@ var createReactable = function (initialBaseState, options, initialFormState) {
         hub1Actions.destroy();
         hub2Actions.destroy();
     };
+    var actions = __assign(__assign({}, hub1Actions), { destroy: destroy });
     return [
         state$.pipe(filter(function (form) { return form !== null; })),
-        __assign(__assign({}, hub1Actions), { destroy: destroy }),
+        actions,
         hub1Actions$,
     ];
 };