tuain-ng-forms-lib 14.5.25 → 14.5.27

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

@@ -513,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;
@@ -546,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; }
@@ -1619,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) {
@@ -2188,7 +2257,7 @@ class FormStructureAndData {
     setFieldErrorMessage(code, message) { this.getField(code)?.setErrorMessage(message); }
     setFieldOptions(code, optionsArray, idAttribute, nameAttribute) {
         const field = this.getField(code);
-        if (field && optionsArray?.length > 0) {
+        if (field && optionsArray) {
             const fieldOptions = optionsArray.map(item => ({
                 fieldOptionId: item[idAttribute],
                 fieldOptionValue: item[nameAttribute]