tuain-ng-forms-lib 14.5.10 → 14.5.26

package/fesm2020/tuain-ng-forms-lib.mjs

@@ -126,6 +126,7 @@ class FieldComponent extends ElementComponent {
         }
         this.formConfig = this.field?._formConfig;
         const mapping = Object.entries(this.formConfig?.fieldPropagateAttributes);
+        const customAttributesMapping = this.formConfig?.propagationCustomAttributes.fields ?? [];
         for (let index = 0; index < mapping.length; index++) {
             const fieldAttr = mapping[index]?.[0];
             const componentAttr = mapping[index]?.[1]?.toString() ?? '';
@@ -135,6 +136,18 @@ class FieldComponent extends ElementComponent {
                 this.customProcessAttributeChange(componentAttr, value);
             }
         }
+        // Atributos personalizados
+        for (let index = 0; index < customAttributesMapping.length; index++) {
+            const customAttribute = customAttributesMapping[index];
+            if (customAttribute) {
+                const value = this.field?.getCustomAttribute(customAttribute);
+                const fullName = `customAttributes.${customAttribute}`;
+                if (value) {
+                    this.defaultProcessAttributeChange(fullName, value);
+                    this.customProcessAttributeChange(fullName, value);
+                }
+            }
+        }
         // Subscripción a cambios en atributos
         this.field?.attributeChange.subscribe(event => {
             const { name: componentAttr, value } = event;
@@ -298,6 +311,7 @@ const INLINE_ACTION$1 = 'INLINE';
 class LibTableRecordActionComponent extends PieceComponent {
     constructor() {
         super(...arguments);
+        this.isVisible = true;
         this.actionSelected = new EventEmitter();
     }
     ngOnInit() {
@@ -309,20 +323,25 @@ class LibTableRecordActionComponent extends PieceComponent {
             this.defaultProcessAttributeChange(attrName, attributeValue);
             this.customProcessAttributeChange(attrName, attributeValue);
         }
-        // Subscripción a cambios en atributos
-        this.action?.attributeChange.subscribe(event => {
-            const { name: attrName, value } = event;
-            this.defaultProcessAttributeChange(attrName, value);
-            this.customProcessAttributeChange(attrName, value);
-        });
         this.start();
     }
     start() {
-        this.action?.setRecodData(this.recordData);
+        if (this.action && this.action.restrictedOnField && this.recordData) {
+            const relatedField = this.recordData[this.action.restrictedOnField];
+            if (relatedField) {
+                const fieldValue = relatedField;
+                const restrictionOper = this.action.restrictedOnOperator;
+                const restrictionValue = this.action.restrictedOnValue;
+                if ((restrictionOper === '==' && fieldValue !== restrictionValue)
+                    || (restrictionOper === '!=' && fieldValue === restrictionValue)) {
+                    this.isVisible = false;
+                }
+            }
+        }
     }
     onActivate() {
         const tableEvent = {
-            actionCode: this.action.actionCode,
+            actionCode: this.action?.actionCode ?? '',
             recordId: this.recordId,
             recordData: this.recordData,
         };
@@ -494,8 +513,8 @@ class FormPiece {
         this._formState = '';
         this._absoluteVisible = true;
         this._absoluteDisabled = false;
-        this.visibleStates = null;
-        this.enabledStates = null;
+        this.visibleStates = [];
+        this.enabledStates = [];
         this._form = null;
         this._visible = true;
         this._disabled = false;
@@ -527,13 +546,35 @@ class FormPiece {
         const visibleStates = (!Array.isArray(newStates) && typeof newStates === 'string')
             ? newStates.split(',').map(state => state.trim()).filter(state => state.length > 0)
             : newStates;
-        this.visibleStates = (Array.isArray(visibleStates)) ? visibleStates : [];
+        this.visibleStates = (Array.isArray(visibleStates)) ? [...(new Set(visibleStates))] : [];
+    }
+    addVisibleState(state) {
+        if (!this.visibleStates.includes(state)) {
+            this.visibleStates.push(state);
+        }
+    }
+    removeVisibleState(state) {
+        const existStateIdx = this.visibleStates.findIndex(st => st === state);
+        if (existStateIdx >= 0) {
+            this.visibleStates.splice(existStateIdx, 1);
+        }
     }
     setEnabledStates(newStates) {
         const enabledStates = (!Array.isArray(newStates) && typeof newStates === 'string')
             ? newStates.split(',').map(state => state.trim()).filter(state => state.length > 0)
             : newStates;
-        this.enabledStates = (Array.isArray(enabledStates)) ? enabledStates : [];
+        this.enabledStates = (Array.isArray(enabledStates)) ? [...(new Set(enabledStates))] : [];
+    }
+    addEnabledState(state) {
+        if (!this.enabledStates.includes(state)) {
+            this.enabledStates.push(state);
+        }
+    }
+    removeEnabledState(state) {
+        const existStateIdx = this.enabledStates.findIndex(st => st === state);
+        if (existStateIdx >= 0) {
+            this.enabledStates.splice(existStateIdx, 1);
+        }
     }
     viewOnState(state) { return (this.visibleStates && state) ? this.visibleStates.includes(state) : false; }
     enabledOnState(state) { return (this.enabledStates && state) ? this.enabledStates.includes(state) : false; }
@@ -601,7 +642,8 @@ class FormPiecePropagate extends FormPiece {
     setCustomAttribute(name, value) {
         super.setCustomAttribute(name, value);
         if (this.propagationCustomAttributes?.includes(name)) {
-            this.propagateAttribute(name, value);
+            const fullName = `customAttributes.${name}`;
+            this.propagateAttribute(fullName, value);
         }
     }
     setVisibility(visible, forced = null) {
@@ -661,6 +703,23 @@ class FormAction extends FormElement {
         }
         this.customValidation = () => true;
     }
+    connectWithParentForm(form, formChangeSubject) {
+        super.connectWithParentForm(form, formChangeSubject);
+        if (this.restrictedOnField) {
+            const relatedField = this._form.fields?.[this.restrictedOnField];
+            if (relatedField) {
+                relatedField.editionFinish.subscribe(event => this.updateRestrictedVisibility());
+                relatedField.editionPartial.subscribe(event => this.updateRestrictedVisibility());
+            }
+        }
+    }
+    updateRestrictedVisibility() {
+        const lastVisible = this._visible;
+        const newVisible = this._absoluteVisible && this.viewOnState(this._formState);
+        if (lastVisible !== newVisible) {
+            this.setVisibility(newVisible);
+        }
+    }
     viewOnState(state) {
         const actionVisible = (this.visibleStates && state) ? this.visibleStates.includes(state) : false;
         if (actionVisible && this._form && this.restrictedOnField) {
@@ -1214,25 +1273,6 @@ class TableAction extends FormPiece {
             this.restrictedOnOperator = actionDefinition.operatorRestricted || null;
         }
     }
-    viewOnState(state) {
-        const actionVisible = (this.visibleStates && state) ? this.visibleStates.includes(state) : false;
-        if (actionVisible && this._form && this.restrictedOnField) {
-            // Aqui se debe cambiar el campo por la columna del registro!!!!!
-            // const relatedField = this._form.fields?.[this.restrictedOnField];
-            const relatedField = this.recordData?.[this.restrictedOnField];
-            if (relatedField) {
-                const fieldValue = relatedField.value;
-                if ((this.restrictedOnOperator === '==' && fieldValue !== this.restrictedOnValue)
-                    || (this.restrictedOnOperator === '!=' && fieldValue === this.restrictedOnValue)) {
-                    return false;
-                }
-            }
-        }
-        return actionVisible;
-    }
-    setRecodData(recordData) {
-        this.recordData = recordData;
-    }
 }
 
 class TableRecordData {
@@ -1601,23 +1641,70 @@ class RecordTable extends FormElement {
     }
     updateFromServer(tableReceived) {
         this.requestedPage = 1;
-        this.visible = tableReceived?.visible || true;
-        this.totalPages = tableReceived.totalPages || 1;
-        this.recordsNumber = tableReceived.recordsNumber;
-        this.setAttr(attrs.currentPage, +tableReceived?.currentPage || 1);
-        this.setAttr(attrs.recordsPerPage, +tableReceived.recordsPerPage);
-        this.setAttr(attrs.totalRecordsNumber, (this.clientPaging) ? tableReceived.tableRecords.length : +tableReceived.totalRecordsNumber);
-        this.setAttr(attrs.sorting, {
-            columnName: tableReceived.sortingColumn || '',
-            direction: tableReceived.sortingDirection || ''
-        });
-        this.waiting = false;
-        if (!this._appendPages) {
-            this.replaceRecords(tableReceived.tableRecords);
+        const { visible = true, totalPages = 1, recordsNumber, currentPage = 1, recordsPerPage, totalRecordsNumber, sortingColumn, sortingDirection, tableRecords, actions, fields, } = tableReceived;
+        this.visible = visible;
+        if (actions) {
+            Object.keys(actions).forEach(actionCode => {
+                const tblAction = this.getAction(actionCode);
+                const actionReceived = actions[actionCode];
+                if (actionReceived.visible === true || actionReceived.visible === false) {
+                    (actionReceived.visible === true) && tblAction.show();
+                    (actionReceived.visible === false) && tblAction.hide();
+                }
+                if (actionReceived.enabled === true || actionReceived.enabled === false) {
+                    (actionReceived.enabled === true) && tblAction.enable();
+                    (actionReceived.enabled === false) && tblAction.disable();
+                }
+                if (actionReceived.showOnStates) {
+                    actionReceived.showOnStates?.forEach(newState => {
+                        tblAction.addVisibleState(newState);
+                    });
+                }
+                if (actionReceived.hideOnStates) {
+                    actionReceived.hideOnStates?.forEach(newState => {
+                        tblAction.removeVisibleState(newState);
+                    });
+                }
+                if (actionReceived.enableOnStates) {
+                    actionReceived.enableOnStates?.forEach(newState => {
+                        tblAction.addEnabledState(newState);
+                    });
+                }
+                if (actionReceived.disableOnStates) {
+                    actionReceived.disableOnStates?.forEach(newState => {
+                        tblAction.removeEnabledState(newState);
+                    });
+                }
+            });
         }
-        else {
-            this.appendRecords(tableReceived.tableRecords);
+        if (fields) {
+            Object.keys(fields).forEach(fieldCode => {
+                const tblField = this.columnDefinition(fieldCode);
+                const fieldReceived = fields[fieldCode];
+                if (fieldReceived.visible === true || fieldReceived.visible === false) {
+                    (fieldReceived.visible === true) && tblField.show();
+                    (fieldReceived.visible === false) && tblField.hide();
+                }
+            });
         }
+        if (tableRecords) {
+            this.totalPages = totalPages;
+            this.recordsNumber = recordsNumber;
+            this.setAttr(attrs.currentPage, +currentPage);
+            this.setAttr(attrs.recordsPerPage, +recordsPerPage);
+            this.setAttr(attrs.totalRecordsNumber, (this.clientPaging) ? tableRecords.length : +totalRecordsNumber);
+            this.setAttr(attrs.sorting, {
+                columnName: sortingColumn || '',
+                direction: sortingDirection || ''
+            });
+            if (!this._appendPages) {
+                this.replaceRecords(tableRecords);
+            }
+            else {
+                this.appendRecords(tableRecords);
+            }
+        }
+        this.waiting = false;
         this.updateVisibleRecords();
     }
     getTableRecord(recordId) {
@@ -2500,6 +2587,7 @@ class LibFileManagementService {
     openFile(fileBase64Data, fileName, fileType) { }
     saveFileFromURL(fileUrl, fullFileName = null) { }
     saveFile(fileBase64Data, fileName, fileType) { }
+    printPdfFile(pdfBufferData) { }
 }
 
 const PAYLOAD_VERSION = 'TUAINEXCHANGE_1.0';