@beinformed/ui 1.18.6 → 1.18.8

package/lib/utils/browser/Cookies.js.flow

@@ -24,21 +24,11 @@ const getCookie = (name: string): null | string => {
 
 /**
  */
-const setCookie = (
-  name: string,
-  value: any,
-  { days, sameSite = "Strict", secure }: CookieOptions = {}
-) => {
+const setCookie = (name: string, value: any, options?: CookieOptions) => {
   const attributes: CookieAttributes = { path: BASE };
-  if (days) {
-    attributes.expires = days;
-  }
-  if (sameSite) {
-    attributes.sameSite = sameSite;
-  }
-  if (secure) {
-    attributes.secure = secure;
-  }
+  attributes.expires = options?.days;
+  attributes.sameSite = options?.sameSite ?? "Strict";
+  attributes.secure = options?.secure;
 
   Cookies.set(name, value, attributes);
 };

package/lib/utils/browser/Cookies.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cookies.js","names":["getCookie","name","Cookies","get","setCookie","value","days","sameSite","secure","attributes","path","BASE","expires","set","clearCookie","remove"],"sources":["../../../src/utils/browser/Cookies.js"],"sourcesContent":["// @flow\nimport Cookies from \"js-cookie\";\n\nimport { BASE } from \"../../constants/Constants\";\n\ntype CookieOptions = {\n  days?: number,\n  sameSite?: \"None\" | \"Lax\" | \"Strict\",\n  secure?: boolean,\n};\n\ntype CookieAttributes = {\n  path: string,\n  expires?: number,\n  sameSite?: string,\n  secure?: boolean,\n};\n\n/**\n */\nconst getCookie = (name: string): null | string => {\n  return Cookies.get(name);\n};\n\n/**\n */\nconst setCookie = (\n  name: string,\n  value: any,\n  { days, sameSite = \"Strict\", secure }: CookieOptions = {}\n) => {\n  const attributes: CookieAttributes = { path: BASE };\n  if (days) {\n    attributes.expires = days;\n  }\n  if (sameSite) {\n    attributes.sameSite = sameSite;\n  }\n  if (secure) {\n    attributes.secure = secure;\n  }\n\n  Cookies.set(name, value, attributes);\n};\n\n/**\n */\nconst clearCookie = (name: string) => {\n  Cookies.remove(name, { path: BASE });\n};\n\nexport { getCookie, setCookie, clearCookie };\n"],"mappings":";;;;;;;;;AACA;;AAEA;;AAeA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAiC;EACjD,OAAOC,iBAAA,CAAQC,GAAR,CAAYF,IAAZ,CAAP;AACD,CAFD;AAIA;AACA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAChBH,IADgB,EAEhBI,KAFgB,EAIb;EAAA,+EADoD,EACpD;EAAA,IADDC,IACC,QADDA,IACC;EAAA,yBADKC,QACL;EAAA,IADKA,QACL,8BADgB,QAChB;EAAA,IAD0BC,MAC1B,QAD0BA,MAC1B;;EACH,IAAMC,UAA4B,GAAG;IAAEC,IAAI,EAAEC;EAAR,CAArC;;EACA,IAAIL,IAAJ,EAAU;IACRG,UAAU,CAACG,OAAX,GAAqBN,IAArB;EACD;;EACD,IAAIC,QAAJ,EAAc;IACZE,UAAU,CAACF,QAAX,GAAsBA,QAAtB;EACD;;EACD,IAAIC,MAAJ,EAAY;IACVC,UAAU,CAACD,MAAX,GAAoBA,MAApB;EACD;;EAEDN,iBAAA,CAAQW,GAAR,CAAYZ,IAAZ,EAAkBI,KAAlB,EAAyBI,UAAzB;AACD,CAjBD;AAmBA;AACA;;;;;AACA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACb,IAAD,EAAkB;EACpCC,iBAAA,CAAQa,MAAR,CAAed,IAAf,EAAqB;IAAES,IAAI,EAAEC;EAAR,CAArB;AACD,CAFD"}
+{"version":3,"file":"Cookies.js","names":["getCookie","name","Cookies","get","setCookie","value","options","attributes","path","BASE","expires","days","sameSite","secure","set","clearCookie","remove"],"sources":["../../../src/utils/browser/Cookies.js"],"sourcesContent":["// @flow\nimport Cookies from \"js-cookie\";\n\nimport { BASE } from \"../../constants/Constants\";\n\ntype CookieOptions = {\n  days?: number,\n  sameSite?: \"None\" | \"Lax\" | \"Strict\",\n  secure?: boolean,\n};\n\ntype CookieAttributes = {\n  path: string,\n  expires?: number,\n  sameSite?: string,\n  secure?: boolean,\n};\n\n/**\n */\nconst getCookie = (name: string): null | string => {\n  return Cookies.get(name);\n};\n\n/**\n */\nconst setCookie = (name: string, value: any, options?: CookieOptions) => {\n  const attributes: CookieAttributes = { path: BASE };\n  attributes.expires = options?.days;\n  attributes.sameSite = options?.sameSite ?? \"Strict\";\n  attributes.secure = options?.secure;\n\n  Cookies.set(name, value, attributes);\n};\n\n/**\n */\nconst clearCookie = (name: string) => {\n  Cookies.remove(name, { path: BASE });\n};\n\nexport { getCookie, setCookie, clearCookie };\n"],"mappings":";;;;;;;;;AACA;;AAEA;;AAeA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAiC;EACjD,OAAOC,iBAAA,CAAQC,GAAR,CAAYF,IAAZ,CAAP;AACD,CAFD;AAIA;AACA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACH,IAAD,EAAeI,KAAf,EAA2BC,OAA3B,EAAuD;EAAA;;EACvE,IAAMC,UAA4B,GAAG;IAAEC,IAAI,EAAEC;EAAR,CAArC;EACAF,UAAU,CAACG,OAAX,GAAqBJ,OAArB,aAAqBA,OAArB,uBAAqBA,OAAO,CAAEK,IAA9B;EACAJ,UAAU,CAACK,QAAX,wBAAsBN,OAAtB,aAAsBA,OAAtB,uBAAsBA,OAAO,CAAEM,QAA/B,iEAA2C,QAA3C;EACAL,UAAU,CAACM,MAAX,GAAoBP,OAApB,aAAoBA,OAApB,uBAAoBA,OAAO,CAAEO,MAA7B;;EAEAX,iBAAA,CAAQY,GAAR,CAAYb,IAAZ,EAAkBI,KAAlB,EAAyBE,UAAzB;AACD,CAPD;AASA;AACA;;;;;AACA,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACd,IAAD,EAAkB;EACpCC,iBAAA,CAAQc,MAAR,CAAef,IAAf,EAAqB;IAAEO,IAAI,EAAEC;EAAR,CAArB;AACD,CAFD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.18.6",
+  "version": "1.18.8",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",
@@ -68,18 +68,18 @@
   "peerDependencies": {
     "history": "^4.0.0",
     "polished": "^4.0.0",
-    "react": "^16.14.0 || ^17.0.0",
-    "react-dom": "^16.14.0 || ^17.0.0",
+    "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0",
     "react-helmet-async": "^1.0.0",
-    "react-redux": "^7.0.0",
+    "react-redux": "^7.0.0 || ^8.0.0",
     "react-router": "^5.2.0",
     "redux": "^4.0.0",
     "redux-thunk": "^2.3.0",
     "styled-components": "^5.2.0"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.18.0",
-    "big.js": "^6.1.1",
+    "@babel/runtime-corejs3": "^7.18.3",
+    "big.js": "^6.2.0",
     "date-fns": "^2.28.0",
     "deepmerge": "^4.2.2",
     "dequal": "^2.0.2",
@@ -91,58 +91,58 @@
     "iban": "^0.0.14",
     "js-cookie": "^3.0.1",
     "lodash": "^4.17.21",
-    "reselect": "^4.1.5",
+    "reselect": "^4.1.6",
     "setimmediate": "^1.0.5"
   },
   "devDependencies": {
     "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.18.0",
-    "@babel/eslint-parser": "^7.17.0",
+    "@babel/core": "^7.18.5",
+    "@babel/eslint-parser": "^7.18.2",
     "@babel/eslint-plugin": "^7.16.5",
     "@babel/plugin-proposal-class-properties": "^7.17.12",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.18.0",
-    "@babel/preset-env": "^7.18.0",
+    "@babel/plugin-transform-runtime": "^7.18.5",
+    "@babel/preset-env": "^7.18.2",
     "@babel/preset-flow": "^7.17.12",
     "@babel/preset-react": "^7.17.12",
-    "@commitlint/cli": "^17.0.0",
-    "@commitlint/config-conventional": "^17.0.0",
-    "@testing-library/react-hooks": "^8.0.0",
+    "@commitlint/cli": "^17.0.2",
+    "@commitlint/config-conventional": "^17.0.2",
+    "@testing-library/react": "^13.3.0",
     "auditjs": "^4.0.37",
-    "babel-jest": "^28.1.0",
+    "babel-jest": "^28.1.1",
     "babel-plugin-styled-components": "^2.0.7",
     "cherry-pick": "^0.5.0",
     "cross-env": "^7.0.3",
     "documentation": "^13.2.5",
-    "eslint": "^8.15.0",
+    "eslint": "^8.17.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-ft-flow": "^2.0.1",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^26.2.2",
-    "eslint-plugin-jsdoc": "^39.3.0",
+    "eslint-plugin-jest": "^26.5.3",
+    "eslint-plugin-jsdoc": "^39.3.2",
     "eslint-plugin-react": "^7.30.0",
     "eslint-plugin-react-hooks": "^4.5.0",
-    "flow-bin": "^0.178.0",
+    "flow-bin": "^0.180.0",
     "flow-copy-source": "^2.0.9",
     "flow-typed": "^3.6.1",
     "glob": "^8.0.3",
     "history": "^4.0.0",
     "husky": "^8.0.1",
-    "jest": "^28.1.0",
-    "jest-environment-jsdom": "^28.1.0",
+    "jest": "^28.1.1",
+    "jest-environment-jsdom": "^28.1.1",
     "jest-junit": "^13.2.0",
     "jest-sonar-reporter": "^2.0.0",
     "jscodeshift": "^0.13.1",
-    "lint-staged": "^12.4.1",
+    "lint-staged": "^13.0.1",
     "polished": "^4.2.2",
     "prettier": "^2.6.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
     "react-helmet-async": "^1.3.0",
-    "react-redux": "^7.2.8",
+    "react-redux": "^8.0.2",
     "react-router": "^5.2.0",
-    "react-test-renderer": "^17.0.2",
+    "react-test-renderer": "^18.1.0",
     "redux": "^4.2.0",
     "redux-mock-store": "^1.5.4",
     "redux-thunk": "^2.4.1",

package/src/hooks/__tests__/UseModularUIModel.spec.js

@@ -1,7 +1,7 @@
 import configureMockStore from "redux-mock-store";
 import thunk from "redux-thunk";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import xhrMock from "xhr-mock";
 
 import {

package/src/hooks/__tests__/useAuthentication.spec.js

@@ -1,7 +1,7 @@
 import configureMockStore from "redux-mock-store";
 import thunk from "redux-thunk";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import xhrMock from "xhr-mock";
 
 import { useLogin, useLogout } from "../useAuthentication";

package/src/hooks/__tests__/useForm.spec.js

@@ -1,7 +1,7 @@
 import configureMockStore from "redux-mock-store";
 import thunk from "redux-thunk";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import xhrMock from "xhr-mock";
 
 import {

package/src/hooks/__tests__/useModal.spec.js

@@ -1,6 +1,6 @@
 import configureMockStore from "redux-mock-store";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 
 import { useModal } from "../useModal";
 import { IllegalArgumentException } from "../../exceptions";

package/src/hooks/__tests__/useModelCatalog.spec.js

@@ -1,7 +1,7 @@
 import configureMockStore from "redux-mock-store";
 import thunk from "redux-thunk";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import xhrMock from "xhr-mock";
 
 import {

package/src/hooks/__tests__/useModels.spec.js

@@ -1,5 +1,5 @@
 import { useModels } from "../useModels";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import { Provider } from "react-redux";
 import configureMockStore from "redux-mock-store";
 

package/src/hooks/__tests__/useModularUIBasic.spec.js

@@ -1,12 +1,11 @@
 import configureMockStore from "redux-mock-store";
 import thunk from "redux-thunk";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import xhrMock from "xhr-mock";
 
 import { useModularUIBasic } from "../useModularUIBasic";
 import { ApplicationModel, Href } from "../../models";
-import { IllegalArgumentException } from "../../exceptions";
 
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
@@ -74,22 +73,6 @@ describe("modularui hooks", () => {
     ]);
   });
 
-  it("missing href", () => {
-    const store = mockStore({
-      modularui: {},
-      router: { location: { pathname: "/", state: { reload: true } } },
-      i18n: { locale: "en" },
-    });
-    /**
-     */
-    const wrapper = ({ children }) => (
-      <Provider store={store}>{children}</Provider>
-    );
-
-    const { result } = renderHook(() => useModularUIBasic(), { wrapper });
-    expect(result.error).toBeInstanceOf(IllegalArgumentException);
-  });
-
   it("useModularUIBasic with reload", () => {
     expect.assertions(2);
 

package/src/hooks/__tests__/useNotification.spec.js

@@ -1,6 +1,6 @@
 import configureMockStore from "redux-mock-store";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import { useNotification } from "../useNotification";
 
 const mockStore = configureMockStore();

package/src/hooks/__tests__/usePreference.spec.js

@@ -1,6 +1,6 @@
 import configureMockStore from "redux-mock-store";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import { usePreference } from "../usePreference";
 
 const mockStore = configureMockStore();

package/src/hooks/__tests__/useProgressIndicator.spec.js

@@ -1,6 +1,6 @@
 import configureMockStore from "redux-mock-store";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import { useProgressIndicator } from "../useProgressIndicator";
 
 const mockStore = configureMockStore();

package/src/models/attributes/AttributeModel.js

@@ -12,7 +12,7 @@ import MandatoryConstraint from "./input-constraints/MandatoryConstraint";
 
 import ConceptDetailModel from "../concepts/ConceptDetailModel";
 
-import { MANDATORY, DISABLED } from "../../constants/LayoutHints";
+import { DISABLED, MANDATORY } from "../../constants/LayoutHints";
 import {
   ATTRIBUTE_WIDTH,
   TIMEVERSION_FILTER_NAME,
@@ -804,21 +804,25 @@ export default class AttributeModel
     this._serverConstraints = new ConstraintCollection();
     this.resetErrors();
 
-    errors.forEach((error) => {
-      if (this.hasValue()) {
-        this._errorCollection.addServerError(
-          error.id,
-          error.message,
-          this.formatParameters(error.properties)
-        );
-      } else {
-        this.addServerConstraint(
-          error.id,
-          error.message,
-          this.formatParameters(error.properties)
-        );
-      }
-    });
+    errors
+      .filter(
+        (error) => error.id !== "Constraint.Mandatory" || !this.hasValue()
+      )
+      .forEach((error) => {
+        if (this.hasValue()) {
+          this._errorCollection.addServerError(
+            error.id,
+            error.message,
+            this.formatParameters(error.properties)
+          );
+        } else {
+          this.addServerConstraint(
+            error.id,
+            error.message,
+            this.formatParameters(error.properties)
+          );
+        }
+      });
   }
 
   /**

package/src/models/list/ListModel.js

@@ -44,20 +44,21 @@ export default class ListModel extends ResourceModel {
   /**
    */
   static isApplicableModel(data: ModularUIResponse): boolean {
+    const resourceType = data.contributions?.resourcetype ?? "";
     return (
-      data.contributions.resourcetype &&
-      (data.contributions.resourcetype.endsWith("List") ||
-        data.contributions.resourcetype.endsWith("ListPanel") ||
-        data.contributions.resourcetype.endsWith("RelatedDataStorePanel") ||
-        [
-          "list-related-cases",
-          "RecordPanel",
-          "EventHistoryPanel",
-          "NotePanel",
-          "AppointmentPanel",
-          "DocumentPanel",
-          "AssignmentPanel",
-        ].includes(data.contributions.resourcetype))
+      resourceType.endsWith("List") ||
+      resourceType.endsWith("ListPanel") ||
+      resourceType.endsWith("RelatedDataStorePanel") ||
+      resourceType.endsWith("RelatedDatastorePanel") ||
+      [
+        "list-related-cases",
+        "RecordPanel",
+        "EventHistoryPanel",
+        "NotePanel",
+        "AppointmentPanel",
+        "DocumentPanel",
+        "AssignmentPanel",
+      ].includes(resourceType)
     );
   }
 

package/src/react-client/Init.js

@@ -16,7 +16,7 @@ export type Props = {
   +store: ReduxStore,
   +history: RouterHistory,
   +contextPath: string,
-  +theme: Theme | Array<Theme>,
+  +theme?: Theme | Array<Theme>,
   +children: ?Node,
   +ErrorFallbackComponent?: ComponentType<FallbackProps>,
 };

package/src/react-client/client.js

@@ -66,13 +66,7 @@ const parseDataToJSON = (data) => {
 /**
  * Mount the webapplication to the DOM, used client side when JavaScript is enabled.
  */
-const client = ({
-  customReducers = {},
-  theme = {},
-  render,
-  beforeRenderHooks,
-  ErrorFallbackComponent,
-}: Props = {}) => {
+const client = (props: Props) => {
   if (typeof window.contextPath === "undefined") {
     throw new Error("Missing contextPath on window object");
   }
@@ -97,7 +91,7 @@ const client = ({
   });
   const { history, store } = configureStore(
     browserHistory,
-    customReducers,
+    props.customReducers ?? {},
     rehydrate(data)
   );
 
@@ -144,9 +138,17 @@ const client = ({
     document.body.className = "js";
   }
 
-  handleBeforeRenderHooks(beforeRenderHooks, { store });
+  if (props.beforeRenderHooks) {
+    handleBeforeRenderHooks(props.beforeRenderHooks, { store });
+  }
 
-  addContentLoadedEvent(store, history, theme, render, ErrorFallbackComponent);
+  addContentLoadedEvent(
+    store,
+    history,
+    props.theme,
+    props.render,
+    props.ErrorFallbackComponent
+  );
 };
 
 /**

package/src/react-server/htmlpage.js

@@ -11,23 +11,19 @@ export type TemplateProps = {
 
 /**
  */
-const htmlpage = ({
-  contextPath,
-  html,
-  head = {},
-  state = "",
-  UUID = "",
-}: TemplateProps = {}): string => {
-  if (contextPath === undefined) {
+const htmlpage = (props: TemplateProps): string => {
+  if (props?.contextPath === undefined) {
     throw new IllegalArgumentException("Missing contextPath argument");
   }
-  if (html === undefined) {
+  if (props.html === undefined) {
     throw new IllegalArgumentException("Missing html for server");
   }
 
+  const { head = {} } = props;
+
   const template = `
   <!doctype html>
-  <html ${head && head.htmlAttributes ? head.htmlAttributes.toString() : ""}>
+  <html ${head.htmlAttributes ? head.htmlAttributes.toString() : ""}>
     <head>
       <meta charset="utf-8" />
       ${Object.keys(head)
@@ -37,14 +33,14 @@ const htmlpage = ({
       {CSSASSETS:<link rel="stylesheet" type="text/css" href="{CONTEXT_PATH}/{FILE}" />:CSSASSETS}
     </head>
     <body class="nojs">
-      <div id="application">${html}</div>
+      <div id="application">${props.html}</div>
       <div id="portal"></div>
       <script
         type="application/json"
         data-app-state="app-json"
         data-app-contextpath="{CONTEXT_PATH}"
         data-app-filepath="{FILEPATH}"
-        data-app-nonce="${UUID}">${state}</script>
+        data-app-nonce="${props.UUID ?? ""}">${props.state ?? ""}</script>
       {JSASSETS:<script src="{CONTEXT_PATH}/{FILE}"></script>:JSASSETS}
     </body>
   </html>
@@ -53,7 +49,7 @@ const htmlpage = ({
   // It is important to replace the context afterwards,
   // the JSASSESTS and CSSASSETS parts act as a small template for all generated javascript and css files
   // these templates must be pure strings to make it possible to add the context path in all situations
-  return template.replace(/{CONTEXT_PATH}/g, contextPath).trim();
+  return template.replace(/{CONTEXT_PATH}/g, props.contextPath).trim();
 };
 
 export default htmlpage;

package/src/react-server/renderSSRMinimal.js

@@ -16,7 +16,7 @@ import type { ReduxStore } from "../redux/types";
 import type { TemplateProps } from "./htmlpage";
 type Props = {
   store: ReduxStore,
-  theme: Theme,
+  theme?: Theme | Array<Theme>,
   UUID: string,
   render: Function,
   template?: (TemplateProps) => string,
@@ -26,7 +26,7 @@ type Props = {
  */
 const renderSSRMinimal = ({
   store,
-  theme = {},
+  theme,
   UUID = "",
   render,
   template = htmlpage,

package/src/react-server/serverNoSSR.js

@@ -22,11 +22,12 @@ import type { TemplateProps } from "./htmlpage";
 import type { BeforeRenderHook } from "../redux/store/beforeRenderHooks";
 import type { PreferenceValue } from "./serverUtil";
 import type { LocaleConfiguration } from "../i18n/types";
+import type { Theme } from "../react-theme/types";
 type serverProps = {
   request: HttpServletRequestJava,
   locales?: Array<LocaleConfiguration>,
   customReducers?: Object,
-  theme?: Object,
+  theme?: Theme | Array<Theme>,
   serverPreferences?: Array<string | PreferenceValue>,
   render: Function,
   template?: (TemplateProps) => string,
@@ -40,7 +41,7 @@ const serverNoSSR = ({
   locales,
   customReducers,
   serverPreferences = [],
-  theme = null,
+  theme,
   render,
   template,
   beforeRenderHooks,
@@ -56,7 +57,7 @@ const serverNoSSR = ({
 
   if (theme) {
     const storedTheme = store.getState()?.preferences?.theme;
-    // $FlowFixMe[incompatible-call]
+    //$FlowFixMe[incompatible-call]
     createTheme(storedTheme, theme);
   }
 

package/src/react-theme/ThemeProvider.js

@@ -8,13 +8,13 @@ import type { Node } from "react";
 import type { Theme } from "./types";
 
 export type Props = {
-  +theme: Theme | Array<Theme>,
+  +theme?: Theme | Array<Theme>,
   +children: Node,
 };
 
 /**
  */
-const ThemeProvider = ({ theme, children }: Props): Node => {
+const ThemeProvider = ({ theme = {}, children }: Props): Node => {
   const storedTheme = useSelector(({ preferences }) => preferences.theme);
   const finalTheme = createTheme(storedTheme, theme);
 

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

@@ -1,6 +1,6 @@
 import configureMockStore from "redux-mock-store";
 import { Provider } from "react-redux";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import {
   useLocation,
   useLocationKey,

package/src/utils/browser/Cookies.js

@@ -24,21 +24,11 @@ const getCookie = (name: string): null | string => {
 
 /**
  */
-const setCookie = (
-  name: string,
-  value: any,
-  { days, sameSite = "Strict", secure }: CookieOptions = {}
-) => {
+const setCookie = (name: string, value: any, options?: CookieOptions) => {
   const attributes: CookieAttributes = { path: BASE };
-  if (days) {
-    attributes.expires = days;
-  }
-  if (sameSite) {
-    attributes.sameSite = sameSite;
-  }
-  if (secure) {
-    attributes.secure = secure;
-  }
+  attributes.expires = options?.days;
+  attributes.sameSite = options?.sameSite ?? "Strict";
+  attributes.secure = options?.secure;
 
   Cookies.set(name, value, attributes);
 };