@beinformed/ui 1.14.2 → 1.15.0

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.15.0](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.14.5...v1.15.0) (2022-03-17)
+
+### Features
+
+- **hooks:** add useRetrieveFormsOnModel hook ([042ba49](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/042ba49b33e62c1b6ac18c594b7ec358a153394a))
+
+### [1.14.5](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.14.4...v1.14.5) (2022-03-15)
+
+### Bug Fixes
+
+- **react-router:** use correct package and version of react-router ([eb6644b](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/eb6644b235a2b8e02cca9be66b2d7ed4d0063585))
+
+### [1.14.4](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.14.3...v1.14.4) (2022-03-14)
+
+### [1.14.3](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.14.0...v1.14.3) (2022-03-14)
+
+### Bug Fixes
+
+- **scenario:** add settings for business scenario concept types ([#16](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/issues/16)) ([d8510c3](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/d8510c3c076b9a1c71a7c83083df297d04ff2efc))
+- **scenario:** allow multiple scenario concept types ([89d9e4e](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/89d9e4e396e1375abc1230090fa8e1c9cdfa1a3c))
+
 ### [1.14.2](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.14.1...v1.14.2) (2022-03-12)
 
 ### Bug Fixes

package/esm/hooks/index.js

@@ -13,4 +13,5 @@ export * from "./useNotification";
 export * from "./usePreference";
 export * from "./useProgressIndicator";
 export * from "./useRouter";
+export * from "./useAllFormsOnModel";
 //# sourceMappingURL=index.js.map

package/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.js"],"names":[],"mappings":"AACA,cAAc,qBAAd;AACA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,mBAAd;AACA,cAAc,aAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,mBAAd;AACA,cAAc,iBAAd;AACA,cAAc,wBAAd;AACA,cAAc,aAAd","sourcesContent":["// @flow\nexport * from \"./useAuthentication\";\nexport * from \"./useContent\";\nexport * from \"./useForm\";\nexport * from \"./useI18n\";\nexport * from \"./useModal\";\nexport * from \"./useModelCatalog\";\nexport * from \"./useModels\";\nexport * from \"./useModularUI\";\nexport * from \"./useModularUIBasic\";\nexport * from \"./useModularUIModel\";\nexport * from \"./useModularUIRequest\";\nexport * from \"./useNotification\";\nexport * from \"./usePreference\";\nexport * from \"./useProgressIndicator\";\nexport * from \"./useRouter\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/hooks/index.js"],"names":[],"mappings":"AACA,cAAc,qBAAd;AACA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,mBAAd;AACA,cAAc,aAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,mBAAd;AACA,cAAc,iBAAd;AACA,cAAc,wBAAd;AACA,cAAc,aAAd;AACA,cAAc,sBAAd","sourcesContent":["// @flow\nexport * from \"./useAuthentication\";\nexport * from \"./useContent\";\nexport * from \"./useForm\";\nexport * from \"./useI18n\";\nexport * from \"./useModal\";\nexport * from \"./useModelCatalog\";\nexport * from \"./useModels\";\nexport * from \"./useModularUI\";\nexport * from \"./useModularUIBasic\";\nexport * from \"./useModularUIModel\";\nexport * from \"./useModularUIRequest\";\nexport * from \"./useNotification\";\nexport * from \"./usePreference\";\nexport * from \"./useProgressIndicator\";\nexport * from \"./useRouter\";\nexport * from \"./useAllFormsOnModel\";\n"],"file":"index.js"}

package/esm/hooks/useAllFormsOnModel.js

@@ -0,0 +1,110 @@
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import { useState, useEffect } from "react";
+import { useModularUIRequest } from "./useModularUIRequest";
+import { HTTP_METHODS } from "../constants";
+import ListModel from "../models/list/ListModel";
+import FormModel from "../models/form/FormModel";
+
+/**
+ * Retrieve all forms configured on a model with actions
+ * @param model
+ * @returns Object - { actionName: FormModel }
+ */
+export var useRetrieveFormsOnModel = function useRetrieveFormsOnModel(model) {
+  var modularui = useModularUIRequest();
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      forms = _useState2[0],
+      setForms = _useState2[1];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      requestCount = _useState4[0],
+      setRequestCount = _useState4[1];
+
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      responseCount = _useState6[0],
+      setResponseCount = _useState6[1];
+
+  useEffect(function () {
+    var _context;
+
+    var requests = _mapInstanceProperty(_context = getActions(model)).call(_context, function (action) {
+      var href = action.selfhref.addParameter("commit", "false");
+      return modularui(href, {
+        method: HTTP_METHODS.POST
+      }).fetch().then(function (form) {
+        if (form instanceof FormModel) {
+          form.tokens = [];
+        }
+
+        return _defineProperty({}, action.name, form);
+      });
+    });
+
+    setRequestCount(requests.length);
+
+    _Promise.all(requests).then(function (responses) {
+      var _context2;
+
+      // put response array in object
+      var actionForms = _Object$assign.apply(Object, _concatInstanceProperty(_context2 = [{}]).call(_context2, _toConsumableArray(responses)));
+
+      setForms(actionForms);
+      setResponseCount(responses.length);
+    });
+  }, [model, modularui]);
+
+  if (responseCount === requestCount) {
+    return forms;
+  }
+
+  return null;
+};
+
+var getActions = function getActions(model) {
+  var _context3;
+
+  if (!model.actionCollection) {
+    return [];
+  }
+
+  var createActions = _filterInstanceProperty(_context3 = model.actionCollection.getActionsByType("create")).call(_context3, function (action) {
+    return !action.isDisabled;
+  });
+
+  var allActions = _toConsumableArray(createActions);
+
+  if (model instanceof ListModel) {
+    model.listItemCollection.forEach(function (listItem) {
+      var _context4;
+
+      var updateActions = _filterInstanceProperty(_context4 = listItem.actionCollection.getActionsByType("update")).call(_context4, function (action) {
+        return !action.isDisabled;
+      });
+
+      allActions.push.apply(allActions, _toConsumableArray(updateActions));
+    });
+  }
+
+  var actions = [];
+  var unique = [];
+  allActions.forEach(function (action) {
+    if (!_includesInstanceProperty(unique).call(unique, action.name)) {
+      unique.push(action.name);
+      actions.push(action);
+    }
+  });
+  return actions;
+};
+//# sourceMappingURL=useAllFormsOnModel.js.map

package/esm/hooks/useAllFormsOnModel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useAllFormsOnModel.js"],"names":["useState","useEffect","useModularUIRequest","HTTP_METHODS","ListModel","FormModel","useRetrieveFormsOnModel","model","modularui","forms","setForms","requestCount","setRequestCount","responseCount","setResponseCount","requests","getActions","action","href","selfhref","addParameter","method","POST","fetch","then","form","tokens","name","length","all","responses","actionForms","Object","actionCollection","createActions","getActionsByType","isDisabled","allActions","listItemCollection","forEach","listItem","updateActions","push","actions","unique"],"mappings":"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","sourcesContent":["// @flow\nimport { useState, useEffect } from \"react\";\n\nimport { useModularUIRequest } from \"./useModularUIRequest\";\n\nimport { HTTP_METHODS } from \"../constants\";\n\nimport ListModel from \"../models/list/ListModel\";\nimport FormModel from \"../models/form/FormModel\";\n\nimport type DetailModel from \"../models/detail/DetailModel\";\nimport type TabModel from \"../models/tab/TabModel\";\nimport type ActionModel from \"../models/actions/ActionModel\";\n\n/**\n * Retrieve all forms configured on a model with actions\n * @param model\n * @returns Object - { actionName: FormModel }\n */\nexport const useRetrieveFormsOnModel = (\n  model: ListModel | DetailModel | TabModel\n): null | { [actionName: string]: FormModel } => {\n  const modularui = useModularUIRequest();\n  const [forms, setForms] = useState(null);\n  const [requestCount, setRequestCount] = useState(0);\n  const [responseCount, setResponseCount] = useState(0);\n\n  useEffect(() => {\n    const requests = getActions(model).map((action) => {\n      const href = action.selfhref.addParameter(\"commit\", \"false\");\n\n      return modularui(href, { method: HTTP_METHODS.POST })\n        .fetch()\n        .then((form) => {\n          if (form instanceof FormModel) {\n            form.tokens = [];\n          }\n          return { [action.name]: form };\n        });\n    });\n\n    setRequestCount(requests.length);\n\n    Promise.all(requests).then((responses) => {\n      // put response array in object\n      const actionForms = Object.assign({}, ...responses);\n      setForms(actionForms);\n      setResponseCount(responses.length);\n    });\n  }, [model, modularui]);\n\n  if (responseCount === requestCount) {\n    return forms;\n  }\n\n  return null;\n};\n\nconst getActions = (\n  model: ListModel | DetailModel | TabModel\n): Array<ActionModel> => {\n  if (!model.actionCollection) {\n    return [];\n  }\n\n  const createActions = model.actionCollection\n    .getActionsByType(\"create\")\n    .filter((action) => !action.isDisabled);\n\n  const allActions = [...createActions];\n\n  if (model instanceof ListModel) {\n    model.listItemCollection.forEach((listItem) => {\n      const updateActions = listItem.actionCollection\n        .getActionsByType(\"update\")\n        .filter((action) => !action.isDisabled);\n\n      allActions.push(...updateActions);\n    });\n  }\n\n  const actions = [];\n  const unique = [];\n  allActions.forEach((action) => {\n    if (!unique.includes(action.name)) {\n      unique.push(action.name);\n      actions.push(action);\n    }\n  });\n\n  return actions;\n};\n"],"file":"useAllFormsOnModel.js"}

package/esm/redux/actions/FormAttributeSet.js

@@ -11,7 +11,8 @@ export var updateFormAttribute = function updateFormAttribute(form, formObject,
   var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
     autosubmit: false,
     autosave: false,
-    forceUpdate: false
+    forceUpdate: false,
+    validate: true
   };
   return function (dispatch) {
     var newForm = form.clone();
@@ -38,7 +39,7 @@ export var updateFormAttribute = function updateFormAttribute(form, formObject,
       dispatch(autosaveFormObject(newForm));
     }
 
-    if (newForm.currentFormObject && newForm.currentFormObject.hasDynamicValidations && getSetting("USE_INSTANT_SERVER_VALIDATION")) {
+    if (newForm.currentFormObject && options.validate && newForm.currentFormObject.hasDynamicValidations && getSetting("USE_INSTANT_SERVER_VALIDATION")) {
       dispatch(validateFormObject(newForm));
     }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/redux/actions/FormAttributeSet.js"],"names":["updateModel","getSetting","validateFormObject","autosaveFormObject","autosubmitFormObject","updateFormAttribute","form","formObject","attribute","inputvalue","options","autosubmit","autosave","forceUpdate","dispatch","newForm","clone","currentFormObject","equals","updateAttribute","completedFormObjects","forEach","completeObject","isValid","autosubmitAction","isChanged","hasDynamicValidations"],"mappings":"AACA,SAASA,WAAT,QAA4B,uBAA5B;AAEA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,SAASC,kBAAT,QAAmC,mBAAnC;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,oBAAT,QAAqC,kBAArC;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAC9B,SADWA,mBACX,CACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,UAJF;AAAA,MAKEC,OALF,uEAK+B;AAC3BC,IAAAA,UAAU,EAAE,KADe;AAE3BC,IAAAA,QAAQ,EAAE,KAFiB;AAG3BC,IAAAA,WAAW,EAAE;AAHc,GAL/B;AAAA,SAWA,UAACC,QAAD,EAAwB;AACtB,QAAMC,OAAO,GAAGT,IAAI,CAACU,KAAL,EAAhB;;AAEA,QACED,OAAO,CAACE,iBAAR,IACAF,OAAO,CAACE,iBAAR,CAA0BC,MAA1B,CAAiCX,UAAjC,CAFF,EAGE;AACAQ,MAAAA,OAAO,CAACE,iBAAR,CAA0BE,eAA1B,CAA0CX,SAA1C,EAAqDC,UAArD;AACD,KALD,MAKO;AACLM,MAAAA,OAAO,CAACK,oBAAR,CAA6BC,OAA7B,CAAqC,UAACC,cAAD,EAAoB;AACvD,YAAIA,cAAc,CAACJ,MAAf,CAAsBX,UAAtB,CAAJ,EAAuC;AACrCe,UAAAA,cAAc,CAACH,eAAf,CAA+BX,SAA/B,EAA0CC,UAA1C;AACD;AACF,OAJD;AAKD;;AAED,QAAIC,OAAO,CAACC,UAAR,IAAsBI,OAAO,CAACQ,OAAlC,EAA2C;AACzC,UAAMC,gBAAgB,GAAGpB,oBAAoB,CAC3CW,OAD2C,EAE3CP,SAF2C,EAG3CE,OAAO,CAACG,WAHmC,CAA7C;;AAKA,UAAIW,gBAAJ,EAAsB;AACpB,eAAOV,QAAQ,CAACU,gBAAD,CAAf;AACD;AACF;;AAED,QAAId,OAAO,CAACE,QAAR,IAAoBG,OAAO,CAACQ,OAA5B,IAAuCR,OAAO,CAACU,SAAR,EAA3C,EAAgE;AAC9DX,MAAAA,QAAQ,CAACX,kBAAkB,CAACY,OAAD,CAAnB,CAAR;AACD;;AAED,QACEA,OAAO,CAACE,iBAAR,IACAF,OAAO,CAACE,iBAAR,CAA0BS,qBAD1B,IAEAzB,UAAU,CAAC,+BAAD,CAHZ,EAIE;AACAa,MAAAA,QAAQ,CAACZ,kBAAkB,CAACa,OAAD,CAAnB,CAAR;AACD;;AAED,WAAOD,QAAQ,CAACd,WAAW,CAACe,OAAD,CAAZ,CAAf;AACD,GAnDD;AAAA,CADK","sourcesContent":["// @flow\nimport { updateModel } from \"../_modularui/actions\";\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    }\n  ): ThunkAction =>\n  (dispatch: Dispatch) => {\n    const newForm = form.clone();\n\n    if (\n      newForm.currentFormObject &&\n      newForm.currentFormObject.equals(formObject)\n    ) {\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      newForm.currentFormObject &&\n      newForm.currentFormObject.hasDynamicValidations &&\n      getSetting(\"USE_INSTANT_SERVER_VALIDATION\")\n    ) {\n      dispatch(validateFormObject(newForm));\n    }\n\n    return dispatch(updateModel(newForm));\n  };\n"],"file":"FormAttributeSet.js"}
+{"version":3,"sources":["../../../src/redux/actions/FormAttributeSet.js"],"names":["updateModel","getSetting","validateFormObject","autosaveFormObject","autosubmitFormObject","updateFormAttribute","form","formObject","attribute","inputvalue","options","autosubmit","autosave","forceUpdate","validate","dispatch","newForm","clone","currentFormObject","equals","updateAttribute","completedFormObjects","forEach","completeObject","isValid","autosubmitAction","isChanged","hasDynamicValidations"],"mappings":"AACA,SAASA,WAAT,QAA4B,uBAA5B;AAEA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,SAASC,kBAAT,QAAmC,mBAAnC;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,oBAAT,QAAqC,kBAArC;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAC9B,SADWA,mBACX,CACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,UAJF;AAAA,MAKEC,OALF,uEAK+B;AAC3BC,IAAAA,UAAU,EAAE,KADe;AAE3BC,IAAAA,QAAQ,EAAE,KAFiB;AAG3BC,IAAAA,WAAW,EAAE,KAHc;AAI3BC,IAAAA,QAAQ,EAAE;AAJiB,GAL/B;AAAA,SAYA,UAACC,QAAD,EAAwB;AACtB,QAAMC,OAAO,GAAGV,IAAI,CAACW,KAAL,EAAhB;;AAEA,QACED,OAAO,CAACE,iBAAR,IACAF,OAAO,CAACE,iBAAR,CAA0BC,MAA1B,CAAiCZ,UAAjC,CAFF,EAGE;AACAS,MAAAA,OAAO,CAACE,iBAAR,CAA0BE,eAA1B,CAA0CZ,SAA1C,EAAqDC,UAArD;AACD,KALD,MAKO;AACLO,MAAAA,OAAO,CAACK,oBAAR,CAA6BC,OAA7B,CAAqC,UAACC,cAAD,EAAoB;AACvD,YAAIA,cAAc,CAACJ,MAAf,CAAsBZ,UAAtB,CAAJ,EAAuC;AACrCgB,UAAAA,cAAc,CAACH,eAAf,CAA+BZ,SAA/B,EAA0CC,UAA1C;AACD;AACF,OAJD;AAKD;;AAED,QAAIC,OAAO,CAACC,UAAR,IAAsBK,OAAO,CAACQ,OAAlC,EAA2C;AACzC,UAAMC,gBAAgB,GAAGrB,oBAAoB,CAC3CY,OAD2C,EAE3CR,SAF2C,EAG3CE,OAAO,CAACG,WAHmC,CAA7C;;AAKA,UAAIY,gBAAJ,EAAsB;AACpB,eAAOV,QAAQ,CAACU,gBAAD,CAAf;AACD;AACF;;AAED,QAAIf,OAAO,CAACE,QAAR,IAAoBI,OAAO,CAACQ,OAA5B,IAAuCR,OAAO,CAACU,SAAR,EAA3C,EAAgE;AAC9DX,MAAAA,QAAQ,CAACZ,kBAAkB,CAACa,OAAD,CAAnB,CAAR;AACD;;AAED,QACEA,OAAO,CAACE,iBAAR,IACAR,OAAO,CAACI,QADR,IAEAE,OAAO,CAACE,iBAAR,CAA0BS,qBAF1B,IAGA1B,UAAU,CAAC,+BAAD,CAJZ,EAKE;AACAc,MAAAA,QAAQ,CAACb,kBAAkB,CAACc,OAAD,CAAnB,CAAR;AACD;;AAED,WAAOD,QAAQ,CAACf,WAAW,CAACgB,OAAD,CAAZ,CAAf;AACD,GArDD;AAAA,CADK","sourcesContent":["// @flow\nimport { updateModel } from \"../_modularui/actions\";\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 (\n      newForm.currentFormObject &&\n      newForm.currentFormObject.equals(formObject)\n    ) {\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      newForm.currentFormObject &&\n      options.validate &&\n      newForm.currentFormObject.hasDynamicValidations &&\n      getSetting(\"USE_INSTANT_SERVER_VALIDATION\")\n    ) {\n      dispatch(validateFormObject(newForm));\n    }\n\n    return dispatch(updateModel(newForm));\n  };\n"],"file":"FormAttributeSet.js"}

package/lib/hooks/index.js

@@ -200,4 +200,17 @@ _Object$keys(_useRouter).forEach(function (key) {
     }
   });
 });
+
+var _useAllFormsOnModel = require("./useAllFormsOnModel");
+
+_Object$keys(_useAllFormsOnModel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useAllFormsOnModel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useAllFormsOnModel[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.flow

@@ -14,3 +14,4 @@ export * from "./useNotification";
 export * from "./usePreference";
 export * from "./useProgressIndicator";
 export * from "./useRouter";
+export * from "./useAllFormsOnModel";

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.js"],"names":[],"mappings":";;;;;;;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["// @flow\nexport * from \"./useAuthentication\";\nexport * from \"./useContent\";\nexport * from \"./useForm\";\nexport * from \"./useI18n\";\nexport * from \"./useModal\";\nexport * from \"./useModelCatalog\";\nexport * from \"./useModels\";\nexport * from \"./useModularUI\";\nexport * from \"./useModularUIBasic\";\nexport * from \"./useModularUIModel\";\nexport * from \"./useModularUIRequest\";\nexport * from \"./useNotification\";\nexport * from \"./usePreference\";\nexport * from \"./useProgressIndicator\";\nexport * from \"./useRouter\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/hooks/index.js"],"names":[],"mappings":";;;;;;;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["// @flow\nexport * from \"./useAuthentication\";\nexport * from \"./useContent\";\nexport * from \"./useForm\";\nexport * from \"./useI18n\";\nexport * from \"./useModal\";\nexport * from \"./useModelCatalog\";\nexport * from \"./useModels\";\nexport * from \"./useModularUI\";\nexport * from \"./useModularUIBasic\";\nexport * from \"./useModularUIModel\";\nexport * from \"./useModularUIRequest\";\nexport * from \"./useNotification\";\nexport * from \"./usePreference\";\nexport * from \"./useProgressIndicator\";\nexport * from \"./useRouter\";\nexport * from \"./useAllFormsOnModel\";\n"],"file":"index.js"}

package/lib/hooks/useAllFormsOnModel.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRetrieveFormsOnModel = void 0;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _useModularUIRequest = require("./useModularUIRequest");
+
+var _constants = require("../constants");
+
+var _ListModel = _interopRequireDefault(require("../models/list/ListModel"));
+
+var _FormModel = _interopRequireDefault(require("../models/form/FormModel"));
+
+/**
+ * Retrieve all forms configured on a model with actions
+ * @param model
+ * @returns Object - { actionName: FormModel }
+ */
+var useRetrieveFormsOnModel = function useRetrieveFormsOnModel(model) {
+  var modularui = (0, _useModularUIRequest.useModularUIRequest)();
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      forms = _useState2[0],
+      setForms = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      requestCount = _useState4[0],
+      setRequestCount = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(0),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      responseCount = _useState6[0],
+      setResponseCount = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    var _context;
+
+    var requests = (0, _map.default)(_context = getActions(model)).call(_context, function (action) {
+      var href = action.selfhref.addParameter("commit", "false");
+      return modularui(href, {
+        method: _constants.HTTP_METHODS.POST
+      }).fetch().then(function (form) {
+        if (form instanceof _FormModel.default) {
+          form.tokens = [];
+        }
+
+        return (0, _defineProperty2.default)({}, action.name, form);
+      });
+    });
+    setRequestCount(requests.length);
+
+    _promise.default.all(requests).then(function (responses) {
+      var _context2;
+
+      // put response array in object
+      var actionForms = _assign.default.apply(Object, (0, _concat.default)(_context2 = [{}]).call(_context2, (0, _toConsumableArray2.default)(responses)));
+
+      setForms(actionForms);
+      setResponseCount(responses.length);
+    });
+  }, [model, modularui]);
+
+  if (responseCount === requestCount) {
+    return forms;
+  }
+
+  return null;
+};
+
+exports.useRetrieveFormsOnModel = useRetrieveFormsOnModel;
+
+var getActions = function getActions(model) {
+  var _context3;
+
+  if (!model.actionCollection) {
+    return [];
+  }
+
+  var createActions = (0, _filter.default)(_context3 = model.actionCollection.getActionsByType("create")).call(_context3, function (action) {
+    return !action.isDisabled;
+  });
+  var allActions = (0, _toConsumableArray2.default)(createActions);
+
+  if (model instanceof _ListModel.default) {
+    model.listItemCollection.forEach(function (listItem) {
+      var _context4;
+
+      var updateActions = (0, _filter.default)(_context4 = listItem.actionCollection.getActionsByType("update")).call(_context4, function (action) {
+        return !action.isDisabled;
+      });
+      allActions.push.apply(allActions, (0, _toConsumableArray2.default)(updateActions));
+    });
+  }
+
+  var actions = [];
+  var unique = [];
+  allActions.forEach(function (action) {
+    if (!(0, _includes.default)(unique).call(unique, action.name)) {
+      unique.push(action.name);
+      actions.push(action);
+    }
+  });
+  return actions;
+};
+//# sourceMappingURL=useAllFormsOnModel.js.map

package/lib/hooks/useAllFormsOnModel.js.flow

@@ -0,0 +1,92 @@
+// @flow
+import { useState, useEffect } from "react";
+
+import { useModularUIRequest } from "./useModularUIRequest";
+
+import { HTTP_METHODS } from "../constants";
+
+import ListModel from "../models/list/ListModel";
+import FormModel from "../models/form/FormModel";
+
+import type DetailModel from "../models/detail/DetailModel";
+import type TabModel from "../models/tab/TabModel";
+import type ActionModel from "../models/actions/ActionModel";
+
+/**
+ * Retrieve all forms configured on a model with actions
+ * @param model
+ * @returns Object - { actionName: FormModel }
+ */
+export const useRetrieveFormsOnModel = (
+  model: ListModel | DetailModel | TabModel
+): null | { [actionName: string]: FormModel } => {
+  const modularui = useModularUIRequest();
+  const [forms, setForms] = useState(null);
+  const [requestCount, setRequestCount] = useState(0);
+  const [responseCount, setResponseCount] = useState(0);
+
+  useEffect(() => {
+    const requests = getActions(model).map((action) => {
+      const href = action.selfhref.addParameter("commit", "false");
+
+      return modularui(href, { method: HTTP_METHODS.POST })
+        .fetch()
+        .then((form) => {
+          if (form instanceof FormModel) {
+            form.tokens = [];
+          }
+          return { [action.name]: form };
+        });
+    });
+
+    setRequestCount(requests.length);
+
+    Promise.all(requests).then((responses) => {
+      // put response array in object
+      const actionForms = Object.assign({}, ...responses);
+      setForms(actionForms);
+      setResponseCount(responses.length);
+    });
+  }, [model, modularui]);
+
+  if (responseCount === requestCount) {
+    return forms;
+  }
+
+  return null;
+};
+
+const getActions = (
+  model: ListModel | DetailModel | TabModel
+): Array<ActionModel> => {
+  if (!model.actionCollection) {
+    return [];
+  }
+
+  const createActions = model.actionCollection
+    .getActionsByType("create")
+    .filter((action) => !action.isDisabled);
+
+  const allActions = [...createActions];
+
+  if (model instanceof ListModel) {
+    model.listItemCollection.forEach((listItem) => {
+      const updateActions = listItem.actionCollection
+        .getActionsByType("update")
+        .filter((action) => !action.isDisabled);
+
+      allActions.push(...updateActions);
+    });
+  }
+
+  const actions = [];
+  const unique = [];
+  allActions.forEach((action) => {
+    if (!unique.includes(action.name)) {
+      unique.push(action.name);
+      actions.push(action);
+    }
+  });
+
+  return actions;
+};

package/lib/hooks/useAllFormsOnModel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useAllFormsOnModel.js"],"names":["useRetrieveFormsOnModel","model","modularui","forms","setForms","requestCount","setRequestCount","responseCount","setResponseCount","requests","getActions","action","href","selfhref","addParameter","method","HTTP_METHODS","POST","fetch","then","form","FormModel","tokens","name","length","all","responses","actionForms","Object","actionCollection","createActions","getActionsByType","isDisabled","allActions","ListModel","listItemCollection","forEach","listItem","updateActions","push","actions","unique"],"mappings":"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","sourcesContent":["// @flow\nimport { useState, useEffect } from \"react\";\n\nimport { useModularUIRequest } from \"./useModularUIRequest\";\n\nimport { HTTP_METHODS } from \"../constants\";\n\nimport ListModel from \"../models/list/ListModel\";\nimport FormModel from \"../models/form/FormModel\";\n\nimport type DetailModel from \"../models/detail/DetailModel\";\nimport type TabModel from \"../models/tab/TabModel\";\nimport type ActionModel from \"../models/actions/ActionModel\";\n\n/**\n * Retrieve all forms configured on a model with actions\n * @param model\n * @returns Object - { actionName: FormModel }\n */\nexport const useRetrieveFormsOnModel = (\n  model: ListModel | DetailModel | TabModel\n): null | { [actionName: string]: FormModel } => {\n  const modularui = useModularUIRequest();\n  const [forms, setForms] = useState(null);\n  const [requestCount, setRequestCount] = useState(0);\n  const [responseCount, setResponseCount] = useState(0);\n\n  useEffect(() => {\n    const requests = getActions(model).map((action) => {\n      const href = action.selfhref.addParameter(\"commit\", \"false\");\n\n      return modularui(href, { method: HTTP_METHODS.POST })\n        .fetch()\n        .then((form) => {\n          if (form instanceof FormModel) {\n            form.tokens = [];\n          }\n          return { [action.name]: form };\n        });\n    });\n\n    setRequestCount(requests.length);\n\n    Promise.all(requests).then((responses) => {\n      // put response array in object\n      const actionForms = Object.assign({}, ...responses);\n      setForms(actionForms);\n      setResponseCount(responses.length);\n    });\n  }, [model, modularui]);\n\n  if (responseCount === requestCount) {\n    return forms;\n  }\n\n  return null;\n};\n\nconst getActions = (\n  model: ListModel | DetailModel | TabModel\n): Array<ActionModel> => {\n  if (!model.actionCollection) {\n    return [];\n  }\n\n  const createActions = model.actionCollection\n    .getActionsByType(\"create\")\n    .filter((action) => !action.isDisabled);\n\n  const allActions = [...createActions];\n\n  if (model instanceof ListModel) {\n    model.listItemCollection.forEach((listItem) => {\n      const updateActions = listItem.actionCollection\n        .getActionsByType(\"update\")\n        .filter((action) => !action.isDisabled);\n\n      allActions.push(...updateActions);\n    });\n  }\n\n  const actions = [];\n  const unique = [];\n  allActions.forEach((action) => {\n    if (!unique.includes(action.name)) {\n      unique.push(action.name);\n      actions.push(action);\n    }\n  });\n\n  return actions;\n};\n"],"file":"useAllFormsOnModel.js"}

package/lib/redux/actions/FormAttributeSet.js

@@ -22,7 +22,8 @@ var updateFormAttribute = function updateFormAttribute(form, formObject, attribu
   var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
     autosubmit: false,
     autosave: false,
-    forceUpdate: false
+    forceUpdate: false,
+    validate: true
   };
   return function (dispatch) {
     var newForm = form.clone();
@@ -49,7 +50,7 @@ var updateFormAttribute = function updateFormAttribute(form, formObject, attribu
       dispatch((0, _FormAutosave.autosaveFormObject)(newForm));
     }
 
-    if (newForm.currentFormObject && newForm.currentFormObject.hasDynamicValidations && (0, _Settings.getSetting)("USE_INSTANT_SERVER_VALIDATION")) {
+    if (newForm.currentFormObject && options.validate && newForm.currentFormObject.hasDynamicValidations && (0, _Settings.getSetting)("USE_INSTANT_SERVER_VALIDATION")) {
       dispatch((0, _FormValidations.validateFormObject)(newForm));
     }
 

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

@@ -25,6 +25,7 @@ export const updateFormAttribute =
       autosubmit: false,
       autosave: false,
       forceUpdate: false,
+      validate: true,
     }
   ): ThunkAction =>
   (dispatch: Dispatch) => {
@@ -60,6 +61,7 @@ export const updateFormAttribute =
 
     if (
       newForm.currentFormObject &&
+      options.validate &&
       newForm.currentFormObject.hasDynamicValidations &&
       getSetting("USE_INSTANT_SERVER_VALIDATION")
     ) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/redux/actions/FormAttributeSet.js"],"names":["updateFormAttribute","form","formObject","attribute","inputvalue","options","autosubmit","autosave","forceUpdate","dispatch","newForm","clone","currentFormObject","equals","updateAttribute","completedFormObjects","forEach","completeObject","isValid","autosubmitAction","isChanged","hasDynamicValidations"],"mappings":";;;;;;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AAOA;AACA;AACA;AACO,IAAMA,mBAAmB,GAC9B,SADWA,mBACX,CACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,UAJF;AAAA,MAKEC,OALF,uEAK+B;AAC3BC,IAAAA,UAAU,EAAE,KADe;AAE3BC,IAAAA,QAAQ,EAAE,KAFiB;AAG3BC,IAAAA,WAAW,EAAE;AAHc,GAL/B;AAAA,SAWA,UAACC,QAAD,EAAwB;AACtB,QAAMC,OAAO,GAAGT,IAAI,CAACU,KAAL,EAAhB;;AAEA,QACED,OAAO,CAACE,iBAAR,IACAF,OAAO,CAACE,iBAAR,CAA0BC,MAA1B,CAAiCX,UAAjC,CAFF,EAGE;AACAQ,MAAAA,OAAO,CAACE,iBAAR,CAA0BE,eAA1B,CAA0CX,SAA1C,EAAqDC,UAArD;AACD,KALD,MAKO;AACLM,MAAAA,OAAO,CAACK,oBAAR,CAA6BC,OAA7B,CAAqC,UAACC,cAAD,EAAoB;AACvD,YAAIA,cAAc,CAACJ,MAAf,CAAsBX,UAAtB,CAAJ,EAAuC;AACrCe,UAAAA,cAAc,CAACH,eAAf,CAA+BX,SAA/B,EAA0CC,UAA1C;AACD;AACF,OAJD;AAKD;;AAED,QAAIC,OAAO,CAACC,UAAR,IAAsBI,OAAO,CAACQ,OAAlC,EAA2C;AACzC,UAAMC,gBAAgB,GAAG,0CACvBT,OADuB,EAEvBP,SAFuB,EAGvBE,OAAO,CAACG,WAHe,CAAzB;;AAKA,UAAIW,gBAAJ,EAAsB;AACpB,eAAOV,QAAQ,CAACU,gBAAD,CAAf;AACD;AACF;;AAED,QAAId,OAAO,CAACE,QAAR,IAAoBG,OAAO,CAACQ,OAA5B,IAAuCR,OAAO,CAACU,SAAR,EAA3C,EAAgE;AAC9DX,MAAAA,QAAQ,CAAC,sCAAmBC,OAAnB,CAAD,CAAR;AACD;;AAED,QACEA,OAAO,CAACE,iBAAR,IACAF,OAAO,CAACE,iBAAR,CAA0BS,qBAD1B,IAEA,0BAAW,+BAAX,CAHF,EAIE;AACAZ,MAAAA,QAAQ,CAAC,yCAAmBC,OAAnB,CAAD,CAAR;AACD;;AAED,WAAOD,QAAQ,CAAC,0BAAYC,OAAZ,CAAD,CAAf;AACD,GAnDD;AAAA,CADK","sourcesContent":["// @flow\nimport { updateModel } from \"../_modularui/actions\";\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    }\n  ): ThunkAction =>\n  (dispatch: Dispatch) => {\n    const newForm = form.clone();\n\n    if (\n      newForm.currentFormObject &&\n      newForm.currentFormObject.equals(formObject)\n    ) {\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      newForm.currentFormObject &&\n      newForm.currentFormObject.hasDynamicValidations &&\n      getSetting(\"USE_INSTANT_SERVER_VALIDATION\")\n    ) {\n      dispatch(validateFormObject(newForm));\n    }\n\n    return dispatch(updateModel(newForm));\n  };\n"],"file":"FormAttributeSet.js"}
+{"version":3,"sources":["../../../src/redux/actions/FormAttributeSet.js"],"names":["updateFormAttribute","form","formObject","attribute","inputvalue","options","autosubmit","autosave","forceUpdate","validate","dispatch","newForm","clone","currentFormObject","equals","updateAttribute","completedFormObjects","forEach","completeObject","isValid","autosubmitAction","isChanged","hasDynamicValidations"],"mappings":";;;;;;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AAOA;AACA;AACA;AACO,IAAMA,mBAAmB,GAC9B,SADWA,mBACX,CACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,UAJF;AAAA,MAKEC,OALF,uEAK+B;AAC3BC,IAAAA,UAAU,EAAE,KADe;AAE3BC,IAAAA,QAAQ,EAAE,KAFiB;AAG3BC,IAAAA,WAAW,EAAE,KAHc;AAI3BC,IAAAA,QAAQ,EAAE;AAJiB,GAL/B;AAAA,SAYA,UAACC,QAAD,EAAwB;AACtB,QAAMC,OAAO,GAAGV,IAAI,CAACW,KAAL,EAAhB;;AAEA,QACED,OAAO,CAACE,iBAAR,IACAF,OAAO,CAACE,iBAAR,CAA0BC,MAA1B,CAAiCZ,UAAjC,CAFF,EAGE;AACAS,MAAAA,OAAO,CAACE,iBAAR,CAA0BE,eAA1B,CAA0CZ,SAA1C,EAAqDC,UAArD;AACD,KALD,MAKO;AACLO,MAAAA,OAAO,CAACK,oBAAR,CAA6BC,OAA7B,CAAqC,UAACC,cAAD,EAAoB;AACvD,YAAIA,cAAc,CAACJ,MAAf,CAAsBZ,UAAtB,CAAJ,EAAuC;AACrCgB,UAAAA,cAAc,CAACH,eAAf,CAA+BZ,SAA/B,EAA0CC,UAA1C;AACD;AACF,OAJD;AAKD;;AAED,QAAIC,OAAO,CAACC,UAAR,IAAsBK,OAAO,CAACQ,OAAlC,EAA2C;AACzC,UAAMC,gBAAgB,GAAG,0CACvBT,OADuB,EAEvBR,SAFuB,EAGvBE,OAAO,CAACG,WAHe,CAAzB;;AAKA,UAAIY,gBAAJ,EAAsB;AACpB,eAAOV,QAAQ,CAACU,gBAAD,CAAf;AACD;AACF;;AAED,QAAIf,OAAO,CAACE,QAAR,IAAoBI,OAAO,CAACQ,OAA5B,IAAuCR,OAAO,CAACU,SAAR,EAA3C,EAAgE;AAC9DX,MAAAA,QAAQ,CAAC,sCAAmBC,OAAnB,CAAD,CAAR;AACD;;AAED,QACEA,OAAO,CAACE,iBAAR,IACAR,OAAO,CAACI,QADR,IAEAE,OAAO,CAACE,iBAAR,CAA0BS,qBAF1B,IAGA,0BAAW,+BAAX,CAJF,EAKE;AACAZ,MAAAA,QAAQ,CAAC,yCAAmBC,OAAnB,CAAD,CAAR;AACD;;AAED,WAAOD,QAAQ,CAAC,0BAAYC,OAAZ,CAAD,CAAf;AACD,GArDD;AAAA,CADK","sourcesContent":["// @flow\nimport { updateModel } from \"../_modularui/actions\";\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 (\n      newForm.currentFormObject &&\n      newForm.currentFormObject.equals(formObject)\n    ) {\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      newForm.currentFormObject &&\n      options.validate &&\n      newForm.currentFormObject.hasDynamicValidations &&\n      getSetting(\"USE_INSTANT_SERVER_VALIDATION\")\n    ) {\n      dispatch(validateFormObject(newForm));\n    }\n\n    return dispatch(updateModel(newForm));\n  };\n"],"file":"FormAttributeSet.js"}

package/lib/redux/types.js.flow

@@ -45,6 +45,8 @@ export type UpdateFormOptions = {
   autosubmit: boolean,
   autosave: boolean,
   forceUpdate?: boolean,
+  /** Default true: Activate/deactivate the form object validate by an update */
+  validate?: boolean,
 };
 
 export type NoAction = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.14.2",
+  "version": "1.15.0",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",
@@ -72,7 +72,7 @@
     "react-dom": "^16.14.0 || ^17.0.0",
     "react-helmet-async": "^1.0.0",
     "react-redux": "^7.0.0",
-    "react-router-dom": "^5.2.0",
+    "react-router": "^5.2.0",
     "redux": "^4.0.0",
     "redux-thunk": "^2.3.0",
     "styled-components": "^5.2.0"
@@ -104,7 +104,7 @@
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-flow": "^7.16.7",
     "@babel/preset-react": "^7.16.7",
-    "@commitlint/cli": "^16.2.1",
+    "@commitlint/cli": "^16.2.3",
     "@commitlint/config-conventional": "^16.2.1",
     "@testing-library/react-hooks": "^7.0.2",
     "auditjs": "^4.0.36",
@@ -119,7 +119,7 @@
     "eslint-plugin-ft-flow": "^2.0.1",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-jest": "^26.1.1",
-    "eslint-plugin-jsdoc": "^37.9.4",
+    "eslint-plugin-jsdoc": "^38.0.4",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
     "flow-bin": "^0.173.0",
@@ -132,14 +132,14 @@
     "jest-junit": "^13.0.0",
     "jest-sonar-reporter": "^2.0.0",
     "jscodeshift": "^0.13.1",
-    "lint-staged": "^12.3.4",
+    "lint-staged": "^12.3.6",
     "polished": "^4.1.4",
-    "prettier": "^2.5.1",
+    "prettier": "^2.6.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-helmet-async": "^1.2.3",
     "react-redux": "^7.2.6",
-    "react-router-dom": "^5.3.0",
+    "react-router": "^5.2.0",
     "react-test-renderer": "^17.0.2",
     "redux": "^4.1.2",
     "redux-mock-store": "^1.5.4",

package/src/hooks/index.js

@@ -14,3 +14,4 @@ export * from "./useNotification";
 export * from "./usePreference";
 export * from "./useProgressIndicator";
 export * from "./useRouter";
+export * from "./useAllFormsOnModel";

package/src/hooks/useAllFormsOnModel.js

@@ -0,0 +1,92 @@
+// @flow
+import { useState, useEffect } from "react";
+
+import { useModularUIRequest } from "./useModularUIRequest";
+
+import { HTTP_METHODS } from "../constants";
+
+import ListModel from "../models/list/ListModel";
+import FormModel from "../models/form/FormModel";
+
+import type DetailModel from "../models/detail/DetailModel";
+import type TabModel from "../models/tab/TabModel";
+import type ActionModel from "../models/actions/ActionModel";
+
+/**
+ * Retrieve all forms configured on a model with actions
+ * @param model
+ * @returns Object - { actionName: FormModel }
+ */
+export const useRetrieveFormsOnModel = (
+  model: ListModel | DetailModel | TabModel
+): null | { [actionName: string]: FormModel } => {
+  const modularui = useModularUIRequest();
+  const [forms, setForms] = useState(null);
+  const [requestCount, setRequestCount] = useState(0);
+  const [responseCount, setResponseCount] = useState(0);
+
+  useEffect(() => {
+    const requests = getActions(model).map((action) => {
+      const href = action.selfhref.addParameter("commit", "false");
+
+      return modularui(href, { method: HTTP_METHODS.POST })
+        .fetch()
+        .then((form) => {
+          if (form instanceof FormModel) {
+            form.tokens = [];
+          }
+          return { [action.name]: form };
+        });
+    });
+
+    setRequestCount(requests.length);
+
+    Promise.all(requests).then((responses) => {
+      // put response array in object
+      const actionForms = Object.assign({}, ...responses);
+      setForms(actionForms);
+      setResponseCount(responses.length);
+    });
+  }, [model, modularui]);
+
+  if (responseCount === requestCount) {
+    return forms;
+  }
+
+  return null;
+};
+
+const getActions = (
+  model: ListModel | DetailModel | TabModel
+): Array<ActionModel> => {
+  if (!model.actionCollection) {
+    return [];
+  }
+
+  const createActions = model.actionCollection
+    .getActionsByType("create")
+    .filter((action) => !action.isDisabled);
+
+  const allActions = [...createActions];
+
+  if (model instanceof ListModel) {
+    model.listItemCollection.forEach((listItem) => {
+      const updateActions = listItem.actionCollection
+        .getActionsByType("update")
+        .filter((action) => !action.isDisabled);
+
+      allActions.push(...updateActions);
+    });
+  }
+
+  const actions = [];
+  const unique = [];
+  allActions.forEach((action) => {
+    if (!unique.includes(action.name)) {
+      unique.push(action.name);
+      actions.push(action);
+    }
+  });
+
+  return actions;
+};

package/src/redux/actions/FormAttributeSet.js

@@ -25,6 +25,7 @@ export const updateFormAttribute =
       autosubmit: false,
       autosave: false,
       forceUpdate: false,
+      validate: true,
     }
   ): ThunkAction =>
   (dispatch: Dispatch) => {
@@ -60,6 +61,7 @@ export const updateFormAttribute =
 
     if (
       newForm.currentFormObject &&
+      options.validate &&
       newForm.currentFormObject.hasDynamicValidations &&
       getSetting("USE_INSTANT_SERVER_VALIDATION")
     ) {

package/src/redux/types.js

@@ -45,6 +45,8 @@ export type UpdateFormOptions = {
   autosubmit: boolean,
   autosave: boolean,
   forceUpdate?: boolean,
+  /** Default true: Activate/deactivate the form object validate by an update */
+  validate?: boolean,
 };
 
 export type NoAction = {