@beinformed/ui 1.31.0 → 1.31.3

package/src/redux/_modularui/ModularUISelectors.js

@@ -17,7 +17,7 @@ import type { ModularUIModel } from "../../models/types";
  */
 export const getAllModelsByInstance = <T>(
   state: ReduxState,
-  instance: Class<T>
+  instance: Class<T>,
 ): Array<ModularUIModel> => {
   const locale = state?.i18n?.locale || "en";
   const modularui = state?.modularui;
@@ -38,7 +38,7 @@ export const getAllModelsByInstance = <T>(
  */
 export const getFirstModelByInstance = <T>(
   state: ReduxState,
-  instance: Class<T>
+  instance: Class<T>,
 ): T | null => {
   const locale = state?.i18n?.locale || "en";
   const modularui = state?.modularui;
@@ -64,7 +64,7 @@ export const getFirstModelByInstance = <T>(
  */
 export const getActiveModelByInstance = <T>(
   state: ReduxState,
-  instance: Class<T>
+  instance: Class<T>,
 ): T | null => {
   const location = getLocation(state);
 
@@ -118,7 +118,7 @@ export const getForm = (state: ReduxState): null | FormModel =>
  */
 export const modelByHref = (
   state: ReduxState,
-  href: Href | string
+  href: Href | string,
 ): null | ModularUIModel => {
   if (state && state.modularui) {
     const findHref = href instanceof Href ? href : new Href(href);
@@ -162,7 +162,7 @@ export const keyByHref = (state: ReduxState, href: Href | string): ?string => {
  */
 export const allKeysByHref = (
   state: ReduxState,
-  href: Href | string
+  href: Href | string,
 ): Array<string> => {
   if (state && state.modularui) {
     const findHref = href instanceof Href ? href : new Href(href);
@@ -224,7 +224,7 @@ export const getActiveModels: (state: ReduxState) => Array<{
   type: string,
 }> = createSelectorCreator(
   defaultMemoize,
-  (value, other) => JSON.stringify(value) === JSON.stringify(other)
+  (value, other) => JSON.stringify(value) === JSON.stringify(other),
 )([getLocation, getModels], (location, models) => {
   const contextModels = [];
 
@@ -237,11 +237,11 @@ export const getActiveModels: (state: ReduxState) => Array<{
       // Remove modelcatalog part to match breadcrumb parts
       const comparePath = decodeURIComponent(path).replace(
         "/modelcatalog/",
-        "/"
+        "/",
       );
 
       const foundEntry = models.find(
-        (model) => model.selfhref && model.selfhref.equals(comparePath)
+        (model) => model.selfhref && model.selfhref.equals(comparePath),
       );
 
       if (foundEntry) {
@@ -266,7 +266,7 @@ export const getActiveModels: (state: ReduxState) => Array<{
  */
 export const getPreference = (
   state: ReduxState,
-  preferenceName: string
+  preferenceName: string,
 ): null | PreferenceValue => {
   if (state && state.preferences) {
     return state.preferences[preferenceName];
@@ -280,7 +280,7 @@ export const getPreference = (
  */
 export const getModelsByType = (
   state: ReduxState,
-  type: string
+  type: string,
 ): Array<ModularUIModel> => {
   if (state && state.modularui) {
     return Object.keys(state.modularui)
@@ -288,7 +288,7 @@ export const getModelsByType = (
         (key) =>
           state.modularui[key] &&
           state.modularui[key].model &&
-          state.modularui[key].model.type === type
+          state.modularui[key].model.type === type,
       )
       .map((key) => state.modularui[key].model);
   }

package/src/redux/_modularui/ModularUIUtils.js

@@ -67,7 +67,7 @@ export const useUrl = (resource: string | Function, props: Object): string => {
 export const getKey = (
   WrappedComponent: ComponentType<any>,
   name: string,
-  url: string
+  url: string,
 ): string => {
   if (url) {
     return `${getDisplayName(WrappedComponent, name)}(${url.split("?")[0]})`;

package/src/redux/_modularui/__tests__/actions.spec.js

@@ -109,7 +109,7 @@ describe("modularui actions", () => {
         locale: "nl",
         childmodels: true,
         targetModel: ApplicationModel,
-      })
+      }),
     );
 
     expect(store.getActions()).toStrictEqual([

package/src/redux/_modularui/__tests__/reducer.spec.js

@@ -20,8 +20,8 @@ describe("modularui reducer", () => {
             key: "modelKey",
             status: MODULARUI_STATUS.LOADING,
           },
-        }
-      )
+        },
+      ),
     ).toStrictEqual({
       modelKey: expect.objectContaining({
         status: MODULARUI_STATUS.LOADING,
@@ -39,8 +39,8 @@ describe("modularui reducer", () => {
             key: "modelKey",
             status: MODULARUI_STATUS.FINISHED,
           },
-        }
-      )
+        },
+      ),
     ).toStrictEqual({});
 
     expect(
@@ -56,8 +56,8 @@ describe("modularui reducer", () => {
             key: "modelKey",
             status: MODULARUI_STATUS.FINISHED,
           },
-        }
-      )
+        },
+      ),
     ).toStrictEqual({
       modelKey: expect.objectContaining({
         status: MODULARUI_STATUS.FINISHED,
@@ -79,8 +79,8 @@ describe("modularui reducer", () => {
             key: "modelKey",
             model: application,
           },
-        }
-      )
+        },
+      ),
     ).toStrictEqual({
       modelKey: expect.objectContaining({
         model: application,
@@ -96,8 +96,8 @@ describe("modularui reducer", () => {
         {
           type: "MODULARUI/UPDATE",
           payload: application,
-        }
-      )
+        },
+      ),
     ).toStrictEqual({
       modelKey: expect.objectContaining({
         model: application,
@@ -113,7 +113,7 @@ describe("modularui reducer", () => {
         {
           type: "MODULARUI/UPDATE",
           payload: application,
-        }
+        },
       );
     }).toThrow("ModularUIReducer: Cannot update model with key modelKey");
   });
@@ -127,8 +127,8 @@ describe("modularui reducer", () => {
         {
           type: "MODULARUI/REMOVE_KEY",
           payload: "modelKey",
-        }
-      )
+        },
+      ),
     ).toStrictEqual({ tabKey: { model: tab } });
   });
 });

package/src/redux/_modularui/__tests__/selectors.spec.js

@@ -105,10 +105,10 @@ describe("modularui selectors", () => {
 
   it("should return the first model by instance", () => {
     expect(getFirstModelByInstance(state, ApplicationModel)).toBeInstanceOf(
-      ApplicationModel
+      ApplicationModel,
     );
     expect(getActiveModelByInstance(state, ApplicationModel)).toBeInstanceOf(
-      ApplicationModel
+      ApplicationModel,
     );
     expect(getActiveModelByInstance(state, TabModel)).toBeInstanceOf(TabModel);
     expect(getActiveModelByInstance(state, TabModel)).toBe(tab);
@@ -147,7 +147,7 @@ describe("modularui selectors", () => {
 
   it("can retrieve a model by type", () => {
     expect(getModelsByType(state, "Application")[0]).toBeInstanceOf(
-      ApplicationModel
+      ApplicationModel,
     );
   });
 });

package/src/redux/_modularui/types.js

@@ -55,11 +55,11 @@ export type UpdateFormAction = {
 };
 
 export type SuccessAction = (
-  model: ModularUIModel
+  model: ModularUIModel,
 ) => UpdateModelAction | SetModelAction;
 
 export type ErrorAction = (
-  error: FetchException
+  error: FetchException,
 ) => UpdateStatusAction | RemoveModelByKeyAction | NoAction;
 
 export type ModularUIAction = {
@@ -73,7 +73,7 @@ export type ModularUIAction = {
     targetModel?: TargetModel,
     forceTargetModel?: boolean,
     successAction: (
-      model: ModularUIModel
+      model: ModularUIModel,
     ) => UpdateModelAction | SetModelAction,
     errorAction?: ErrorAction,
   },
@@ -97,5 +97,5 @@ export type UpdateStatusAction = {
 };
 
 export type ModularUIConnector = (
-  Component: ComponentType<any>
+  Component: ComponentType<any>,
 ) => ComponentType<any>;

package/src/redux/_modularui/withModularUI.js

@@ -35,7 +35,7 @@ type DispatchProps = {
   finishProgress: () => FinishProgressAction,
   reloadModel: (
     model: ModularUIModel,
-    options?: RequestModularUIOptions
+    options?: RequestModularUIOptions,
   ) => ThunkAction,
   handleError: (error: Error | FetchException) => ThunkAction,
 };
@@ -52,7 +52,7 @@ const modularui = createSelector(
       const modularuiRequest = new ModularUIRequest(href, options);
       modularuiRequest.locale = localeCode;
       return modularuiRequest;
-    }
+    },
 );
 
 /**
@@ -79,7 +79,7 @@ const withModularui: ComponentType<any> = connect<
   StateProps,
   _,
   _,
-  _
+  _,
 >(mapStateToProps, mapDispatchToProps);
 
 export default withModularui;

package/src/redux/_router/RouterActions.js

@@ -15,7 +15,7 @@ import type {
  */
 export const locationChange = (
   location: Location,
-  action: HistoryAction
+  action: HistoryAction,
 ): LocationChangeAction => ({
   type: "ROUTER/LOCATION_CHANGE",
   payload: {
@@ -29,7 +29,7 @@ export const locationChange = (
  */
 export const push = (
   location: LocationShape | string,
-  state?: { ... }
+  state?: { ... },
 ): PushAction => ({
   type: "ROUTER/PUSH",
   payload: {
@@ -42,7 +42,7 @@ export const push = (
  */
 export const replace = (
   location: LocationShape | string,
-  state?: { ... }
+  state?: { ... },
 ): ReplaceAction => {
   return {
     type: "ROUTER/REPLACE",

package/src/redux/_router/RouterConnectors.js

@@ -35,7 +35,7 @@ type NavigationDispatchProps = {
 const withKey: ComponentType<any> = connect<WithKeyStateProps, {}, _, _, _, _>(
   (state: ReduxState) => ({
     locationKey: state.router.location?.key ?? "",
-  })
+  }),
 );
 
 /**
@@ -46,7 +46,7 @@ const withPathname: ComponentType<any> = connect<
   _,
   _,
   _,
-  _
+  _,
 >((state: ReduxState) => ({
   pathname: state.router.location?.pathname,
 }));
@@ -59,7 +59,7 @@ const withLocation: ComponentType<any> = connect<
   _,
   _,
   _,
-  _
+  _,
 >((state: ReduxState) => ({
   location: state.router.location,
 }));
@@ -72,7 +72,7 @@ const withQuerystring: ComponentType<any> = connect<
   _,
   _,
   _,
-  _
+  _,
 >((state: ReduxState) => ({
   querystring: state.router.location?.search,
 }));
@@ -85,7 +85,7 @@ const withNavigation: ComponentType<any> = connect<
   _,
   _,
   _,
-  _
+  _,
 >(null, {
   push,
   replace,

package/src/redux/_router/RouterReducer.js

@@ -11,7 +11,7 @@ const initialState: $Shape<RouterState> = {};
  */
 export const RouterReducer: Reducer<RouterState, ReduxAction> = (
   state = initialState,
-  action = null
+  action = null,
 ) => {
   if (action && action.type === "ROUTER/LOCATION_CHANGE") {
     return action.payload;

package/src/redux/_router/__tests__/reducer.spec.js

@@ -16,8 +16,8 @@ describe("router reducer", () => {
             location: "/tab",
             action: "PUSH",
           },
-        }
-      )
+        },
+      ),
     ).toStrictEqual({
       location: "/tab",
       action: "PUSH",

package/src/redux/actions/Application.js

@@ -22,6 +22,6 @@ export const reloadApplication =
     return dispatch(
       loadModularUI(modelKey, new Href("/", "Application"), {
         targetModel: ApplicationModel,
-      })
+      }),
     );
   };

package/src/redux/actions/Authorization.js

@@ -57,7 +57,7 @@ export const handleUnauthorized =
           from: locationFrom ? locationFrom : getState().router.location,
           // cannot open login in a modal, because of previous locations that might be secure
           modal: false,
-        })
+        }),
       );
     }
 

package/src/redux/actions/Error.js

@@ -16,7 +16,7 @@ import type { Dispatch, SaveErrorAction, ThunkAction } from "../types";
 type DefaultErrorResponseHandler = (error: ErrorResponse) => ThunkAction;
 type CustomErrorResponseHandler = (
   errorResponse: ErrorResponse,
-  defaultHandler: DefaultErrorResponseHandler
+  defaultHandler: DefaultErrorResponseHandler,
 ) => ThunkAction;
 
 /**
@@ -73,7 +73,7 @@ let customErrorResponseHandler: CustomErrorResponseHandler =
  * It receives an {@link ErrorResponse} and the {@link defaultErrorResponseHandler}
  */
 export const setCustomErrorResponseHandler = (
-  handler: CustomErrorResponseHandler
+  handler: CustomErrorResponseHandler,
 ) => {
   customErrorResponseHandler = handler;
 };
@@ -89,6 +89,6 @@ export const handleError =
     const errorResponse = new ErrorResponse(error);
 
     return dispatch(
-      customErrorResponseHandler(errorResponse, defaultErrorResponseHandler)
+      customErrorResponseHandler(errorResponse, defaultErrorResponseHandler),
     );
   };

package/src/redux/actions/FormAttributeSet.js

@@ -26,7 +26,7 @@ export const updateFormAttribute =
       autosave: false,
       forceUpdate: false,
       validate: true,
-    }
+    },
   ): ThunkAction =>
   (dispatch: Dispatch) => {
     const newForm = form.clone();
@@ -49,7 +49,7 @@ export const updateFormAttribute =
       const autosubmitAction = autosubmitFormObject(
         newForm,
         attribute,
-        options.forceUpdate
+        options.forceUpdate,
       );
       if (autosubmitAction) {
         return dispatch(autosubmitAction);

package/src/redux/actions/FormAttributeSetRepeatable.js

@@ -8,7 +8,7 @@ import type { UpdateFormAction } from "../_modularui/types";
 /**
  */
 export const addRepeatableAttributeSet = (
-  form: FormModel
+  form: FormModel,
 ): UpdateFormAction => {
   const newForm = form.clone();
 
@@ -21,7 +21,7 @@ export const addRepeatableAttributeSet = (
  */
 export const cancelRepeatableAttributeSet = (
   form: FormModel,
-  formObject: FormObjectModel
+  formObject: FormObjectModel,
 ): UpdateFormAction => {
   const newForm = form.clone();
 
@@ -35,7 +35,7 @@ export const cancelRepeatableAttributeSet = (
  */
 export const removeRepeatableAttributeSet = (
   form: FormModel,
-  formObject: FormObjectModel
+  formObject: FormObjectModel,
 ): UpdateFormAction => {
   const newForm = form.clone();
 

package/src/redux/actions/FormAutosave.js

@@ -20,7 +20,7 @@ import type { UpdateAutosaveAction, ThunkAction, Dispatch } from "../types";
  */
 const updateAutosave = (
   status: $Keys<typeof AUTOSAVE_STATUS>,
-  model: FormModel
+  model: FormModel,
 ): UpdateAutosaveAction => ({
   type: "UPDATE_AUTOSAVE_STATUS",
   payload: {

package/src/redux/actions/FormAutosubmit.js

@@ -11,7 +11,7 @@ import type { ThunkAction } from "../types";
 export const autosubmitFormObject = (
   form: FormModel,
   attribute: AttributeType,
-  forceUpdate: boolean = false
+  forceUpdate: boolean = false,
 ): ?ThunkAction => {
   // As long as we have form objects,
   // and the current attribute is not found in the current form object, go back.

package/src/redux/actions/FormValidations.js

@@ -41,7 +41,7 @@ const updateValidations =
  * A new form with the new constraints is send to the store
  */
 const debouncedValidateFormObject = debounce<
-  (dispatch: Dispatch, form: FormModel) => void
+  (dispatch: Dispatch, form: FormModel) => void,
 >(
   (dispatch, form: FormModel) => {
     new ModularUIRequest(form.selfhref.setParameter("commit", "false"), {
@@ -53,14 +53,14 @@ const debouncedValidateFormObject = debounce<
     })
       .fetch()
       .then((formWithValidations) =>
-        dispatch(updateValidations(form, formWithValidations))
+        dispatch(updateValidations(form, formWithValidations)),
       );
   },
   VALIDATE_DEBOUNCE_TIMEOUT,
   {
     leading: true,
     trailing: true,
-  }
+  },
 );
 
 /**

package/src/redux/actions/Notification.js

@@ -24,7 +24,7 @@ export const showNotification =
     type: $Keys<typeof NOTIFICATION_TYPES>,
     message: MessageObject,
     error?: ?ErrorResponse,
-    timeout?: ?number
+    timeout?: ?number,
   ): ThunkAction =>
   (dispatch) => {
     dispatch({
@@ -72,7 +72,7 @@ export const showFormNotification =
     dispatch(
       showNotification(NOTIFICATION_TYPES.SUCCESS, {
         id: getNotificationMessageId(form),
-      })
+      }),
     );
 
     setTimeout(() => {
@@ -96,6 +96,6 @@ export const showXHRErrorNotification =
           defaultMessage: error.message,
           parameters: error.properties,
         },
-        error
-      )
+        error,
+      ),
     );

package/src/redux/actions/Preferences.js

@@ -25,7 +25,7 @@ import {
 const getServerPreferenceValue = (
   preferenceName: string,
   defaultValue: PreferenceValue = null,
-  type?: string
+  type?: string,
 ) => {
   let value: PreferenceValue = null;
   if (typeof preferencesProvider !== "undefined") {
@@ -48,7 +48,7 @@ const getServerPreferenceValue = (
 export const setServerPreference = (
   propertyName: string,
   defaultValue: PreferenceValue = null,
-  type?: string
+  type?: string,
 ): SetPreferenceAction => {
   const value = getServerPreferenceValue(propertyName, defaultValue, type);
   return setPreference(propertyName, value);
@@ -58,7 +58,7 @@ export const setServerPreference = (
  */
 export const setPreference = (
   propertyName: string,
-  propertyValue: PreferenceValue = null
+  propertyValue: PreferenceValue = null,
 ): SetPreferenceAction => ({
   type: "SET_PREFERENCE",
   payload: {
@@ -78,7 +78,7 @@ export const setPreferences = (preferences: Object): SetPreferencesAction => ({
 /**
  */
 export const setThemePreference = (
-  configTheme: string
+  configTheme: string,
 ): SetPreferenceAction => {
   let themeData;
 
@@ -99,7 +99,7 @@ export const setThemePreference = (
  * Make modular-ui-content-in-data preference available client side
  */
 export const setAllContentInDataSetting = (
-  state?: ReduxState
+  state?: ReduxState,
 ): SetPreferenceAction => {
   let allContentInDataSetting: PreferenceValue = false;
 
@@ -120,29 +120,29 @@ export const setAllContentInDataSetting = (
  * Retrieves login settings from runtime preferences and sets them as setting in the preference reducer
  */
 export const setLoginPreferences = (
-  state?: ReduxState
+  state?: ReduxState,
 ): SetPreferencesAction => {
   const loginSettings = {
     [LOGIN_TYPE]: getServerPreferenceValue(
       LOGIN_TYPE,
-      state?.preferences[LOGIN_TYPE]
+      state?.preferences[LOGIN_TYPE],
     ),
     [LOGIN_PATH_SETTING]: getServerPreferenceValue(
       LOGIN_PATH_SETTING,
       state?.preferences[LOGIN_PATH_SETTING] ??
-        `/callback?client_name=FormClient`
+        `/callback?client_name=FormClient`,
     ),
     [LOGIN_USERNAME_SETTING]: getServerPreferenceValue(
       LOGIN_USERNAME_SETTING,
-      state?.preferences[LOGIN_USERNAME_SETTING] ?? "j_username"
+      state?.preferences[LOGIN_USERNAME_SETTING] ?? "j_username",
     ),
     [LOGIN_PASSWORD_SETTING]: getServerPreferenceValue(
       LOGIN_PASSWORD_SETTING,
-      state?.preferences[LOGIN_PASSWORD_SETTING] ?? "j_password"
+      state?.preferences[LOGIN_PASSWORD_SETTING] ?? "j_password",
     ),
     [LOGOUT_PATH_SETTING]: getServerPreferenceValue(
       LOGOUT_PATH_SETTING,
-      state?.preferences[LOGOUT_PATH_SETTING] ?? `/logout`
+      state?.preferences[LOGOUT_PATH_SETTING] ?? `/logout`,
     ),
   };
 

package/src/redux/actions/ProgressIndicator.js

@@ -32,7 +32,7 @@ export const resetProgress = (): ResetProgressAction => ({
  * Update progress complete percentage
  */
 export const updateProgress = (
-  percentComplete: number
+  percentComplete: number,
 ): UpdateProgressAction => ({
   type: "UPDATE_PROGRESS",
   payload: { percentComplete },

package/src/redux/actions/SignIn.js

@@ -19,14 +19,14 @@ import type {
  * Send login failed action
  */
 export const loginFailed = (
-  errorMessage: string
+  errorMessage: string,
 ): SendAuthenticationErrorAction => sendAuthenticationError(errorMessage);
 
 /**
  * Send authentication error action
  */
 export const sendAuthenticationError = (
-  errorMessage: string
+  errorMessage: string,
 ): SendAuthenticationErrorAction => ({
   type: "AUTHENTICATION_ERROR",
   payload: errorMessage,
@@ -60,7 +60,7 @@ export const changePassword = (): ThunkAction => (dispatch, getState) => {
     push(CHANGEPASSWORD_PATH, {
       from: locationFrom ? locationFrom : getState().router.location,
       modal: isModal,
-    })
+    }),
   );
 };
 

package/src/redux/actions/__tests__/Authorization.spec.js

@@ -30,7 +30,7 @@ describe("authorization actions", () => {
       {
         id: "Error.Authentication.InvalidUsername",
       },
-      "/"
+      "/",
     );
     store.dispatch(handleUnauthorized(errorResponse));
 
@@ -94,7 +94,7 @@ describe("authorization actions", () => {
       {
         id: "Error.Authentication.InvalidUsername",
       },
-      "/"
+      "/",
     );
     store.dispatch(handleUnauthorized(errorResponse));