@beinformed/ui 1.31.1 → 1.31.4

package/src/react-theme/utils/spacers.js

@@ -11,7 +11,7 @@ const getSize = (
   theme: Theme,
   ratio: number | string = 1,
   path: string = "SPACER",
-  unit: string = "rem"
+  unit: string = "rem",
 ) => {
   if (typeof ratio === "string") {
     return ratio;
@@ -26,7 +26,7 @@ const getSize = (
   }
 
   throw new IllegalArgumentException(
-    `Ratio ${JSON.stringify(ratio)} must be a string or number`
+    `Ratio ${JSON.stringify(ratio)} must be a string or number`,
   );
 };
 

package/src/react-theme/utils/themeProps.js

@@ -10,7 +10,7 @@ import type { Theme, ThemePropValue } from "../types";
 export const getProp = (
   theme: $Shape<Theme> = {},
   path: string = "",
-  defaultValue: ThemePropValue = ""
+  defaultValue: ThemePropValue = "",
 ): ?ThemePropValue => {
   return path === "" ? defaultValue : get(theme, path, defaultValue);
 };
@@ -20,7 +20,7 @@ export const getProp = (
 export const getThemeProp = (
   theme: $Shape<Theme> = {},
   path: string = "",
-  defaultValue: ThemePropValue = ""
+  defaultValue: ThemePropValue = "",
 ): ThemePropValue => {
   const value = getProp(theme, path, defaultValue);
 
@@ -34,7 +34,7 @@ export const getThemeProp = (
   }
 
   throw new ThemePropertyException(
-    `${path} is not a string, number or plain object, but: ${typeof value}`
+    `${path} is not a string, number or plain object, but: ${typeof value}`,
   );
 };
 
@@ -43,7 +43,7 @@ export const getThemeProp = (
 export const getThemeStringProp = (
   theme: $Shape<Theme> = {},
   path: string = "",
-  defaultValue: string = ""
+  defaultValue: string = "",
 ): string => {
   const value = getProp(theme, path, defaultValue);
 
@@ -54,7 +54,7 @@ export const getThemeStringProp = (
   }
 
   throw new ThemePropertyException(
-    `${path} is not a string, but: ${typeof value}`
+    `${path} is not a string, but: ${typeof value}`,
   );
 };
 
@@ -63,7 +63,7 @@ export const getThemeStringProp = (
 export const getThemeNumberProp = (
   theme: $Shape<Theme> = {},
   path: string = "",
-  defaultValue: number = 0
+  defaultValue: number = 0,
 ): number => {
   const value = getProp(theme, path, defaultValue);
 
@@ -72,7 +72,7 @@ export const getThemeNumberProp = (
   }
 
   throw new ThemePropertyException(
-    `${path} is not a number, but: ${typeof value}`
+    `${path} is not a number, but: ${typeof value}`,
   );
 };
 
@@ -84,7 +84,7 @@ export const getThemeNumberProp = (
 export const themeProp =
   (
     path: string,
-    defaultValue?: ThemePropValue
+    defaultValue?: ThemePropValue,
   ): (({ theme: Theme }) => ThemePropValue) =>
   ({ theme }: { theme: Theme }) =>
     getThemeProp(theme, path, defaultValue);

package/src/redux/_i18n/I18nActions.js

@@ -29,7 +29,7 @@ export const updateLocale =
  */
 export const setLocales = (
   locales: Locales,
-  locale: string
+  locale: string,
 ): SetLocalesAction => ({
   type: "SET_LOCALES",
   payload: {

package/src/redux/_i18n/I18nReducer.js

@@ -27,7 +27,7 @@ const updateLocale = (state: I18nState, locale: string) => {
  */
 const setLocales = (
   state: I18nState,
-  { locale, locales }: { locale: string, locales: Locales }
+  { locale, locales }: { locale: string, locales: Locales },
 ) => {
   // set locale in cookie
   setCookie("locale", locale);
@@ -57,7 +57,7 @@ const initialState: I18nState = {
  */
 export const I18nReducer: Reducer<I18nState, ReduxAction> = (
   state = initialState,
-  action = void 0
+  action = void 0,
 ) => {
   if (!action) {
     return state;

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

@@ -20,8 +20,8 @@ describe("i18n reducer", () => {
         {
           type: "UPDATE_LOCALE",
           payload: "de",
-        }
-      )
+        },
+      ),
     ).toStrictEqual({
       locale: "de",
     });

package/src/redux/_modularui/ModularUIActions.js

@@ -23,7 +23,7 @@ import type { RequestModularUIOptions } from "../../utils/fetch/types";
  */
 export const setModel = (
   key: string,
-  model: ModularUIModel
+  model: ModularUIModel,
 ): SetModelAction => {
   // set key on model for later reference
   model.connectKey = key;
@@ -39,7 +39,7 @@ export const setModel = (
 /**
  */
 export const initModels = (
-  models: Array<{ key: string, model: ModularUIModel }>
+  models: Array<{ key: string, model: ModularUIModel }>,
 ): InitModelAction => ({
   type: "MODULARUI/INIT",
   payload: models,
@@ -77,7 +77,7 @@ export const resetModularUI = (): ResetModularUIAction => ({
  */
 export const updateStatus = (
   key: string,
-  status: $Keys<typeof MODULARUI_STATUS>
+  status: $Keys<typeof MODULARUI_STATUS>,
 ): UpdateStatusAction => ({
   type: "MODULARUI/STATUS",
   payload: { key, status },
@@ -88,7 +88,7 @@ export const updateStatus = (
 const loadModelSuccessAction = (
   key: string,
   model: ModularUIModel,
-  modelToUpdate: ?ModularUIModel
+  modelToUpdate: ?ModularUIModel,
 ): UpdateModelAction | SetModelAction => {
   if (modelToUpdate) {
     // $FlowFixMe[prop-missing]
@@ -100,7 +100,7 @@ const loadModelSuccessAction = (
     }
 
     throw new Error(
-      `loadModel action: updateModel is set as option for ${key}, but the model is missing an update methode`
+      `loadModel action: updateModel is set as option for ${key}, but the model is missing an update methode`,
     );
   }
 
@@ -113,7 +113,7 @@ const loadModelSuccessAction = (
 export const loadModel = (
   key: string,
   href: Href | string,
-  options?: RequestModularUIOptions
+  options?: RequestModularUIOptions,
 ): ModularUIAction => ({
   type: "MODULARUI/FETCH",
   payload: {
@@ -151,7 +151,7 @@ export const loadModularUI =
   (
     key: string,
     href: Href | string,
-    options?: RequestModularUIOptions
+    options?: RequestModularUIOptions,
   ): ThunkAction =>
   (dispatch: Dispatch) => {
     dispatch(updateStatus(key, MODULARUI_STATUS.LOADING));
@@ -174,7 +174,7 @@ export const loadModularUI =
  */
 export const reloadModel = (
   model: ModularUIModel,
-  options?: RequestModularUIOptions
+  options?: RequestModularUIOptions,
 ): ThunkAction =>
   loadModularUI(model.connectKey, model.selfhref, {
     ...options,

package/src/redux/_modularui/ModularUIConnector.js

@@ -38,7 +38,7 @@ export type InjectedProps = {
 const modularUIConnector = (
   name: string,
   resource: string | Function,
-  options: ModularUIOptions = { propName: "data", removeOnUnmount: false }
+  options: ModularUIOptions = { propName: "data", removeOnUnmount: false },
 ): ((Component: ComponentType<any>) => (props: any) => Node) => {
   const {
     propName = "data",
@@ -61,7 +61,7 @@ const modularUIConnector = (
       // handle manual reload of model
       const handleManualReload = (
         model: ModularUIModel,
-        reloadOptions?: Object
+        reloadOptions?: Object,
       ) => {
         dispatch(reloadModel(model, reloadOptions));
       };
@@ -78,7 +78,7 @@ const modularUIConnector = (
       useEffect(() => {
         if (doReload) {
           dispatch(
-            loadModularUI(modelKey, url, { ...otherOptions, isReload: true })
+            loadModularUI(modelKey, url, { ...otherOptions, isReload: true }),
           );
         }
       }, [dispatch, doReload, url, modelKey]);
@@ -111,7 +111,7 @@ const modularUIConnector = (
 
     WrappedComponent.displayName = `BI.modularui(${getDisplayName(
       WrappedComponent,
-      name
+      name,
     )}`;
 
     return WrappedComponent;

package/src/redux/_modularui/ModularUIMiddleware.js

@@ -55,7 +55,7 @@ const responseHandler = (
   next: Dispatch,
   dispatch: Dispatch,
   successAction: SuccessAction,
-  model: ModularUIModel
+  model: ModularUIModel,
 ) => {
   if (successAction) {
     const successResult = successAction(model);
@@ -73,7 +73,7 @@ const responseHandler = (
         dispatch(successResult);
       } catch (error) {
         throw new Error(
-          `Result of successResult is not a valid redux action: ${error}`
+          `Result of successResult is not a valid redux action: ${error}`,
         );
       }
     }
@@ -88,7 +88,7 @@ const errorHandler = (
   next: Dispatch,
   dispatch: Dispatch,
   errorAction: ?ErrorAction,
-  err: any
+  err: any,
 ) => {
   dispatch(finishProgress());
 
@@ -111,7 +111,7 @@ const handleFetch = (
   action: ModularUIAction,
   locale: string,
   dispatch: Dispatch,
-  next: Dispatch
+  next: Dispatch,
 ) => {
   dispatch(startProgress());
 
@@ -131,7 +131,7 @@ const handleFetch = (
 export const modularUIMiddleware: Middleware<
   ReduxState,
   ReduxAction,
-  Dispatch
+  Dispatch,
 > =
   (api: MiddlewareAPI<ReduxState, ReduxAction, Dispatch>) =>
   (next: Dispatch) =>
@@ -142,7 +142,7 @@ export const modularUIMiddleware: Middleware<
         action,
         api.getState().i18n.locale,
         api.dispatch,
-        next
+        next,
       );
     }
 

package/src/redux/_modularui/ModularUIReducer.js

@@ -12,7 +12,7 @@ import type { ModularUIModel } from "../../models";
  */
 const updateStatus = (
   state: ModularUIState,
-  { key, status }: { key: string, status: $Keys<typeof MODULARUI_STATUS> }
+  { key, status }: { key: string, status: $Keys<typeof MODULARUI_STATUS> },
 ) => {
   // model should always be available when status is not loading
   if (status !== MODULARUI_STATUS.LOADING && !state[key]) {
@@ -33,7 +33,7 @@ const updateStatus = (
  */
 const setModel = (
   state: ModularUIState,
-  { key, model }: { key: string, model: ?ModularUIModel }
+  { key, model }: { key: string, model: ?ModularUIModel },
 ) => {
   if (!state[key]) {
     return state;
@@ -57,7 +57,7 @@ const setModel = (
  */
 const initModularUI = (
   state: ModularUIState,
-  models: Array<{ key: string, model: ModularUIModel }>
+  models: Array<{ key: string, model: ModularUIModel }>,
 ) => {
   const newState = Object.assign({}, state);
 
@@ -90,7 +90,7 @@ const updateModel = (state: ModularUIState, model: ModularUIModel) => {
   }
 
   throw new Error(
-    `ModularUIReducer: Cannot update model with key ${model.connectKey}`
+    `ModularUIReducer: Cannot update model with key ${model.connectKey}`,
   );
 };
 
@@ -124,7 +124,7 @@ const initialState: ModularUIState = {};
  */
 export const ModularUIReducer: Reducer<ModularUIState, ReduxAction> = (
   state = initialState,
-  action
+  action,
 ) => {
   if (!action) {
     return state;

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;