@beinformed/ui 1.18.1 → 1.18.4

package/lib/utils/number/formatValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/number/formatValue.js"],"names":["updateGroupingSeparator","input","groupingSeparator","replace","formatValue","value","format","decimalSeparator","numberValue","IllegalArgumentException","stringValue","formattedValue","DecimalFormat","split","integer","decimal","integerPart"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AAEA;AACA;AACA;AACA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAgBC,iBAAhB,EAA8C;AAC5E,MAAIA,iBAAiB,IAAI,IAAzB,EAA+B;AAC7B,WAAOD,KAAP;AACD;;AAED,SAAOA,KAAK,CAACE,OAAN,CAAc,IAAd,EAAoBD,iBAApB,CAAP;AACD,CAND;AAQA;AACA;;;AACA,IAAME,WAAW,GAAG,SAAdA,WAAc,CAClBC,KADkB,EAKP;AAAA,MAHXC,MAGW,uEAHO,GAGP;AAAA,MAFXJ,iBAEW,uEAFiB,GAEjB;AAAA,MADXK,gBACW,uEADgB,GAChB;;AACX,MAAIF,KAAK,IAAI,IAAb,EAAmB;AACjB,WAAO,EAAP;AACD;;AAED,MAAMG,WAAW,GACf,OAAOH,KAAP,KAAiB,QAAjB,GACIA,KADJ,GAEI,iCAAcA,KAAd,EAAqBH,iBAArB,EAAwCK,gBAAxC,CAHN;;AAKA,MAAI,OAAOC,WAAP,KAAuB,QAA3B,EAAqC;AACnC,UAAM,IAAIC,oCAAJ,+BACmBJ,KADnB,sBAAN;AAGD;;AAED,MAAMK,WAAW,GAAG,uCAAoBF,WAApB,CAApB;;AAEA,MAAIF,MAAM,IAAI,IAAd,EAAoB;AAClB,QAAMK,cAAc,GAAG,IAAIC,sBAAJ,CAAkBN,MAAlB,EAA0BA,MAA1B,CAAiCI,WAAjC,CAAvB;;AAEA,gCAA2BC,cAAc,CAACE,KAAf,CAAqB,GAArB,CAA3B;AAAA;AAAA,QAAOC,OAAP;AAAA,QAAgBC,OAAhB;;AAEA,QAAMC,WAAW,GAAGhB,uBAAuB,CAACc,OAAD,EAAUZ,iBAAV,CAA3C;;AAEA,QAAIa,OAAJ,EAAa;AAAA;;AACX,wFAAUC,WAAV,mBAAwBT,gBAAxB,kBAA2CQ,OAA3C;AACD;;AAED,WAAOC,WAAP;AACD;;AAED,SAAON,WAAP;AACD,CAtCD;;eAwCeN,W","sourcesContent":["// @flow\nimport { IllegalArgumentException } from \"../../exceptions\";\n\nimport DecimalFormat from \"./DecimalFormat\";\nimport { parseNumberToString, parseToNumber } from \"./parseNumbers\";\n\n/**\n * @private\n */\nconst updateGroupingSeparator = (input: string, groupingSeparator: string) => {\n  if (groupingSeparator == null) {\n    return input;\n  }\n\n  return input.replace(/,/g, groupingSeparator);\n};\n\n/**\n */\nconst formatValue = (\n  value: ?number | ?string,\n  format: ?string = \"0\",\n  groupingSeparator: string = \",\",\n  decimalSeparator: string = \".\"\n): string => {\n  if (value == null) {\n    return \"\";\n  }\n\n  const numberValue =\n    typeof value === \"number\"\n      ? value\n      : parseToNumber(value, groupingSeparator, decimalSeparator);\n\n  if (typeof numberValue !== \"number\") {\n    throw new IllegalArgumentException(\n      `Not a valid number: ${value} for formatValue`\n    );\n  }\n\n  const stringValue = parseNumberToString(numberValue);\n\n  if (format != null) {\n    const formattedValue = new DecimalFormat(format).format(stringValue);\n\n    const [integer, decimal] = formattedValue.split(\".\");\n\n    const integerPart = updateGroupingSeparator(integer, groupingSeparator);\n\n    if (decimal) {\n      return `${integerPart}${decimalSeparator}${decimal}`;\n    }\n\n    return integerPart;\n  }\n\n  return stringValue;\n};\n\nexport default formatValue;\n"],"file":"formatValue.js"}
+{"version":3,"file":"formatValue.js","names":["updateGroupingSeparator","input","groupingSeparator","replace","formatValue","value","format","decimalSeparator","numberValue","IllegalArgumentException","stringValue","formattedValue","DecimalFormat","split","integer","decimal","integerPart"],"sources":["../../../src/utils/number/formatValue.js"],"sourcesContent":["// @flow\nimport { IllegalArgumentException } from \"../../exceptions\";\n\nimport DecimalFormat from \"./DecimalFormat\";\nimport { parseNumberToString, parseToNumber } from \"./parseNumbers\";\n\n/**\n * @private\n */\nconst updateGroupingSeparator = (input: string, groupingSeparator: string) => {\n  if (groupingSeparator == null) {\n    return input;\n  }\n\n  return input.replace(/,/g, groupingSeparator);\n};\n\n/**\n */\nconst formatValue = (\n  value: ?number | ?string,\n  format: ?string = \"0\",\n  groupingSeparator: string = \",\",\n  decimalSeparator: string = \".\"\n): string => {\n  if (value == null) {\n    return \"\";\n  }\n\n  const numberValue =\n    typeof value === \"number\"\n      ? value\n      : parseToNumber(value, groupingSeparator, decimalSeparator);\n\n  if (typeof numberValue !== \"number\") {\n    throw new IllegalArgumentException(\n      `Not a valid number: ${value} for formatValue`\n    );\n  }\n\n  const stringValue = parseNumberToString(numberValue);\n\n  if (format != null) {\n    const formattedValue = new DecimalFormat(format).format(stringValue);\n\n    const [integer, decimal] = formattedValue.split(\".\");\n\n    const integerPart = updateGroupingSeparator(integer, groupingSeparator);\n\n    if (decimal) {\n      return `${integerPart}${decimalSeparator}${decimal}`;\n    }\n\n    return integerPart;\n  }\n\n  return stringValue;\n};\n\nexport default formatValue;\n"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AAEA;AACA;AACA;AACA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAgBC,iBAAhB,EAA8C;EAC5E,IAAIA,iBAAiB,IAAI,IAAzB,EAA+B;IAC7B,OAAOD,KAAP;EACD;;EAED,OAAOA,KAAK,CAACE,OAAN,CAAc,IAAd,EAAoBD,iBAApB,CAAP;AACD,CAND;AAQA;AACA;;;AACA,IAAME,WAAW,GAAG,SAAdA,WAAc,CAClBC,KADkB,EAKP;EAAA,IAHXC,MAGW,uEAHO,GAGP;EAAA,IAFXJ,iBAEW,uEAFiB,GAEjB;EAAA,IADXK,gBACW,uEADgB,GAChB;;EACX,IAAIF,KAAK,IAAI,IAAb,EAAmB;IACjB,OAAO,EAAP;EACD;;EAED,IAAMG,WAAW,GACf,OAAOH,KAAP,KAAiB,QAAjB,GACIA,KADJ,GAEI,iCAAcA,KAAd,EAAqBH,iBAArB,EAAwCK,gBAAxC,CAHN;;EAKA,IAAI,OAAOC,WAAP,KAAuB,QAA3B,EAAqC;IACnC,MAAM,IAAIC,oCAAJ,+BACmBJ,KADnB,sBAAN;EAGD;;EAED,IAAMK,WAAW,GAAG,uCAAoBF,WAApB,CAApB;;EAEA,IAAIF,MAAM,IAAI,IAAd,EAAoB;IAClB,IAAMK,cAAc,GAAG,IAAIC,sBAAJ,CAAkBN,MAAlB,EAA0BA,MAA1B,CAAiCI,WAAjC,CAAvB;;IAEA,4BAA2BC,cAAc,CAACE,KAAf,CAAqB,GAArB,CAA3B;IAAA;IAAA,IAAOC,OAAP;IAAA,IAAgBC,OAAhB;;IAEA,IAAMC,WAAW,GAAGhB,uBAAuB,CAACc,OAAD,EAAUZ,iBAAV,CAA3C;;IAEA,IAAIa,OAAJ,EAAa;MAAA;;MACX,kFAAUC,WAAV,mBAAwBT,gBAAxB,kBAA2CQ,OAA3C;IACD;;IAED,OAAOC,WAAP;EACD;;EAED,OAAON,WAAP;AACD,CAtCD;;eAwCeN,W"}

package/lib/utils/number/parseNumbers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/number/parseNumbers.js"],"names":["removeGroupingSeparator","input","groupingSeparator","escapedGroupingSeparator","replace","RegExp","updateDecimalSeparator","decimalSeparator","parseToNumber","NaN","inputNoGrouping","inputCorrectDecimalSeparator","Number","parseNumberToString","toFixed","error"],"mappings":";;;;;;;;;AACA;;AAEA;AACA;AACA;AACA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAQC,iBAAR,EAA8B;AAC5D,MAAI,OAAOD,KAAP,KAAiB,QAArB,EAA+B;AAC7B,WAAOA,KAAP;AACD;;AAED,MAAIC,iBAAiB,IAAI,IAAzB,EAA+B;AAC7B,WAAOD,KAAP;AACD;;AAED,MAAME,wBAAwB,GAAGD,iBAAiB,CAACE,OAAlB,CAC/B,qBAD+B,EAE/B,MAF+B,CAAjC;AAKA,SAAOH,KAAK,CAACG,OAAN,CAAc,IAAIC,MAAJ,CAAWF,wBAAX,EAAqC,GAArC,CAAd,EAAyD,EAAzD,CAAP;AACD,CAfD;AAiBA;AACA;AACA;;;AACA,IAAMG,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACL,KAAD,EAAQM,gBAAR,EAA6B;AAC1D,MAAI,OAAON,KAAP,KAAiB,QAArB,EAA+B;AAC7B,WAAOA,KAAP;AACD;;AAED,MAAIM,gBAAgB,IAAI,IAApB,IAA4BA,gBAAgB,KAAK,EAArD,EAAyD;AACvD,WAAON,KAAP;AACD;;AAED,SAAOA,KAAK,CAACG,OAAN,CAAcG,gBAAd,EAAgC,GAAhC,CAAP;AACD,CAVD;AAYA;AACA;AACA;AACA;;;AACA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CACpBP,KADoB,EAIT;AAAA,MAFXC,iBAEW,uEAFkB,GAElB;AAAA,MADXK,gBACW,uEADiB,GACjB;;AACX,MAAIN,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,EAA/B,EAAmC;AACjC,WAAOQ,GAAP;AACD;;AAED,MAAMC,eAAe,GAAGV,uBAAuB,CAACC,KAAD,EAAQC,iBAAR,CAA/C;AAEA,MAAMS,4BAA4B,GAAGL,sBAAsB,CACzDI,eADyD,EAEzDH,gBAFyD,CAA3D;AAKA,SAAOK,MAAM,CAACD,4BAAD,CAAb;AACD,CAjBD;AAmBA;AACA;AACA;;;;;AACA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,CAC1BZ,KAD0B,EAIf;AAAA,MAFXC,iBAEW,uEAFkB,GAElB;AAAA,MADXK,gBACW,uEADiB,GACjB;;AACX,MAAIN,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,EAA/B,EAAmC;AACjC,WAAO,KAAP;AACD;;AAED,MAAMS,eAAe,GAAGV,uBAAuB,CAACC,KAAD,EAAQC,iBAAR,CAA/C;AAEA,MAAMS,4BAA4B,GAAGL,sBAAsB,CACzDI,eADyD,EAEzDH,gBAFyD,CAA3D;;AAKA,MAAI;AACF,WAAO,kBAAII,4BAAJ,EAAkCG,OAAlC,EAAP;AACD,GAFD,CAEE,OAAOC,KAAP,EAAc;AACd,WAAO,KAAP;AACD;AACF,CArBD","sourcesContent":["// @flow\nimport big from \"big.js\";\n\n/**\n * @private\n */\nconst removeGroupingSeparator = (input, groupingSeparator) => {\n  if (typeof input === \"number\") {\n    return input;\n  }\n\n  if (groupingSeparator == null) {\n    return input;\n  }\n\n  const escapedGroupingSeparator = groupingSeparator.replace(\n    /[$()*+.?[\\\\\\]^{|}]/g,\n    \"\\\\$&\"\n  );\n\n  return input.replace(new RegExp(escapedGroupingSeparator, \"g\"), \"\");\n};\n\n/**\n * @private\n */\nconst updateDecimalSeparator = (input, decimalSeparator) => {\n  if (typeof input === \"number\") {\n    return input;\n  }\n\n  if (decimalSeparator == null || decimalSeparator === \"\") {\n    return input;\n  }\n\n  return input.replace(decimalSeparator, \".\");\n};\n\n/**\n * Parses input into a number, removes the grouping separator from the input and\n * replaces the decimal separator with a dot to make it a JavaScript parseable number\n */\nconst parseToNumber = (\n  input: ?string | ?number,\n  groupingSeparator: ?string = \",\",\n  decimalSeparator: ?string = \".\"\n): number => {\n  if (input == null || input === \"\") {\n    return NaN;\n  }\n\n  const inputNoGrouping = removeGroupingSeparator(input, groupingSeparator);\n\n  const inputCorrectDecimalSeparator = updateDecimalSeparator(\n    inputNoGrouping,\n    decimalSeparator\n  );\n\n  return Number(inputCorrectDecimalSeparator);\n};\n\n/**\n * parses Numbers To String\n */\nconst parseNumberToString = (\n  input: ?string | ?number,\n  groupingSeparator: ?string = \",\",\n  decimalSeparator: ?string = \".\"\n): string => {\n  if (input == null || input === \"\") {\n    return \"NaN\";\n  }\n\n  const inputNoGrouping = removeGroupingSeparator(input, groupingSeparator);\n\n  const inputCorrectDecimalSeparator = updateDecimalSeparator(\n    inputNoGrouping,\n    decimalSeparator\n  );\n\n  try {\n    return big(inputCorrectDecimalSeparator).toFixed();\n  } catch (error) {\n    return \"NaN\";\n  }\n};\n\nexport { parseToNumber, parseNumberToString };\n"],"file":"parseNumbers.js"}
+{"version":3,"file":"parseNumbers.js","names":["removeGroupingSeparator","input","groupingSeparator","escapedGroupingSeparator","replace","RegExp","updateDecimalSeparator","decimalSeparator","parseToNumber","NaN","inputNoGrouping","inputCorrectDecimalSeparator","Number","parseNumberToString","toFixed","error"],"sources":["../../../src/utils/number/parseNumbers.js"],"sourcesContent":["// @flow\nimport big from \"big.js\";\n\n/**\n * @private\n */\nconst removeGroupingSeparator = (input, groupingSeparator) => {\n  if (typeof input === \"number\") {\n    return input;\n  }\n\n  if (groupingSeparator == null) {\n    return input;\n  }\n\n  const escapedGroupingSeparator = groupingSeparator.replace(\n    /[$()*+.?[\\\\\\]^{|}]/g,\n    \"\\\\$&\"\n  );\n\n  return input.replace(new RegExp(escapedGroupingSeparator, \"g\"), \"\");\n};\n\n/**\n * @private\n */\nconst updateDecimalSeparator = (input, decimalSeparator) => {\n  if (typeof input === \"number\") {\n    return input;\n  }\n\n  if (decimalSeparator == null || decimalSeparator === \"\") {\n    return input;\n  }\n\n  return input.replace(decimalSeparator, \".\");\n};\n\n/**\n * Parses input into a number, removes the grouping separator from the input and\n * replaces the decimal separator with a dot to make it a JavaScript parseable number\n */\nconst parseToNumber = (\n  input: ?string | ?number,\n  groupingSeparator: ?string = \",\",\n  decimalSeparator: ?string = \".\"\n): number => {\n  if (input == null || input === \"\") {\n    return NaN;\n  }\n\n  const inputNoGrouping = removeGroupingSeparator(input, groupingSeparator);\n\n  const inputCorrectDecimalSeparator = updateDecimalSeparator(\n    inputNoGrouping,\n    decimalSeparator\n  );\n\n  return Number(inputCorrectDecimalSeparator);\n};\n\n/**\n * parses Numbers To String\n */\nconst parseNumberToString = (\n  input: ?string | ?number,\n  groupingSeparator: ?string = \",\",\n  decimalSeparator: ?string = \".\"\n): string => {\n  if (input == null || input === \"\") {\n    return \"NaN\";\n  }\n\n  const inputNoGrouping = removeGroupingSeparator(input, groupingSeparator);\n\n  const inputCorrectDecimalSeparator = updateDecimalSeparator(\n    inputNoGrouping,\n    decimalSeparator\n  );\n\n  try {\n    return big(inputCorrectDecimalSeparator).toFixed();\n  } catch (error) {\n    return \"NaN\";\n  }\n};\n\nexport { parseToNumber, parseNumberToString };\n"],"mappings":";;;;;;;;;AACA;;AAEA;AACA;AACA;AACA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAQC,iBAAR,EAA8B;EAC5D,IAAI,OAAOD,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD;;EAED,IAAIC,iBAAiB,IAAI,IAAzB,EAA+B;IAC7B,OAAOD,KAAP;EACD;;EAED,IAAME,wBAAwB,GAAGD,iBAAiB,CAACE,OAAlB,CAC/B,qBAD+B,EAE/B,MAF+B,CAAjC;EAKA,OAAOH,KAAK,CAACG,OAAN,CAAc,IAAIC,MAAJ,CAAWF,wBAAX,EAAqC,GAArC,CAAd,EAAyD,EAAzD,CAAP;AACD,CAfD;AAiBA;AACA;AACA;;;AACA,IAAMG,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACL,KAAD,EAAQM,gBAAR,EAA6B;EAC1D,IAAI,OAAON,KAAP,KAAiB,QAArB,EAA+B;IAC7B,OAAOA,KAAP;EACD;;EAED,IAAIM,gBAAgB,IAAI,IAApB,IAA4BA,gBAAgB,KAAK,EAArD,EAAyD;IACvD,OAAON,KAAP;EACD;;EAED,OAAOA,KAAK,CAACG,OAAN,CAAcG,gBAAd,EAAgC,GAAhC,CAAP;AACD,CAVD;AAYA;AACA;AACA;AACA;;;AACA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CACpBP,KADoB,EAIT;EAAA,IAFXC,iBAEW,uEAFkB,GAElB;EAAA,IADXK,gBACW,uEADiB,GACjB;;EACX,IAAIN,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,EAA/B,EAAmC;IACjC,OAAOQ,GAAP;EACD;;EAED,IAAMC,eAAe,GAAGV,uBAAuB,CAACC,KAAD,EAAQC,iBAAR,CAA/C;EAEA,IAAMS,4BAA4B,GAAGL,sBAAsB,CACzDI,eADyD,EAEzDH,gBAFyD,CAA3D;EAKA,OAAOK,MAAM,CAACD,4BAAD,CAAb;AACD,CAjBD;AAmBA;AACA;AACA;;;;;AACA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,CAC1BZ,KAD0B,EAIf;EAAA,IAFXC,iBAEW,uEAFkB,GAElB;EAAA,IADXK,gBACW,uEADiB,GACjB;;EACX,IAAIN,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,EAA/B,EAAmC;IACjC,OAAO,KAAP;EACD;;EAED,IAAMS,eAAe,GAAGV,uBAAuB,CAACC,KAAD,EAAQC,iBAAR,CAA/C;EAEA,IAAMS,4BAA4B,GAAGL,sBAAsB,CACzDI,eADyD,EAEzDH,gBAFyD,CAA3D;;EAKA,IAAI;IACF,OAAO,kBAAII,4BAAJ,EAAkCG,OAAlC,EAAP;EACD,CAFD,CAEE,OAAOC,KAAP,EAAc;IACd,OAAO,KAAP;EACD;AACF,CArBD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.18.1",
+  "version": "1.18.4",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",
@@ -95,26 +95,26 @@
     "setimmediate": "^1.0.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.3",
-    "@babel/core": "^7.17.9",
+    "@babel/cli": "^7.17.10",
+    "@babel/core": "^7.17.10",
     "@babel/eslint-parser": "^7.17.0",
     "@babel/eslint-plugin": "^7.16.5",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
+    "@babel/plugin-transform-runtime": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
     "@babel/preset-flow": "^7.16.7",
     "@babel/preset-react": "^7.16.7",
     "@commitlint/cli": "^16.2.4",
     "@commitlint/config-conventional": "^16.2.4",
     "@testing-library/react-hooks": "^8.0.0",
     "auditjs": "^4.0.37",
-    "babel-jest": "^28.0.2",
+    "babel-jest": "^28.1.0",
     "babel-plugin-styled-components": "^2.0.7",
     "cherry-pick": "^0.5.0",
     "cross-env": "^7.0.3",
     "documentation": "^13.2.5",
-    "eslint": "^8.14.0",
+    "eslint": "^8.15.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-ft-flow": "^2.0.1",
@@ -123,14 +123,14 @@
     "eslint-plugin-jsdoc": "^39.2.9",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.5.0",
-    "flow-bin": "^0.176.3",
+    "flow-bin": "^0.178.0",
     "flow-copy-source": "^2.0.9",
     "flow-typed": "^3.6.1",
     "glob": "^8.0.1",
     "history": "^4.0.0",
     "husky": "^7.0.4",
-    "jest": "^28.0.2",
-    "jest-environment-jsdom": "^28.0.2",
+    "jest": "^28.1.0",
+    "jest-environment-jsdom": "^28.1.0",
     "jest-junit": "^13.2.0",
     "jest-sonar-reporter": "^2.0.0",
     "jscodeshift": "^0.13.1",

package/src/constants/Constants.js

@@ -198,6 +198,7 @@ export const ATTRIBUTE_WIDTH = {
 
 export const ALL_CONTENT_IN_DATA_SETTING = "hasAllContentInData";
 
+export const LOGIN_TYPE = "security.clients";
 export const LOGIN_PATH_SETTING = "FormClient.login_url";
 export const LOGIN_USERNAME_SETTING = "FormClient.username_field_name";
 export const LOGIN_PASSWORD_SETTING = "FormClient.password_field_name";

package/src/constants/Settings.js

@@ -1,8 +1,8 @@
 // @flow
 import { isPlainObject, has } from "../utils/helpers/objects";
 import {
-  BASE,
   ALL_CONTENT_IN_DATA_SETTING,
+  LOGIN_TYPE,
   LOGIN_PATH_SETTING,
   LOGIN_USERNAME_SETTING,
   LOGIN_PASSWORD_SETTING,
@@ -123,10 +123,15 @@ export const allSettings = (): { [name: string]: Setting } => settings;
 export const hasAllContentInData = (): boolean =>
   getSetting(ALL_CONTENT_IN_DATA_SETTING, true);
 
+/**
+ * Login type, only available when pac4j is configured
+ */
+export const loginType = (): string => getSetting(LOGIN_TYPE, "JAAS");
+
 /**
  */
 export const loginPath = (): string =>
-  getSetting(LOGIN_PATH_SETTING, `${BASE}/j_security_check`);
+  getSetting(LOGIN_PATH_SETTING, "/j_security_check");
 /**
  */
 export const loginUsernameField = (): string =>
@@ -138,4 +143,4 @@ export const loginPasswordField = (): string =>
 /**
  */
 export const logoutPath = (): string =>
-  getSetting(LOGOUT_PATH_SETTING, `${BASE}/Logoff`);
+  getSetting(LOGOUT_PATH_SETTING, "/Logoff");

package/src/models/form/FormModel.js

@@ -472,7 +472,7 @@ class FormModel extends ResourceModel {
         }
       }
 
-      return this.currentFormObject.isValid;
+      return this.currentFormObject?.isValid ?? true;
     }
 
     return true;

package/src/models/list/ListModel.js

@@ -48,10 +48,9 @@ export default class ListModel extends ResourceModel {
       data.contributions.resourcetype &&
       (data.contributions.resourcetype.endsWith("List") ||
         data.contributions.resourcetype.endsWith("ListPanel") ||
+        data.contributions.resourcetype.endsWith("RelatedDataStorePanel") ||
         [
-          "DatastoreRelatedDatastorePanel",
           "list-related-cases",
-          "CaseRelatedDataStorePanel",
           "RecordPanel",
           "EventHistoryPanel",
           "NotePanel",

package/src/models/list/__tests__/ListModel.spec.js

@@ -7,6 +7,10 @@ import ListModel from "../ListModel";
 import mockList from "./list.json";
 import mockListContributions from "./listContributions.json";
 
+import testData from "./related-data.json";
+import testContributions from "./related-contributions.json";
+import ModularUIResponse from "../../../modularui/ModularUIResponse";
+
 describe("listModel spec", () => {
   it("should be able to create an empty list", () => {
     const list = new ListModel();
@@ -120,4 +124,13 @@ describe("listModel spec", () => {
       "<p>This is introtext</p>"
     );
   });
+
+  it("list model is applicable for contributions with resourcetype RecordRelatedDataStorePanel", () => {
+    const data = ModularUIResponse.create({
+      key: "Bewijsstukken",
+      data: testData,
+      contributions: testContributions,
+    });
+    expect(ListModel.isApplicableModel(data)).toBe(true);
+  });
 });

package/src/models/list/__tests__/related-contributions.json

@@ -0,0 +1,42 @@
+{
+  "Bewijsstukken": {
+    "label": "Bewijsstukken",
+    "resourcetype": "RecordRelatedDataStorePanel",
+    "paging": {
+      "pagesize": {
+        "options": [10, 25, 50]
+      }
+    },
+    "sorting": {
+      "attributes": ["CreationDate", "FileName"]
+    },
+    "results": {
+      "Bewijsstukken": {
+        "metadata": {
+          "_id": {
+            "type": "number"
+          }
+        },
+        "attributes": [
+          {
+            "FileName": {
+              "type": "string",
+              "label": "FileName",
+              "layouthint": ["download=CmfDocumentRecordId"],
+              "displaysize": 50,
+              "maxLength": 255
+            }
+          },
+          {
+            "CreationDate": {
+              "type": "date",
+              "label": "CreationDate",
+              "formatlabel": "dd-mm-jjjj",
+              "format": "dd-MM-yyyy"
+            }
+          }
+        ]
+      }
+    }
+  }
+}

package/src/models/list/__tests__/related-data.json

@@ -0,0 +1,32 @@
+{
+  "Bewijsstukken": {
+    "_links": {
+      "self": {
+        "href": "/mijn-account/gebruiker/981/overige-wijzigingshistorie/ta-wijzigings-historie/6341/bewijsstukken"
+      },
+      "api_doc": {
+        "href": "/api-docs/v3/mijn-account/gebruiker/(case-id)/overige-wijzigingshistorie/ta-wijzigings-historie/(ta-wijzigings-historie-record-id)/bewijsstukken"
+      },
+      "contributions": {
+        "href": "/contributions/mijn-account/gebruiker/(case-id)/overige-wijzigingshistorie/ta-wijzigings-historie/(ta-wijzigings-historie-record-id)/bewijsstukken"
+      }
+    },
+    "paging": { "totalresults": 1, "pagesize": 25, "page": 1, "maxpages": 1 },
+    "_embedded": {
+      "results": [
+        {
+          "Bewijsstukken": {
+            "_id": 181,
+            "_links": {
+              "self": {
+                "href": "/mijn-account/gebruiker/981/overige-wijzigingshistorie/ta-wijzigings-historie/6341/bewijsstukken/181"
+              }
+            },
+            "FileName": "dummy.pdf",
+            "CreationDate": "2022-04-22"
+          }
+        }
+      ]
+    }
+  }
+}

package/src/modularui/Authenticate.js

@@ -5,10 +5,10 @@ import universalFetch from "../utils/fetch/universalFetch";
 import Cache from "../utils/browser/Cache";
 
 import { UnauthorizedException } from "../exceptions";
-import type { RequestOptions } from "../utils/fetch/types";
 import {
-  loginPasswordField,
+  loginType,
   loginPath,
+  loginPasswordField,
   loginUsernameField,
   logoutPath,
 } from "../constants";
@@ -24,10 +24,27 @@ class Authenticate {
     this._isBasic = false;
   }
 
+  /**
+   */
+  get authenticationType(): "JAAS" | "PAC4J_FORM" | "PAC4J_BASIC" {
+    const type = loginType();
+
+    if (!type || type === "JAAS") {
+      return "JAAS";
+    }
+    if (type.includes("FormClient")) {
+      return "PAC4J_FORM";
+    } else if (type.includes("BasicClient")) {
+      return "PAC4J_BASIC";
+    }
+
+    throw new Error(`Unsupported login type found: ${type}`);
+  }
+
   /**
    */
   get isBasicAuthentication(): boolean {
-    return this._isBasic;
+    return this._isBasic || this.authenticationType === "PAC4J_BASIC";
   }
 
   /**
@@ -64,36 +81,73 @@ class Authenticate {
 
   /**
    */
-  createLogin(username: string, password: string): $Shape<RequestOptions> {
-    const LOGIN_PATH = loginPath();
-    const usernameField = loginUsernameField();
-    const passwordField = loginPasswordField();
+  login(username: string, password: string): Promise<any> {
+    switch (this.authenticationType) {
+      case "PAC4J_FORM":
+        return this.doFormLogin(username, password);
+      case "PAC4J_BASIC":
+        return this.doBasicAuthentication(username, password);
+      default:
+        return this.doJaasAuthentication(username, password);
+    }
+  }
+
+  /**
+   */
+  getFormLoginUrl(): string {
+    switch (this.authenticationType) {
+      case "PAC4J_BASIC":
+      case "PAC4J_FORM":
+        return `${BASE}${loginPath()}`;
+      default:
+        return `${BASE}/j_security_check`;
+    }
+  }
 
+  /**
+   */
+  getFormLoginData(username: string, password: string): string {
     const encodedUsername = encodeURIComponent(username);
     const encodedPassword = encodeURIComponent(password);
 
-    return {
-      url: LOGIN_PATH,
+    switch (this.authenticationType) {
+      case "PAC4J_BASIC":
+      case "PAC4J_FORM":
+        return `${loginUsernameField()}=${encodedUsername}&${loginPasswordField()}=${encodedPassword}`;
+      default:
+        return `j_username=${encodedUsername}&j_password=${encodedPassword}`;
+    }
+  }
+
+  /**
+   */
+  doFormLogin(username: string, password: string): Promise<any> {
+    return universalFetch({
+      url: this.getFormLoginUrl(),
       method: HTTP_METHODS.POST,
       headers: {
         Accept: "application/json",
         "Content-Type": "application/x-www-form-urlencoded",
       },
-      data: `${usernameField}=${encodedUsername}&${passwordField}=${encodedPassword}`,
-    };
+      data: this.getFormLoginData(username, password),
+    });
   }
 
   /**
    */
-  login(username: string, password: string): Promise<any> {
+  doBasicAuthentication(username: string, password: string): Promise<any> {
+    Cache.addItem("basic", btoa(`${username}:${password}`));
+    return Promise.resolve();
+  }
+
+  /**
+   */
+  doJaasAuthentication(username: string, password: string): Promise<any> {
     return this.initLogin(true).then(() => {
       if (this.isBasicAuthentication) {
-        Cache.addItem("basic", btoa(`${username}:${password}`));
-
-        return Promise.resolve();
+        return this.doBasicAuthentication(username, password);
       }
-
-      return universalFetch(this.createLogin(username, password));
+      return this.doFormLogin(username, password);
     });
   }
 
@@ -101,7 +155,7 @@ class Authenticate {
    */
   logout(): Promise<void> {
     return universalFetch({
-      url: logoutPath(),
+      url: `${BASE}${logoutPath()}`,
     }).then(() => {
       // clear cache because of cached contributions
       Cache.clear();

package/src/react-server/__tests__/serverUtil.spec.js

@@ -112,10 +112,11 @@ describe("serverUtil", () => {
       {
         type: "SET_PREFERENCES",
         payload: {
-          "FormClient.login_url": "/BeInformed/j_security_check",
-          "FormClient.logout_url": "/BeInformed/Logoff",
+          "FormClient.login_url": "/j_security_check",
+          "FormClient.logout_url": "/Logoff",
           "FormClient.password_field_name": "j_password",
           "FormClient.username_field_name": "j_username",
+          "security.clients": null,
         },
       },
     ]);
@@ -158,10 +159,11 @@ describe("serverUtil", () => {
       {
         type: "SET_PREFERENCES",
         payload: {
-          "FormClient.login_url": "/BeInformed/j_security_check",
-          "FormClient.logout_url": "/BeInformed/Logoff",
+          "FormClient.login_url": "/j_security_check",
+          "FormClient.logout_url": "/Logoff",
           "FormClient.password_field_name": "j_password",
           "FormClient.username_field_name": "j_username",
+          "security.clients": null,
         },
       },
     ]);

package/src/redux/actions/Preferences.js

@@ -12,8 +12,8 @@ import type {
 } from "../types";
 
 import {
-  BASE,
   ALL_CONTENT_IN_DATA_SETTING,
+  LOGIN_TYPE,
   LOGIN_PASSWORD_SETTING,
   LOGIN_PATH_SETTING,
   LOGIN_USERNAME_SETTING,
@@ -123,9 +123,13 @@ export const setLoginPreferences = (
   state?: ReduxState
 ): SetPreferencesAction => {
   const loginSettings = {
+    [LOGIN_TYPE]: getServerPreferenceValue(
+      LOGIN_TYPE,
+      state?.preferences[LOGIN_TYPE]
+    ),
     [LOGIN_PATH_SETTING]: getServerPreferenceValue(
       LOGIN_PATH_SETTING,
-      state?.preferences[LOGIN_PATH_SETTING] ?? `${BASE}/j_security_check`
+      state?.preferences[LOGIN_PATH_SETTING] ?? `/j_security_check`
     ),
     [LOGIN_USERNAME_SETTING]: getServerPreferenceValue(
       LOGIN_USERNAME_SETTING,
@@ -137,7 +141,7 @@ export const setLoginPreferences = (
     ),
     [LOGOUT_PATH_SETTING]: getServerPreferenceValue(
       LOGOUT_PATH_SETTING,
-      state?.preferences[LOGOUT_PATH_SETTING] ?? `${BASE}/Logoff`
+      state?.preferences[LOGOUT_PATH_SETTING] ?? `/Logoff`
     ),
   };