@beinformed/ui 1.48.1 → 1.49.3

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.1",
+  "version": "1.49.3",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",

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;
+    }
   }
 
   /**

package/src/models/concepts/ConceptDetailModel.js

@@ -15,6 +15,7 @@ import type {
 import type { ModularUIResponse } from "../../modularui";
 import type Href from "../href/Href";
 import type LinkModel from "../links/LinkModel";
+import type LinkCollection from "../links/LinkCollection";
 import type ErrorResponse from "../error/ErrorResponse";
 
 /**
@@ -109,6 +110,13 @@ export default class ConceptDetailModel extends ResourceModel {
     return href;
   }
 
+  /**
+   * Available diagrams for the concept, most of the time just one
+   */
+  get diagramLinks(): LinkCollection {
+    return this.links.getLinksByGroup("diagram");
+  }
+
   /**
    * Get conceptType of concept
    */

package/src/models/form/FormModel.js

@@ -1013,6 +1013,27 @@ class FormModel extends ResourceModel {
     return this;
   }
 
+  /**
+   * Updates the current form object with new information about the object,
+   * like for example a new dynamicschema. Used for autoupdate functionality that makes it possible
+   * to update the options of a next missing attribute in a form-tree iq question
+   */
+  updateCurrentFormObject(receivedForm: ModularUIModel) {
+    if (receivedForm instanceof FormModel) {
+      const receivedFormData = receivedForm.data ?? {};
+      const hasMissing = has(receivedFormData, "missing");
+      const hasErrors = has(receivedFormData, "errors");
+
+      if (hasErrors) {
+        this.handleErrors(receivedForm);
+      }
+
+      if (hasMissing) {
+        this.handleMissing(receivedForm);
+      }
+    }
+  }
+
   /**
    */
   updateValidations(data: any): FormModel {
@@ -1125,11 +1146,10 @@ class FormModel extends ResourceModel {
     }
 
     this.currentFormObject.attributeCollection.map((attribute) => {
-      if (
-        receivedForm.currentFormObject &&
-        receivedForm.currentFormObject.hasAttributeByKey(attribute.key)
-      ) {
-        attribute.addMissingError();
+      const receivedAttribute =
+        receivedForm.currentFormObject?.getAttributeByKey(attribute.key);
+      if (receivedAttribute) {
+        attribute.addMissingError(receivedAttribute);
       } else {
         attribute.removeMissingError();
       }

package/src/models/form/FormObjectModel.js

@@ -218,7 +218,15 @@ export default class FormObjectModel extends BaseModel {
   }
 
   /**
-   * Indicates if object is dynamic. A dynamic object should be submitted on each attribute change
+   * Indicates if object is dynamic.
+   *
+   * A subtle difference exists between objects for wizard style instrument dialogs and other objects.
+   * In the 'missing object' response, wizard style objects will include only the first attribute(s) to be answered,
+   * while other objects will include the complete set of attributes of that object.
+   *
+   * This difference is condensed in the term of 'dynamic objects': these objects start (in the 'missing object' response)
+   * with a very select set of attributes to be answered, and each successive 'missing elements' response will include next attributes to be answered.
+   * When an object is dynamic, the form contributions will mention a "dynamicObject": true property.
    */
   get isDynamic(): boolean {
     return this.getContribution("dynamicObject", false);

package/src/modularui/ModularUIRequest.js

@@ -156,7 +156,7 @@ class ModularUIRequest {
     const {
       targetModel,
       forceTargetModel,
-      updateModel,
+      updateHandler,
       childmodels,
       isValidationRequest,
       removeOnUnmount,

package/src/redux/_modularui/ModularUIActions.js

@@ -17,7 +17,10 @@ import type {
   ResetModularUIAction,
   UpdateStatusAction,
 } from "./types";
-import type { RequestModularUIOptions } from "../../utils/fetch/types";
+import type {
+  RequestModularUIOptions,
+  UpdateHandler,
+} from "../../utils/fetch/types";
 
 /**
  */
@@ -88,22 +91,11 @@ export const updateStatus = (
 const loadModelSuccessAction = (
   key: string,
   model: ModularUIModel,
-  modelToUpdate: ?ModularUIModel,
+  updateHandler: UpdateHandler | void,
 ): UpdateModelAction | SetModelAction => {
-  if (modelToUpdate) {
-    // $FlowFixMe[prop-missing]
-    if (typeof modelToUpdate["update"] === "function") {
-      const clonedModel = modelToUpdate.clone();
-      clonedModel.update(model);
-
-      return updateModel(clonedModel);
-    }
-
-    throw new Error(
-      `loadModel action: updateModel is set as option for ${key}, but the model is missing an update methode`,
-    );
+  if (updateHandler) {
+    return updateModel(updateHandler(model));
   }
-
   return setModel(key, model);
 };
 
@@ -127,7 +119,7 @@ export const loadModel = (
     /**
      */
     successAction: (model) =>
-      loadModelSuccessAction(key, model, options?.updateModel),
+      loadModelSuccessAction(key, model, options?.updateHandler),
     /**
      */
     errorAction: (error) => {

package/src/redux/actions/FormAttributeSet.js

@@ -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/src/redux/actions/FormAutosubmit.js

@@ -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/src/redux/actions/FormAutoupdate.js

@@ -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/src/redux/connectors/FormAttributeSet.js

@@ -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/src/redux/types.js

@@ -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,