kwikid-forms 0.1.14 → 0.1.15
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/bundles/kwikid-forms.umd.js +179 -171
- package/bundles/kwikid-forms.umd.js.map +1 -1
- package/esm2015/lib/renderer/form-view/form-view.component.js +48 -50
- package/esm2015/lib/renderer/renderer.component.js +9 -9
- package/fesm2015/kwikid-forms.js +56 -58
- package/fesm2015/kwikid-forms.js.map +1 -1
- package/lib/renderer/form-view/form-view.component.d.ts +1 -1
- package/lib/renderer/renderer.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1519,8 +1519,8 @@
|
|
|
1519
1519
|
};
|
|
1520
1520
|
KwikIDFormViewComponent.prototype.initFormConfig = function (formConfig) {
|
|
1521
1521
|
return __awaiter(this, void 0, void 0, function () {
|
|
1522
|
-
var _a, _loop_1, this_1, _b, _c, field,
|
|
1523
|
-
var
|
|
1522
|
+
var _a, _loop_1, this_1, _b, _c, field, _d, _e, field, validations, e_1_1;
|
|
1523
|
+
var e_2, _f, e_1, _g;
|
|
1524
1524
|
var _this = this;
|
|
1525
1525
|
return __generator(this, function (_h) {
|
|
1526
1526
|
switch (_h.label) {
|
|
@@ -1553,57 +1553,57 @@
|
|
|
1553
1553
|
_loop_1(field);
|
|
1554
1554
|
}
|
|
1555
1555
|
}
|
|
1556
|
-
catch (
|
|
1556
|
+
catch (e_2_1) { e_2 = { error: e_2_1 }; }
|
|
1557
1557
|
finally {
|
|
1558
1558
|
try {
|
|
1559
1559
|
if (_c && !_c.done && (_f = _b.return)) _f.call(_b);
|
|
1560
1560
|
}
|
|
1561
|
-
finally { if (
|
|
1561
|
+
finally { if (e_2) throw e_2.error; }
|
|
1562
1562
|
}
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
}
|
|
1591
|
-
};
|
|
1592
|
-
this_2 = this;
|
|
1593
|
-
try {
|
|
1594
|
-
for (_d = __values(this.formFields), _e = _d.next(); !_e.done; _e = _d.next()) {
|
|
1595
|
-
field = _e.value;
|
|
1596
|
-
_loop_2(field);
|
|
1597
|
-
}
|
|
1563
|
+
_h.label = 2;
|
|
1564
|
+
case 2:
|
|
1565
|
+
_h.trys.push([2, 8, 9, 10]);
|
|
1566
|
+
_d = __values(this.formFields), _e = _d.next();
|
|
1567
|
+
_h.label = 3;
|
|
1568
|
+
case 3:
|
|
1569
|
+
if (!!_e.done) return [3 /*break*/, 7];
|
|
1570
|
+
field = _e.value;
|
|
1571
|
+
if (!field.isFormElement) return [3 /*break*/, 6];
|
|
1572
|
+
if (!field.validation.triggers.includes("ON_INIT")) return [3 /*break*/, 5];
|
|
1573
|
+
validations = new kwikidToolkit.Validation({
|
|
1574
|
+
FIELD_CONFIG: field,
|
|
1575
|
+
FORM_FIELDS: this.formFields,
|
|
1576
|
+
FORM_DATA: this.formData,
|
|
1577
|
+
PREVIOUS_FORM_DATA: this.previousFormData,
|
|
1578
|
+
ALL_FORMS_DATA: this.allFormsData
|
|
1579
|
+
}, this.takeAction.bind(this));
|
|
1580
|
+
return [4 /*yield*/, validations.validate(field.validation)];
|
|
1581
|
+
case 4:
|
|
1582
|
+
_h.sent();
|
|
1583
|
+
_h.label = 5;
|
|
1584
|
+
case 5:
|
|
1585
|
+
if (kwikidToolkit.checkObjectKeyExists(field, "connectedElements")) {
|
|
1586
|
+
this.handleConnectedElements({
|
|
1587
|
+
key: field.key,
|
|
1588
|
+
value: this.formGroup.controls[field.key].value
|
|
1589
|
+
}, "ON_INIT");
|
|
1598
1590
|
}
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1591
|
+
_h.label = 6;
|
|
1592
|
+
case 6:
|
|
1593
|
+
_e = _d.next();
|
|
1594
|
+
return [3 /*break*/, 3];
|
|
1595
|
+
case 7: return [3 /*break*/, 10];
|
|
1596
|
+
case 8:
|
|
1597
|
+
e_1_1 = _h.sent();
|
|
1598
|
+
e_1 = { error: e_1_1 };
|
|
1599
|
+
return [3 /*break*/, 10];
|
|
1600
|
+
case 9:
|
|
1601
|
+
try {
|
|
1602
|
+
if (_e && !_e.done && (_g = _d.return)) _g.call(_d);
|
|
1605
1603
|
}
|
|
1606
|
-
|
|
1604
|
+
finally { if (e_1) throw e_1.error; }
|
|
1605
|
+
return [7 /*endfinally*/];
|
|
1606
|
+
case 10: return [2 /*return*/];
|
|
1607
1607
|
}
|
|
1608
1608
|
});
|
|
1609
1609
|
});
|
|
@@ -1861,7 +1861,7 @@
|
|
|
1861
1861
|
this.formData[e.key] = convertFormFieldValueToStandardFormat(field, e.value);
|
|
1862
1862
|
if (field.isFormElement &&
|
|
1863
1863
|
field.validation.triggers.includes("ON_CHANGE")) {
|
|
1864
|
-
var
|
|
1864
|
+
var validations_1 = new kwikidToolkit.Validation({
|
|
1865
1865
|
FIELD_CONFIG: field,
|
|
1866
1866
|
FORM_FIELDS: this.formFields,
|
|
1867
1867
|
FORM_DATA: this.formData,
|
|
@@ -1871,7 +1871,7 @@
|
|
|
1871
1871
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
1872
1872
|
return __generator(this, function (_a) {
|
|
1873
1873
|
switch (_a.label) {
|
|
1874
|
-
case 0: return [4 /*yield*/,
|
|
1874
|
+
case 0: return [4 /*yield*/, validations_1.validate(field.validation)];
|
|
1875
1875
|
case 1:
|
|
1876
1876
|
_a.sent();
|
|
1877
1877
|
return [2 /*return*/];
|
|
@@ -2018,105 +2018,112 @@
|
|
|
2018
2018
|
});
|
|
2019
2019
|
};
|
|
2020
2020
|
KwikIDFormViewComponent.prototype.handleOnClickSaveForm = function (e) {
|
|
2021
|
-
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
}
|
|
2042
|
-
finally { if (e_9) throw e_9.error; }
|
|
2043
|
-
}
|
|
2044
|
-
var _loop_3 = function (field) {
|
|
2045
|
-
if (field.isFormElement &&
|
|
2046
|
-
field.validation.triggers.includes("ON_SAVE")) {
|
|
2047
|
-
var validations_3 = new kwikidToolkit.Validation({
|
|
2048
|
-
FIELD_CONFIG: field,
|
|
2049
|
-
FORM_FIELDS: this_3.formFields,
|
|
2050
|
-
FORM_DATA: this_3.formData,
|
|
2051
|
-
PREVIOUS_FORM_DATA: this_3.previousFormData,
|
|
2052
|
-
ALL_FORMS_DATA: this_3.allFormsData
|
|
2053
|
-
}, this_3.takeAction.bind(this_3));
|
|
2054
|
-
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
2055
|
-
return __generator(this, function (_a) {
|
|
2056
|
-
switch (_a.label) {
|
|
2057
|
-
case 0: return [4 /*yield*/, validations_3.validate(field.validation)];
|
|
2058
|
-
case 1:
|
|
2059
|
-
_a.sent();
|
|
2060
|
-
return [2 /*return*/];
|
|
2021
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
2022
|
+
var formData, _a, _b, field, controls, firstFieldWithError, controls_1, controls_1_1, control, _c, _d, field, validations, e_9_1;
|
|
2023
|
+
var e_10, _e, e_11, _f, e_9, _g;
|
|
2024
|
+
var _this = this;
|
|
2025
|
+
return __generator(this, function (_h) {
|
|
2026
|
+
switch (_h.label) {
|
|
2027
|
+
case 0:
|
|
2028
|
+
formData = this.formGroup.getRawValue();
|
|
2029
|
+
try {
|
|
2030
|
+
for (_a = __values(this.formFields), _b = _a.next(); !_b.done; _b = _a.next()) {
|
|
2031
|
+
field = _b.value;
|
|
2032
|
+
if (field.isFormElement) {
|
|
2033
|
+
if (field.hidden) {
|
|
2034
|
+
delete formData[field.key];
|
|
2035
|
+
}
|
|
2036
|
+
else {
|
|
2037
|
+
formData[field.key] = convertFormFieldValueToStandardFormat(field, formData[field.key]);
|
|
2038
|
+
}
|
|
2039
|
+
}
|
|
2040
|
+
}
|
|
2061
2041
|
}
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2042
|
+
catch (e_10_1) { e_10 = { error: e_10_1 }; }
|
|
2043
|
+
finally {
|
|
2044
|
+
try {
|
|
2045
|
+
if (_b && !_b.done && (_e = _a.return)) _e.call(_a);
|
|
2046
|
+
}
|
|
2047
|
+
finally { if (e_10) throw e_10.error; }
|
|
2048
|
+
}
|
|
2049
|
+
if (this.formGroup.invalid) {
|
|
2050
|
+
controls = new FormValidation().getFormFieldsInvalidControls(this.formGroup);
|
|
2051
|
+
firstFieldWithError = "";
|
|
2052
|
+
try {
|
|
2053
|
+
for (controls_1 = __values(controls), controls_1_1 = controls_1.next(); !controls_1_1.done; controls_1_1 = controls_1.next()) {
|
|
2054
|
+
control = controls_1_1.value;
|
|
2055
|
+
if (control.invalid && kwikidToolkit.isEmptyValue(firstFieldWithError)) {
|
|
2056
|
+
firstFieldWithError = control.key;
|
|
2057
|
+
}
|
|
2058
|
+
this.formFields = showFormFieldError(this.formFields, this.formGroup.controls[control.key].errors, control.key, control.invalid);
|
|
2059
|
+
}
|
|
2060
|
+
}
|
|
2061
|
+
catch (e_11_1) { e_11 = { error: e_11_1 }; }
|
|
2062
|
+
finally {
|
|
2063
|
+
try {
|
|
2064
|
+
if (controls_1_1 && !controls_1_1.done && (_f = controls_1.return)) _f.call(controls_1);
|
|
2065
|
+
}
|
|
2066
|
+
finally { if (e_11) throw e_11.error; }
|
|
2067
|
+
}
|
|
2068
|
+
this.toggleErrorNotification(true);
|
|
2069
|
+
setTimeout(function () {
|
|
2070
|
+
_this.toggleErrorNotification(false);
|
|
2071
|
+
}, 3000);
|
|
2072
|
+
return [2 /*return*/];
|
|
2073
|
+
}
|
|
2074
|
+
_h.label = 1;
|
|
2075
|
+
case 1:
|
|
2076
|
+
_h.trys.push([1, 6, 7, 8]);
|
|
2077
|
+
_c = __values(this.formFields), _d = _c.next();
|
|
2078
|
+
_h.label = 2;
|
|
2079
|
+
case 2:
|
|
2080
|
+
if (!!_d.done) return [3 /*break*/, 5];
|
|
2081
|
+
field = _d.value;
|
|
2082
|
+
if (!(field.isFormElement &&
|
|
2083
|
+
field.validation.triggers.includes("ON_SAVE"))) return [3 /*break*/, 4];
|
|
2084
|
+
validations = new kwikidToolkit.Validation({
|
|
2085
|
+
FIELD_CONFIG: field,
|
|
2086
|
+
FORM_FIELDS: this.formFields,
|
|
2087
|
+
FORM_DATA: this.formData,
|
|
2088
|
+
PREVIOUS_FORM_DATA: this.previousFormData,
|
|
2089
|
+
ALL_FORMS_DATA: this.allFormsData
|
|
2090
|
+
}, this.takeAction.bind(this));
|
|
2091
|
+
return [4 /*yield*/, validations.validate(field.validation)];
|
|
2092
|
+
case 3:
|
|
2093
|
+
_h.sent();
|
|
2094
|
+
if (!field.validation.is_valid) {
|
|
2095
|
+
this.toggleErrorNotification(true);
|
|
2096
|
+
setTimeout(function () {
|
|
2097
|
+
_this.toggleErrorNotification(false);
|
|
2098
|
+
}, 3000);
|
|
2099
|
+
return [2 /*return*/];
|
|
2100
|
+
}
|
|
2101
|
+
_h.label = 4;
|
|
2102
|
+
case 4:
|
|
2103
|
+
_d = _c.next();
|
|
2104
|
+
return [3 /*break*/, 2];
|
|
2105
|
+
case 5: return [3 /*break*/, 8];
|
|
2106
|
+
case 6:
|
|
2107
|
+
e_9_1 = _h.sent();
|
|
2108
|
+
e_9 = { error: e_9_1 };
|
|
2109
|
+
return [3 /*break*/, 8];
|
|
2110
|
+
case 7:
|
|
2111
|
+
try {
|
|
2112
|
+
if (_d && !_d.done && (_g = _c.return)) _g.call(_c);
|
|
2113
|
+
}
|
|
2114
|
+
finally { if (e_9) throw e_9.error; }
|
|
2115
|
+
return [7 /*endfinally*/];
|
|
2116
|
+
case 8:
|
|
2117
|
+
Object.keys(formData).map(function (key) {
|
|
2118
|
+
if (kwikidToolkit.isEmptyValue(formData[key])) {
|
|
2119
|
+
formData[key] = "";
|
|
2120
|
+
}
|
|
2121
|
+
});
|
|
2122
|
+
this.onClickSaveForm.emit({ formConfig: this.formConfig, data: formData });
|
|
2123
|
+
return [2 /*return*/];
|
|
2105
2124
|
}
|
|
2106
|
-
|
|
2107
|
-
}
|
|
2108
|
-
this.toggleErrorNotification(true);
|
|
2109
|
-
setTimeout(function () {
|
|
2110
|
-
_this.toggleErrorNotification(false);
|
|
2111
|
-
}, 3000);
|
|
2112
|
-
return;
|
|
2113
|
-
}
|
|
2114
|
-
Object.keys(formData).map(function (key) {
|
|
2115
|
-
if (kwikidToolkit.isEmptyValue(formData[key])) {
|
|
2116
|
-
formData[key] = "";
|
|
2117
|
-
}
|
|
2125
|
+
});
|
|
2118
2126
|
});
|
|
2119
|
-
this.onClickSaveForm.emit({ formConfig: this.formConfig, data: formData });
|
|
2120
2127
|
};
|
|
2121
2128
|
KwikIDFormViewComponent.prototype.toggleErrorNotification = function (show) {
|
|
2122
2129
|
this.showErrorNotification = show;
|
|
@@ -3898,33 +3905,34 @@
|
|
|
3898
3905
|
* @param e any
|
|
3899
3906
|
*/
|
|
3900
3907
|
KwikIDFormsRendererComponent.prototype.handleOnClickSubmitForms = function (e) {
|
|
3901
|
-
|
|
3902
|
-
|
|
3903
|
-
var
|
|
3904
|
-
|
|
3905
|
-
|
|
3906
|
-
|
|
3907
|
-
|
|
3908
|
-
|
|
3909
|
-
|
|
3910
|
-
|
|
3911
|
-
|
|
3912
|
-
|
|
3913
|
-
|
|
3914
|
-
|
|
3915
|
-
|
|
3916
|
-
|
|
3917
|
-
|
|
3918
|
-
|
|
3919
|
-
|
|
3920
|
-
|
|
3921
|
-
|
|
3922
|
-
}
|
|
3923
|
-
|
|
3924
|
-
|
|
3925
|
-
|
|
3926
|
-
|
|
3927
|
-
|
|
3908
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
3909
|
+
var validations;
|
|
3910
|
+
var _this = this;
|
|
3911
|
+
return __generator(this, function (_d) {
|
|
3912
|
+
switch (_d.label) {
|
|
3913
|
+
case 0:
|
|
3914
|
+
if (!this.userConfig.userFormFieldsConfig.validation) return [3 /*break*/, 2];
|
|
3915
|
+
validations = new kwikidToolkit.Validation({
|
|
3916
|
+
FORMS_LIST: this.formsList,
|
|
3917
|
+
ALL_FORMS_DATA: this.formsData
|
|
3918
|
+
}, this.takeAction.bind(this));
|
|
3919
|
+
return [4 /*yield*/, validations.validate(this.userConfig.userFormFieldsConfig.validation)];
|
|
3920
|
+
case 1:
|
|
3921
|
+
_d.sent();
|
|
3922
|
+
if (this.userConfig.userFormFieldsConfig.status === "completed") {
|
|
3923
|
+
this.onClickSubmit.emit(e);
|
|
3924
|
+
}
|
|
3925
|
+
else {
|
|
3926
|
+
this.toggleErrorNotification(true);
|
|
3927
|
+
setTimeout(function () {
|
|
3928
|
+
_this.toggleErrorNotification(false);
|
|
3929
|
+
}, 3000);
|
|
3930
|
+
}
|
|
3931
|
+
_d.label = 2;
|
|
3932
|
+
case 2: return [2 /*return*/];
|
|
3933
|
+
}
|
|
3934
|
+
});
|
|
3935
|
+
});
|
|
3928
3936
|
};
|
|
3929
3937
|
/**
|
|
3930
3938
|
* Miscellaneous Methods
|