tuain-ng-forms-lib 0.12.17 → 0.12.21

package/README.md

@@ -306,6 +306,7 @@ This set of methods allow subclass to access and modify fields in the form.
 | `setFieldValue` | Change the current value of a field |
 | `setFieldErrorMessage` | Defines an error message for a field |
 | `setFieldOptions` | Define the posible values of the field with an array of values and description text |
+| `setFieldRequired` | Change an status attribute of the field to determine if it is required |
 | `applyProcessToFieldSet` | Execute a process on all the fields specified in an array, section or sub-section. If the fields are not specified, the execition will be over the whole set of fields in the form `(processFunc, fieldArray?, sectionCode?, subSectionCode?)`|
 | `cleanFields` | Clean all the fields specified in an array, section or sub-section using their default value. If the fields are not specified, the execition will be over the whole set of fields in the form `(fieldArray?, sectionCode?, subSectionCode?)`|
 | `getRequiredFields` | Obtain all the required fields specified in an array, section or sub-section using their default value. If the fields are not specified, the execition will be over the whole set of fields in the form `(fieldArray?, sectionCode?, subSectionCode?)`|
@@ -408,4 +409,4 @@ but common operations in the forms.
 
 ## License
 
-[MIT](https://choosealicense.com/licenses/mit/)
+[MIT](https://choosealicense.com/licenses/mit/)

package/bundles/tuain-ng-forms-lib.umd.js

@@ -1365,17 +1365,17 @@
             if (!this.sorting.columnName || !this.sorting.direction) {
                 return;
             }
-            this.tableRecords = this.tableRecords
-                .sort(function (a, b) { return _this.recordCompare(a, b, _this.sorting.columnName, _this.sorting.direction); });
+            this.tableRecords.sort(function (a, b) { return _this.recordCompare(a, b, _this.sorting.columnName, _this.sorting.direction); });
+            this.updateVisibleRecords();
         };
         RecordTable.prototype.recordCompare = function (recordA, recordB, columnCompare, direction) {
             var recordAColumn = recordA.getFieldValue(columnCompare);
             var recordBColumn = recordB.getFieldValue(columnCompare);
             var result = 0;
-            if (recordAColumn.fieldValue < recordBColumn.fieldValue) {
+            if (recordAColumn < recordBColumn) {
                 result = -1;
             }
-            else if (recordAColumn.fieldValue > recordBColumn.fieldValue) {
+            else if (recordAColumn > recordBColumn) {
                 result = 1;
             }
             return direction === componentConstants.TABLE_SORT_ASCENDING ? result : -result;
@@ -1937,13 +1937,40 @@
     var FIELD_TOOLTIP = 'tooltipText';
     var FIELD_INFO = 'info';
     var FIELD_EDITABLE = 'editable';
+    var EMAIL_FORMAT = '^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$';
+    // Norbey ".+@([\da-z\.-]+)\.([a-z\.]{2,6})"
+    var FIELD_TYPES = {
+        array: 'ARRAY',
+        check: 'CHECK',
+        date: 'DATE',
+        daterange: 'DATERANGE',
+        time: 'TIME',
+        timerange: 'TIMERANGE',
+        map: 'MAP',
+        number: 'NUMBER',
+        decimal: 'DECIMAL',
+        currency: 'CURRENCY',
+        select: 'SELECT',
+        typeahead: 'TYPEAHEAD',
+        text: 'TEXT',
+        password: 'PASSWORD',
+        label: 'LABEL',
+        html: 'HTML',
+        title: 'TITLE',
+        message: 'MESSAGE',
+        link: 'LINK',
+        warning: 'WARNING',
+        avatar: 'AVATAR',
+        email: 'EMAIL',
+        phone: 'PHONE',
+    };
     var STD_MAX_LENGTH = 50;
     var BIG_MAX_LENGTH = 500;
     var FieldDescriptor = /** @class */ (function (_super) {
         __extends(FieldDescriptor, _super);
         function FieldDescriptor(inputFieldReceived) {
             var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             _this = _super.call(this, inputFieldReceived) || this;
             _this._editionFinish = new rxjs.Subject();
             _this._editionPartial = new rxjs.Subject();
@@ -1970,9 +1997,12 @@
             _this.defaultEditable = _this.enabled;
             _this.fieldRequired = (_f = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.required) !== null && _f !== void 0 ? _f : false;
             _this.errorMessage = fieldReceived.errorMessage || '';
-            _this.errorCode = fieldReceived.errorCode || '00';
-            _this.outputOnly = (_g = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.outputOnly) !== null && _g !== void 0 ? _g : false;
+            _this.errorCode = (_g = fieldReceived.errorCode) !== null && _g !== void 0 ? _g : '00';
+            _this.outputOnly = (_h = fieldReceived === null || fieldReceived === void 0 ? void 0 : fieldReceived.outputOnly) !== null && _h !== void 0 ? _h : false;
             _this.setFieldOptions(fieldReceived.fieldOptions);
+            _this._intrinsicErrorMessage = (_this.fieldType === FIELD_TYPES.email)
+                ? "El valor de " + _this.fieldTitle + " no corresponde a un correo v\u00E1lido"
+                : "El valor de " + _this.fieldTitle + " no se ajusta al formato establecido";
             return _this;
         }
         Object.defineProperty(FieldDescriptor.prototype, "name", {
@@ -1995,6 +2025,18 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(FieldDescriptor.prototype, "validating", {
+            get: function () { return this._onValidation; },
+            set: function (isValidating) { this._onValidation = isValidating; },
+            enumerable: false,
+            configurable: true
+        });
+        FieldDescriptor.prototype.setIntrinsicErrorMessage = function (message) { this._intrinsicErrorMessage = message; };
+        Object.defineProperty(FieldDescriptor.prototype, "intrinsicErrorMessage", {
+            set: function (message) { this.setIntrinsicErrorMessage(message); },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(FieldDescriptor.prototype, "fieldValue", {
             get: function () { return this.getValue(); },
             enumerable: false,
@@ -2025,9 +2067,29 @@
             enumerable: false,
             configurable: true
         });
-        FieldDescriptor.prototype.notifyEditionPartial = function () { this._editionPartial.next(this.fieldCode); };
-        FieldDescriptor.prototype.notifyEditionFinish = function () { this._editionFinish.next(this.fieldCode); };
-        FieldDescriptor.prototype.notifyEditionDetailRequest = function () { this._detailRequest.next(this.fieldCode); };
+        FieldDescriptor.prototype.notifyEditionPartial = function () {
+            var intrinsicValidation = true;
+            this._editionPartial.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
+        };
+        FieldDescriptor.prototype.notifyEditionFinish = function () {
+            var intrinsicValidation = true;
+            var fieldExpression = (this.fieldType === FIELD_TYPES.email) ? EMAIL_FORMAT : this.fieldFormat;
+            var fieldFormat = new RegExp(fieldExpression);
+            var fieldValue = this.getValue();
+            if (fieldValue && fieldFormat) {
+                intrinsicValidation = fieldFormat.test(fieldValue);
+                if (!intrinsicValidation) {
+                    var message = (this.fieldType === FIELD_TYPES.email)
+                        ? "El valor de " + this.fieldTitle + " no corresponde a un correo v\u00E1lido"
+                        : "El valor de " + this.fieldTitle + " no se ajusta al formato establecido";
+                    this.setError('99', message);
+                }
+            }
+            this._editionFinish.next({ code: this.fieldCode, intrinsicValidation: intrinsicValidation });
+        };
+        FieldDescriptor.prototype.notifyEditionDetailRequest = function () {
+            this._detailRequest.next(this.fieldCode);
+        };
         FieldDescriptor.prototype.showLabel = function () { this.visibleLabel = true; };
         FieldDescriptor.prototype.hideLabel = function () { this.visibleLabel = false; };
         FieldDescriptor.prototype.changed = function () { this.hasChanged = true; };
@@ -2044,11 +2106,35 @@
             if (editable === void 0) { editable = true; }
             (editable) ? this.enable() : this.disable();
         };
-        FieldDescriptor.prototype.isEmpty = function () { return this.getValue() === '' || this.getValue() === undefined || this.getValue() === null; };
-        FieldDescriptor.prototype.getErrorCode = function () { return this.errorCode; };
-        FieldDescriptor.prototype.setErrorCode = function (code) { this.errorCode = code; };
-        FieldDescriptor.prototype.getErrorMessage = function () { return this.errorMessage; };
-        FieldDescriptor.prototype.setErrorMessage = function (msg) { this.errorMessage = msg; };
+        FieldDescriptor.prototype.setError = function (code, message, type) {
+            if (type === void 0) { type = 'error'; }
+            this.errorType = (code === '00') ? '' : type;
+            this.errorCode = code;
+            this.errorMessage = message;
+        };
+        FieldDescriptor.prototype.getError = function () { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; };
+        Object.defineProperty(FieldDescriptor.prototype, "error", {
+            get: function () { return this.getError(); },
+            set: function (errorObj) { this.setError(errorObj.code, errorObj.message, errorObj.type); },
+            enumerable: false,
+            configurable: true
+        });
+        FieldDescriptor.prototype.getErrorCode = function () { return this.getError().code; };
+        FieldDescriptor.prototype.setErrorCode = function (code) { this.setError(code, this.errorMessage); };
+        FieldDescriptor.prototype.getErrorMessage = function () { return this.getError().message; };
+        FieldDescriptor.prototype.setErrorMessage = function (msg) { this.setError(this.errorCode, msg); };
+        FieldDescriptor.prototype.isEmpty = function () {
+            var fieldCurrentValue = this.getValue();
+            if (fieldCurrentValue === undefined || fieldCurrentValue === null) {
+                return true;
+            }
+            if ((this.fieldType === FIELD_TYPES.array || this.fieldType === FIELD_TYPES.phone)
+                && Array.isArray(fieldCurrentValue) && fieldCurrentValue.length === 0) {
+                return true;
+            }
+            ;
+            return fieldCurrentValue === '';
+        };
         FieldDescriptor.prototype.getValue = function () {
             var _a;
             switch (this.fieldType) {
@@ -2721,6 +2807,19 @@
             var fieldObject = this.getFieldObject(fieldCode);
             return (fieldObject) ? fieldObject.setValue(fieldValue) : null;
         };
+        FormStructureAndData.prototype.setFieldError = function (code, message, type) {
+            if (type === void 0) { type = 'error'; }
+            var fieldObject = this.getFieldObject(code);
+            return (fieldObject) ? fieldObject.setError(code, message, type) : null;
+        };
+        FormStructureAndData.prototype.setFieldIntrinsicErrorMessage = function (code, message) {
+            var fieldObject = this.getFieldObject(code);
+            return (fieldObject) ? fieldObject.setIntrinsicErrorMessage(message) : null;
+        };
+        FormStructureAndData.prototype.setFieldRequired = function (fieldCode, required) {
+            var fieldObject = this.getFieldObject(fieldCode);
+            return (fieldObject) ? fieldObject.required = required : null;
+        };
         FormStructureAndData.prototype.setFieldErrorMessage = function (fieldCode, errorMessage) {
             var fieldObject = this.getFieldObject(fieldCode);
             return (fieldObject) ? fieldObject.setErrorMessage(errorMessage) : null;
@@ -3217,7 +3316,13 @@
         BasicFormComponent.prototype.getFieldsValues = function (fieldCodesArray) { return this.formStructure.getFieldsValues(fieldCodesArray); };
         BasicFormComponent.prototype.getFieldOptions = function (fieldCode) { return this.formStructure.getFieldOptions(fieldCode); };
         BasicFormComponent.prototype.setFieldValue = function (fieldCode, fieldValue) { return this.formStructure.setFieldValue(fieldCode, fieldValue); };
+        BasicFormComponent.prototype.setFieldRequired = function (fieldCode, required) { return this.formStructure.setFieldRequired(fieldCode, required); };
         BasicFormComponent.prototype.setFieldErrorMessage = function (fieldCode, errorMessage) { return this.formStructure.setFieldErrorMessage(fieldCode, errorMessage); };
+        BasicFormComponent.prototype.setFieldError = function (code, message, type) {
+            if (type === void 0) { type = 'error'; }
+            return this.formStructure.setFieldError(code, message, type);
+        };
+        BasicFormComponent.prototype.setFieldIntrinsicErrorMessage = function (code, message) { return this.formStructure.setFieldIntrinsicErrorMessage(code, message); };
         BasicFormComponent.prototype.setFieldOptions = function (fieldCode, optionsArray, idAttribute, nameAttribute) {
             return this.formStructure.setFieldOptions(fieldCode, optionsArray, idAttribute, nameAttribute);
         };
@@ -3436,8 +3541,14 @@
             var formFields = this.formStructure.getFields();
             if (Array.isArray(formFields)) {
                 formFields.forEach(function (field) {
-                    field.editionFinish.subscribe(function (code) { return _this.startFieldValidation(code); });
-                    field.editionPartial.subscribe(function (code) { return _this.startFieldInputValidation(code); });
+                    field.editionFinish.subscribe(function (event) {
+                        var code = event.code, intrinsicValidation = event.intrinsicValidation;
+                        _this.startFieldValidation(code, intrinsicValidation);
+                    });
+                    field.editionPartial.subscribe(function (event) {
+                        var code = event.code, intrinsicValidation = event.intrinsicValidation;
+                        _this.startFieldInputValidation(code, intrinsicValidation);
+                    });
                     field.detailRequest.subscribe(function (code) { return _this.showFieldInfo(code); });
                 });
             }
@@ -3465,8 +3576,9 @@
             }
         };
         BasicFormComponent.prototype.formInit = function (params) {
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var initialState, formDefinition, _g, _h, inputFieldData, fieldCode, fieldValue, recordResponse;
+                var initialState, formDefinition, _g, _h, inputFieldData, fieldCode, fieldValue, fieldCodes, index, fieldCode, fieldValue, recordResponse;
                 var e_2, _j;
                 return __generator(this, function (_k) {
                     switch (_k.label) {
@@ -3492,21 +3604,31 @@
                                 initialState = this.formStructure.defaultState;
                             }
                             this.formStructure.changeState(initialState || this.formStructure.defaultState);
-                            try {
-                                for (_g = __values(this.inputDataFields), _h = _g.next(); !_h.done; _h = _g.next()) {
-                                    inputFieldData = _h.value;
-                                    fieldCode = inputFieldData.fieldCode, fieldValue = inputFieldData.fieldValue;
-                                    if (fieldCode) {
-                                        this.setFieldValue(inputFieldData.fieldCode, fieldValue);
+                            if (Array.isArray(this.inputDataFields)) {
+                                try {
+                                    for (_g = __values(this.inputDataFields), _h = _g.next(); !_h.done; _h = _g.next()) {
+                                        inputFieldData = _h.value;
+                                        fieldCode = inputFieldData.fieldCode, fieldValue = inputFieldData.fieldValue;
+                                        if (fieldCode) {
+                                            this.setFieldValue(fieldCode, fieldValue);
+                                        }
                                     }
                                 }
+                                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                                finally {
+                                    try {
+                                        if (_h && !_h.done && (_j = _g.return)) _j.call(_g);
+                                    }
+                                    finally { if (e_2) throw e_2.error; }
+                                }
                             }
-                            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                            finally {
-                                try {
-                                    if (_h && !_h.done && (_j = _g.return)) _j.call(_g);
+                            else {
+                                fieldCodes = Object.keys((_a = this.inputDataFields) !== null && _a !== void 0 ? _a : {});
+                                for (index = 0; index < fieldCodes.length; index++) {
+                                    fieldCode = fieldCodes[index];
+                                    fieldValue = this.inputDataFields[fieldCode];
+                                    this.setFieldValue(fieldCode, fieldValue);
                                 }
-                                finally { if (e_2) throw e_2.error; }
                             }
                             return [4 /*yield*/, this.requestFormAction(componentConstants.FORMACTION_GETDATA)];
                         case 4:
@@ -3893,7 +4015,8 @@
                 _this.fieldValidationsFinish[fieldCode].push(callbackMethod);
             });
         };
-        BasicFormComponent.prototype.startFieldInputValidation = function (fieldCode) {
+        BasicFormComponent.prototype.startFieldInputValidation = function (fieldCode, intrinsicValidation) {
+            if (intrinsicValidation === void 0) { intrinsicValidation = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var fieldToValidate, validationCallbacks, clientValidationPromises, validationCallbacks_1, validationCallbacks_1_1, validationMethod, continueValidationPromise;
                 var e_10, _g;
@@ -3932,7 +4055,8 @@
                 });
             });
         };
-        BasicFormComponent.prototype.startFieldValidation = function (fieldCode) {
+        BasicFormComponent.prototype.startFieldValidation = function (fieldCode, intrinsicValidation) {
+            if (intrinsicValidation === void 0) { intrinsicValidation = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var fieldToValidate, validationCallbacks, clientValidationPromises, validationCallbacks_2, validationCallbacks_2_1, validationMethod, clientValidationPromise, clientValidationResults, continueValidation;
                 var e_11, _g;
@@ -3940,7 +4064,7 @@
                     switch (_h.label) {
                         case 0:
                             fieldToValidate = this.getField(fieldCode);
-                            if (!fieldToValidate) {
+                            if (!fieldToValidate || !intrinsicValidation) {
                                 return [2 /*return*/];
                             }
                             fieldToValidate.setErrorMessage('');
@@ -3988,6 +4112,7 @@
                             finish = true;
                             validationResult = null;
                             if (!fieldObj.backend) return [3 /*break*/, 2];
+                            fieldObj.validating = true;
                             return [4 /*yield*/, this
                                     .requestFormAction(componentConstants.FORMACTION_VALIDATE, fieldObj.fieldCode)];
                         case 1:
@@ -4005,7 +4130,9 @@
                             fieldObj.setErrorMessage(this.errorMessage);
                             this.displayValidationServerError();
                             _g.label = 5;
-                        case 5: return [2 /*return*/];
+                        case 5:
+                            fieldObj.validating = false;
+                            return [2 /*return*/];
                     }
                 });
             });