@beinformed/ui 1.25.2 → 1.25.4

package/lib/redux/_modularui/types.js.flow

@@ -7,13 +7,14 @@ import typeof {
   HTTP_METHODS,
   MODULARUI_STATUS,
 } from "../../constants/Constants";
-import type { RequestBaseOptions } from "../../utils/fetch/types";
 import type { ComponentType } from "react";
+import type { TargetModel } from "../../modularui/types";
+import type { RequestModularUIOptions } from "../../utils/fetch/types";
 
 export type ModularUIOptions = {
   propName?: string,
   removeOnUnmount?: boolean,
-  ...RequestBaseOptions,
+  ...RequestModularUIOptions,
 };
 
 export type ModelEntry = {
@@ -56,7 +57,7 @@ export type ModularUIAction = {
     data?: string | { [key: string]: string },
     locale: string,
     childmodels?: boolean,
-    targetModel?: Class<ModularUIModel>,
+    targetModel?: TargetModel,
     successAction: (
       model: ModularUIModel
     ) => UpdateModelAction | SetModelAction,

package/lib/redux/_modularui/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/redux/_modularui/types.js"],"sourcesContent":["// @flow\nimport type { ModularUIModel } from \"../../models/types\";\nimport type Href from \"../../models/href/Href\";\nimport type { FetchException } from \"../../exceptions\";\nimport type { NoAction } from \"../types\";\nimport typeof {\n  HTTP_METHODS,\n  MODULARUI_STATUS,\n} from \"../../constants/Constants\";\nimport type { RequestBaseOptions } from \"../../utils/fetch/types\";\nimport type { ComponentType } from \"react\";\n\nexport type ModularUIOptions = {\n  propName?: string,\n  removeOnUnmount?: boolean,\n  ...RequestBaseOptions,\n};\n\nexport type ModelEntry = {\n  +status: string,\n  +model: ModularUIModel,\n  +lastModification: number,\n};\n\nexport type ModularUIState = {\n  [string]: ModelEntry,\n  ...\n};\n\nexport type SetModelAction = {\n  type: \"MODULARUI/SET\",\n  payload: {\n    key: string,\n    model: ?ModularUIModel,\n  },\n};\n\nexport type UpdateModelAction = {\n  type: \"MODULARUI/UPDATE\",\n  payload: ModularUIModel,\n};\n\nexport type SuccessAction = (\n  model: ModularUIModel\n) => UpdateModelAction | SetModelAction;\n\nexport type ErrorAction = (\n  error: FetchException\n) => UpdateStatusAction | RemoveModelByKeyAction | NoAction;\n\nexport type ModularUIAction = {\n  type: \"MODULARUI/FETCH\",\n  payload: {\n    href: Href,\n    method?: $Keys<HTTP_METHODS>,\n    data?: string | { [key: string]: string },\n    locale: string,\n    childmodels?: boolean,\n    targetModel?: Class<ModularUIModel>,\n    successAction: (\n      model: ModularUIModel\n    ) => UpdateModelAction | SetModelAction,\n    errorAction?: ErrorAction,\n  },\n};\n\nexport type RemoveModelByKeyAction = {\n  type: \"MODULARUI/REMOVE_KEY\",\n  payload: string,\n};\n\nexport type ResetModularUIAction = {\n  type: \"MODULARUI/RESET\",\n};\n\nexport type UpdateStatusAction = {\n  type: \"MODULARUI/STATUS\",\n  payload: {\n    key: string,\n    status: $Keys<MODULARUI_STATUS>,\n  },\n};\n\nexport type ModularUIConnector = (\n  Component: ComponentType<any>\n) => ComponentType<any>;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/redux/_modularui/types.js"],"sourcesContent":["// @flow\nimport type { ModularUIModel } from \"../../models/types\";\nimport type Href from \"../../models/href/Href\";\nimport type { FetchException } from \"../../exceptions\";\nimport type { NoAction } from \"../types\";\nimport typeof {\n  HTTP_METHODS,\n  MODULARUI_STATUS,\n} from \"../../constants/Constants\";\nimport type { ComponentType } from \"react\";\nimport type { TargetModel } from \"../../modularui/types\";\nimport type { RequestModularUIOptions } from \"../../utils/fetch/types\";\n\nexport type ModularUIOptions = {\n  propName?: string,\n  removeOnUnmount?: boolean,\n  ...RequestModularUIOptions,\n};\n\nexport type ModelEntry = {\n  +status: string,\n  +model: ModularUIModel,\n  +lastModification: number,\n};\n\nexport type ModularUIState = {\n  [string]: ModelEntry,\n  ...\n};\n\nexport type SetModelAction = {\n  type: \"MODULARUI/SET\",\n  payload: {\n    key: string,\n    model: ?ModularUIModel,\n  },\n};\n\nexport type UpdateModelAction = {\n  type: \"MODULARUI/UPDATE\",\n  payload: ModularUIModel,\n};\n\nexport type SuccessAction = (\n  model: ModularUIModel\n) => UpdateModelAction | SetModelAction;\n\nexport type ErrorAction = (\n  error: FetchException\n) => UpdateStatusAction | RemoveModelByKeyAction | NoAction;\n\nexport type ModularUIAction = {\n  type: \"MODULARUI/FETCH\",\n  payload: {\n    href: Href,\n    method?: $Keys<HTTP_METHODS>,\n    data?: string | { [key: string]: string },\n    locale: string,\n    childmodels?: boolean,\n    targetModel?: TargetModel,\n    successAction: (\n      model: ModularUIModel\n    ) => UpdateModelAction | SetModelAction,\n    errorAction?: ErrorAction,\n  },\n};\n\nexport type RemoveModelByKeyAction = {\n  type: \"MODULARUI/REMOVE_KEY\",\n  payload: string,\n};\n\nexport type ResetModularUIAction = {\n  type: \"MODULARUI/RESET\",\n};\n\nexport type UpdateStatusAction = {\n  type: \"MODULARUI/STATUS\",\n  payload: {\n    key: string,\n    status: $Keys<MODULARUI_STATUS>,\n  },\n};\n\nexport type ModularUIConnector = (\n  Component: ComponentType<any>\n) => ComponentType<any>;\n"],"mappings":""}

package/lib/redux/_modularui/withModularUI.js.flow

@@ -21,9 +21,9 @@ import type {
 } from "../types";
 import type Href from "../../models/href/Href";
 import type { ModularUIModel } from "../../models/types";
-import type { RequestBaseOptions } from "../../utils/fetch/types";
 import type FetchException from "../../exceptions/FetchException";
 import type { ComponentType } from "react";
+import type { RequestModularUIOptions } from "../../utils/fetch/types";
 
 type StateProps = {
   modularui: (href: Href, options: any) => ModularUIRequest,
@@ -35,7 +35,7 @@ type DispatchProps = {
   finishProgress: () => FinishProgressAction,
   reloadModel: (
     model: ModularUIModel,
-    options?: RequestBaseOptions
+    options?: RequestModularUIOptions
   ) => ThunkAction,
   handleError: (error: Error | FetchException) => ThunkAction,
 };

package/lib/redux/_modularui/withModularUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"withModularUI.js","names":["modularui","createSelector","getLocale","localeCode","href","options","modularuiRequest","ModularUIRequest","locale","mapStateToProps","state","i18n","mapDispatchToProps","startProgress","finishProgress","reloadModel","handleError","withModularui","connect"],"sources":["../../../src/redux/_modularui/withModularUI.js"],"sourcesContent":["// @flow\nimport { connect } from \"react-redux\";\n\nimport { createSelector } from \"reselect\";\n\nimport ModularUIRequest from \"../../modularui/ModularUIRequest\";\n\nimport { startProgress, finishProgress } from \"../actions/ProgressIndicator\";\n\nimport { handleError } from \"../actions/Error\";\n\nimport { getLocale } from \"../selectors/i18n\";\n\nimport { reloadModel } from \"./ModularUIActions\";\n\nimport type {\n  ReduxState,\n  StartProgressAction,\n  FinishProgressAction,\n  ThunkAction,\n} from \"../types\";\nimport type Href from \"../../models/href/Href\";\nimport type { ModularUIModel } from \"../../models/types\";\nimport type { RequestBaseOptions } from \"../../utils/fetch/types\";\nimport type FetchException from \"../../exceptions/FetchException\";\nimport type { ComponentType } from \"react\";\n\ntype StateProps = {\n  modularui: (href: Href, options: any) => ModularUIRequest,\n  locale: string,\n};\n\ntype DispatchProps = {\n  startProgress: () => StartProgressAction,\n  finishProgress: () => FinishProgressAction,\n  reloadModel: (\n    model: ModularUIModel,\n    options?: RequestBaseOptions\n  ) => ThunkAction,\n  handleError: (error: Error | FetchException) => ThunkAction,\n};\n\ntype Props = {\n  ...StateProps,\n  ...DispatchProps,\n};\n\nconst modularui = createSelector(\n  [getLocale],\n  (localeCode) =>\n    (href, options = {}) => {\n      const modularuiRequest = new ModularUIRequest(href, options);\n      modularuiRequest.locale = localeCode;\n      return modularuiRequest;\n    }\n);\n\n/**\n */\nconst mapStateToProps = (state: ReduxState): StateProps => ({\n  modularui: modularui(state),\n  locale: state.i18n.locale,\n});\n\nconst mapDispatchToProps: DispatchProps = {\n  startProgress,\n  finishProgress,\n  reloadModel,\n  handleError,\n};\n\n/**\n * Injects the modular ui service and the progress start and finish actions\n * This can be used to request modular ui services inside react view components\n */\nconst withModularui: ComponentType<any> = connect<\n  Props,\n  {},\n  StateProps,\n  _,\n  _,\n  _\n>(mapStateToProps, mapDispatchToProps);\n\nexport default withModularui;\n"],"mappings":";;;;;;;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAkCA,MAAMA,SAAS,GAAG,IAAAC,wBAAc,EAC9B,CAACC,eAAS,CAAC,EACVC,UAAU,IACT,UAACC,IAAI,EAAmB;EAAA,IAAjBC,OAAO,uEAAG,CAAC,CAAC;EACjB,MAAMC,gBAAgB,GAAG,IAAIC,yBAAgB,CAACH,IAAI,EAAEC,OAAO,CAAC;EAC5DC,gBAAgB,CAACE,MAAM,GAAGL,UAAU;EACpC,OAAOG,gBAAgB;AACzB,CAAC,CACJ;;AAED;AACA;AACA,MAAMG,eAAe,GAAIC,KAAiB,KAAkB;EAC1DV,SAAS,EAAEA,SAAS,CAACU,KAAK,CAAC;EAC3BF,MAAM,EAAEE,KAAK,CAACC,IAAI,CAACH;AACrB,CAAC,CAAC;AAEF,MAAMI,kBAAiC,GAAG;EACxCC,aAAa,EAAbA,gCAAa;EACbC,cAAc,EAAdA,iCAAc;EACdC,WAAW,EAAXA,6BAAW;EACXC,WAAW,EAAXA;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMC,aAAiC,GAAG,IAAAC,mBAAO,EAO/CT,eAAe,EAAEG,kBAAkB,CAAC;AAAC,eAExBK,aAAa;AAAA"}
+{"version":3,"file":"withModularUI.js","names":["modularui","createSelector","getLocale","localeCode","href","options","modularuiRequest","ModularUIRequest","locale","mapStateToProps","state","i18n","mapDispatchToProps","startProgress","finishProgress","reloadModel","handleError","withModularui","connect"],"sources":["../../../src/redux/_modularui/withModularUI.js"],"sourcesContent":["// @flow\nimport { connect } from \"react-redux\";\n\nimport { createSelector } from \"reselect\";\n\nimport ModularUIRequest from \"../../modularui/ModularUIRequest\";\n\nimport { startProgress, finishProgress } from \"../actions/ProgressIndicator\";\n\nimport { handleError } from \"../actions/Error\";\n\nimport { getLocale } from \"../selectors/i18n\";\n\nimport { reloadModel } from \"./ModularUIActions\";\n\nimport type {\n  ReduxState,\n  StartProgressAction,\n  FinishProgressAction,\n  ThunkAction,\n} from \"../types\";\nimport type Href from \"../../models/href/Href\";\nimport type { ModularUIModel } from \"../../models/types\";\nimport type FetchException from \"../../exceptions/FetchException\";\nimport type { ComponentType } from \"react\";\nimport type { RequestModularUIOptions } from \"../../utils/fetch/types\";\n\ntype StateProps = {\n  modularui: (href: Href, options: any) => ModularUIRequest,\n  locale: string,\n};\n\ntype DispatchProps = {\n  startProgress: () => StartProgressAction,\n  finishProgress: () => FinishProgressAction,\n  reloadModel: (\n    model: ModularUIModel,\n    options?: RequestModularUIOptions\n  ) => ThunkAction,\n  handleError: (error: Error | FetchException) => ThunkAction,\n};\n\ntype Props = {\n  ...StateProps,\n  ...DispatchProps,\n};\n\nconst modularui = createSelector(\n  [getLocale],\n  (localeCode) =>\n    (href, options = {}) => {\n      const modularuiRequest = new ModularUIRequest(href, options);\n      modularuiRequest.locale = localeCode;\n      return modularuiRequest;\n    }\n);\n\n/**\n */\nconst mapStateToProps = (state: ReduxState): StateProps => ({\n  modularui: modularui(state),\n  locale: state.i18n.locale,\n});\n\nconst mapDispatchToProps: DispatchProps = {\n  startProgress,\n  finishProgress,\n  reloadModel,\n  handleError,\n};\n\n/**\n * Injects the modular ui service and the progress start and finish actions\n * This can be used to request modular ui services inside react view components\n */\nconst withModularui: ComponentType<any> = connect<\n  Props,\n  {},\n  StateProps,\n  _,\n  _,\n  _\n>(mapStateToProps, mapDispatchToProps);\n\nexport default withModularui;\n"],"mappings":";;;;;;;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAkCA,MAAMA,SAAS,GAAG,IAAAC,wBAAc,EAC9B,CAACC,eAAS,CAAC,EACVC,UAAU,IACT,UAACC,IAAI,EAAmB;EAAA,IAAjBC,OAAO,uEAAG,CAAC,CAAC;EACjB,MAAMC,gBAAgB,GAAG,IAAIC,yBAAgB,CAACH,IAAI,EAAEC,OAAO,CAAC;EAC5DC,gBAAgB,CAACE,MAAM,GAAGL,UAAU;EACpC,OAAOG,gBAAgB;AACzB,CAAC,CACJ;;AAED;AACA;AACA,MAAMG,eAAe,GAAIC,KAAiB,KAAkB;EAC1DV,SAAS,EAAEA,SAAS,CAACU,KAAK,CAAC;EAC3BF,MAAM,EAAEE,KAAK,CAACC,IAAI,CAACH;AACrB,CAAC,CAAC;AAEF,MAAMI,kBAAiC,GAAG;EACxCC,aAAa,EAAbA,gCAAa;EACbC,cAAc,EAAdA,iCAAc;EACdC,WAAW,EAAXA,6BAAW;EACXC,WAAW,EAAXA;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMC,aAAiC,GAAG,IAAAC,mBAAO,EAO/CT,eAAe,EAAEG,kBAAkB,CAAC;AAAC,eAExBK,aAAa;AAAA"}

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

@@ -1,10 +1,12 @@
 // @flow
 import typeof { HTTP_METHODS } from "../../constants/Constants";
 import type { ModularUIModel } from "../../models/types";
+import type { TargetModel } from "../../modularui/types";
 
 export type RequestURLOptions = {
   url: string,
 };
+
 export type RequestBaseOptions = {
   method?: $Keys<HTTP_METHODS>,
   params?: string,
@@ -24,11 +26,17 @@ export type RequestBaseOptions = {
   includeContext?: boolean,
   locale?: string,
   cache?: boolean,
+  isReload?: boolean,
+};
+
+export type RequestOptions = { ...RequestURLOptions, ...RequestBaseOptions };
+
+export type RequestModularUIOptions = {
+  ...RequestBaseOptions,
+  targetModel?: TargetModel,
+  updateModel?: ModularUIModel,
   childmodels?: boolean,
   isValidationRequest?: boolean,
-  targetModel?: Class<ModularUIModel>,
-  updateModel?: ModularUIModel,
-  isReload?: boolean,
+
   removeOnUnmount?: boolean,
 };
-export type RequestOptions = { ...RequestURLOptions, ...RequestBaseOptions };

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\";\n\nexport type RequestURLOptions = {\n  url: string,\n};\nexport type RequestBaseOptions = {\n  method?: $Keys<HTTP_METHODS>,\n  params?: string,\n  data?: string | { [key: string]: string },\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  childmodels?: boolean,\n  isValidationRequest?: boolean,\n  targetModel?: Class<ModularUIModel>,\n  updateModel?: ModularUIModel,\n  isReload?: boolean,\n  removeOnUnmount?: boolean,\n};\nexport type RequestOptions = { ...RequestURLOptions, ...RequestBaseOptions };\n"],"mappings":""}
+{"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?: string | { [key: string]: string },\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  updateModel?: ModularUIModel,\n  childmodels?: boolean,\n  isValidationRequest?: boolean,\n\n  removeOnUnmount?: boolean,\n};\n"],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.25.2",
+  "version": "1.25.4",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",
@@ -100,7 +100,7 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.20.7",
-    "@babel/core": "^7.20.7",
+    "@babel/core": "^7.20.12",
     "@babel/eslint-parser": "^7.19.1",
     "@babel/eslint-plugin": "^7.19.1",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
@@ -109,8 +109,8 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-flow": "^7.18.6",
     "@babel/preset-react": "^7.18.6",
-    "@commitlint/cli": "^17.3.0",
-    "@commitlint/config-conventional": "^17.3.0",
+    "@commitlint/cli": "^17.4.1",
+    "@commitlint/config-conventional": "^17.4.0",
     "@testing-library/react": "^13.4.0",
     "auditjs": "^4.0.39",
     "babel-jest": "^29.3.1",
@@ -123,7 +123,7 @@
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-ft-flow": "^2.0.3",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^27.2.0",
+    "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-jsdoc": "^39.6.4",
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.5.0",
@@ -133,7 +133,7 @@
     "flow-typed": "^3.8.0",
     "glob": "^8.0.3",
     "history": "^4.0.0",
-    "husky": "^8.0.2",
+    "husky": "^8.0.3",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
     "jest-junit": "^15.0.0",
@@ -141,7 +141,7 @@
     "jscodeshift": "^0.14.0",
     "lint-staged": "^13.1.0",
     "polished": "^4.0.0",
-    "prettier": "^2.8.0",
+    "prettier": "^2.8.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-helmet-async": "^1.0.0",

package/src/constants/Constants.js

@@ -193,3 +193,9 @@ 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";
 export const LOGOUT_PATH_SETTING = "FormClient.logout_url";
+
+export const fallbackDefaultAuthenticationType = {
+  name: "Form based authentication",
+  authentication: "DefaultFormClient",
+  isPrimary: true,
+};

package/src/hooks/__tests__/UseModularUIModel.spec.js

@@ -61,7 +61,7 @@ describe("modularui hooks", () => {
       wrapper,
     });
 
-    expect(result.current).toBeUndefined();
+    expect(result.current).toBeNull();
 
     expect(store.getActions()).toStrictEqual([
       {

package/src/hooks/__tests__/useModelCatalog.spec.js

@@ -55,7 +55,7 @@ describe("modelcatalog hooks", () => {
       wrapper,
     });
 
-    expect(result.current).toBeUndefined();
+    expect(result.current).toBeNull();
 
     expect(store.getActions()).toStrictEqual([
       {

package/src/hooks/__tests__/useModularUIBasic.spec.js

@@ -54,7 +54,7 @@ describe("modularui hooks", () => {
       }
     );
 
-    expect(result.current).toBeUndefined();
+    expect(result.current).toBeNull();
 
     expect(store.getActions()).toStrictEqual([
       {
@@ -104,7 +104,7 @@ describe("modularui hooks", () => {
       }
     );
 
-    expect(result.current).toBeUndefined();
+    expect(result.current).toBeNull();
 
     expect(store.getActions()).toStrictEqual([
       {

package/src/hooks/useAuthentication.js

@@ -5,7 +5,11 @@ import { getApplication } from "../redux/_modularui/ModularUISelectors";
 import { login, logout, resetAuthErrors } from "../redux/actions";
 
 import Cache from "../utils/browser/Cache";
-import { BASE, getSetting } from "../constants";
+import {
+  BASE,
+  fallbackDefaultAuthenticationType,
+  getSetting,
+} from "../constants";
 
 import type { ResetAuthErrorsAction } from "../redux/types";
 import type { AuthenticationType } from "../models/types";
@@ -38,7 +42,9 @@ export const useLogin = (): LoginHook => {
 
   return {
     isAuthenticated,
-    authenticationTypes: application?.authenticationTypes ?? [],
+    authenticationTypes: application?.authenticationTypes ?? [
+      fallbackDefaultAuthenticationType,
+    ],
     errorMessage: auth.error,
     resetErrors: () => dispatch(resetAuthErrors()),
     login: (username: string, password: string) =>
@@ -47,13 +53,17 @@ export const useLogin = (): LoginHook => {
       if (Cache.getItem("isRedirectLogin")) {
         // prevent endless loop in redirects when authentication type can't be redirected
         throw new IllegalStateException(
-          `Could not redirect to '${authenticationType.authentication}' using url: '${authenticationType.redirectUri}'`
+          `Could not redirect to '${
+            authenticationType.authentication
+          }' using url: '${authenticationType.redirectUri ?? ""}'`
         );
       }
 
       if (!isAuthenticated) {
         Cache.setItem("isRedirectLogin", true);
-        window.location.assign(`${BASE}${authenticationType.redirectUri}`);
+        window.location.assign(
+          `${BASE}${authenticationType.redirectUri ?? ""}`
+        );
       }
     },
   };
@@ -70,7 +80,9 @@ export const useLogout = (): LogoutHook => {
   const isAuthenticated = application?.isLoggedIn ?? false;
   return {
     isAuthenticated,
-    authenticationTypes: application?.authenticationTypes ?? [],
+    authenticationTypes: application?.authenticationTypes ?? [
+      fallbackDefaultAuthenticationType,
+    ],
     logout: () => {
       if (Cache.getItem("isRedirectLogin")) {
         const origin = window.location.origin;

package/src/hooks/useModularUI.js

@@ -13,7 +13,7 @@ import useDeepCompareEffect from "./useDeepCompareEffect";
 import { useLocale } from "./useI18n";
 
 import type Href from "../models/href/Href";
-import type { RequestBaseOptions } from "../utils";
+import type { RequestModularUIOptions } from "../utils";
 
 /**
  */
@@ -28,7 +28,7 @@ const useKeyForHook = (modelKey: string, url: string) => {
 export const useModularUI = (
   modelKey: string,
   url: string | Href,
-  options: RequestBaseOptions = {
+  options: RequestModularUIOptions = {
     method: HTTP_METHODS.GET,
     removeOnUnmount: false,
   }

package/src/hooks/useModularUIBasic.js

@@ -7,9 +7,9 @@ import { IllegalArgumentException, IllegalStateException } from "../exceptions";
 
 import type { ModularUIModel, Href } from "../models";
 
-type UseModularUIBasicOptions<T> = {
+type UseModularUIBasicOptions<T: ModularUIModel> = {
   expectedModels: Array<string>,
-  targetModel?: Class<T>,
+  targetModel?: Class<T> | Array<Class<T>>,
 };
 
 /**
@@ -21,7 +21,7 @@ export const useModularUIBasic = <T: ModularUIModel>(
     expectedModels: [],
     targetModel: undefined,
   }
-): ?T => {
+): T | null => {
   const location = useLocation();
   if (!href) {
     throw new IllegalArgumentException("Missing href");
@@ -37,6 +37,7 @@ export const useModularUIBasic = <T: ModularUIModel>(
     useModularUIOptions.isReload = true;
   }
 
+  // $FlowFixMe[incompatible-call]
   const modularUI = useModularUI(key, href, useModularUIOptions);
 
   if (modularUI?.model) {
@@ -54,4 +55,6 @@ export const useModularUIBasic = <T: ModularUIModel>(
 
     return model;
   }
+
+  return null;
 };

package/src/hooks/useModularUIModel.js

@@ -14,7 +14,7 @@ import { useModularUIBasic } from "./useModularUIBasic";
 /**
  * Load application
  */
-export const useApplication = (): ?ApplicationModel =>
+export const useApplication = (): ApplicationModel | null =>
   useModularUIBasic("application", "/", {
     expectedModels: ["Application"],
     targetModel: ApplicationModel,
@@ -23,7 +23,7 @@ export const useApplication = (): ?ApplicationModel =>
 /**
  * Load a tab by href
  */
-export const useTab = (href: string): ?TabModel =>
+export const useTab = (href: string): TabModel | null =>
   useModularUIBasic("tab", href, {
     expectedModels: ["Tab"],
     targetModel: TabModel,
@@ -32,7 +32,7 @@ export const useTab = (href: string): ?TabModel =>
 /**
  * Load caseview by href
  */
-export const useCaseView = (href: string): ?CaseViewModel =>
+export const useCaseView = (href: string): CaseViewModel | null =>
   useModularUIBasic("caseview", href, {
     expectedModels: ["CaseView"],
     targetModel: CaseViewModel,
@@ -42,14 +42,14 @@ export const useCaseView = (href: string): ?CaseViewModel =>
  */
 export const usePanel = (
   href: string
-): ?ListModel | ?GroupingPanelModel | ?DetailModel =>
+): ListModel | GroupingPanelModel | DetailModel | null =>
   useModularUIBasic("panel", href, {
     expectedModels: ["List", "GroupingPanel", "Detail"],
   });
 
 /**
  */
-export const useList = (href: string): ?ListModel =>
+export const useList = (href: string): ListModel | null =>
   useModularUIBasic("list", href, {
     expectedModels: ["List"],
     targetModel: ListModel,
@@ -57,7 +57,15 @@ export const useList = (href: string): ?ListModel =>
 
 /**
  */
-export const useListDetail = (href: string): ?ListDetailModel =>
+export const useListOrDetail = (href: string): ListModel | DetailModel | null =>
+  useModularUIBasic("list", href, {
+    expectedModels: ["List", "Detail"],
+    targetModel: [ListModel, DetailModel],
+  });
+
+/**
+ */
+export const useListDetail = (href: string): ListDetailModel | null =>
   useModularUIBasic("listdetail", href, {
     expectedModels: ["ListDetail"],
     targetModel: ListDetailModel,
@@ -65,7 +73,7 @@ export const useListDetail = (href: string): ?ListDetailModel =>
 
 /**
  */
-export const useGroupingPanel = (href: string): ?GroupingPanelModel =>
+export const useGroupingPanel = (href: string): GroupingPanelModel | null =>
   useModularUIBasic("groupingpanel", href, {
     expectedModels: ["GroupingPanel"],
     targetModel: GroupingPanelModel,
@@ -73,7 +81,7 @@ export const useGroupingPanel = (href: string): ?GroupingPanelModel =>
 
 /**
  */
-export const useDetailPanel = (href: string): ?DetailModel =>
+export const useDetailPanel = (href: string): DetailModel | null =>
   useModularUIBasic("detailpanel", href, {
     expectedModels: ["Detail"],
     targetModel: DetailModel,
@@ -81,7 +89,7 @@ export const useDetailPanel = (href: string): ?DetailModel =>
 
 /**
  */
-export const useQuicksearch = (href: string): ?CaseSearchModel =>
+export const useQuicksearch = (href: string): CaseSearchModel | null =>
   useModularUIBasic("quicksearch", href, {
     expectedModels: ["CaseSearch"],
     targetModel: CaseSearchModel,
@@ -89,7 +97,7 @@ export const useQuicksearch = (href: string): ?CaseSearchModel =>
 
 /**
  */
-export const useUserProfile = (href: string): ?UserProfileModel =>
+export const useUserProfile = (href: string): UserProfileModel | null =>
   useModularUIBasic("userprofile", href, {
     expectedModels: ["UserProfile"],
     targetModel: UserProfileModel,

package/src/hooks/useModularUIRequest.js

@@ -5,21 +5,22 @@ import { useSelector } from "react-redux";
 import ModularUIRequest from "../modularui/ModularUIRequest";
 import { getLocale } from "../redux/selectors/i18n";
 
-import type { RequestBaseOptions } from "../utils";
 import type Href from "../models/href/Href";
-
-const getModularUIRequest = createSelector([getLocale], (localeCode) => {
-  return (href: Href, options?: $Shape<RequestBaseOptions>) => {
-    const request = new ModularUIRequest(href, options);
-    request.locale = localeCode;
-    return request;
-  };
-});
+import type { RequestModularUIOptions } from "../utils";
 
 /**
  * Creates a ModularUIRequest with the locale as available in the redux store
  */
 export const useModularUIRequest = (): ((
   href: Href,
-  options?: $Shape<RequestBaseOptions>
-) => ModularUIRequest) => useSelector(getModularUIRequest);
+  options?: $Shape<RequestModularUIOptions>
+) => ModularUIRequest) =>
+  useSelector(
+    createSelector([getLocale], (localeCode) => {
+      return (href: Href, options?: $Shape<RequestModularUIOptions>) => {
+        const request = new ModularUIRequest(href, options);
+        request.locale = localeCode;
+        return request;
+      };
+    })
+  );

package/src/models/application/ApplicationModel.js

@@ -9,6 +9,7 @@ import type { ModularUIModel, AuthenticationType } from "../types";
 import type { ModularUIResponse } from "../../modularui";
 import type LinkCollection from "../links/LinkCollection";
 import type Href from "../href/Href";
+import { fallbackDefaultAuthenticationType } from "../../constants";
 
 /**
  * The Application model
@@ -23,6 +24,12 @@ export default class ApplicationModel extends ResourceModel {
     return "Application";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "ApplicationModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {
@@ -68,7 +75,9 @@ export default class ApplicationModel extends ResourceModel {
    * Getting the authentication types of the application
    */
   get authenticationTypes(): Array<AuthenticationType> {
-    const authenticationTypes = this.getContribution("security", []);
+    const authenticationTypes = this.getContribution("security", [
+      fallbackDefaultAuthenticationType,
+    ]);
 
     //put primary first
     return authenticationTypes?.sort(

package/src/models/base/ResourceModel.js

@@ -37,6 +37,13 @@ class ResourceModel extends BaseModel implements IModelWithChildModels {
     this._lastServerUpdate = Date.now();
   }
 
+  /**
+   * Property to render name of a model, is original name after transpilation
+   */
+  static get modelName(): string {
+    throw new IllegalStateException(`No modelName set on the resource model`);
+  }
+
   /**
    * Returns true when the model is supported based on configuration found in contributions
    *

package/src/models/caseview/CaseViewModel.js

@@ -33,6 +33,12 @@ export default class CaseViewModel extends DetailModel {
     return "CaseView";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "CaseViewModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {

package/src/models/concepts/BusinessScenarioModel.js

@@ -19,6 +19,12 @@ class BusinessScenarioModel extends ConceptDetailModel {
     return "BusinessScenario";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "BusinessScenario";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {

package/src/models/concepts/ConceptDetailModel.js

@@ -41,6 +41,12 @@ export default class ConceptDetailModel extends ResourceModel {
     return "ConceptDetail";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "ConceptDetailModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {

package/src/models/concepts/ConceptIndexModel.js

@@ -46,6 +46,12 @@ export default class ConceptIndexModel extends ResourceModel {
     return "ConceptIndex";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "ConceptIndexModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {

package/src/models/concepts/ConceptTypeDetailModel.js

@@ -13,6 +13,12 @@ class ConceptTypeDetailModel extends ResourceModel {
     return "ConceptTypeDetail";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "ConceptTypeDetailModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {

package/src/models/content/ContentIndexModel.js

@@ -41,6 +41,12 @@ export default class ContentIndexModel extends ResourceModel {
     return "ContentIndex";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "ContentIndexModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {

package/src/models/content/ContentModel.js

@@ -35,6 +35,12 @@ export default class ContentModel extends ResourceModel {
     return "Content";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "ContentModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {

package/src/models/content/ContentTOCModel.js

@@ -49,6 +49,12 @@ export default class ContentTOCModel extends ResourceModel {
     return "ContentTOC";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "ContentTOCModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {

package/src/models/content/ContentTypeModel.js

@@ -12,6 +12,12 @@ export default class ContentTypeModel extends ResourceModel {
     return "ContentType";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "ContentTypeModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {

package/src/models/detail/DetailModel.js

@@ -37,6 +37,12 @@ export default class DetailModel extends ResourceModel {
     return "Detail";
   }
 
+  /**
+   */
+  static get modelName(): string {
+    return "DetailModel";
+  }
+
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {