tuain-ng-forms-lib 15.1.16 → 15.2.0

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

@@ -912,16 +912,6 @@ class FieldDescriptor extends FormElement {
             return true;
         }
         ;
-        if (this._fieldType === this._formConfig.fieldTypes.daterange) {
-            if (!Array.isArray(fieldCurrentValue)) {
-                return true;
-            }
-            if (fieldCurrentValue.length !== 2 || !fieldCurrentValue[0] || !fieldCurrentValue[1]) {
-                return true;
-            }
-            return false;
-        }
-        ;
         if (this._fieldType === this._formConfig.fieldTypes.phone) {
             if (!Array.isArray(fieldCurrentValue)) {
                 return true;
@@ -2125,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();
@@ -2168,6 +2161,7 @@ class FormStructureAndData {
     }
     loadDefinition(definitionReceived) {
         this.state = '';
+        let allStates = [];
         this.cleanForm();
         if (!definitionReceived) {
             return;
@@ -2175,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;
@@ -2205,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) {
@@ -2270,6 +2268,10 @@ class FormStructureAndData {
     get states() { return this.stateFlow.states; }
     get stateDescriptions() { return this.stateFlow.stateDescriptions; }
     supportState(state = '') { return (!!state && this.stateFlow.states?.includes(state)); }
+    getNextStates() {
+        return this.stateFlow.transitions.filter(trns => trns.source === this.state)
+            .map(trns => trns.destination);
+    }
     changeState(newState) {
         const currentState = this.state;
         if (!newState || !this.supportState(newState) || currentState === newState) {