tuain-ng-forms-lib 15.1.17 → 15.2.0

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

@@ -2115,6 +2115,9 @@ const HIDE = 'hide';
 const ENABLE = 'enable';
 const DISABLE = 'disable';
 const CLEAN = 'clean';
+const alwaysVisible = 'ALWAYS';
+const neverVisible = 'NONE';
+const onStatesVisible = 'ONSTATES';
 class FormStructureAndData {
     constructor() {
         this._stateChange = new Subject();
@@ -2158,6 +2161,7 @@ class FormStructureAndData {
     }
     loadDefinition(definitionReceived) {
         this.state = '';
+        let allStates = [];
         this.cleanForm();
         if (!definitionReceived) {
             return;
@@ -2165,6 +2169,7 @@ class FormStructureAndData {
         this.name = this.name ?? definitionReceived?.form?.formCode;
         this.title = (definitionReceived.form && definitionReceived.form.formTitle)
             ? definitionReceived.form.formTitle : '';
+        allStates = definitionReceived?.states?.map(sttInfo => sttInfo.name);
         this.setStateFlow(definitionReceived?.states, definitionReceived?.transitions, definitionReceived?.defaultState, definitionReceived?.stateDescriptions);
         this.immutableData = definitionReceived.immutableData;
         this.extraInfo = definitionReceived.extraInfo;
@@ -2195,14 +2200,17 @@ class FormStructureAndData {
         }
         if (definitionReceived.fields) {
             const formFields = definitionReceived.fields.map(objDef => {
-                let visibleStates = objDef.visibleStates;
+                let visibleStates = objDef.visibleStates
+                    ?? (objDef.fieldModes?.map(state => state.trim())?.filter(state => state))
+                    ?? [];
                 let enabledStates = objDef.enabledStates ?? objDef.editableStates;
-                if (!visibleStates) {
-                    visibleStates = (objDef.fieldModes || '').split(',')
-                        .map(state => state.trim())
-                        .filter(state => state.length > 0) || [];
-                    enabledStates = [...visibleStates];
+                if (!Array.isArray(visibleStates) && typeof visibleStates === 'string') {
+                    visibleStates = (visibleStates === neverVisible) ? [] : allStates;
+                }
+                if (!Array.isArray(enabledStates) && typeof enabledStates === 'string') {
+                    enabledStates = (enabledStates === neverVisible) ? [] : visibleStates;
                 }
+                enabledStates = enabledStates.filter(state => visibleStates.includes(state));
                 return { ...objDef, visibleStates, enabledStates };
             });
             for (const fieldReceived of formFields) {