tuain-ng-forms-lib 14.5.10 → 14.5.26

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

@@ -125,23 +125,36 @@ class FieldComponent extends ElementComponent {
         this.field = null;
     }
     ngOnInit() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         if (!this.field) {
             return;
         }
         this.formConfig = (_a = this.field) === null || _a === void 0 ? void 0 : _a._formConfig;
         const mapping = Object.entries((_b = this.formConfig) === null || _b === void 0 ? void 0 : _b.fieldPropagateAttributes);
+        const customAttributesMapping = (_d = (_c = this.formConfig) === null || _c === void 0 ? void 0 : _c.propagationCustomAttributes.fields) !== null && _d !== void 0 ? _d : [];
         for (let index = 0; index < mapping.length; index++) {
-            const fieldAttr = (_c = mapping[index]) === null || _c === void 0 ? void 0 : _c[0];
-            const componentAttr = (_f = (_e = (_d = mapping[index]) === null || _d === void 0 ? void 0 : _d[1]) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : '';
+            const fieldAttr = (_e = mapping[index]) === null || _e === void 0 ? void 0 : _e[0];
+            const componentAttr = (_h = (_g = (_f = mapping[index]) === null || _f === void 0 ? void 0 : _f[1]) === null || _g === void 0 ? void 0 : _g.toString()) !== null && _h !== void 0 ? _h : '';
             if (componentAttr) {
-                const value = (_g = this.field) === null || _g === void 0 ? void 0 : _g[fieldAttr];
+                const value = (_j = this.field) === null || _j === void 0 ? void 0 : _j[fieldAttr];
                 this.defaultProcessAttributeChange(componentAttr, value);
                 this.customProcessAttributeChange(componentAttr, value);
             }
         }
+        // Atributos personalizados
+        for (let index = 0; index < customAttributesMapping.length; index++) {
+            const customAttribute = customAttributesMapping[index];
+            if (customAttribute) {
+                const value = (_k = this.field) === null || _k === void 0 ? void 0 : _k.getCustomAttribute(customAttribute);
+                const fullName = `customAttributes.${customAttribute}`;
+                if (value) {
+                    this.defaultProcessAttributeChange(fullName, value);
+                    this.customProcessAttributeChange(fullName, value);
+                }
+            }
+        }
         // Subscripción a cambios en atributos
-        (_h = this.field) === null || _h === void 0 ? void 0 : _h.attributeChange.subscribe(event => {
+        (_l = this.field) === null || _l === void 0 ? void 0 : _l.attributeChange.subscribe(event => {
             const { name: componentAttr, value } = event;
             this.defaultProcessAttributeChange(componentAttr, value);
             this.customProcessAttributeChange(componentAttr, value);
@@ -308,10 +321,11 @@ const INLINE_ACTION$1 = 'INLINE';
 class LibTableRecordActionComponent extends PieceComponent {
     constructor() {
         super(...arguments);
+        this.isVisible = true;
         this.actionSelected = new EventEmitter();
     }
     ngOnInit() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         this.formConfig = (_a = this.action) === null || _a === void 0 ? void 0 : _a._formConfig;
         const mapping = (_b = this.formConfig) === null || _b === void 0 ? void 0 : _b.actionPropagateAttributes;
         for (let index = 0; index < mapping.length; index++) {
@@ -320,21 +334,26 @@ class LibTableRecordActionComponent extends PieceComponent {
             this.defaultProcessAttributeChange(attrName, attributeValue);
             this.customProcessAttributeChange(attrName, attributeValue);
         }
-        // Subscripción a cambios en atributos
-        (_d = this.action) === null || _d === void 0 ? void 0 : _d.attributeChange.subscribe(event => {
-            const { name: attrName, value } = event;
-            this.defaultProcessAttributeChange(attrName, value);
-            this.customProcessAttributeChange(attrName, value);
-        });
         this.start();
     }
     start() {
-        var _a;
-        (_a = this.action) === null || _a === void 0 ? void 0 : _a.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() {
+        var _a, _b;
         const tableEvent = {
-            actionCode: this.action.actionCode,
+            actionCode: (_b = (_a = this.action) === null || _a === void 0 ? void 0 : _a.actionCode) !== null && _b !== void 0 ? _b : '',
             recordId: this.recordId,
             recordData: this.recordData,
         };
@@ -509,8 +528,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;
@@ -543,13 +562,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; }
@@ -619,7 +660,8 @@ class FormPiecePropagate extends FormPiece {
         var _a;
         super.setCustomAttribute(name, value);
         if ((_a = this.propagationCustomAttributes) === null || _a === void 0 ? void 0 : _a.includes(name)) {
-            this.propagateAttribute(name, value);
+            const fullName = `customAttributes.${name}`;
+            this.propagateAttribute(fullName, value);
         }
     }
     setVisibility(visible, forced = null) {
@@ -680,6 +722,24 @@ class FormAction extends FormElement {
         }
         this.customValidation = () => true;
     }
+    connectWithParentForm(form, formChangeSubject) {
+        var _a;
+        super.connectWithParentForm(form, formChangeSubject);
+        if (this.restrictedOnField) {
+            const relatedField = (_a = this._form.fields) === null || _a === void 0 ? void 0 : _a[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) {
         var _a;
         const actionVisible = (this.visibleStates && state) ? this.visibleStates.includes(state) : false;
@@ -1243,26 +1303,6 @@ class TableAction extends FormPiece {
             this.restrictedOnOperator = actionDefinition.operatorRestricted || null;
         }
     }
-    viewOnState(state) {
-        var _a;
-        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 = (_a = this.recordData) === null || _a === void 0 ? void 0 : _a[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 {
@@ -1629,23 +1669,71 @@ class RecordTable extends FormElement {
     }
     updateFromServer(tableReceived) {
         this.requestedPage = 1;
-        this.visible = (tableReceived === null || tableReceived === void 0 ? void 0 : tableReceived.visible) || true;
-        this.totalPages = tableReceived.totalPages || 1;
-        this.recordsNumber = tableReceived.recordsNumber;
-        this.setAttr(attrs.currentPage, +(tableReceived === null || tableReceived === void 0 ? void 0 : 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 => {
+                var _a, _b, _c, _d;
+                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) {
+                    (_a = actionReceived.showOnStates) === null || _a === void 0 ? void 0 : _a.forEach(newState => {
+                        tblAction.addVisibleState(newState);
+                    });
+                }
+                if (actionReceived.hideOnStates) {
+                    (_b = actionReceived.hideOnStates) === null || _b === void 0 ? void 0 : _b.forEach(newState => {
+                        tblAction.removeVisibleState(newState);
+                    });
+                }
+                if (actionReceived.enableOnStates) {
+                    (_c = actionReceived.enableOnStates) === null || _c === void 0 ? void 0 : _c.forEach(newState => {
+                        tblAction.addEnabledState(newState);
+                    });
+                }
+                if (actionReceived.disableOnStates) {
+                    (_d = actionReceived.disableOnStates) === null || _d === void 0 ? void 0 : _d.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) {
@@ -2553,6 +2641,7 @@ class LibFileManagementService {
     openFile(fileBase64Data, fileName, fileType) { }
     saveFileFromURL(fileUrl, fullFileName = null) { }
     saveFile(fileBase64Data, fileName, fileType) { }
+    printPdfFile(pdfBufferData) { }
 }
 
 const PAYLOAD_VERSION = 'TUAINEXCHANGE_1.0';