@beinformed/ui 1.31.0 → 1.31.3

package/src/models/tab/TabModel.js

@@ -25,7 +25,7 @@ export default class TabModel extends ResourceModel {
 
     this._actionCollection = new ActionCollection(
       this.data.actions,
-      this.contributions.actions
+      this.contributions.actions,
     );
   }
 
@@ -85,14 +85,14 @@ export default class TabModel extends ResourceModel {
           .map((taskgroup) => {
             const taskgroupContributions = this.contributions.taskgroups.find(
               (taskgroupContribution) =>
-                taskgroupContribution.name === taskgroup.name
+                taskgroupContribution.name === taskgroup.name,
             );
 
             if (taskgroupContributions) {
               return TaskGroupModel.create(
                 taskgroup.name,
                 taskgroup,
-                taskgroupContributions
+                taskgroupContributions,
               );
             }
 

package/src/models/tab/__tests__/TabModel.spec.js

@@ -20,7 +20,7 @@ describe("tabModel spec", () => {
         contributions: {
           resourcetype: "CaseTab",
         },
-      })
+      }),
     ).toBe(true);
 
     expect(
@@ -28,7 +28,7 @@ describe("tabModel spec", () => {
         contributions: {
           resourcetype: "GenericTab",
         },
-      })
+      }),
     ).toBe(true);
 
     expect(
@@ -36,7 +36,7 @@ describe("tabModel spec", () => {
         contributions: {
           resourcetype: "Tab",
         },
-      })
+      }),
     ).toBe(true);
 
     expect(
@@ -44,7 +44,7 @@ describe("tabModel spec", () => {
         contributions: {
           resourcetype: "KnowledgeBank",
         },
-      })
+      }),
     ).toBe(true);
 
     expect(
@@ -52,7 +52,7 @@ describe("tabModel spec", () => {
         contributions: {
           resourcetype: "App",
         },
-      })
+      }),
     ).toBe(false);
   });
 

package/src/models/taskgroup/TaskGroupModel.js

@@ -18,7 +18,7 @@ export default class TaskGroupModel extends ResourceModel {
 
     this._actionCollection = new ActionCollection(
       this.data.actions,
-      this.contributions.actions
+      this.contributions.actions,
     );
 
     const selfHref = this.links.getLinkByKey("self")
@@ -35,7 +35,7 @@ export default class TaskGroupModel extends ResourceModel {
   static create(
     key: string,
     data: Object,
-    contributions: Object
+    contributions: Object,
   ): TaskGroupModel {
     const taskgroup = new ModularUIResponse();
     taskgroup.key = key;

package/src/models/types.js

@@ -246,7 +246,7 @@ export type ContentElementMapped = {
 };
 
 export type ContentAll = Array<
-  PropertyElementMapped | TextFragmentElementMapped | ContentElementMapped
+  PropertyElementMapped | TextFragmentElementMapped | ContentElementMapped,
 >;
 
 export type ContentData = {

package/src/models/user/UserProfileModel.js

@@ -28,7 +28,7 @@ export default class UserProfileModel extends UserModel {
 
     this._attributeCollection = new AttributeCollection(
       this.data,
-      attributeContributions
+      attributeContributions,
     );
   }
 

package/src/models/user/__tests__/UserModel.spec.js

@@ -8,13 +8,13 @@ describe("userModel", () => {
     expect(
       UserModel.isApplicableModel({
         contributions: { resourcetype: "userdata" },
-      })
+      }),
     ).toBe(true);
 
     expect(
       UserModel.isApplicableModel({
         contributions: { resourcetype: "application" },
-      })
+      }),
     ).toBe(false);
   });
 

package/src/models/user/__tests__/UserProfileModel.spec.js

@@ -8,13 +8,13 @@ describe("userProfileModel", () => {
     expect(
       UserProfileModel.isApplicableModel({
         contributions: { resourcetype: "userdata" },
-      })
+      }),
     ).toBe(true);
 
     expect(
       UserProfileModel.isApplicableModel({
         contributions: { resourcetype: "application" },
-      })
+      }),
     ).toBe(false);
   });
 

package/src/models/user/__tests__/UserServicesModel.spec.js

@@ -48,7 +48,7 @@ describe("userServicesModel", () => {
     expect(userServices.userLink.href.toString()).toBe("/userLogin/userdata");
     expect(userServices.label).toBe("Login");
     expect(userServices.changePassword.toString()).toBe(
-      "/userLogin/changepassword"
+      "/userLogin/changepassword",
     );
     expect(userServices.isLoggedIn).toBe(true);
   });

package/src/modularui/CaptchaRequest.js

@@ -37,7 +37,7 @@ class CaptchaRequest {
     response:
       | CaptchaInitialResponse
       | CaptchaValidResponse
-      | CaptchaInvalidResponse
+      | CaptchaInvalidResponse,
   ): CaptchaResponse {
     this._tokenId = response.tokenId ?? this._tokenId;
     this._image = response.image ?? this._image;

package/src/modularui/ModularUIRequest.js

@@ -51,11 +51,11 @@ class ModularUIRequest {
    */
   constructor(
     href: Href | string,
-    options: $Shape<RequestModularUIOptions> = {}
+    options: $Shape<RequestModularUIOptions> = {},
   ) {
     if (!href) {
       throw new IllegalArgumentException(
-        "You must pass a href to the resource that is requested"
+        "You must pass a href to the resource that is requested",
       );
     }
 
@@ -219,7 +219,7 @@ class ModularUIRequest {
 
     const Model: Class<ModularUIModel> | null = resolveModel(
       this.response,
-      availableModels
+      availableModels,
     );
 
     if (Model && Model.isApplicableModel) {
@@ -230,14 +230,14 @@ class ModularUIRequest {
       throw new IllegalStateException(
         `data for ${this.href.toString()} is not applicable for model(s): ${availableModels
           .map((m) => m.modelName)
-          .join(", ")}, received response: ${JSON.stringify(this.response)}`
+          .join(", ")}, received response: ${JSON.stringify(this.response)}`,
       );
     }
 
     throw new IllegalStateException(
       `no javascript model is applicable for received request of ${this.href.toString()}, with response: ${JSON.stringify(
-        this.response
-      )}`
+        this.response,
+      )}`,
     );
   }
 
@@ -253,7 +253,7 @@ class ModularUIRequest {
   processContributionsService(contributionsData: Object): void {
     if (!isPlainObject(contributionsData)) {
       throw new IllegalArgumentException(
-        "Missing contributions data or contributions is not JSON"
+        "Missing contributions data or contributions is not JSON",
       );
     }
 
@@ -303,7 +303,7 @@ class ModularUIRequest {
       this.contributionsHref = links[0].contributions.href;
     } else {
       throw new IllegalArgumentException(
-        `Contributions link not found for data with key ${key}`
+        `Contributions link not found for data with key ${key}`,
       );
     }
   }
@@ -378,15 +378,15 @@ class ModularUIRequest {
       for (const contributionTabLink of contributionLinks.tab) {
         if ("components" in contributionTabLink) {
           const dataTabLinks = dataLinks.tab.find(
-            (dataLink) => dataLink.name === contributionTabLink.name
+            (dataLink) => dataLink.name === contributionTabLink.name,
           );
 
           if (dataTabLinks && "components" in dataTabLinks) {
             return this.processLinks(
               dataTabLinks.components,
-              contributionTabLink.components
+              contributionTabLink.components,
             ).then((newLinks) =>
-              this.replaceApplicationLinks(contributionTabLink.name, newLinks)
+              this.replaceApplicationLinks(contributionTabLink.name, newLinks),
             );
           }
         }
@@ -407,7 +407,7 @@ class ModularUIRequest {
           tabLink.components = newLinks;
         }
         return tabLink;
-      }
+      },
     );
   }
 
@@ -423,7 +423,7 @@ class ModularUIRequest {
     if ("component" in contributionLinks) {
       return this.processLinks(
         this.response.data._links.component,
-        contributionLinks.component
+        contributionLinks.component,
       ).then((newLinks) => {
         this.response.data._links.component = newLinks;
       });
@@ -444,7 +444,7 @@ class ModularUIRequest {
     if ("panel" in contributionLinks) {
       return this.processLinks(
         this.response.data._links,
-        contributionLinks.panel
+        contributionLinks.panel,
       ).then((newLinks) => {
         this.response.data._links = newLinks;
       });
@@ -472,11 +472,11 @@ class ModularUIRequest {
    */
   processLinks(
     dataLinks: any,
-    contributionLinks: any
+    contributionLinks: any,
   ): Promise<Object | Array<Object>> {
     const linksPerName = this.dataLinksPerName(dataLinks);
     const hideWhenEmptyLinks = contributionLinks.filter((contributionLink) =>
-      contributionLink.layouthint?.includes(HIDE_WHEN_EMPTY)
+      contributionLink.layouthint?.includes(HIDE_WHEN_EMPTY),
     );
 
     const isHiddenListChecks = [];
@@ -485,7 +485,7 @@ class ModularUIRequest {
       const dataLink = linksPerName[contributionLink.name];
       if (dataLink?.href) {
         isHiddenListChecks.push(
-          this.isHiddenList(contributionLink.name, dataLink.href)
+          this.isHiddenList(contributionLink.name, dataLink.href),
         );
       }
     }
@@ -494,7 +494,7 @@ class ModularUIRequest {
       (hiddenLinks: Array<string>) => {
         if (Array.isArray(dataLinks)) {
           return dataLinks.filter(
-            (dataLink) => !hiddenLinks.includes(dataLink.name)
+            (dataLink) => !hiddenLinks.includes(dataLink.name),
           );
         }
 
@@ -505,7 +505,7 @@ class ModularUIRequest {
           }
         }
         return newDataLinks;
-      }
+      },
     );
   }
 
@@ -514,7 +514,7 @@ class ModularUIRequest {
   isHiddenList(name: string, href: string): Promise<string> {
     const HIDE_WHEN_EMPTY_IGNORE_TASKS = getSetting(
       "HIDE_WHEN_EMPTY_IGNORE_TASKS",
-      false
+      false,
     );
 
     return universalFetch({
@@ -618,7 +618,7 @@ class ModularUIRequest {
       .then((contributionsData) => {
         if (contributionsData == null) {
           throw new Error(
-            `No contributions data received for ${this.contributionsHref}`
+            `No contributions data received for ${this.contributionsHref}`,
           );
         }
 
@@ -677,7 +677,7 @@ class ModularUIRequest {
           if (reason.name !== "Error.ChangePasswordRequired") {
             console.error(
               "Unexpected error when retrieving child model:",
-              reason
+              reason,
             );
           }
         } else {
@@ -717,7 +717,7 @@ class ModularUIRequest {
       contentModel.childSectionLinks.map((childSectionLink) => {
         const contentHrefWithEntryDate = childSectionLink.selfhref.addParameter(
           TIMEVERSION_FILTER_NAME,
-          contentModel.entryDate
+          contentModel.entryDate,
         );
 
         const request = new ModularUIRequest(contentHrefWithEntryDate, {
@@ -725,7 +725,7 @@ class ModularUIRequest {
         });
 
         return request.fetchContent(true);
-      })
+      }),
     ).then((sectionModels) => {
       newContentModel.childSections = sectionModels;
 
@@ -780,11 +780,11 @@ class ModularUIRequest {
 
     const contributionsString = dataFetcher.fetch(
       this.contributionsHref.toString(),
-      options
+      options,
     );
     if (contributionsString == null) {
       throw new Error(
-        `No constributions received for ${this.contributionsHref.toString()}`
+        `No constributions received for ${this.contributionsHref.toString()}`,
       );
     }
     this.processContributionsService(JSON.parse(contributionsString));

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);