@beinformed/ui 1.48.0 → 1.49.1

package/lib/redux/actions/FormAttributeSet.js.flow

@@ -6,6 +6,7 @@ import { getSetting } from "../../constants/Settings";
 import { validateFormObject } from "./FormValidations";
 import { autosaveFormObject } from "./FormAutosave";
 import { autosubmitFormObject } from "./FormAutosubmit";
+import { autoupdateFormObject } from "./FormAutoupdate";
 
 import type { Dispatch, ThunkAction, UpdateFormOptions } from "../types";
 import type { AttributeType } from "../../models/types";
@@ -23,7 +24,8 @@ export const updateFormAttribute =
     inputvalue: string,
     options: UpdateFormOptions = {
       autosubmit: false,
-      autosave: false,
+      autosave: false, // autosave commits the form in the background
+      autoupdate: false, // autoupdate does not commit and updates the form with for example a new dynamicschema (work-around for form-tree iq)
       forceUpdate: false,
       validate: true,
     },
@@ -56,18 +58,41 @@ export const updateFormAttribute =
       }
     }
 
-    if (options.autosave && newForm.isValid && newForm.isChanged()) {
-      dispatch(autosaveFormObject(newForm));
+    if (options.autoupdate && newForm.isValid) {
+      const autoupdateAction = autoupdateFormObject(newForm, attribute);
+      if (autoupdateAction) {
+        return dispatch(autoupdateAction);
+      }
     }
 
-    if (
-      options.validate &&
-      newForm.currentFormObject?.hasDynamicValidations &&
-      getSetting("USE_INSTANT_SERVER_VALIDATION")
-    ) {
-      // server form validations happens async, don't wait for the form to return
-      dispatch(validateFormObject(newForm));
-    }
+    handleAutoSave(dispatch, newForm, options);
+
+    handleValidate(dispatch, newForm, options);
 
     return dispatch(updateForm(newForm));
   };
+
+const handleAutoSave = (
+  dispatch: Dispatch,
+  newForm: FormModel,
+  options: UpdateFormOptions,
+) => {
+  if (options.autosave && newForm.isValid && newForm.isChanged()) {
+    dispatch(autosaveFormObject(newForm));
+  }
+};
+
+const handleValidate = (
+  dispatch: Dispatch,
+  newForm: FormModel,
+  options: UpdateFormOptions,
+) => {
+  if (
+    options.validate &&
+    newForm.currentFormObject?.hasDynamicValidations &&
+    getSetting("USE_INSTANT_SERVER_VALIDATION")
+  ) {
+    // server form validations happens async, don't wait for the form to return
+    dispatch(validateFormObject(newForm));
+  }
+};

package/lib/redux/actions/FormAttributeSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormAttributeSet.js","names":["_ModularUIActions","require","_Settings","_FormValidations","_FormAutosave","_FormAutosubmit","updateFormAttribute","form","formObject","attribute","inputvalue","options","arguments","length","undefined","autosubmit","autosave","forceUpdate","validate","dispatch","newForm","clone","currentFormObject","equals","updateAttribute","completedFormObjects","forEach","completeObject","isValid","autosubmitAction","autosubmitFormObject","isChanged","autosaveFormObject","hasDynamicValidations","getSetting","validateFormObject","updateForm","exports"],"sources":["../../../src/redux/actions/FormAttributeSet.js"],"sourcesContent":["// @flow\nimport { updateForm } from \"../_modularui/ModularUIActions\";\n\nimport { getSetting } from \"../../constants/Settings\";\n\nimport { validateFormObject } from \"./FormValidations\";\nimport { autosaveFormObject } from \"./FormAutosave\";\nimport { autosubmitFormObject } from \"./FormAutosubmit\";\n\nimport type { Dispatch, ThunkAction, UpdateFormOptions } from \"../types\";\nimport type { AttributeType } from \"../../models/types\";\nimport type FormModel from \"../../models/form/FormModel\";\nimport type FormObjectModel from \"../../models/form/FormObjectModel\";\n\n/**\n * Update an attribute on a form\n */\nexport const updateFormAttribute =\n  (\n    form: FormModel,\n    formObject: FormObjectModel,\n    attribute: AttributeType,\n    inputvalue: string,\n    options: UpdateFormOptions = {\n      autosubmit: false,\n      autosave: false,\n      forceUpdate: false,\n      validate: true,\n    },\n  ): ThunkAction =>\n  (dispatch: Dispatch) => {\n    const newForm = form.clone();\n\n    if (options.validate === undefined) {\n      options.validate = true;\n    }\n\n    if (newForm.currentFormObject?.equals(formObject)) {\n      newForm.currentFormObject.updateAttribute(attribute, inputvalue);\n    } else {\n      newForm.completedFormObjects.forEach((completeObject) => {\n        if (completeObject.equals(formObject)) {\n          completeObject.updateAttribute(attribute, inputvalue);\n        }\n      });\n    }\n\n    if (options.autosubmit && newForm.isValid) {\n      const autosubmitAction = autosubmitFormObject(\n        newForm,\n        attribute,\n        options.forceUpdate,\n      );\n      if (autosubmitAction) {\n        return dispatch(autosubmitAction);\n      }\n    }\n\n    if (options.autosave && newForm.isValid && newForm.isChanged()) {\n      dispatch(autosaveFormObject(newForm));\n    }\n\n    if (\n      options.validate &&\n      newForm.currentFormObject?.hasDynamicValidations &&\n      getSetting(\"USE_INSTANT_SERVER_VALIDATION\")\n    ) {\n      // server form validations happens async, don't wait for the form to return\n      dispatch(validateFormObject(newForm));\n    }\n\n    return dispatch(updateForm(newForm));\n  };\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAOA;AACA;AACA;AACO,MAAMK,mBAAmB,GAC9B,SAAAA,CACEC,IAAe,EACfC,UAA2B,EAC3BC,SAAwB,EACxBC,UAAkB;EAAA,IAClBC,OAA0B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG;IAC3BG,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,KAAK;IACfC,WAAW,EAAE,KAAK;IAClBC,QAAQ,EAAE;EACZ,CAAC;EAAA,OAEFC,QAAkB,IAAK;IACtB,MAAMC,OAAO,GAAGb,IAAI,CAACc,KAAK,CAAC,CAAC;IAE5B,IAAIV,OAAO,CAACO,QAAQ,KAAKJ,SAAS,EAAE;MAClCH,OAAO,CAACO,QAAQ,GAAG,IAAI;IACzB;IAEA,IAAIE,OAAO,CAACE,iBAAiB,EAAEC,MAAM,CAACf,UAAU,CAAC,EAAE;MACjDY,OAAO,CAACE,iBAAiB,CAACE,eAAe,CAACf,SAAS,EAAEC,UAAU,CAAC;IAClE,CAAC,MAAM;MACLU,OAAO,CAACK,oBAAoB,CAACC,OAAO,CAAEC,cAAc,IAAK;QACvD,IAAIA,cAAc,CAACJ,MAAM,CAACf,UAAU,CAAC,EAAE;UACrCmB,cAAc,CAACH,eAAe,CAACf,SAAS,EAAEC,UAAU,CAAC;QACvD;MACF,CAAC,CAAC;IACJ;IAEA,IAAIC,OAAO,CAACI,UAAU,IAAIK,OAAO,CAACQ,OAAO,EAAE;MACzC,MAAMC,gBAAgB,GAAG,IAAAC,oCAAoB,EAC3CV,OAAO,EACPX,SAAS,EACTE,OAAO,CAACM,WACV,CAAC;MACD,IAAIY,gBAAgB,EAAE;QACpB,OAAOV,QAAQ,CAACU,gBAAgB,CAAC;MACnC;IACF;IAEA,IAAIlB,OAAO,CAACK,QAAQ,IAAII,OAAO,CAACQ,OAAO,IAAIR,OAAO,CAACW,SAAS,CAAC,CAAC,EAAE;MAC9DZ,QAAQ,CAAC,IAAAa,gCAAkB,EAACZ,OAAO,CAAC,CAAC;IACvC;IAEA,IACET,OAAO,CAACO,QAAQ,IAChBE,OAAO,CAACE,iBAAiB,EAAEW,qBAAqB,IAChD,IAAAC,oBAAU,EAAC,+BAA+B,CAAC,EAC3C;MACA;MACAf,QAAQ,CAAC,IAAAgB,mCAAkB,EAACf,OAAO,CAAC,CAAC;IACvC;IAEA,OAAOD,QAAQ,CAAC,IAAAiB,4BAAU,EAAChB,OAAO,CAAC,CAAC;EACtC,CAAC;AAAA;AAACiB,OAAA,CAAA/B,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"file":"FormAttributeSet.js","names":["_ModularUIActions","require","_Settings","_FormValidations","_FormAutosave","_FormAutosubmit","_FormAutoupdate","updateFormAttribute","form","formObject","attribute","inputvalue","options","arguments","length","undefined","autosubmit","autosave","autoupdate","forceUpdate","validate","dispatch","newForm","clone","currentFormObject","equals","updateAttribute","completedFormObjects","forEach","completeObject","isValid","autosubmitAction","autosubmitFormObject","autoupdateAction","autoupdateFormObject","handleAutoSave","handleValidate","updateForm","exports","isChanged","autosaveFormObject","hasDynamicValidations","getSetting","validateFormObject"],"sources":["../../../src/redux/actions/FormAttributeSet.js"],"sourcesContent":["// @flow\nimport { updateForm } from \"../_modularui/ModularUIActions\";\n\nimport { getSetting } from \"../../constants/Settings\";\n\nimport { validateFormObject } from \"./FormValidations\";\nimport { autosaveFormObject } from \"./FormAutosave\";\nimport { autosubmitFormObject } from \"./FormAutosubmit\";\nimport { autoupdateFormObject } from \"./FormAutoupdate\";\n\nimport type { Dispatch, ThunkAction, UpdateFormOptions } from \"../types\";\nimport type { AttributeType } from \"../../models/types\";\nimport type FormModel from \"../../models/form/FormModel\";\nimport type FormObjectModel from \"../../models/form/FormObjectModel\";\n\n/**\n * Update an attribute on a form\n */\nexport const updateFormAttribute =\n  (\n    form: FormModel,\n    formObject: FormObjectModel,\n    attribute: AttributeType,\n    inputvalue: string,\n    options: UpdateFormOptions = {\n      autosubmit: false,\n      autosave: false, // autosave commits the form in the background\n      autoupdate: false, // autoupdate does not commit and updates the form with for example a new dynamicschema (work-around for form-tree iq)\n      forceUpdate: false,\n      validate: true,\n    },\n  ): ThunkAction =>\n  (dispatch: Dispatch) => {\n    const newForm = form.clone();\n\n    if (options.validate === undefined) {\n      options.validate = true;\n    }\n\n    if (newForm.currentFormObject?.equals(formObject)) {\n      newForm.currentFormObject.updateAttribute(attribute, inputvalue);\n    } else {\n      newForm.completedFormObjects.forEach((completeObject) => {\n        if (completeObject.equals(formObject)) {\n          completeObject.updateAttribute(attribute, inputvalue);\n        }\n      });\n    }\n\n    if (options.autosubmit && newForm.isValid) {\n      const autosubmitAction = autosubmitFormObject(\n        newForm,\n        attribute,\n        options.forceUpdate,\n      );\n      if (autosubmitAction) {\n        return dispatch(autosubmitAction);\n      }\n    }\n\n    if (options.autoupdate && newForm.isValid) {\n      const autoupdateAction = autoupdateFormObject(newForm, attribute);\n      if (autoupdateAction) {\n        return dispatch(autoupdateAction);\n      }\n    }\n\n    handleAutoSave(dispatch, newForm, options);\n\n    handleValidate(dispatch, newForm, options);\n\n    return dispatch(updateForm(newForm));\n  };\n\nconst handleAutoSave = (\n  dispatch: Dispatch,\n  newForm: FormModel,\n  options: UpdateFormOptions,\n) => {\n  if (options.autosave && newForm.isValid && newForm.isChanged()) {\n    dispatch(autosaveFormObject(newForm));\n  }\n};\n\nconst handleValidate = (\n  dispatch: Dispatch,\n  newForm: FormModel,\n  options: UpdateFormOptions,\n) => {\n  if (\n    options.validate &&\n    newForm.currentFormObject?.hasDynamicValidations &&\n    getSetting(\"USE_INSTANT_SERVER_VALIDATION\")\n  ) {\n    // server form validations happens async, don't wait for the form to return\n    dispatch(validateFormObject(newForm));\n  }\n};\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAOA;AACA;AACA;AACO,MAAMM,mBAAmB,GAC9B,SAAAA,CACEC,IAAe,EACfC,UAA2B,EAC3BC,SAAwB,EACxBC,UAAkB;EAAA,IAClBC,OAA0B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG;IAC3BG,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,KAAK;IAAE;IACjBC,UAAU,EAAE,KAAK;IAAE;IACnBC,WAAW,EAAE,KAAK;IAClBC,QAAQ,EAAE;EACZ,CAAC;EAAA,OAEFC,QAAkB,IAAK;IACtB,MAAMC,OAAO,GAAGd,IAAI,CAACe,KAAK,CAAC,CAAC;IAE5B,IAAIX,OAAO,CAACQ,QAAQ,KAAKL,SAAS,EAAE;MAClCH,OAAO,CAACQ,QAAQ,GAAG,IAAI;IACzB;IAEA,IAAIE,OAAO,CAACE,iBAAiB,EAAEC,MAAM,CAAChB,UAAU,CAAC,EAAE;MACjDa,OAAO,CAACE,iBAAiB,CAACE,eAAe,CAAChB,SAAS,EAAEC,UAAU,CAAC;IAClE,CAAC,MAAM;MACLW,OAAO,CAACK,oBAAoB,CAACC,OAAO,CAAEC,cAAc,IAAK;QACvD,IAAIA,cAAc,CAACJ,MAAM,CAAChB,UAAU,CAAC,EAAE;UACrCoB,cAAc,CAACH,eAAe,CAAChB,SAAS,EAAEC,UAAU,CAAC;QACvD;MACF,CAAC,CAAC;IACJ;IAEA,IAAIC,OAAO,CAACI,UAAU,IAAIM,OAAO,CAACQ,OAAO,EAAE;MACzC,MAAMC,gBAAgB,GAAG,IAAAC,oCAAoB,EAC3CV,OAAO,EACPZ,SAAS,EACTE,OAAO,CAACO,WACV,CAAC;MACD,IAAIY,gBAAgB,EAAE;QACpB,OAAOV,QAAQ,CAACU,gBAAgB,CAAC;MACnC;IACF;IAEA,IAAInB,OAAO,CAACM,UAAU,IAAII,OAAO,CAACQ,OAAO,EAAE;MACzC,MAAMG,gBAAgB,GAAG,IAAAC,oCAAoB,EAACZ,OAAO,EAAEZ,SAAS,CAAC;MACjE,IAAIuB,gBAAgB,EAAE;QACpB,OAAOZ,QAAQ,CAACY,gBAAgB,CAAC;MACnC;IACF;IAEAE,cAAc,CAACd,QAAQ,EAAEC,OAAO,EAAEV,OAAO,CAAC;IAE1CwB,cAAc,CAACf,QAAQ,EAAEC,OAAO,EAAEV,OAAO,CAAC;IAE1C,OAAOS,QAAQ,CAAC,IAAAgB,4BAAU,EAACf,OAAO,CAAC,CAAC;EACtC,CAAC;AAAA;AAACgB,OAAA,CAAA/B,mBAAA,GAAAA,mBAAA;AAEJ,MAAM4B,cAAc,GAAGA,CACrBd,QAAkB,EAClBC,OAAkB,EAClBV,OAA0B,KACvB;EACH,IAAIA,OAAO,CAACK,QAAQ,IAAIK,OAAO,CAACQ,OAAO,IAAIR,OAAO,CAACiB,SAAS,CAAC,CAAC,EAAE;IAC9DlB,QAAQ,CAAC,IAAAmB,gCAAkB,EAAClB,OAAO,CAAC,CAAC;EACvC;AACF,CAAC;AAED,MAAMc,cAAc,GAAGA,CACrBf,QAAkB,EAClBC,OAAkB,EAClBV,OAA0B,KACvB;EACH,IACEA,OAAO,CAACQ,QAAQ,IAChBE,OAAO,CAACE,iBAAiB,EAAEiB,qBAAqB,IAChD,IAAAC,oBAAU,EAAC,+BAA+B,CAAC,EAC3C;IACA;IACArB,QAAQ,CAAC,IAAAsB,mCAAkB,EAACrB,OAAO,CAAC,CAAC;EACvC;AACF,CAAC","ignoreList":[]}

package/lib/redux/actions/FormAutosubmit.js

@@ -1,11 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.autosubmitFormObject = void 0;
 var _ModularUIActions = require("../_modularui/ModularUIActions");
 var _Constants = require("../../constants/Constants");
+var _FormModel = _interopRequireDefault(require("../../models/form/FormModel"));
 /**
  */
 const autosubmitFormObject = function (form, attribute) {
@@ -20,7 +22,14 @@ const autosubmitFormObject = function (form, attribute) {
     return (0, _ModularUIActions.loadModularUI)(form.connectKey, form.selfhref, {
       method: _Constants.HTTP_METHODS.POST,
       data: form.formdata,
-      updateModel: form
+      updateHandler: newModel => {
+        if (newModel instanceof _FormModel.default) {
+          const clonedModel = form.clone();
+          clonedModel.update(newModel);
+          return clonedModel;
+        }
+        return newModel;
+      }
     });
   }
   return null;

package/lib/redux/actions/FormAutosubmit.js.flow

@@ -1,9 +1,9 @@
 // @flow
 import { loadModularUI } from "../_modularui/ModularUIActions";
 import { HTTP_METHODS } from "../../constants/Constants";
+import FormModel from "../../models/form/FormModel";
 
-import type { AttributeType } from "../../models/types";
-import type FormModel from "../../models/form/FormModel";
+import type { ModularUIModel, AttributeType } from "../../models/types";
 import type { ThunkAction } from "../types";
 
 /**
@@ -28,7 +28,14 @@ export const autosubmitFormObject = (
     return loadModularUI(form.connectKey, form.selfhref, {
       method: HTTP_METHODS.POST,
       data: form.formdata,
-      updateModel: form,
+      updateHandler: (newModel: ModularUIModel): ModularUIModel => {
+        if (newModel instanceof FormModel) {
+          const clonedModel: FormModel = form.clone();
+          clonedModel.update(newModel);
+          return clonedModel;
+        }
+        return newModel;
+      },
     });
   }
 

package/lib/redux/actions/FormAutosubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormAutosubmit.js","names":["_ModularUIActions","require","_Constants","autosubmitFormObject","form","attribute","forceUpdate","arguments","length","undefined","allObjects","currentFormObject","hasAttributeByKey","key","setPreviousObject","isChanged","loadModularUI","connectKey","selfhref","method","HTTP_METHODS","POST","data","formdata","updateModel","exports"],"sources":["../../../src/redux/actions/FormAutosubmit.js"],"sourcesContent":["// @flow\nimport { loadModularUI } from \"../_modularui/ModularUIActions\";\nimport { HTTP_METHODS } from \"../../constants/Constants\";\n\nimport type { AttributeType } from \"../../models/types\";\nimport type FormModel from \"../../models/form/FormModel\";\nimport type { ThunkAction } from \"../types\";\n\n/**\n */\nexport const autosubmitFormObject = (\n  form: FormModel,\n  attribute: AttributeType,\n  forceUpdate: boolean = false,\n): ?ThunkAction => {\n  // As long as we have form objects,\n  // and the current attribute is not found in the current form object, go back.\n  // When a form has a result, the current form object is null\n  while (\n    form.allObjects.length > 0 &&\n    (!form.currentFormObject ||\n      !form.currentFormObject.hasAttributeByKey(attribute.key))\n  ) {\n    form.setPreviousObject();\n  }\n\n  if (form.isChanged() || forceUpdate) {\n    return loadModularUI(form.connectKey, form.selfhref, {\n      method: HTTP_METHODS.POST,\n      data: form.formdata,\n      updateModel: form,\n    });\n  }\n\n  return null;\n};\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAMA;AACA;AACO,MAAME,oBAAoB,GAAG,SAAAA,CAClCC,IAAe,EACfC,SAAwB,EAEP;EAAA,IADjBC,WAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAE5B;EACA;EACA;EACA,OACEH,IAAI,CAACM,UAAU,CAACF,MAAM,GAAG,CAAC,KACzB,CAACJ,IAAI,CAACO,iBAAiB,IACtB,CAACP,IAAI,CAACO,iBAAiB,CAACC,iBAAiB,CAACP,SAAS,CAACQ,GAAG,CAAC,CAAC,EAC3D;IACAT,IAAI,CAACU,iBAAiB,CAAC,CAAC;EAC1B;EAEA,IAAIV,IAAI,CAACW,SAAS,CAAC,CAAC,IAAIT,WAAW,EAAE;IACnC,OAAO,IAAAU,+BAAa,EAACZ,IAAI,CAACa,UAAU,EAAEb,IAAI,CAACc,QAAQ,EAAE;MACnDC,MAAM,EAAEC,uBAAY,CAACC,IAAI;MACzBC,IAAI,EAAElB,IAAI,CAACmB,QAAQ;MACnBC,WAAW,EAAEpB;IACf,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAACqB,OAAA,CAAAtB,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"file":"FormAutosubmit.js","names":["_ModularUIActions","require","_Constants","_FormModel","_interopRequireDefault","autosubmitFormObject","form","attribute","forceUpdate","arguments","length","undefined","allObjects","currentFormObject","hasAttributeByKey","key","setPreviousObject","isChanged","loadModularUI","connectKey","selfhref","method","HTTP_METHODS","POST","data","formdata","updateHandler","newModel","FormModel","clonedModel","clone","update","exports"],"sources":["../../../src/redux/actions/FormAutosubmit.js"],"sourcesContent":["// @flow\nimport { loadModularUI } from \"../_modularui/ModularUIActions\";\nimport { HTTP_METHODS } from \"../../constants/Constants\";\nimport FormModel from \"../../models/form/FormModel\";\n\nimport type { ModularUIModel, AttributeType } from \"../../models/types\";\nimport type { ThunkAction } from \"../types\";\n\n/**\n */\nexport const autosubmitFormObject = (\n  form: FormModel,\n  attribute: AttributeType,\n  forceUpdate: boolean = false,\n): ?ThunkAction => {\n  // As long as we have form objects,\n  // and the current attribute is not found in the current form object, go back.\n  // When a form has a result, the current form object is null\n  while (\n    form.allObjects.length > 0 &&\n    (!form.currentFormObject ||\n      !form.currentFormObject.hasAttributeByKey(attribute.key))\n  ) {\n    form.setPreviousObject();\n  }\n\n  if (form.isChanged() || forceUpdate) {\n    return loadModularUI(form.connectKey, form.selfhref, {\n      method: HTTP_METHODS.POST,\n      data: form.formdata,\n      updateHandler: (newModel: ModularUIModel): ModularUIModel => {\n        if (newModel instanceof FormModel) {\n          const clonedModel: FormModel = form.clone();\n          clonedModel.update(newModel);\n          return clonedModel;\n        }\n        return newModel;\n      },\n    });\n  }\n\n  return null;\n};\n"],"mappings":";;;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AAKA;AACA;AACO,MAAMI,oBAAoB,GAAG,SAAAA,CAClCC,IAAe,EACfC,SAAwB,EAEP;EAAA,IADjBC,WAAoB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAE5B;EACA;EACA;EACA,OACEH,IAAI,CAACM,UAAU,CAACF,MAAM,GAAG,CAAC,KACzB,CAACJ,IAAI,CAACO,iBAAiB,IACtB,CAACP,IAAI,CAACO,iBAAiB,CAACC,iBAAiB,CAACP,SAAS,CAACQ,GAAG,CAAC,CAAC,EAC3D;IACAT,IAAI,CAACU,iBAAiB,CAAC,CAAC;EAC1B;EAEA,IAAIV,IAAI,CAACW,SAAS,CAAC,CAAC,IAAIT,WAAW,EAAE;IACnC,OAAO,IAAAU,+BAAa,EAACZ,IAAI,CAACa,UAAU,EAAEb,IAAI,CAACc,QAAQ,EAAE;MACnDC,MAAM,EAAEC,uBAAY,CAACC,IAAI;MACzBC,IAAI,EAAElB,IAAI,CAACmB,QAAQ;MACnBC,aAAa,EAAGC,QAAwB,IAAqB;QAC3D,IAAIA,QAAQ,YAAYC,kBAAS,EAAE;UACjC,MAAMC,WAAsB,GAAGvB,IAAI,CAACwB,KAAK,CAAC,CAAC;UAC3CD,WAAW,CAACE,MAAM,CAACJ,QAAQ,CAAC;UAC5B,OAAOE,WAAW;QACpB;QACA,OAAOF,QAAQ;MACjB;IACF,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAACK,OAAA,CAAA3B,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/redux/actions/FormAutoupdate.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.autoupdateFormObject = void 0;
+var _ModularUIActions = require("../_modularui/ModularUIActions");
+var _Constants = require("../../constants/Constants");
+var _FormModel = _interopRequireDefault(require("../../models/form/FormModel"));
+/**
+ */
+const autoupdateFormObject = (form, attribute) => {
+  // As long as we have form objects,
+  // and the current attribute is not found in the current form object, go back.
+  // When a form has a result, the current form object is null
+  while (form.allObjects.length > 0 && (!form.currentFormObject || !form.currentFormObject.hasAttributeByKey(attribute.key))) {
+    form.setPreviousObject();
+  }
+  if (form.isChanged()) {
+    return (0, _ModularUIActions.loadModularUI)(form.connectKey, form.selfhref, {
+      method: _Constants.HTTP_METHODS.POST,
+      data: form.formdata,
+      updateHandler: newModel => {
+        if (newModel instanceof _FormModel.default) {
+          const clonedModel = form.clone();
+          clonedModel.updateCurrentFormObject(newModel);
+          return clonedModel;
+        }
+        return newModel;
+      }
+    });
+  }
+  return null;
+};
+exports.autoupdateFormObject = autoupdateFormObject;
+//# sourceMappingURL=FormAutoupdate.js.map

package/lib/redux/actions/FormAutoupdate.js.flow

@@ -0,0 +1,43 @@
+// @flow
+import { loadModularUI } from "../_modularui/ModularUIActions";
+import { HTTP_METHODS } from "../../constants/Constants";
+
+import FormModel from "../../models/form/FormModel";
+
+import type { AttributeType, ModularUIModel } from "../../models/types";
+import type { ThunkAction } from "../types";
+
+/**
+ */
+export const autoupdateFormObject = (
+  form: FormModel,
+  attribute: AttributeType,
+): ?ThunkAction => {
+  // As long as we have form objects,
+  // and the current attribute is not found in the current form object, go back.
+  // When a form has a result, the current form object is null
+  while (
+    form.allObjects.length > 0 &&
+    (!form.currentFormObject ||
+      !form.currentFormObject.hasAttributeByKey(attribute.key))
+  ) {
+    form.setPreviousObject();
+  }
+
+  if (form.isChanged()) {
+    return loadModularUI(form.connectKey, form.selfhref, {
+      method: HTTP_METHODS.POST,
+      data: form.formdata,
+      updateHandler: (newModel: ModularUIModel): ModularUIModel => {
+        if (newModel instanceof FormModel) {
+          const clonedModel: FormModel = form.clone();
+          clonedModel.updateCurrentFormObject(newModel);
+          return clonedModel;
+        }
+        return newModel;
+      },
+    });
+  }
+
+  return null;
+};

package/lib/redux/actions/FormAutoupdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormAutoupdate.js","names":["_ModularUIActions","require","_Constants","_FormModel","_interopRequireDefault","autoupdateFormObject","form","attribute","allObjects","length","currentFormObject","hasAttributeByKey","key","setPreviousObject","isChanged","loadModularUI","connectKey","selfhref","method","HTTP_METHODS","POST","data","formdata","updateHandler","newModel","FormModel","clonedModel","clone","updateCurrentFormObject","exports"],"sources":["../../../src/redux/actions/FormAutoupdate.js"],"sourcesContent":["// @flow\nimport { loadModularUI } from \"../_modularui/ModularUIActions\";\nimport { HTTP_METHODS } from \"../../constants/Constants\";\n\nimport FormModel from \"../../models/form/FormModel\";\n\nimport type { AttributeType, ModularUIModel } from \"../../models/types\";\nimport type { ThunkAction } from \"../types\";\n\n/**\n */\nexport const autoupdateFormObject = (\n  form: FormModel,\n  attribute: AttributeType,\n): ?ThunkAction => {\n  // As long as we have form objects,\n  // and the current attribute is not found in the current form object, go back.\n  // When a form has a result, the current form object is null\n  while (\n    form.allObjects.length > 0 &&\n    (!form.currentFormObject ||\n      !form.currentFormObject.hasAttributeByKey(attribute.key))\n  ) {\n    form.setPreviousObject();\n  }\n\n  if (form.isChanged()) {\n    return loadModularUI(form.connectKey, form.selfhref, {\n      method: HTTP_METHODS.POST,\n      data: form.formdata,\n      updateHandler: (newModel: ModularUIModel): ModularUIModel => {\n        if (newModel instanceof FormModel) {\n          const clonedModel: FormModel = form.clone();\n          clonedModel.updateCurrentFormObject(newModel);\n          return clonedModel;\n        }\n        return newModel;\n      },\n    });\n  }\n\n  return null;\n};\n"],"mappings":";;;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AAKA;AACA;AACO,MAAMI,oBAAoB,GAAGA,CAClCC,IAAe,EACfC,SAAwB,KACP;EACjB;EACA;EACA;EACA,OACED,IAAI,CAACE,UAAU,CAACC,MAAM,GAAG,CAAC,KACzB,CAACH,IAAI,CAACI,iBAAiB,IACtB,CAACJ,IAAI,CAACI,iBAAiB,CAACC,iBAAiB,CAACJ,SAAS,CAACK,GAAG,CAAC,CAAC,EAC3D;IACAN,IAAI,CAACO,iBAAiB,CAAC,CAAC;EAC1B;EAEA,IAAIP,IAAI,CAACQ,SAAS,CAAC,CAAC,EAAE;IACpB,OAAO,IAAAC,+BAAa,EAACT,IAAI,CAACU,UAAU,EAAEV,IAAI,CAACW,QAAQ,EAAE;MACnDC,MAAM,EAAEC,uBAAY,CAACC,IAAI;MACzBC,IAAI,EAAEf,IAAI,CAACgB,QAAQ;MACnBC,aAAa,EAAGC,QAAwB,IAAqB;QAC3D,IAAIA,QAAQ,YAAYC,kBAAS,EAAE;UACjC,MAAMC,WAAsB,GAAGpB,IAAI,CAACqB,KAAK,CAAC,CAAC;UAC3CD,WAAW,CAACE,uBAAuB,CAACJ,QAAQ,CAAC;UAC7C,OAAOE,WAAW;QACpB;QACA,OAAOF,QAAQ;MACjB;IACF,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAACK,OAAA,CAAAxB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/redux/connectors/FormAttributeSet.js

@@ -10,8 +10,9 @@ var _FormAttributeSetRepeatable = require("../actions/FormAttributeSetRepeatable
 const mapDispatchToProps = (dispatch, ownProps) => ({
   onAttributeChange: function (attribute, value) {
     let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-      autosubmit: ownProps.autosubmit || false,
-      autosave: ownProps.autosave || false
+      autosubmit: ownProps.autosubmit ?? false,
+      autosave: ownProps.autosave ?? false,
+      autoupdate: ownProps.autoupdate ?? false
     };
     return dispatch((0, _FormAttributeSet.updateFormAttribute)(ownProps.form, ownProps.object, attribute, value, options));
   },

package/lib/redux/connectors/FormAttributeSet.js.flow

@@ -24,6 +24,7 @@ type OwnProps = {
   formLayout?: "vertical" | "horizontal" | "compact",
   autosubmit?: boolean,
   autosave?: boolean,
+  autoupdate?: boolean,
 };
 
 type DispatchProps = {
@@ -50,8 +51,9 @@ const mapDispatchToProps = (
     attribute: AttributeType,
     value: string,
     options: UpdateFormOptions = {
-      autosubmit: ownProps.autosubmit || false,
-      autosave: ownProps.autosave || false,
+      autosubmit: ownProps.autosubmit ?? false,
+      autosave: ownProps.autosave ?? false,
+      autoupdate: ownProps.autoupdate ?? false,
     },
   ) =>
     dispatch(

package/lib/redux/connectors/FormAttributeSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormAttributeSet.js","names":["_reactRedux","require","_FormAttributeSet","_FormAttributeSetRepeatable","mapDispatchToProps","dispatch","ownProps","onAttributeChange","attribute","value","options","arguments","length","undefined","autosubmit","autosave","updateFormAttribute","form","object","onAddAttributeSetClick","addRepeatableAttributeSet","onCancelAttributeSetClick","formObject","cancelRepeatableAttributeSet","onRemoveAttributeSetClick","removeRepeatableAttributeSet","connectFormAttributeSet","exports","connect"],"sources":["../../../src/redux/connectors/FormAttributeSet.js"],"sourcesContent":["// @flow\nimport { connect } from \"react-redux\";\n\nimport { updateFormAttribute } from \"../actions/FormAttributeSet\";\nimport {\n  addRepeatableAttributeSet,\n  cancelRepeatableAttributeSet,\n  removeRepeatableAttributeSet,\n} from \"../actions/FormAttributeSetRepeatable\";\n\nimport type { ThunkAction, UpdateFormOptions } from \"../types\";\nimport type { UpdateFormAction } from \"../_modularui/types\";\nimport type { AttributeType } from \"../../models/types\";\nimport type FormModel from \"../../models/form/FormModel\";\nimport type FormObjectModel from \"../../models/form/FormObjectModel\";\nimport type { DispatchAPI } from \"redux\";\nimport type { ComponentType } from \"react\";\n\ntype Dispatch = DispatchAPI<UpdateFormAction> & DispatchAPI<ThunkAction>;\n\ntype OwnProps = {\n  form: FormModel,\n  object: FormObjectModel,\n  formLayout?: \"vertical\" | \"horizontal\" | \"compact\",\n  autosubmit?: boolean,\n  autosave?: boolean,\n};\n\ntype DispatchProps = {\n  onAttributeChange: (\n    attribute: AttributeType,\n    value: string,\n    options: UpdateFormOptions,\n  ) => ThunkAction,\n  onAddAttributeSetClick: () => UpdateFormAction,\n  onCancelAttributeSetClick: (formObject: FormObjectModel) => UpdateFormAction,\n  onRemoveAttributeSetClick: (formObject: FormObjectModel) => UpdateFormAction,\n};\n\ntype Props = {\n  ...OwnProps,\n  ...DispatchProps,\n};\n\nconst mapDispatchToProps = (\n  dispatch: Dispatch,\n  ownProps: OwnProps,\n): DispatchProps => ({\n  onAttributeChange: (\n    attribute: AttributeType,\n    value: string,\n    options: UpdateFormOptions = {\n      autosubmit: ownProps.autosubmit || false,\n      autosave: ownProps.autosave || false,\n    },\n  ) =>\n    dispatch(\n      updateFormAttribute(\n        ownProps.form,\n        ownProps.object,\n        attribute,\n        value,\n        options,\n      ),\n    ),\n  onAddAttributeSetClick: () =>\n    dispatch(addRepeatableAttributeSet(ownProps.form)),\n  onCancelAttributeSetClick: (formObject: FormObjectModel) =>\n    dispatch(cancelRepeatableAttributeSet(ownProps.form, formObject)),\n  onRemoveAttributeSetClick: (formObject: FormObjectModel) =>\n    dispatch(removeRepeatableAttributeSet(ownProps.form, formObject)),\n});\n\n/**\n */\nexport const connectFormAttributeSet: ComponentType<any> = connect<\n  Props,\n  OwnProps,\n  _,\n  DispatchProps,\n  _,\n  _,\n>(null, mapDispatchToProps);\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAwCA,MAAMG,kBAAkB,GAAGA,CACzBC,QAAkB,EAClBC,QAAkB,MACC;EACnBC,iBAAiB,EAAE,SAAAA,CACjBC,SAAwB,EACxBC,KAAa;IAAA,IACbC,OAA0B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG;MAC3BG,UAAU,EAAER,QAAQ,CAACQ,UAAU,IAAI,KAAK;MACxCC,QAAQ,EAAET,QAAQ,CAACS,QAAQ,IAAI;IACjC,CAAC;IAAA,OAEDV,QAAQ,CACN,IAAAW,qCAAmB,EACjBV,QAAQ,CAACW,IAAI,EACbX,QAAQ,CAACY,MAAM,EACfV,SAAS,EACTC,KAAK,EACLC,OACF,CACF,CAAC;EAAA;EACHS,sBAAsB,EAAEA,CAAA,KACtBd,QAAQ,CAAC,IAAAe,qDAAyB,EAACd,QAAQ,CAACW,IAAI,CAAC,CAAC;EACpDI,yBAAyB,EAAGC,UAA2B,IACrDjB,QAAQ,CAAC,IAAAkB,wDAA4B,EAACjB,QAAQ,CAACW,IAAI,EAAEK,UAAU,CAAC,CAAC;EACnEE,yBAAyB,EAAGF,UAA2B,IACrDjB,QAAQ,CAAC,IAAAoB,wDAA4B,EAACnB,QAAQ,CAACW,IAAI,EAAEK,UAAU,CAAC;AACpE,CAAC,CAAC;;AAEF;AACA;AACO,MAAMI,uBAA2C,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,mBAAO,EAOhE,IAAI,EAAExB,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"file":"FormAttributeSet.js","names":["_reactRedux","require","_FormAttributeSet","_FormAttributeSetRepeatable","mapDispatchToProps","dispatch","ownProps","onAttributeChange","attribute","value","options","arguments","length","undefined","autosubmit","autosave","autoupdate","updateFormAttribute","form","object","onAddAttributeSetClick","addRepeatableAttributeSet","onCancelAttributeSetClick","formObject","cancelRepeatableAttributeSet","onRemoveAttributeSetClick","removeRepeatableAttributeSet","connectFormAttributeSet","exports","connect"],"sources":["../../../src/redux/connectors/FormAttributeSet.js"],"sourcesContent":["// @flow\nimport { connect } from \"react-redux\";\n\nimport { updateFormAttribute } from \"../actions/FormAttributeSet\";\nimport {\n  addRepeatableAttributeSet,\n  cancelRepeatableAttributeSet,\n  removeRepeatableAttributeSet,\n} from \"../actions/FormAttributeSetRepeatable\";\n\nimport type { ThunkAction, UpdateFormOptions } from \"../types\";\nimport type { UpdateFormAction } from \"../_modularui/types\";\nimport type { AttributeType } from \"../../models/types\";\nimport type FormModel from \"../../models/form/FormModel\";\nimport type FormObjectModel from \"../../models/form/FormObjectModel\";\nimport type { DispatchAPI } from \"redux\";\nimport type { ComponentType } from \"react\";\n\ntype Dispatch = DispatchAPI<UpdateFormAction> & DispatchAPI<ThunkAction>;\n\ntype OwnProps = {\n  form: FormModel,\n  object: FormObjectModel,\n  formLayout?: \"vertical\" | \"horizontal\" | \"compact\",\n  autosubmit?: boolean,\n  autosave?: boolean,\n  autoupdate?: boolean,\n};\n\ntype DispatchProps = {\n  onAttributeChange: (\n    attribute: AttributeType,\n    value: string,\n    options: UpdateFormOptions,\n  ) => ThunkAction,\n  onAddAttributeSetClick: () => UpdateFormAction,\n  onCancelAttributeSetClick: (formObject: FormObjectModel) => UpdateFormAction,\n  onRemoveAttributeSetClick: (formObject: FormObjectModel) => UpdateFormAction,\n};\n\ntype Props = {\n  ...OwnProps,\n  ...DispatchProps,\n};\n\nconst mapDispatchToProps = (\n  dispatch: Dispatch,\n  ownProps: OwnProps,\n): DispatchProps => ({\n  onAttributeChange: (\n    attribute: AttributeType,\n    value: string,\n    options: UpdateFormOptions = {\n      autosubmit: ownProps.autosubmit ?? false,\n      autosave: ownProps.autosave ?? false,\n      autoupdate: ownProps.autoupdate ?? false,\n    },\n  ) =>\n    dispatch(\n      updateFormAttribute(\n        ownProps.form,\n        ownProps.object,\n        attribute,\n        value,\n        options,\n      ),\n    ),\n  onAddAttributeSetClick: () =>\n    dispatch(addRepeatableAttributeSet(ownProps.form)),\n  onCancelAttributeSetClick: (formObject: FormObjectModel) =>\n    dispatch(cancelRepeatableAttributeSet(ownProps.form, formObject)),\n  onRemoveAttributeSetClick: (formObject: FormObjectModel) =>\n    dispatch(removeRepeatableAttributeSet(ownProps.form, formObject)),\n});\n\n/**\n */\nexport const connectFormAttributeSet: ComponentType<any> = connect<\n  Props,\n  OwnProps,\n  _,\n  DispatchProps,\n  _,\n  _,\n>(null, mapDispatchToProps);\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAyCA,MAAMG,kBAAkB,GAAGA,CACzBC,QAAkB,EAClBC,QAAkB,MACC;EACnBC,iBAAiB,EAAE,SAAAA,CACjBC,SAAwB,EACxBC,KAAa;IAAA,IACbC,OAA0B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG;MAC3BG,UAAU,EAAER,QAAQ,CAACQ,UAAU,IAAI,KAAK;MACxCC,QAAQ,EAAET,QAAQ,CAACS,QAAQ,IAAI,KAAK;MACpCC,UAAU,EAAEV,QAAQ,CAACU,UAAU,IAAI;IACrC,CAAC;IAAA,OAEDX,QAAQ,CACN,IAAAY,qCAAmB,EACjBX,QAAQ,CAACY,IAAI,EACbZ,QAAQ,CAACa,MAAM,EACfX,SAAS,EACTC,KAAK,EACLC,OACF,CACF,CAAC;EAAA;EACHU,sBAAsB,EAAEA,CAAA,KACtBf,QAAQ,CAAC,IAAAgB,qDAAyB,EAACf,QAAQ,CAACY,IAAI,CAAC,CAAC;EACpDI,yBAAyB,EAAGC,UAA2B,IACrDlB,QAAQ,CAAC,IAAAmB,wDAA4B,EAAClB,QAAQ,CAACY,IAAI,EAAEK,UAAU,CAAC,CAAC;EACnEE,yBAAyB,EAAGF,UAA2B,IACrDlB,QAAQ,CAAC,IAAAqB,wDAA4B,EAACpB,QAAQ,CAACY,IAAI,EAAEK,UAAU,CAAC;AACpE,CAAC,CAAC;;AAEF;AACA;AACO,MAAMI,uBAA2C,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,mBAAO,EAOhE,IAAI,EAAEzB,kBAAkB,CAAC","ignoreList":[]}

package/lib/redux/types.js.flow

@@ -46,6 +46,7 @@ export type PreferenceValue =
 export type UpdateFormOptions = {
   autosubmit: boolean,
   autosave: boolean,
+  autoupdate: boolean,
   forceUpdate?: boolean,
   /** Default true: Activate/deactivate the form object validate by an update */
   validate?: boolean,

package/lib/redux/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/redux/types.js"],"sourcesContent":["// @flow\nimport type { Store, DispatchAPI } from \"redux\";\n\nimport type ErrorResponse from \"../models/error/ErrorResponse\";\n\nimport type FormModel from \"../models/form/FormModel\";\nimport typeof {\n  NOTIFICATION_TYPES,\n  AUTOSAVE_STATUS,\n} from \"../constants/Constants\";\n\nimport type { MessageObject } from \"../i18n/types\";\nimport type {\n  I18nState,\n  UpdateLocaleAction,\n  SetLocalesAction,\n} from \"./_i18n/types\";\nimport type {\n  ModularUIState,\n  ModularUIAction,\n  UpdateStatusAction,\n  SetModelAction,\n  UpdateModelAction,\n  UpdateFormAction,\n  RemoveModelByKeyAction,\n  ResetModularUIAction,\n  InitModelAction,\n} from \"./_modularui/types\";\nimport type {\n  RouterState,\n  LocationChangeAction,\n  PushAction,\n  ReplaceAction,\n  GoAction,\n  GoBackAction,\n  GoForwardAction,\n} from \"./_router/types\";\n\nexport type PreferenceValue =\n  | null\n  | string\n  | boolean\n  | { [key: string]: any }\n  | Array<PreferenceValue>;\n\nexport type UpdateFormOptions = {\n  autosubmit: boolean,\n  autosave: boolean,\n  forceUpdate?: boolean,\n  /** Default true: Activate/deactivate the form object validate by an update */\n  validate?: boolean,\n};\n\nexport type NoAction = {\n  type: \"NO_ACTION\",\n};\n\nexport type SaveErrorAction = {\n  type: \"SAVE_ERROR\",\n  payload: ErrorResponse,\n};\n\nexport type ShowModalAction = {\n  type: \"SHOW_MODAL\",\n  payload: string,\n};\n\nexport type CloseModalAction = {\n  type: \"CLOSE_MODAL\",\n  payload: string,\n};\n\nexport type DismissNotificationAction = {\n  type: \"DISMISS_NOTIFICATION\",\n};\nexport type ShowNotificationAction = {\n  type: \"SHOW_NOTIFICATION\",\n  payload: {\n    type: $Keys<NOTIFICATION_TYPES>,\n    message: MessageObject,\n    error: ?ErrorResponse,\n  },\n};\n\nexport type SetPreferenceAction = {\n  type: \"SET_PREFERENCE\",\n  payload: { [name: string]: PreferenceValue },\n};\nexport type SetPreferencesAction = {\n  type: \"SET_PREFERENCES\",\n  payload: { [name: string]: PreferenceValue },\n};\n\nexport type StartProgressAction = {\n  type: \"START_PROGRESS\",\n};\nexport type FinishProgressAction = {\n  type: \"FINISH_PROGRESS\",\n};\nexport type ResetProgressAction = {\n  type: \"RESET_PROGRESS\",\n};\nexport type UpdateProgressAction = {\n  type: \"UPDATE_PROGRESS\",\n  payload: { percentComplete: number },\n};\n\nexport type SendAuthenticationErrorAction = {\n  type: \"AUTHENTICATION_ERROR\",\n  payload: string,\n};\n\nexport type ResetAuthErrorsAction = {\n  type: \"AUTHENTICATION_RESET_ERRORS\",\n};\n\nexport type LoginSuccessAction = {\n  type: \"AUTHENTICATION_SUCCESS\",\n};\n\nexport type ChangePasswordAction = {\n  type: \"CHANGE_PASSWORD\",\n};\n\nexport type LogoutSuccessAction = {\n  type: \"AUTHENTICATION_LOGOUT\",\n};\n\nexport type UpdateAutosaveAction = {\n  type: \"UPDATE_AUTOSAVE_STATUS\",\n  payload: {\n    status: $Keys<AUTOSAVE_STATUS>,\n    model: FormModel,\n  },\n};\n\nexport type ReduxAction =\n  | UpdateStatusAction\n  | SetModelAction\n  | InitModelAction\n  | UpdateModelAction\n  | UpdateFormAction\n  | RemoveModelByKeyAction\n  | ResetModularUIAction\n  | SaveErrorAction\n  | UpdateLocaleAction\n  | SetLocalesAction\n  | ShowModalAction\n  | CloseModalAction\n  | DismissNotificationAction\n  | ShowNotificationAction\n  | SetPreferenceAction\n  | SetPreferencesAction\n  | StartProgressAction\n  | FinishProgressAction\n  | ResetProgressAction\n  | UpdateProgressAction\n  | ResetAuthErrorsAction\n  | SendAuthenticationErrorAction\n  | LoginSuccessAction\n  | ChangePasswordAction\n  | LogoutSuccessAction\n  | UpdateAutosaveAction\n  | LocationChangeAction\n  | PushAction\n  | ReplaceAction\n  | GoAction\n  | GoBackAction\n  | GoForwardAction\n  | ModularUIAction\n  | NoAction;\n\n// Redux state\nexport type AuthState = {\n  +mustChangePassword: boolean,\n  +error: ?string,\n};\n\nexport type ErrorState = null | ErrorResponse;\n\nexport type ModalState = {\n  +key: string,\n  +visible: boolean,\n  +size?: string,\n};\n\nexport type ModalsState = {\n  +modals: Array<ModalState>,\n};\n\nexport type NotificationState = {\n  +render: boolean,\n  +messageType: string | null,\n  +message: MessageObject | null,\n  +error: ?ErrorResponse | null,\n};\n\nexport type PreferencesState = {\n  +[name: string]: PreferenceValue,\n};\n\nexport type ProgressIndicatorState = {\n  +count: number,\n  +timestamp: number,\n  +percentComplete: number,\n};\n\nexport type ReduxState = {\n  +router: RouterState,\n  +modularui: ModularUIState,\n  +i18n: I18nState,\n  +auth: AuthState,\n  +error: ErrorState,\n  +modals: ModalsState,\n  +notification: NotificationState,\n  +progressindicator: ProgressIndicatorState,\n  +preferences: PreferencesState,\n  ...\n};\n\nexport type GetState = () => ReduxState;\nexport type ThunkAction = (dispatch: Dispatch, getState: GetState) => any;\nexport type PromiseAction = Promise<PossibleAction>;\nexport type Dispatch = DispatchAPI<PossibleAction>;\nexport type ReduxStore = Store<ReduxState, ReduxAction, Dispatch>;\n\nexport type PossibleAction = ReduxAction | ThunkAction | PromiseAction;\n\nexport type CustomReducers = { [reducerKey: string]: any };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/redux/types.js"],"sourcesContent":["// @flow\nimport type { Store, DispatchAPI } from \"redux\";\n\nimport type ErrorResponse from \"../models/error/ErrorResponse\";\n\nimport type FormModel from \"../models/form/FormModel\";\nimport typeof {\n  NOTIFICATION_TYPES,\n  AUTOSAVE_STATUS,\n} from \"../constants/Constants\";\n\nimport type { MessageObject } from \"../i18n/types\";\nimport type {\n  I18nState,\n  UpdateLocaleAction,\n  SetLocalesAction,\n} from \"./_i18n/types\";\nimport type {\n  ModularUIState,\n  ModularUIAction,\n  UpdateStatusAction,\n  SetModelAction,\n  UpdateModelAction,\n  UpdateFormAction,\n  RemoveModelByKeyAction,\n  ResetModularUIAction,\n  InitModelAction,\n} from \"./_modularui/types\";\nimport type {\n  RouterState,\n  LocationChangeAction,\n  PushAction,\n  ReplaceAction,\n  GoAction,\n  GoBackAction,\n  GoForwardAction,\n} from \"./_router/types\";\n\nexport type PreferenceValue =\n  | null\n  | string\n  | boolean\n  | { [key: string]: any }\n  | Array<PreferenceValue>;\n\nexport type UpdateFormOptions = {\n  autosubmit: boolean,\n  autosave: boolean,\n  autoupdate: boolean,\n  forceUpdate?: boolean,\n  /** Default true: Activate/deactivate the form object validate by an update */\n  validate?: boolean,\n};\n\nexport type NoAction = {\n  type: \"NO_ACTION\",\n};\n\nexport type SaveErrorAction = {\n  type: \"SAVE_ERROR\",\n  payload: ErrorResponse,\n};\n\nexport type ShowModalAction = {\n  type: \"SHOW_MODAL\",\n  payload: string,\n};\n\nexport type CloseModalAction = {\n  type: \"CLOSE_MODAL\",\n  payload: string,\n};\n\nexport type DismissNotificationAction = {\n  type: \"DISMISS_NOTIFICATION\",\n};\nexport type ShowNotificationAction = {\n  type: \"SHOW_NOTIFICATION\",\n  payload: {\n    type: $Keys<NOTIFICATION_TYPES>,\n    message: MessageObject,\n    error: ?ErrorResponse,\n  },\n};\n\nexport type SetPreferenceAction = {\n  type: \"SET_PREFERENCE\",\n  payload: { [name: string]: PreferenceValue },\n};\nexport type SetPreferencesAction = {\n  type: \"SET_PREFERENCES\",\n  payload: { [name: string]: PreferenceValue },\n};\n\nexport type StartProgressAction = {\n  type: \"START_PROGRESS\",\n};\nexport type FinishProgressAction = {\n  type: \"FINISH_PROGRESS\",\n};\nexport type ResetProgressAction = {\n  type: \"RESET_PROGRESS\",\n};\nexport type UpdateProgressAction = {\n  type: \"UPDATE_PROGRESS\",\n  payload: { percentComplete: number },\n};\n\nexport type SendAuthenticationErrorAction = {\n  type: \"AUTHENTICATION_ERROR\",\n  payload: string,\n};\n\nexport type ResetAuthErrorsAction = {\n  type: \"AUTHENTICATION_RESET_ERRORS\",\n};\n\nexport type LoginSuccessAction = {\n  type: \"AUTHENTICATION_SUCCESS\",\n};\n\nexport type ChangePasswordAction = {\n  type: \"CHANGE_PASSWORD\",\n};\n\nexport type LogoutSuccessAction = {\n  type: \"AUTHENTICATION_LOGOUT\",\n};\n\nexport type UpdateAutosaveAction = {\n  type: \"UPDATE_AUTOSAVE_STATUS\",\n  payload: {\n    status: $Keys<AUTOSAVE_STATUS>,\n    model: FormModel,\n  },\n};\n\nexport type ReduxAction =\n  | UpdateStatusAction\n  | SetModelAction\n  | InitModelAction\n  | UpdateModelAction\n  | UpdateFormAction\n  | RemoveModelByKeyAction\n  | ResetModularUIAction\n  | SaveErrorAction\n  | UpdateLocaleAction\n  | SetLocalesAction\n  | ShowModalAction\n  | CloseModalAction\n  | DismissNotificationAction\n  | ShowNotificationAction\n  | SetPreferenceAction\n  | SetPreferencesAction\n  | StartProgressAction\n  | FinishProgressAction\n  | ResetProgressAction\n  | UpdateProgressAction\n  | ResetAuthErrorsAction\n  | SendAuthenticationErrorAction\n  | LoginSuccessAction\n  | ChangePasswordAction\n  | LogoutSuccessAction\n  | UpdateAutosaveAction\n  | LocationChangeAction\n  | PushAction\n  | ReplaceAction\n  | GoAction\n  | GoBackAction\n  | GoForwardAction\n  | ModularUIAction\n  | NoAction;\n\n// Redux state\nexport type AuthState = {\n  +mustChangePassword: boolean,\n  +error: ?string,\n};\n\nexport type ErrorState = null | ErrorResponse;\n\nexport type ModalState = {\n  +key: string,\n  +visible: boolean,\n  +size?: string,\n};\n\nexport type ModalsState = {\n  +modals: Array<ModalState>,\n};\n\nexport type NotificationState = {\n  +render: boolean,\n  +messageType: string | null,\n  +message: MessageObject | null,\n  +error: ?ErrorResponse | null,\n};\n\nexport type PreferencesState = {\n  +[name: string]: PreferenceValue,\n};\n\nexport type ProgressIndicatorState = {\n  +count: number,\n  +timestamp: number,\n  +percentComplete: number,\n};\n\nexport type ReduxState = {\n  +router: RouterState,\n  +modularui: ModularUIState,\n  +i18n: I18nState,\n  +auth: AuthState,\n  +error: ErrorState,\n  +modals: ModalsState,\n  +notification: NotificationState,\n  +progressindicator: ProgressIndicatorState,\n  +preferences: PreferencesState,\n  ...\n};\n\nexport type GetState = () => ReduxState;\nexport type ThunkAction = (dispatch: Dispatch, getState: GetState) => any;\nexport type PromiseAction = Promise<PossibleAction>;\nexport type Dispatch = DispatchAPI<PossibleAction>;\nexport type ReduxStore = Store<ReduxState, ReduxAction, Dispatch>;\n\nexport type PossibleAction = ReduxAction | ThunkAction | PromiseAction;\n\nexport type CustomReducers = { [reducerKey: string]: any };\n"],"mappings":"","ignoreList":[]}

package/lib/utils/fetch/types.js.flow

@@ -31,11 +31,12 @@ export type RequestBaseOptions = {
 
 export type RequestOptions = { ...RequestURLOptions, ...RequestBaseOptions };
 
+export type UpdateHandler = (newModel: ModularUIModel) => ModularUIModel;
 export type RequestModularUIOptions = {
   ...RequestBaseOptions,
   targetModel?: TargetModel,
   forceTargetModel?: boolean,
-  updateModel?: ModularUIModel,
+  updateHandler?: UpdateHandler | void,
   childmodels?: boolean,
   isValidationRequest?: boolean,
   removeOnUnmount?: boolean,

package/lib/utils/fetch/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/utils/fetch/types.js"],"sourcesContent":["// @flow\nimport typeof { HTTP_METHODS } from \"../../constants/Constants\";\nimport type { ModularUIModel } from \"../../models/types\";\nimport type { TargetModel } from \"../../modularui/types\";\n\nexport type RequestURLOptions = {\n  url: string,\n};\n\nexport type RequestBaseOptions = {\n  method?: $Keys<HTTP_METHODS>,\n  params?: string,\n  data?: any,\n  timeout?: number,\n  responseType?: string,\n  headers?: {\n    [headerName: string]: string,\n    Accept?: string,\n    \"Accept-Language\"?: string,\n    \"Content-Type\"?: string,\n    \"x-filename\"?: string,\n    \"x-filesize\"?: string,\n  },\n  events?: { [eventName: string]: () => void },\n  onProgress?: ProgressEventHandler,\n  includeContext?: boolean,\n  locale?: string,\n  cache?: boolean,\n  isReload?: boolean,\n};\n\nexport type RequestOptions = { ...RequestURLOptions, ...RequestBaseOptions };\n\nexport type RequestModularUIOptions = {\n  ...RequestBaseOptions,\n  targetModel?: TargetModel,\n  forceTargetModel?: boolean,\n  updateModel?: ModularUIModel,\n  childmodels?: boolean,\n  isValidationRequest?: boolean,\n  removeOnUnmount?: boolean,\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/utils/fetch/types.js"],"sourcesContent":["// @flow\nimport typeof { HTTP_METHODS } from \"../../constants/Constants\";\nimport type { ModularUIModel } from \"../../models/types\";\nimport type { TargetModel } from \"../../modularui/types\";\n\nexport type RequestURLOptions = {\n  url: string,\n};\n\nexport type RequestBaseOptions = {\n  method?: $Keys<HTTP_METHODS>,\n  params?: string,\n  data?: any,\n  timeout?: number,\n  responseType?: string,\n  headers?: {\n    [headerName: string]: string,\n    Accept?: string,\n    \"Accept-Language\"?: string,\n    \"Content-Type\"?: string,\n    \"x-filename\"?: string,\n    \"x-filesize\"?: string,\n  },\n  events?: { [eventName: string]: () => void },\n  onProgress?: ProgressEventHandler,\n  includeContext?: boolean,\n  locale?: string,\n  cache?: boolean,\n  isReload?: boolean,\n};\n\nexport type RequestOptions = { ...RequestURLOptions, ...RequestBaseOptions };\n\nexport type UpdateHandler = (newModel: ModularUIModel) => ModularUIModel;\nexport type RequestModularUIOptions = {\n  ...RequestBaseOptions,\n  targetModel?: TargetModel,\n  forceTargetModel?: boolean,\n  updateHandler?: UpdateHandler | void,\n  childmodels?: boolean,\n  isValidationRequest?: boolean,\n  removeOnUnmount?: boolean,\n};\n"],"mappings":"","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.48.0",
+  "version": "1.49.1",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",
@@ -37,7 +37,7 @@
     "beta-release": "commit-and-tag-version --prerelease beta",
     "prepublishOnly": "npm run build",
     "docs": "node ./.build/docs.mjs",
-    "prepare": "husky install",
+    "prepare": "husky",
     "security-audit": "auditjs ossi --xml > npm-audit.xml",
     "generate-ts": "npx -p typescript tsc src/index.js --declaration --allowJs --emitDeclarationOnly --outDir types"
   },
@@ -82,7 +82,7 @@
     "styled-components": "^5.0.0"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.24.5",
+    "@babel/runtime-corejs3": "^7.24.7",
     "big.js": "^6.2.1",
     "date-fns": "^3.6.0",
     "deepmerge": "^4.3.1",
@@ -98,19 +98,19 @@
     "setimmediate": "^1.0.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.24.5",
-    "@babel/core": "^7.24.5",
-    "@babel/eslint-parser": "^7.24.5",
-    "@babel/eslint-plugin": "^7.24.5",
+    "@babel/cli": "^7.24.7",
+    "@babel/core": "^7.24.7",
+    "@babel/eslint-parser": "^7.24.7",
+    "@babel/eslint-plugin": "^7.24.7",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.24.3",
-    "@babel/preset-env": "^7.24.5",
-    "@babel/preset-flow": "^7.24.1",
-    "@babel/preset-react": "^7.24.1",
-    "@commitlint/cli": "^18.5.0",
-    "@commitlint/config-conventional": "^18.5.0",
-    "@testing-library/react": "^15.0.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-flow": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "^19.2.2",
+    "@testing-library/react": "^16.0.0",
     "auditjs": "^4.0.45",
     "babel-jest": "^29.7.0",
     "babel-plugin-styled-components": "^2.1.4",
@@ -124,7 +124,7 @@
     "eslint-plugin-ft-flow": "^3.0.9",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jest": "^27.9.0",
-    "eslint-plugin-jsdoc": "^48.2.5",
+    "eslint-plugin-jsdoc": "^48.2.9",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-you-dont-need-lodash-underscore": "^6.14.0",
@@ -133,15 +133,15 @@
     "flow-typed": "^3.9.0",
     "hermes-eslint": "^0.16.0",
     "history": "^4.0.0",
-    "husky": "^8.0.3",
+    "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "jest-sonar-reporter": "^2.0.0",
     "jscodeshift": "^0.15.1",
-    "lint-staged": "^13.2.3",
+    "lint-staged": "^15.2.5",
     "polished": "^4.0.0",
-    "prettier": "^3.2.4",
+    "prettier": "^3.3.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-helmet-async": "^2.0.5",

package/src/hooks/useForm.js

@@ -5,6 +5,10 @@ import Href from "../models/href/Href";
 
 import { getSetting, HTTP_METHODS } from "../constants";
 
+import type {
+  RemoveModelByKeyAction,
+  UpdateFormAction,
+} from "../redux/_modularui";
 import { loadModularUI, removeModelByKey } from "../redux/_modularui";
 import { useModularUI } from "./useModularUI";
 
@@ -20,12 +24,8 @@ import {
 
 import FormModel from "../models/form/FormModel";
 
-import type { FormObjectModel, AttributeType } from "../models";
+import type { AttributeType, FormObjectModel, ModularUIModel } from "../models";
 import type { UpdateFormOptions } from "../redux/types";
-import type {
-  RemoveModelByKeyAction,
-  UpdateFormAction,
-} from "../redux/_modularui";
 
 type FormNavigationHook = {
   previous: (form: FormModel) => UpdateFormAction,
@@ -84,7 +84,14 @@ export const useFormNavigation = (): FormNavigationHook => {
       loadModularUI(form.connectKey, form.selfhref, {
         method: HTTP_METHODS.POST,
         data: form.formdata,
-        updateModel: form,
+        updateHandler: (newModel: ModularUIModel): ModularUIModel => {
+          if (newModel instanceof FormModel) {
+            const clonedModel: FormModel = form.clone();
+            clonedModel.update(newModel);
+            return clonedModel;
+          }
+          return newModel;
+        },
         targetModel: FormModel,
       }),
     );
@@ -105,7 +112,15 @@ export const useFormNavigation = (): FormNavigationHook => {
 };
 
 /**
- * Update attributes of a form
+ * Hook that returns a function to update attributes of a form object.
+ * <br >
+ * The returned function accepts the following options:
+ *
+ * - autosubmit: Automatically submit the form after a change
+ * - autosav: Automatically save the form (in the background) after a change
+ * - autoupdate: Automatically update the current form object after a change
+ * - forceUpdate: Force the update even if conditions are not met.
+ * - validate: Activate/deactivate the form object validation by an update.
  */
 export const useAttributeUpdate = (
   form: FormModel,

package/src/models/attributes/AttributeModel.js

@@ -744,7 +744,8 @@ export default class AttributeModel
   /**
    * Registers a missing error that was received from the server
    */
-  addMissingError(): void {
+  // eslint-disable-next-line no-unused-vars
+  addMissingError(receivedAttribute?: AttributeType): void {
     this._errorCollection.addServerError("Constraint.Missing");
   }
 

package/src/models/attributes/ChoiceAttributeModel.js

@@ -303,11 +303,19 @@ export default class ChoiceAttributeModel extends AttributeModel {
 
   /**
    */
-  mergeAttribute(oldAttribute: AttributeType) {
+  mergeAttribute(
+    oldAttribute: AttributeType,
+    addNotExistingOptions: boolean = false,
+    removeNotExistingOptions: boolean = false,
+  ) {
     // when attribute is readonly, don't merge the options no modifications necessary
     if (!this.readonly && oldAttribute instanceof ChoiceAttributeModel) {
       this.concept = oldAttribute.concept;
-      this.options.mergeOptions(oldAttribute.options, this.type === "lookup");
+      this.options.mergeOptions(
+        oldAttribute.options,
+        addNotExistingOptions ?? this.type === "lookup",
+        removeNotExistingOptions,
+      );
       this.options.deselectAll();
 
       if (oldAttribute.isValid && oldAttribute.inputvalue !== null) {
@@ -354,6 +362,19 @@ export default class ChoiceAttributeModel extends AttributeModel {
     return this;
   }
 
+  /**
+   * Registers a missing error that was received from the server
+   */
+  addMissingError(receivedAttribute?: AttributeType): void {
+    if (this.isChangedSince(0)) {
+      this._errorCollection.addServerError("Constraint.Missing");
+    }
+    // update choice options
+    if (receivedAttribute instanceof ChoiceAttributeModel) {
+      this.mergeAttribute(receivedAttribute, true, true);
+    }
+  }
+
   /**
    */
   set hasContentConfiguration(hasContentConfiguration: boolean) {

package/src/models/attributes/ChoiceAttributeOptionCollection.js

@@ -309,15 +309,9 @@ class ChoiceAttributeOptionCollection extends ResourceCollection<ChoiceAttribute
   mergeOptions(
     withOptions: ChoiceAttributeOptionCollection,
     addNotExistingOptions: boolean = false,
+    removeNotExistingOptions: boolean = false,
   ) {
-    if (addNotExistingOptions) {
-      this.collection = [
-        ...this.collection,
-        ...withOptions.filter(
-          (option) => !this.collection.some((opt) => opt.code === option.code),
-        ),
-      ];
-    }
+    const newCollection = [];
 
     this.collection.forEach((option) => {
       const foundOption = withOptions.find(
@@ -325,8 +319,22 @@ class ChoiceAttributeOptionCollection extends ResourceCollection<ChoiceAttribute
       );
       if (foundOption) {
         option.mergeOption(foundOption);
+        newCollection.push(option);
+      } else if (!removeNotExistingOptions) {
+        newCollection.push(option);
       }
     });
+
+    if (addNotExistingOptions) {
+      this.collection = [
+        ...newCollection,
+        ...withOptions.filter(
+          (option) => !this.collection.some((opt) => opt.code === option.code),
+        ),
+      ];
+    } else {
+      this.collection = newCollection;
+    }
   }
 
   /**