@beinformed/ui 1.31.1 → 1.31.4

package/src/modularui/UploadRequest.js

@@ -32,7 +32,7 @@ class UploadRequest {
       maxFileSize: FilesizeConstraintsType,
       acceptedFiles: Array<string>,
     },
-    progressHandler: ProgressHandler
+    progressHandler: ProgressHandler,
   ) {
     this._uploadConstraints = uploadConstraints;
     this._progressHandler = progressHandler;
@@ -53,7 +53,7 @@ class UploadRequest {
       const fileExtension = this.getFileExtension(file);
 
       return !allowedFileTypes.some((fileType) =>
-        fileType.extensions.includes(fileExtension)
+        fileType.extensions.includes(fileExtension),
       );
     }
 
@@ -81,8 +81,8 @@ class UploadRequest {
           {
             "max-filesize": maxFileSize,
           },
-          true
-        )
+          true,
+        ),
       );
     }
 
@@ -96,8 +96,8 @@ class UploadRequest {
             extension: this.getFileExtension(file),
             extensions: this._uploadConstraints.fileTypes.join(", "),
           },
-          true
-        )
+          true,
+        ),
       );
     }
 

package/src/modularui/__tests__/ModularUIError.spec.js

@@ -9,7 +9,7 @@ describe("modularUI Error", () => {
       throw new ModularUIError(
         "modular ui error",
         { response: "message" },
-        "/error-resource"
+        "/error-resource",
       );
     } catch (error) {
       expect(error).toBeInstanceOf(ModularUIError);

package/src/modularui/__tests__/ModularUIRequest.spec.js

@@ -119,7 +119,7 @@ describe("modularUIRequest", () => {
     const requestWithTargetModel = new ModularUIRequest("/");
     requestWithTargetModel.targetModel = ApplicationModel;
     expect(() => requestWithTargetModel.createModel()).toThrow(
-      IllegalArgumentException
+      IllegalArgumentException,
     );
   });
 
@@ -136,15 +136,15 @@ describe("modularUIRequest", () => {
     const request = new ModularUIRequest("/");
 
     expect(() => request.processContributionsService()).toThrow(
-      IllegalArgumentException
+      IllegalArgumentException,
     );
 
     expect(() => request.processContributionsService("string")).toThrow(
-      IllegalArgumentException
+      IllegalArgumentException,
     );
 
     expect(() =>
-      request.processContributionsService({ error: "contributions error" })
+      request.processContributionsService({ error: "contributions error" }),
     ).toThrow(ModularUIError);
 
     request.processContributionsService({
@@ -161,21 +161,21 @@ describe("modularUIRequest", () => {
     const request = new ModularUIRequest("/");
 
     expect(() => request.processDataService()).toThrow(
-      IllegalArgumentException
+      IllegalArgumentException,
     );
 
     expect(() => request.processDataService("string")).toThrow(
-      IllegalArgumentException
+      IllegalArgumentException,
     );
 
     expect(() => request.processDataService({ error: "data error" })).toThrow(
-      IllegalArgumentException
+      IllegalArgumentException,
     );
 
     expect(() =>
       request.processDataService({
         error: { properties: { message: "data error" } },
-      })
+      }),
     ).toThrow(ModularUIError);
 
     expect(() => {
@@ -223,7 +223,7 @@ describe("modularUIRequest", () => {
   it("throws when contributions href is missing", () => {
     const request = new ModularUIRequest("/");
     expect(() => request.fetchContributionsService()).toThrow(
-      IllegalStateException
+      IllegalStateException,
     );
   });
 

package/src/react/utils.js

@@ -6,7 +6,7 @@ import type { ComponentType, Ref } from "react";
 export const getDisplayName = (
   WrappedComponent: ComponentType<any>,
   defaultName: string = "Component",
-  contextId?: string
+  contextId?: string,
 ): string => {
   const componentName =
     WrappedComponent.displayName || WrappedComponent.name || defaultName;

package/src/react-client/client.js

@@ -1,4 +1,5 @@
 // @flow
+// eslint-disable-next-line react/no-deprecated
 import { hydrate, render } from "react-dom";
 
 import { has } from "../utils/helpers/objects";
@@ -43,7 +44,7 @@ import type { Props as FallbackProps } from "../react/ErrorBoundaryFallback";
 type RenderFunction = () => ReactElement<ElementType>;
 type MountFunction = (
   applicationNode: Element,
-  element: ReactElement<ElementType>
+  element: ReactElement<ElementType>,
 ) => void;
 type Props = {
   customReducers?: CustomReducers,
@@ -67,7 +68,7 @@ const parseDataToJSON = (data: string) => {
 
 const getDataFromServer = () => {
   const dataElement = document.querySelector(
-    'script[type="application/json"][data-app-state="app-json"]'
+    'script[type="application/json"][data-app-state="app-json"]',
   );
 
   if (!dataElement) {
@@ -100,7 +101,7 @@ export const setUnhandledRejectionEvent = (store: ReduxStore) => {
  */
 export const setupClient = (
   customReducers: CustomReducers = {},
-  beforeRenderHooks: ?Array<BeforeRenderHook>
+  beforeRenderHooks: ?Array<BeforeRenderHook>,
 ): { store: ReduxStore, routerHistory: RouterHistory } => {
   if (typeof window.contextPath === "undefined") {
     throw new Error("Missing contextPath on window object");
@@ -118,7 +119,7 @@ export const setupClient = (
   const { routerHistory, store } = configureStore(
     browserHistory,
     customReducers,
-    rehydrate(data)
+    rehydrate(data),
   );
 
   setAllContentInDataSetting(store.getState());
@@ -166,13 +167,13 @@ export const addContentLoadedEvent = (
   theme?: Theme | Array<Theme>,
   render: RenderFunction,
   ErrorFallbackComponent?: ComponentType<FallbackProps>,
-  mount: MountFunction
+  mount: MountFunction,
 ) => {
   window.addEventListener("DOMContentLoaded", () => {
     const applicationNode = document.querySelector("#application");
     if (!applicationNode) {
       throw new Error(
-        "No DOM element with id application found to attach client to"
+        "No DOM element with id application found to attach client to",
       );
     }
 
@@ -186,7 +187,7 @@ export const addContentLoadedEvent = (
         ErrorFallbackComponent={ErrorFallbackComponent}
       >
         {render()}
-      </Init>
+      </Init>,
     );
   });
 };
@@ -195,7 +196,7 @@ export const addContentLoadedEvent = (
  */
 const mountClient = (
   applicationNode: Element,
-  element: ReactElement<ElementType>
+  element: ReactElement<ElementType>,
 ) => {
   const isSSR = applicationNode.querySelector(".application");
   if (isSSR) {
@@ -218,7 +219,7 @@ export const client = ({
 }: Props) => {
   const { store, routerHistory } = setupClient(
     customReducers,
-    beforeRenderHooks
+    beforeRenderHooks,
   );
 
   addContentLoadedEvent(
@@ -227,6 +228,6 @@ export const client = ({
     theme,
     render,
     ErrorFallbackComponent,
-    mount ?? mountClient
+    mount ?? mountClient,
   );
 };

package/src/react-client/contextPath.js

@@ -1,11 +1,11 @@
 // @flow
 (function x() {
   const dataElement = document.querySelector(
-    'script[type="application/json"][data-app-state="app-json"]'
+    'script[type="application/json"][data-app-state="app-json"]',
   );
   if (!dataElement) {
     throw new Error(
-      "Error finding script with attribute app-json to retrieve context path"
+      "Error finding script with attribute app-json to retrieve context path",
     );
   }
 

package/src/react-client/rehydrate.js

@@ -19,7 +19,7 @@ const recreateModel = (data: Object) => {
     model.rehydrate(data);
 
     const childModels = data.childModels.map((childModel) =>
-      recreateModel(childModel)
+      recreateModel(childModel),
     );
 
     model.addChildModels(childModels);

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

@@ -26,7 +26,7 @@ const getExpectedLocales = () =>
               message_nl: "Dutch message",
             },
           }
-        : locale
+        : locale,
     ),
   ]);
 
@@ -50,7 +50,7 @@ describe("serverUtil", () => {
       {
         getHeader: () => "",
         getCookieByName: () => "",
-      }
+      },
     );
 
     expect(store.getActions()).toStrictEqual([

package/src/react-server/createSSRComplete.js

@@ -7,21 +7,21 @@ import type { ReduxStore, ReduxState } from "../redux/types";
  */
 const noLoading = (state: ReduxState) =>
   Object.keys(state.modularui).filter(
-    (key) => state.modularui[key].status === MODULARUI_STATUS.LOADING
+    (key) => state.modularui[key].status === MODULARUI_STATUS.LOADING,
   ).length === 0;
 
 /**
  */
 const loadingCounter = (state: ReduxState) =>
   Object.keys(state.modularui).filter(
-    (key) => state.modularui[key].status === MODULARUI_STATUS.LOADING
+    (key) => state.modularui[key].status === MODULARUI_STATUS.LOADING,
   ).length;
 
 /**
  */
 const createSSRComplete = (
   store: ReduxStore,
-  render: Function
+  render: Function,
 ): Promise<string> => {
   let loadingCount = loadingCounter(store.getState());
   let html = "<div>Nothing to render</div>";

package/src/react-server/renderSSRComplete.js

@@ -72,8 +72,8 @@ const renderSSRComplete = ({
             </HelmetProvider>
           </ThemeProvider>
         </StyleSheetManager>
-      </Provider>
-    )
+      </Provider>,
+    ),
   )
     .then((appHTML) => {
       handleErrors(store);
@@ -99,12 +99,12 @@ const renderSSRComplete = ({
                 errorStack={error.stack}
               />
             </ThemeProvider>
-          </StyleSheetManager>
+          </StyleSheetManager>,
         ),
         head: helmetContext.helmet,
         state: "",
         UUID,
-      })
+      }),
     );
 };
 

package/src/react-server/renderSSRMinimal.js

@@ -38,7 +38,7 @@ const renderSSRMinimal = ({
       <StyleSheetManager sheet={sheet.instance}>
         <ThemeProvider theme={theme}>{render()}</ThemeProvider>
       </StyleSheetManager>
-    </Provider>
+    </Provider>,
   );
 
   const head = createHead(sheet, UUID);

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,
       )}`;
     }