tuain-ng-forms-lib 12.0.2 → 12.0.3

package/fesm2015/tuain-ng-forms-lib.js

@@ -51,50 +51,22 @@ ActionComponent.propDecorators = {
     showLabel: [{ type: Input }]
 };
 
-const MONITORED_ATTRIBUTES = {
-    _maxLength: 'maxLength',
-    _onValidation: 'onValidation',
-    _fieldValue: 'value',
-    captureType: 'captureType',
-    fieldTitle: 'title',
-    fieldType: 'type',
-    errorMessage: 'errorMessage',
-    errorType: 'errorType',
-    errorCode: 'errorCode',
-    visibleLabel: 'visibleLabel',
-    fieldRequired: 'required',
-    fieldOptions: 'options',
-};
 class FieldComponent {
     ngOnInit() {
-        var _a;
+        var _a, _b;
         if (this.fieldObject) {
             this.formConfig = (_a = this.fieldObject) === null || _a === void 0 ? void 0 : _a._formConfig;
-            // Atributos estáticos
-            this.code = this.fieldObject.fieldCode;
-            this.fieldInfo = this.fieldObject.fieldInfo;
-            this.fieldAlignment = this.fieldObject.fieldAlignment;
-            this.tooltipText = this.fieldObject.tooltipText;
-            // Cargue inicial
-            this.maxLength = this.fieldObject._maxLength;
-            this.onValidation = this.fieldObject._onValidation;
-            this.value = this.fieldObject._fieldValue;
-            this.captureType = this.fieldObject.captureType;
-            this.title = this.fieldObject.fieldTitle;
-            this.type = this.fieldObject.fieldType;
-            this.errorMessage = this.fieldObject.errorMessage;
-            this.errorType = this.fieldObject.errorType;
-            this.errorCode = this.fieldObject.errorCode;
-            this.visibleLabel = this.fieldObject.visibleLabel;
-            this.required = this.fieldObject.fieldRequired;
-            this.options = this.fieldObject.fieldOptions;
-            this.fieldObject.widget = this;
-            // Atributos dinámicos
+            // Inicialización
+            const mapping = Object.entries(this.formConfig.componentFieldAttrMap);
+            for (let index = 0; index < mapping.length; index++) {
+                const [fieldAttr, compAttr] = mapping[index];
+                this[compAttr.toString()] = (_b = this.fieldObject) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
+            }
+            // Subscripción a cambios en atributos
             this.fieldObject.attributeChange.subscribe(event => {
-                const { name, value } = event;
-                if (this[MONITORED_ATTRIBUTES[name]]) {
-                    this[MONITORED_ATTRIBUTES[name]] = value;
-                }
+                const { name: fieldAttr, value } = event;
+                const compAttr = this.formConfig.componentFieldAttrMap[fieldAttr];
+                this.hasOwnProperty(compAttr) && (this[compAttr] = value);
             });
         }
         this.start();
@@ -245,6 +217,8 @@ class Filter {
     }
 }
 
+const NO_ERROR = '00';
+const HEADER$1 = 'HEADER';
 const elementTypes = {
     action: 'ACTION',
     field: 'FIELD',
@@ -1276,7 +1250,7 @@ class RecordFormSection {
     supportMode(state) { return this.viewOnState(state); }
 }
 
-const HEADER$1 = 'HEADER';
+const HEADER = 'HEADER';
 class FormAction extends FormElement {
     constructor(actionDefinition, formConfig) {
         var _a, _b;
@@ -1287,7 +1261,7 @@ class FormAction extends FormElement {
         this.actionCode = actionDefinition.actionCode ? actionDefinition.actionCode.toString() : '';
         this.actionName = actionDefinition.actionTitle;
         this.iconName = actionDefinition.iconName || this.actionCode;
-        this.location = actionDefinition.position || HEADER$1;
+        this.location = actionDefinition.position || HEADER;
         this.backend = (_a = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.serverAction) !== null && _a !== void 0 ? _a : false;
         this.newState = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.newState;
         this.customAttributes = (_b = actionDefinition === null || actionDefinition === void 0 ? void 0 : actionDefinition.customAttributes) !== null && _b !== void 0 ? _b : null;
@@ -1450,10 +1424,11 @@ class FieldDescriptor extends FormElement {
     clean() { this.setValue(this.defaultValue || ''); }
     get backend() { return this.validateOnServer; }
     setEditable(editable = true) { (editable) ? this.enable() : this.disable(); }
-    hasError() { return this.errorCode !== '00'; }
+    hasError() { return this.errorCode !== NO_ERROR; }
+    resetError() { (this.errorCode !== NO_ERROR) && this.setError(NO_ERROR, null); }
     setError(code, message, type = DEFAULT_ERROR_TYPE) {
-        this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : '00');
-        this.setAttr(fldAttr.errorType, (this.errorCode === '00') ? '' : type);
+        this.setAttr(fldAttr.errorCode, code !== null && code !== void 0 ? code : NO_ERROR);
+        this.setAttr(fldAttr.errorType, (this.errorCode === NO_ERROR) ? '' : type);
         this.setAttr(fldAttr.errorMessage, message !== null && message !== void 0 ? message : '');
     }
     getError() { return { type: this.errorType, code: this.errorCode, message: this.errorMessage }; }
@@ -1646,8 +1621,6 @@ class FieldDescriptor extends FormElement {
     }
 }
 
-const HEADER = 'HEADER';
-const NO_ERROR = '00';
 class FormStructureAndData {
     constructor(definitionReceived, formConfig) {
         this._fieldsObj = {};
@@ -1832,7 +1805,7 @@ class FormStructureAndData {
         return this._actions;
     }
     getHeaderActions() {
-        return this._actions.filter(actionItem => actionItem.location === HEADER);
+        return this._actions.filter(actionItem => actionItem.location === HEADER$1);
     }
     getFieldObject(elementId) {
         return (this._fieldsObj && elementId && this._fieldsObj[elementId])
@@ -2694,7 +2667,7 @@ class BasicFormComponent {
         this.errorDetail = recordResponse.errorDetail;
     }
     errorOccured() {
-        return (this.errorCode !== '00');
+        return (this.errorCode !== NO_ERROR);
     }
     changeState(state) { return this.formStructure.changeState(state); }
     changeFormMode(state) { return this.changeState(state); }
@@ -2710,7 +2683,7 @@ class BasicFormComponent {
                 formData: this.formStructure.getPayload(),
                 immutableData: this.formStructure.immutableData,
             };
-            this.errorCode = '00';
+            this.errorCode = NO_ERROR;
             this.errorMessage = '';
             this.errorDetail = '';
             this.inServerProcess = true;
@@ -2929,8 +2902,7 @@ class BasicFormComponent {
             if (!fieldToValidate) {
                 return false;
             }
-            fieldToValidate.setErrorMessage('');
-            fieldToValidate.setErrorCode('00');
+            fieldToValidate.resetError();
             const validationCallbacks = this.fieldInputValidation[fieldCode];
             if (validationCallbacks) {
                 const clientValidationPromises = [];
@@ -2948,8 +2920,7 @@ class BasicFormComponent {
             if (!fieldToValidate || !intrinsicValidation) {
                 return;
             }
-            fieldToValidate.setErrorMessage('');
-            fieldToValidate.setErrorCode('00');
+            fieldToValidate.resetError();
             const validationCallbacks = this.fieldValidationsStart[fieldCode];
             if (validationCallbacks) {
                 const clientValidationPromises = [];