@beinformed/ui 1.65.13 → 1.65.14

package/src/react/index.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./utils";
-export * from "../hooks";

package/src/react/utils.js

@@ -1,33 +0,0 @@
-// @flow
-import type { ComponentType, Ref } from "react";
-
-/**
- */
-export const getDisplayName = (
-  WrappedComponent: ComponentType<any>,
-  defaultName: string = "Component",
-  contextId?: string,
-): string => {
-  const componentName =
-    WrappedComponent.displayName || WrappedComponent.name || defaultName;
-
-  if (contextId) {
-    return `${componentName}[${contextId}]`;
-  }
-
-  return componentName;
-};
-
-/**
- */
-export const mergeRefs =
-  <T: any>(refs: Array<Ref<T>>): Ref<T> =>
-  (value) => {
-    refs.forEach((ref) => {
-      if (typeof ref === "function") {
-        ref(value);
-      } else if (ref != null && typeof ref === "object") {
-        ref.current = value;
-      }
-    });
-  };

package/src/react-client/Init.js

@@ -1,46 +0,0 @@
-// @flow
-import { Provider } from "react-redux";
-import { HelmetProvider } from "react-helmet-async";
-import { Router } from "react-router";
-
-import ThemeProvider from "../react-theme/ThemeProvider";
-import ErrorBoundary from "../react/ErrorBoundary";
-
-import type { ComponentType, Node } from "react";
-import type { RouterHistory } from "react-router";
-import type { Theme } from "../react-theme/types";
-import type { ReduxStore } from "../redux/types";
-import type { Props as FallbackProps } from "../react/ErrorBoundaryFallback";
-
-type Props = {
-  +store: ReduxStore,
-  +routerHistory: RouterHistory,
-  +contextPath: string,
-  +theme?: Theme | Array<Theme>,
-  +children: ?Node,
-  +ErrorFallbackComponent?: ComponentType<FallbackProps>,
-};
-
-/**
- */
-export const Init = ({
-  store,
-  routerHistory,
-  contextPath,
-  theme,
-  children,
-  ErrorFallbackComponent,
-}: Props): Node => (
-  <Provider store={store}>
-    <ThemeProvider theme={theme}>
-      <HelmetProvider>
-        <ErrorBoundary FallbackComponent={ErrorFallbackComponent}>
-          <Router history={routerHistory} basename={contextPath}>
-            {children}
-          </Router>
-        </ErrorBoundary>
-      </HelmetProvider>
-    </ThemeProvider>
-  </Provider>
-);
-Init.displayName = "BI.Init";

package/src/react-client/client.js

@@ -1,309 +0,0 @@
-// @flow
-// eslint-disable-next-line react/no-deprecated
-import { hydrateRoot, createRoot } from "react-dom/client";
-
-import { has } from "../utils/helpers/objects";
-import setImmediate from "setimmediate";
-
-import Cache from "../utils/browser/Cache";
-
-import xhr from "../utils/fetch/xhr";
-
-import { createBrowserHistory } from "history";
-import configureStore from "../redux/store/configureStore";
-
-import rehydrate from "./rehydrate";
-import {
-  getBasePathModularUI,
-  getBasePathServer,
-  getSetting,
-} from "../constants/Settings";
-
-import {
-  setAllContentInDataSetting,
-  setDateTimeSettings,
-  setLoginPreferences,
-} from "../redux/actions/Preferences";
-import { showXHRErrorNotification } from "../redux/actions/Notification";
-import { handleError } from "../redux/actions/Error";
-import { loginSuccess } from "../redux/actions/SignIn";
-import { updateEntryDate } from "../redux/actions/ModelCatalog";
-
-import { locationChange, replace } from "../redux/_router/RouterActions";
-
-import { JsonParseException, FetchException } from "../exceptions";
-
-import { Init } from "./Init";
-
-import { handleBeforeRenderHooks } from "../redux/store/beforeRenderHooks";
-
-import type {
-  ComponentType,
-  Element as ReactElement,
-  ElementType,
-} from "react";
-import type { Theme } from "../react-theme/types";
-import type { CustomReducers, ReduxState, ReduxStore } from "../redux/types";
-import type { RouterHistory } from "react-router";
-import type { BeforeRenderHook } from "../redux/store/beforeRenderHooks";
-import type { Props as FallbackProps } from "../react/ErrorBoundaryFallback";
-import createTheme from "../react-theme/createTheme";
-import { receiveLocale } from "../redux";
-
-type RenderFunction = () => ReactElement<ElementType>;
-type MountFunction = (
-  applicationNode: Element,
-  element: ReactElement<ElementType>,
-) => void;
-type Props = {
-  customReducers?: CustomReducers,
-  theme?: Theme | Array<Theme>,
-  render: RenderFunction,
-  mount: MountFunction,
-  beforeRenderHooks?: Array<BeforeRenderHook>,
-  ErrorFallbackComponent?: ComponentType<FallbackProps>,
-};
-
-/*
- * deserialize serialized data from the server to provide a smooth dehydration.
- */
-const parseDataToJSON = (data: string) => {
-  try {
-    return JSON.parse(data);
-  } catch (error) {
-    throw new JsonParseException(`Error parsing content ${data}`);
-  }
-};
-
-const getDataFromServer = () => {
-  const dataElement = document.querySelector(
-    'script[type="application/json"][data-app-state="app-json"]',
-  );
-
-  if (!dataElement) {
-    throw new Error("Error loading state, json not found");
-  } else if (dataElement.textContent.trim() === "") {
-    return {};
-  }
-
-  return parseDataToJSON(dataElement.textContent);
-};
-
-/**
- */
-export const setUnhandledRejectionEvent = (store: ReduxStore) => {
-  window.onunhandledrejection = (event) => {
-    if (event.detail) {
-      return setImmediate(() => {
-        const errorMessage = event.detail.reason.message.toString();
-
-        store.dispatch(showXHRErrorNotification(errorMessage));
-        throw event.detail.reason;
-      });
-    }
-
-    return event;
-  };
-};
-
-/**
- */
-const initThemeSettings = (state: ReduxState, theme?: Theme | Array<Theme>) => {
-  const storedTheme = state.preferences.theme;
-  // $FlowFixMe
-  createTheme(storedTheme, theme); // on theme creation, the settings are set
-};
-
-const handleLocale = (store: ReduxStore) => {
-  const locale = store.getState().i18n.locale;
-  if (locale) {
-    store.dispatch(receiveLocale(locale));
-  }
-};
-
-/**
- * The redirectURI querystring parameter is available when the server is redirecting an unauthorized deep link
- * @param store
- */
-const handleRedirectURI = (store: ReduxStore) => {
-  const urlParams = new URLSearchParams(window.location.search);
-  const redirectURI = urlParams.get("redirectURI");
-  if (redirectURI) {
-    xhr({ url: `${getBasePathModularUI()}${redirectURI}` }).catch((e) => {
-      if (
-        e.id === "UnauthorizedException" ||
-        e.id === "Error.NotAuthorized" ||
-        e.id === "Error.Authentication.Required" ||
-        e.id === "Error.Authentication.InvalidCredentials"
-      ) {
-        const LOGIN_PATH = getSetting("LOGIN_PATH", "/signin");
-        store.dispatch(
-          replace(LOGIN_PATH, {
-            from: { pathname: redirectURI },
-            modal: false,
-          }),
-        );
-      }
-    });
-  }
-};
-
-/**
- */
-export const setModelCatalogEntryDate = (store: ReduxStore) => {
-  if (typeof window !== "undefined") {
-    const entryDateFromUrl = new URLSearchParams(window.location?.search).get(
-      "entryDate",
-    );
-    if (entryDateFromUrl) {
-      store.dispatch(updateEntryDate(entryDateFromUrl));
-    } else if (Cache.hasItem("ModelCatalogEntryDate")) {
-      store.dispatch(Cache.getItem("ModelCatalogEntryDate"));
-    }
-  }
-};
-
-/**
- */
-export const setupClient = (
-  customReducers: CustomReducers = {},
-  beforeRenderHooks: ?Array<BeforeRenderHook>,
-  theme?: Theme | Array<Theme>,
-): { store: ReduxStore, routerHistory: RouterHistory } => {
-  if (typeof window.contextPath === "undefined") {
-    throw new Error("Missing contextPath on window object");
-  }
-
-  const data = getDataFromServer();
-
-  // remove all resources from cache
-  Cache.clear("^res:");
-
-  // $FlowExpectedError
-  const browserHistory: RouterHistory = createBrowserHistory({
-    basename: getBasePathServer(),
-  });
-  const { routerHistory, store } = configureStore(
-    browserHistory,
-    customReducers,
-    rehydrate(data),
-  );
-
-  initThemeSettings(store.getState(), theme);
-
-  handleLocale(store);
-
-  handleRedirectURI(store);
-  setModelCatalogEntryDate(store);
-
-  setAllContentInDataSetting(store.getState());
-  setLoginPreferences(store.getState());
-  setDateTimeSettings(store.getState());
-
-  // load existing cache from other browser tabs
-  Cache.loadOtherBrowserTabs(() => {
-    if (Cache.getItem("auth")) {
-      store.dispatch(loginSuccess());
-    }
-  });
-
-  if (has(data, "error.name")) {
-    const error = new FetchException(data?.error?.response);
-    store.dispatch(handleError(error));
-  }
-
-  if (Cache.getItem("auth")) {
-    store.dispatch(loginSuccess());
-  }
-
-  // listen to history change and update the redux router store
-  routerHistory.listen((location, action) => {
-    store.dispatch(locationChange(location, action));
-  });
-
-  setUnhandledRejectionEvent(store);
-
-  if (document.body) {
-    document.body.className = "js";
-  }
-
-  if (beforeRenderHooks) {
-    handleBeforeRenderHooks(beforeRenderHooks, { store });
-  }
-
-  return { store, routerHistory };
-};
-
-/**
- */
-export const addContentLoadedEvent = (
-  store: ReduxStore,
-  routerHistory: RouterHistory,
-  theme?: Theme | Array<Theme>,
-  render: RenderFunction,
-  ErrorFallbackComponent?: ComponentType<FallbackProps>,
-  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",
-      );
-    }
-
-    mount(
-      applicationNode,
-      <Init
-        store={store}
-        routerHistory={routerHistory}
-        contextPath={window.contextPath}
-        theme={theme}
-        ErrorFallbackComponent={ErrorFallbackComponent}
-      >
-        {render()}
-      </Init>,
-    );
-  });
-};
-
-/**
- */
-const mountClient = (
-  applicationNode: Element,
-  element: ReactElement<ElementType>,
-) => {
-  const isSSR = applicationNode.querySelector(".application");
-  if (isSSR) {
-    hydrateRoot(element, applicationNode);
-  } else {
-    const root = createRoot(element);
-    root.render(applicationNode);
-  }
-};
-
-/**
- * Mount the webapplication to the DOM, setup redux store and caches, add unhandledRejectionEvent, used client side when JavaScript is enabled.
- */
-export const client = ({
-  customReducers,
-  theme,
-  render,
-  beforeRenderHooks,
-  ErrorFallbackComponent,
-  mount,
-}: Props) => {
-  const { store, routerHistory } = setupClient(
-    customReducers,
-    beforeRenderHooks,
-  );
-
-  addContentLoadedEvent(
-    store,
-    routerHistory,
-    theme,
-    render,
-    ErrorFallbackComponent,
-    mount ?? mountClient,
-  );
-};

package/src/react-client/contextPath.js

@@ -1,30 +0,0 @@
-// @flow
-(function x() {
-  const dataElement = document.querySelector(
-    '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",
-    );
-  }
-
-  const contextPath = dataElement.getAttribute("data-app-contextpath");
-  if (contextPath) {
-    window.contextPath = contextPath;
-  }
-
-  const filePath = dataElement.getAttribute("data-app-filepath");
-  if (filePath && filePath !== "{FILEPATH}") {
-    __webpack_public_path__ = `${filePath}/`; // NOSONAR
-  } else if (contextPath) {
-    __webpack_public_path__ = `${contextPath}/`; // NOSONAR
-  }
-
-  const nonce = dataElement.getAttribute("data-app-nonce");
-  if (nonce) {
-    __webpack_nonce__ = nonce; // NOSONAR
-  }
-})();
-
-export {};

package/src/react-client/index.js

@@ -1,4 +0,0 @@
-// @flow
-export * from "./client";
-export * from "./Init";
-export * from "../redux/actions/Error";

package/src/react-client/rehydrate.js

@@ -1,94 +0,0 @@
-// @flow
-import { has } from "../utils/helpers/objects";
-import Locales from "../i18n/Locales";
-
-import resolveModel from "../models/resolveModel";
-
-import ModularUIResponse from "../modularui/ModularUIResponse";
-
-/**
- * Recreate a model from dehydrated data obtained after a server render.
- */
-const recreateModel = (data: Object) => {
-  const modelData = ModularUIResponse.rehydrate(data);
-
-  const Model = resolveModel(modelData);
-
-  if (Model) {
-    const model = new Model(modelData);
-    model.rehydrate(data);
-
-    const childModels = data.childModels.map((childModel) =>
-      recreateModel(childModel),
-    );
-
-    model.addChildModels(childModels, []);
-
-    return model;
-  }
-
-  return data;
-};
-
-/**
- */
-const isModularUIModelData = (data: any) =>
-  data != null &&
-  typeof data === "object" &&
-  has(data, "data") &&
-  has(data, "contributions");
-
-/**
- */
-const rehydratedValue = (stateKey: string, stateValue: any) => {
-  if (Array.isArray(stateValue)) {
-    return stateValue.map((stateItem) => rehydrate(stateItem)); // NOSONAR
-  }
-
-  if (isModularUIModelData(stateValue)) {
-    return recreateModel(stateValue);
-  }
-
-  if (
-    stateKey === "i18n" &&
-    has(stateValue, "locales") &&
-    has(stateValue, "locale")
-  ) {
-    return {
-      locales: Locales.rehydrate(stateValue.locales),
-      locale: stateValue?.locale,
-    };
-  }
-
-  const noFurtherRehydration = [
-    "preferences",
-    "router",
-    "progressindicator",
-    "modelcatalog",
-  ];
-  if (noFurtherRehydration.includes(stateKey)) {
-    return stateValue;
-  }
-
-  if (stateValue !== null && typeof stateValue === "object") {
-    return rehydrate(stateValue); // NOSONAR
-  }
-
-  return stateValue;
-};
-
-/**
- * Maps dehydrated state to models that can be used to rehydrated the application.
- */
-const rehydrate = (state: Object): { ... } => {
-  const mappedState: { [string]: any } = {};
-
-  Object.keys(state).forEach((stateKey) => {
-    const stateValue = state[stateKey];
-    mappedState[stateKey] = rehydratedValue(stateKey, stateValue);
-  });
-
-  return mappedState;
-};
-
-export default rehydrate;

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

@@ -1,75 +0,0 @@
-import htmlpage from "../htmlpage";
-import { IllegalArgumentException } from "../../exceptions";
-
-describe("htmlpage", () => {
-  it("throws on missing context path", () => {
-    expect(() => {
-      htmlpage();
-    }).toThrow(IllegalArgumentException);
-  });
-
-  it("throws on missing application", () => {
-    expect(() => {
-      htmlpage({ contextPath: "" });
-    }).toThrow(IllegalArgumentException);
-  });
-
-  it("create an empty server htmlpage", () => {
-    const page = htmlpage({ contextPath: "", html: "" });
-
-    expect(page).toBe(`<!doctype html>
-  <html >
-    <head>
-      <meta charset="utf-8" />
-      
-      {CSSASSETS:<link rel="stylesheet" type="text/css" href="/{FILE}" />:CSSASSETS}
-    </head>
-    <body class="nojs">
-      <div id="application"></div>
-      <div id="portal"></div>
-      <script
-        type="application/json"
-        data-app-state="app-json"
-        data-app-contextpath=""
-        data-app-filepath="{FILEPATH}"
-        data-app-nonce=""></script>
-      {JSASSETS:<script src="/{FILE}"></script>:JSASSETS}
-    </body>
-  </html>`);
-  });
-
-  it("create a server htmlpage", () => {
-    const page = htmlpage({
-      contextPath: "/contextPath",
-      html: "<div>app</div>",
-      head: {
-        htmlAttributes: 'lang="en"',
-        description: [
-          '<meta name="description" content="Test description" data-react-helmet="true">',
-        ],
-      },
-      state: "{state: []}",
-      UUID: "1234-5678-90",
-    });
-
-    expect(page).toBe(`<!doctype html>
-  <html lang="en">
-    <head>
-      <meta charset="utf-8" />
-      <meta name="description" content="Test description" data-react-helmet="true">
-      {CSSASSETS:<link rel="stylesheet" type="text/css" href="/contextPath/{FILE}" />:CSSASSETS}
-    </head>
-    <body class="nojs">
-      <div id="application"><div>app</div></div>
-      <div id="portal"></div>
-      <script
-        type="application/json"
-        data-app-state="app-json"
-        data-app-contextpath="/contextPath"
-        data-app-filepath="{FILEPATH}"
-        data-app-nonce="1234-5678-90">{state: []}</script>
-      {JSASSETS:<script src="/contextPath/{FILE}"></script>:JSASSETS}
-    </body>
-  </html>`);
-  });
-});