@beinformed/ui 1.31.0 → 1.31.3

package/src/react-server/requestInformation.js

@@ -25,7 +25,7 @@ export const getFullRequestHref = (request: HttpServletRequestJava): Href =>
  */
 export const getCookieFromRequest = (
   request: HttpServletRequestJava,
-  cookieName: string
+  cookieName: string,
 ): null | string => {
   return request.getCookieByName(cookieName);
 };
@@ -34,7 +34,7 @@ export const getCookieFromRequest = (
  */
 export const getPreferredLocale = (
   request: HttpServletRequestJava,
-  locales: Locales
+  locales: Locales,
 ): void | string => {
   const languageFromCookie = getCookieFromRequest(request, "locale");
   const acceptLanguageHeader =

package/src/react-server/serverUtil.js

@@ -44,7 +44,7 @@ export type PreferenceValue = {
 const createReduxStore = (
   requestHref: Href,
   customReducers: Object,
-  initialState?: $Shape<ReduxState>
+  initialState?: $Shape<ReduxState>,
 ): ReduxStore => {
   // $FlowExpectedError
   const history: RouterHistory = createMemoryHistory({
@@ -61,7 +61,7 @@ const createReduxStore = (
 const setI18n = (
   store: ReduxStore,
   locales: Array<LocaleConfiguration> = [],
-  request: HttpServletRequestJava
+  request: HttpServletRequestJava,
 ) => {
   if (!Array.isArray(locales)) {
     throw new IllegalArgumentException("locales must be an array of objects");
@@ -88,7 +88,7 @@ const setI18n = (
   });
 
   const enabledLocales = mergedLocales.filter((locale: LocaleConfiguration) =>
-    getSetting("ENABLED_LOCALES").includes(locale.code)
+    getSetting("ENABLED_LOCALES").includes(locale.code),
   );
 
   const localesInstance = new Locales(enabledLocales);
@@ -98,7 +98,7 @@ const setI18n = (
 
 const setServerPreferencesFromArray = (
   store: ReduxStore,
-  serverPreferences: Array<string | PreferenceValue>
+  serverPreferences: Array<string | PreferenceValue>,
 ) => {
   serverPreferences.forEach((serverPreference) => {
     if (typeof serverPreference === "object") {
@@ -126,7 +126,7 @@ const setServerPreferencesFromArray = (
  */
 const setServerPreferences = (
   store: ReduxStore,
-  serverPreferences: Array<string | PreferenceValue>
+  serverPreferences: Array<string | PreferenceValue>,
 ) => {
   if (Array.isArray(serverPreferences)) {
     setServerPreferencesFromArray(store, serverPreferences);
@@ -161,7 +161,7 @@ const setConfigurationTheme = (store: ReduxStore) => {
       store.dispatch(setThemePreference(configTheme));
     } else {
       throw new Error(
-        `Could not read theme configuration file from: ${configFilePath}`
+        `Could not read theme configuration file from: ${configFilePath}`,
       );
     }
   }
@@ -184,7 +184,7 @@ const setApplication = (store: ReduxStore) => {
           key: `application(/)(${locale})`,
           model: application,
         },
-      ])
+      ]),
     );
   } catch (e) {
     // swallow error, in this case we just don't pre-cache the webapplication,
@@ -246,7 +246,7 @@ const dehydrate = (store: ReduxStore): string => {
 const createHead = (
   sheet: any,
   UUID: string,
-  helmetContext?: Object
+  helmetContext?: Object,
 ): Object => {
   const style = sheet.getStyleTags();
   const meta = helmetContext ? [...helmetContext.helmet.meta] : [];

package/src/react-theme/__tests__/createTheme.spec.js

@@ -35,7 +35,7 @@ describe("createTheme", () => {
       {},
       [config, themeFn],
       secondConfig,
-      secondFn
+      secondFn,
     );
 
     expect(finalTheme).toStrictEqual(
@@ -47,7 +47,7 @@ describe("createTheme", () => {
         PROP5: "Value 5",
         PROP6: "Value 6",
         PROP7: "Value 6",
-      })
+      }),
     );
   });
 
@@ -65,7 +65,7 @@ describe("createTheme", () => {
     const themeFn = (
       input = {
         PRIMARY_COLOR: "#0065d1",
-      }
+      },
     ) => ({
       ...input,
       ...getButtonColor("BUTTON_PRIMARY", input.PRIMARY_COLOR),
@@ -132,7 +132,7 @@ describe("createTheme", () => {
       null,
       DefaultTheme,
       CustomTheme,
-      createDefaultTheme
+      createDefaultTheme,
     );
 
     expect(theme).toStrictEqual({

package/src/react-theme/createTheme.js

@@ -18,7 +18,7 @@ const replacePlaceholders = (inputTheme: Theme) => {
       inputTheme[key] = value.replace(
         re,
         // $FlowIssue[incompatible-call]
-        (match, capture) => inputTheme[capture]
+        (match, capture) => inputTheme[capture],
       );
     }
   });

package/src/react-theme/utils/__tests__/background.spec.js

@@ -17,14 +17,14 @@ describe("background", () => {
 
   it("renderBackground", () => {
     expect(renderBackground("SIMPLE_BG", "DEFAULT")({ theme })).toBe(
-      "background: #000000"
+      "background: #000000",
     );
     expect(renderBackground("GRADIENT_BG", "DEFAULT")({ theme })).toStrictEqual(
       {
         backgroundColor: "#000000",
         backgroundImage:
           "linear-gradient(to bottom, #000000 95%, #000000 100%)",
-      }
+      },
     );
   });
 });

package/src/react-theme/utils/__tests__/contrast.spec.js

@@ -38,7 +38,7 @@ describe("contrast", () => {
 
   it("renderContrastColor", () => {
     expect(
-      renderContrastColor("RED", "GREEN", "BLUE", "YELLOW")({ theme })
+      renderContrastColor("RED", "GREEN", "BLUE", "YELLOW")({ theme }),
     ).toBe("#ffff00");
   });
 });

package/src/react-theme/utils/__tests__/corners.spec.js

@@ -14,14 +14,14 @@ describe("corners", () => {
   it("roundedCorners", () => {
     expect(roundedCorners()({ theme: { ROUNDED_CORNERS: false } })).toBe("");
     expect(roundedCorners()({ theme: { ROUNDED_CORNERS: true } })).toBe(
-      "border-radius: 0.25rem"
+      "border-radius: 0.25rem",
     );
     expect(roundedCorners()({ theme })).toBe("border-radius: 0.2rem");
     expect(
-      roundedCorners("border-radius", "SECOND_BORDER_RADIUS")({ theme })
+      roundedCorners("border-radius", "SECOND_BORDER_RADIUS")({ theme }),
     ).toBe("border-radius: 0.4rem");
     expect(
-      roundedCorners("left", "THIRD_BORDER_RADIUS", "0.3rem")({ theme })
+      roundedCorners("left", "THIRD_BORDER_RADIUS", "0.3rem")({ theme }),
     ).toBe("border-left-radius: 0.3rem");
   });
 });

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

@@ -24,7 +24,7 @@ describe("spacers", () => {
 
   it("throws on illegal SPACER in theme", () => {
     expect(() => spacer(2)({ theme: { SPACER: "auto" } })).toThrow(
-      IllegalStateException
+      IllegalStateException,
     );
   });
 

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

@@ -22,7 +22,7 @@ describe("createTheme", () => {
 
   it("getThemeProp", () => {
     expect(getThemeProp(theme, "STRING_PROP", "DEFAULT")).toBe(
-      STRING_PROP_VALUE
+      STRING_PROP_VALUE,
     );
     expect(getThemeProp(theme, "NUMBER_PROP", "DEFAULT")).toBe(12345);
     expect(getThemeProp(theme, "OBJECT_PROP", "DEFAULT")).toStrictEqual({
@@ -30,7 +30,7 @@ describe("createTheme", () => {
     });
 
     expect(() => getThemeProp(theme, "FUNCTION_PROP", "DEFAULT")).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
     expect(getThemeProp(theme, "NULL_PROP", "DEFAULT")).toBe("DEFAULT");
     expect(getThemeProp(theme, "NOT_EXISTING", "DEFAULT")).toBe("DEFAULT");
@@ -38,33 +38,33 @@ describe("createTheme", () => {
 
   it("getThemeStringProp", () => {
     expect(getThemeStringProp(theme, "STRING_PROP", "DEFAULT")).toBe(
-      STRING_PROP_VALUE
+      STRING_PROP_VALUE,
     );
     expect(getThemeStringProp(theme, "NUMBER_PROP", "DEFAULT")).toBe("12345");
     expect(() => getThemeStringProp(theme, "OBJECT_PROP", "DEFAULT")).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
 
     expect(() => getThemeStringProp(theme, "FUNCTION_PROP", "DEFAULT")).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
     expect(getThemeStringProp(theme, "NULL_PROP", "DEFAULT")).toBe("DEFAULT");
     expect(getThemeStringProp(theme, "NOT_EXISTING", "DEFAULT")).toBe(
-      "DEFAULT"
+      "DEFAULT",
     );
   });
 
   it("getThemeNumberProp", () => {
     expect(() => getThemeNumberProp(theme, "STRING_PROP", 123)).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
     expect(getThemeNumberProp(theme, "NUMBER_PROP", 123)).toBe(12345);
     expect(() => getThemeNumberProp(theme, "OBJECT_PROP", 123)).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
 
     expect(() => getThemeNumberProp(theme, "FUNCTION_PROP", 123)).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
     expect(getThemeNumberProp(theme, "NULL_PROP", 123)).toBe(123);
     expect(getThemeNumberProp(theme, "NOT_EXISTING", 123)).toBe(123);

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

@@ -13,7 +13,7 @@ const darkenColor =
   (
     amount: number | string,
     path: string,
-    defaultValue?: string
+    defaultValue?: string,
   ): ((UtilThemeProps) => string) =>
   ({ theme }: UtilThemeProps) =>
     darken(amount, getThemeProp(theme, path, defaultValue));
@@ -27,7 +27,7 @@ const lightenColor =
   (
     amount: number | string,
     path: string,
-    defaultValue?: string
+    defaultValue?: string,
   ): ((UtilThemeProps) => string) =>
   ({ theme }: UtilThemeProps) =>
     lighten(amount, getThemeProp(theme, path, defaultValue));
@@ -41,7 +41,7 @@ const changeHSL = (
   color: string,
   saturation?: number,
   lightness?: number,
-  hueAdjustment: number = 0
+  hueAdjustment: number = 0,
 ): string => hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);
 
 export { darkenColor, lightenColor, changeHSL };

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

@@ -17,7 +17,7 @@ const getColorContrast = (color1: string, color2: string): number => {
     (luminance1 > luminance2
       ? (luminance1 + 0.05) / (luminance2 + 0.05)
       : (luminance2 + 0.05) / (luminance1 + 0.05)
-    ).toFixed(2)
+    ).toFixed(2),
   );
 };
 
@@ -43,7 +43,7 @@ const getContrastYIQ = (
   color: string,
   dark: string = "#212529",
   light: string = "#fff",
-  preferredColor?: string
+  preferredColor?: string,
 ): string => {
   const yiqColor = getYIQ(color);
 
@@ -73,7 +73,7 @@ const getContrastYIQ = (
 const getBackgroundColor = (
   theme: Theme,
   bgColorProperty: string,
-  defaultValue: string
+  defaultValue: string,
 ) => {
   let bgColor = getProp(theme, bgColorProperty, defaultValue);
 
@@ -86,7 +86,7 @@ const getBackgroundColor = (
   }
 
   throw new ThemePropertyException(
-    `${bgColorProperty} is not a string, but: ${typeof bgColor}`
+    `${bgColorProperty} is not a string, but: ${typeof bgColor}`,
   );
 };
 
@@ -99,7 +99,7 @@ const renderContrastColor =
     bgColorProperty: string,
     preferredColorProperty?: string,
     standardDarkProperty: string = "YIQ_DARK_COLOR",
-    standardLightProperty: string = "YIQ_LIGHT_COLOR"
+    standardLightProperty: string = "YIQ_LIGHT_COLOR",
   ): ((UtilThemeProps) => string) =>
   ({ theme = { settings: {} } }: UtilThemeProps) => {
     const bgColor = getBackgroundColor(theme, bgColorProperty, "#ffffff");
@@ -107,7 +107,7 @@ const renderContrastColor =
     const darkColor = getThemeStringProp(
       theme,
       standardDarkProperty,
-      "#212529"
+      "#212529",
     );
     const lightColor = getThemeStringProp(theme, standardLightProperty, "#fff");
 

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

@@ -15,7 +15,7 @@ const roundedCorners =
   (
     property: string = DEFAULT_CORNER_PROPERTY,
     path: string = "BORDER_RADIUS",
-    defaultValue: string = "0.25rem"
+    defaultValue: string = "0.25rem",
   ): ((UtilThemeProps) => string) =>
   ({ theme = { settings: {} } }: UtilThemeProps) => {
     if (theme.ROUNDED_CORNERS) {
@@ -27,7 +27,7 @@ const roundedCorners =
       return `${propertyName}: ${getThemeStringProp(
         theme,
         path,
-        defaultValue
+        defaultValue,
       )}`;
     }
 

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;