@beinformed/ui 1.65.13 → 1.65.14

package/src/react-server/renderSSRMinimal.js

@@ -1,54 +0,0 @@
-// @flow
-import { renderToString } from "react-dom/server";
-
-import { Provider } from "react-redux";
-
-import { ServerStyleSheet, StyleSheetManager } from "styled-components";
-import ThemeProvider from "../react-theme/ThemeProvider";
-
-import { getBasePathServer } from "../constants/Settings";
-
-import { createHead, dehydrate } from "./serverUtil";
-import htmlpage from "./htmlpage";
-
-import type { Theme } from "../react-theme/types";
-import type { ReduxStore } from "../redux/types";
-import type { TemplateProps } from "./htmlpage";
-type Props = {
-  store: ReduxStore,
-  theme?: Theme | Array<Theme>,
-  UUID: string,
-  render: Function,
-  template?: (TemplateProps) => string,
-};
-
-/**
- */
-const renderSSRMinimal = ({
-  store,
-  theme,
-  UUID = "",
-  render,
-  template = htmlpage,
-}: Props): string => {
-  const sheet = new ServerStyleSheet();
-
-  const appHTML = renderToString(
-    <Provider store={store}>
-      <StyleSheetManager sheet={sheet.instance}>
-        <ThemeProvider theme={theme}>{render()}</ThemeProvider>
-      </StyleSheetManager>
-    </Provider>,
-  );
-
-  const head = createHead(sheet, UUID);
-  return template({
-    contextPath: getBasePathServer(),
-    html: appHTML,
-    head,
-    state: dehydrate(store),
-    UUID,
-  });
-};
-
-export default renderSSRMinimal;

package/src/react-server/requestInformation.js

@@ -1,68 +0,0 @@
-// @flow
-import Href from "../models/href/Href";
-
-import type Locales from "../i18n/Locales";
-
-/**
- */
-const encodeQueryString = (queryString: string) => {
-  if (!queryString) return "";
-
-  // Create a URLSearchParams object from the existing query string
-  // It handles all the splitting, decoding, and special characters automatically.
-  const params = new URLSearchParams(queryString);
-
-  // Return the encoded query string
-  // toString() correctly re-encodes everything.
-  return params.toString();
-};
-
-/**
- */
-export const getFullRequestUrl = (request: HttpServletRequestJava): string => {
-  let pathInfo = request.getPathInfo() || "/";
-  let queryString = request.getQueryString();
-
-  pathInfo = pathInfo
-    .split("/")
-    .map((segment) => encodeURIComponent(segment))
-    .join("/");
-
-  if (queryString) {
-    return `${pathInfo}?${encodeQueryString(queryString)}`;
-  }
-
-  return pathInfo;
-};
-
-/**
- */
-export const getFullRequestHref = (request: HttpServletRequestJava): Href =>
-  new Href(getFullRequestUrl(request));
-
-/**
- */
-export const getCookieFromRequest = (
-  request: HttpServletRequestJava,
-  cookieName: string,
-): null | string => {
-  return request.getCookieByName(cookieName);
-};
-
-/**
- */
-export const getPreferredLocale = (
-  request: HttpServletRequestJava,
-  locales: Locales,
-): void | string => {
-  const languageFromCookie = getCookieFromRequest(request, "locale");
-  const acceptLanguageHeader =
-    languageFromCookie || request.getHeader("Accept-Language");
-
-  // when no accept language header or cookie present, get first locale code
-  if (acceptLanguageHeader === null) {
-    return locales.availableLocaleCodes[0];
-  }
-
-  return locales.getPreferredLocale(acceptLanguageHeader);
-};

package/src/react-server/serverNoSSR.js

@@ -1,87 +0,0 @@
-// @flow
-import "./contextPath";
-
-import createUUID from "../utils/helpers/createUUID";
-import { getFullRequestHref } from "./requestInformation";
-
-import {
-  createReduxStore,
-  setI18n,
-  setApplication,
-  setServerPreferences,
-  setConfigurationTheme,
-  handleErrors,
-} from "./serverUtil";
-
-import { handleBeforeRenderHooks } from "../redux/store/beforeRenderHooks";
-
-import renderSSRMinimal from "./renderSSRMinimal";
-
-import createTheme from "../react-theme/createTheme";
-
-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?: Theme | Array<Theme>,
-  serverPreferences?: Array<string | PreferenceValue>,
-  render: Function,
-  template?: (TemplateProps) => string,
-  beforeRenderHooks?: Array<BeforeRenderHook>,
-  preloadApplication?: boolean,
-};
-
-/**
- */
-const serverNoSSR = ({
-  request,
-  locales,
-  customReducers,
-  serverPreferences = [],
-  theme,
-  render,
-  template,
-  beforeRenderHooks,
-  preloadApplication = true,
-}: serverProps): string => {
-  const isPreviewCheck = request.getHeader("X-BI-Preview-Available");
-  if (isPreviewCheck) {
-    return "<h1>Preview Available</h1>";
-  }
-
-  const UUID = createUUID();
-  __webpack_nonce__ = UUID; // NOSONAR
-
-  const requestHref = getFullRequestHref(request);
-
-  const store = createReduxStore(requestHref, customReducers);
-
-  setServerPreferences(store, serverPreferences);
-  setConfigurationTheme(store);
-
-  if (theme) {
-    const storedTheme = store.getState()?.preferences?.theme;
-    //$FlowFixMe[incompatible-call]
-    createTheme(storedTheme, theme);
-  }
-
-  setI18n(store, locales, request);
-
-  if (preloadApplication) {
-    setApplication(store);
-  }
-
-  handleErrors(store);
-
-  handleBeforeRenderHooks(beforeRenderHooks, { store, request });
-
-  return renderSSRMinimal({ store, theme, UUID, render, template });
-};
-
-export default serverNoSSR;

package/src/react-server/serverSSR.js

@@ -1,70 +0,0 @@
-// @flow
-import "./contextPath";
-
-import createUUID from "../utils/helpers/createUUID";
-import { getFullRequestHref } from "./requestInformation";
-
-import {
-  createReduxStore,
-  setI18n,
-  setServerPreferences,
-  setConfigurationTheme,
-} from "./serverUtil";
-
-import { handleBeforeRenderHooks } from "../redux/store/beforeRenderHooks";
-
-import renderSSRComplete from "./renderSSRComplete";
-
-import type { TemplateProps } from "./htmlpage";
-import type { BeforeRenderHook } from "../redux/store/beforeRenderHooks";
-import type { PreferenceValue } from "./serverUtil";
-import type { LocaleConfiguration } from "../i18n/types";
-type serverProps = {
-  request: HttpServletRequestJava,
-  locales?: Array<LocaleConfiguration>,
-  customReducers?: Object,
-  theme?: Object,
-  serverPreferences?: Array<string | PreferenceValue>,
-  render: Function,
-  ErrorPage?: any,
-  template?: (TemplateProps) => string,
-  beforeRenderHooks?: Array<BeforeRenderHook>,
-};
-
-/**
- */
-const serverSSR = ({
-  request,
-  locales,
-  customReducers,
-  serverPreferences = [],
-  theme = null,
-  render,
-  ErrorPage,
-  template,
-  beforeRenderHooks,
-}: serverProps): Promise<string> => {
-  const UUID = createUUID();
-  __webpack_nonce__ = UUID; // NOSONAR
-
-  const requestHref = getFullRequestHref(request);
-  const store = createReduxStore(requestHref, customReducers);
-
-  setServerPreferences(store, serverPreferences);
-  setConfigurationTheme(store);
-  setI18n(store, locales, request);
-
-  handleBeforeRenderHooks(beforeRenderHooks, { request, store });
-
-  return renderSSRComplete({
-    store,
-    theme,
-    UUID,
-    requestHref,
-    render,
-    ErrorPage,
-    template,
-  });
-};
-
-export default serverSSR;

package/src/react-server/serverUtil.js

@@ -1,279 +0,0 @@
-// @flow
-import { createMemoryHistory } from "history";
-import { has } from "../utils/helpers/objects";
-import deepmerge from "deepmerge";
-
-import configureStore from "../redux/store/configureStore";
-
-import { availableLocales } from "../i18n/Locales";
-import Locales from "../i18n/Locales";
-
-import { getPreferredLocale } from "./requestInformation";
-import { setLocales } from "../redux/_i18n/I18nActions";
-
-import {
-  setServerPreference,
-  setThemePreference,
-  setPreference,
-  setAllContentInDataSetting,
-  setLoginPreferences,
-  setDateTimeSettings,
-} from "../redux/actions/Preferences";
-
-import { getEnabledLocales } from "../constants/Settings";
-
-import IllegalArgumentException from "../exceptions/IllegalArgumentException";
-
-import { initModels } from "../redux/_modularui/ModularUIActions";
-import { getLocale } from "../redux/selectors/i18n";
-
-import ModularUIRequest from "../modularui/ModularUIRequest";
-
-import type { LocaleConfiguration } from "../i18n/types";
-import type { ReduxState, ReduxStore } from "../redux/types";
-import type Href from "../models/href/Href";
-import type { RouterHistory } from "react-router";
-
-export type PreferenceValue = {
-  name: string,
-  defaultValue?: string | null,
-  type?: string,
-};
-
-/**
- */
-const createReduxStore = (
-  requestHref: Href,
-  customReducers: Object,
-  initialState?: $Shape<ReduxState>,
-): ReduxStore => {
-  // $FlowExpectedError
-  const history: RouterHistory = createMemoryHistory({
-    initialEntries: [requestHref.toString()],
-  });
-
-  const { store } = configureStore(history, customReducers, initialState);
-
-  return store;
-};
-
-/**
- */
-const setI18n = (
-  store: ReduxStore,
-  locales: Array<LocaleConfiguration> = [],
-  request: HttpServletRequestJava,
-) => {
-  if (!Array.isArray(locales)) {
-    throw new IllegalArgumentException("locales must be an array of objects");
-  }
-  if (!request) {
-    throw new IllegalArgumentException("missing request argument");
-  }
-
-  const mergedLocales = availableLocales.map((locale) => {
-    const code = locale.code;
-    const customLocale = locales.find((custLocale) => custLocale.code === code);
-
-    if (customLocale) {
-      return deepmerge(locale, customLocale);
-    }
-
-    return locale;
-  });
-
-  locales.forEach((customLocale) => {
-    if (!mergedLocales.some((locale) => locale.code === customLocale.code)) {
-      mergedLocales.push(customLocale);
-    }
-  });
-
-  const enabledLocales = mergedLocales.filter((locale: LocaleConfiguration) =>
-    getEnabledLocales().includes(locale.code),
-  );
-
-  const localesInstance = new Locales(enabledLocales);
-  const preferredLocale = getPreferredLocale(request, localesInstance);
-  store.dispatch(setLocales(localesInstance, preferredLocale ?? "en"));
-};
-
-const setServerPreferencesFromArray = (
-  store: ReduxStore,
-  serverPreferences: Array<string | PreferenceValue>,
-) => {
-  serverPreferences.forEach((serverPreference) => {
-    if (typeof serverPreference === "object") {
-      const { name, defaultValue, type } = serverPreference;
-      store.dispatch(setServerPreference(name, defaultValue, type));
-    } else {
-      store.dispatch(setServerPreference(serverPreference, null));
-    }
-  });
-};
-
-/**
- * Server preferences can be suplied by an array of preference names,
- * or an array of objects which has the name, an optional default value and an optional type.<br>
- * When the type is set to string, a comma separated value is not converted to an array:
- *
- * @example
- * // value becomes an array [default1, default2]
- * { name: "prefName", defaultValue: "default1, default2" }
- * // value remains a string "default1, default2"
- * { name: "prefName", defaultValue: "default1, default2", type: "string" }
- *
- * @param store
- * @param serverPreferences
- */
-const setServerPreferences = (
-  store: ReduxStore,
-  serverPreferences: Array<string | PreferenceValue>,
-) => {
-  if (Array.isArray(serverPreferences)) {
-    setServerPreferencesFromArray(store, serverPreferences);
-  }
-
-  store.dispatch(setAllContentInDataSetting());
-  store.dispatch(setLoginPreferences());
-  store.dispatch(setDateTimeSettings());
-
-  if (
-    preferencesProvider &&
-    preferencesProvider.isStudioContext &&
-    preferencesProvider.isStudioContext()
-  ) {
-    store.dispatch(setPreference("isStudioContext", true));
-  }
-};
-
-/**
- */
-const setConfigurationTheme = (store: ReduxStore) => {
-  let configTheme = null;
-
-  const configFileLocation = preferencesProvider.getLayoutConfigFileLocation();
-  if (typeof configFileLocation === "string") {
-    const configFilePath = configFileLocation.startsWith("/")
-      ? `/resource${configFileLocation}`
-      : `/resource/${configFileLocation}`;
-
-    configTheme = dataFetcher.fetch(configFilePath);
-
-    if (configTheme) {
-      store.dispatch(setThemePreference(configTheme));
-    } else {
-      throw new Error(
-        `Could not read theme configuration file from: ${configFilePath}`,
-      );
-    }
-  }
-};
-
-/**
- */
-const setApplication = (store: ReduxStore) => {
-  try {
-    const locale = getLocale(store.getState());
-    const application = new ModularUIRequest("/", {
-      locale: locale,
-    }).fetchSync();
-
-    application.connectKey = `application(/)(${locale})`;
-
-    store.dispatch(
-      initModels([
-        {
-          key: `application(/)(${locale})`,
-          model: application,
-        },
-      ]),
-    );
-  } catch (e) {
-    // swallow error, in this case we just don't pre-cache the webapplication,
-    // which has not much difference for the end user
-  }
-};
-
-/**
- */
-const handleErrors = (store: ReduxStore) => {
-  const state = store.getState();
-
-  if (
-    state.error &&
-    (state.error.shouldThrowOnServer ||
-      !has(state.error, "shouldThrowOnServer"))
-  ) {
-    throw state.error;
-  }
-};
-
-/**
- */
-const dehydrate = (store: ReduxStore): string => {
-  const state = store.getState();
-
-  const modularui: {
-    [key: string]: { status: string, lastModification: number, model: ?Object },
-  } = {};
-
-  for (const key in state.modularui) {
-    const { status, model, lastModification } = state.modularui[key];
-
-    if (model) {
-      modularui[key] = {
-        status,
-        lastModification,
-        model: model.dehydrate(),
-      };
-    } else {
-      modularui[key] = {
-        status,
-        lastModification,
-        model: undefined,
-      };
-    }
-  }
-
-  const filteredState = {
-    ...state,
-    modularui,
-  };
-
-  return JSON.stringify(filteredState).replace(/</g, "\\u003c");
-};
-
-/**
- */
-const createHead = (
-  sheet: any,
-  UUID: string,
-  helmetContext?: Object,
-): Object => {
-  const style = sheet.getStyleTags();
-  const meta = helmetContext ? [...helmetContext.helmet.meta] : [];
-
-  if (helmetContext) {
-    return {
-      ...helmetContext.helmet,
-      style,
-      meta,
-    };
-  }
-
-  return {
-    style,
-    meta,
-  };
-};
-
-export {
-  createReduxStore,
-  setI18n,
-  setApplication,
-  setServerPreferences,
-  setConfigurationTheme,
-  createHead,
-  handleErrors,
-  dehydrate,
-};

package/src/react-theme/ThemeProvider.js

@@ -1,25 +0,0 @@
-// @flow
-import { useSelector } from "react-redux";
-import { ThemeProvider as SCThemeProvider } from "styled-components";
-
-import createTheme from "./createTheme";
-
-import type { Node } from "react";
-import type { Theme } from "./types";
-
-export type Props = {
-  +theme?: Theme | Array<Theme>,
-  +children: Node,
-};
-
-/**
- */
-const ThemeProvider = ({ theme, children }: Props): Node => {
-  const storedTheme = useSelector(({ preferences }) => preferences.theme);
-  const finalTheme = createTheme(storedTheme, theme);
-
-  return <SCThemeProvider theme={finalTheme}>{children}</SCThemeProvider>;
-};
-ThemeProvider.displayName = "BI.ThemeProvider";
-
-export default ThemeProvider;

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

@@ -1,84 +0,0 @@
-import createTheme from "../createTheme";
-
-import { getContrastYIQ } from "../utils/contrast";
-
-describe("themeProvider", () => {
-  it("tests configuration as found in ThemeProvider.js, with stored theme", () => {
-    const DefaultTheme = {
-      settings: {
-        SettingA: "ValueA",
-        SettingOVerride: "DefaultValue",
-      },
-      PRIMARY_ACCENT_COLOR: "#0d3256",
-      APPLICATION_LABEL_COLOR: "$PRIMARY_ACCENT_COLOR",
-      PRIMARY_COLOR: "#0000ff",
-      SECONDARY_COLOR: "#00ff00",
-      BUTTON_COLOR: "$PRIMARY_COLOR",
-    };
-
-    const createDefaultTheme = (input) => ({
-      ...input,
-      BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR),
-    });
-
-    const CustomThemeFromRepo = {
-      settings: {
-        SettingB: "ValueB",
-        SettingOVerride: "CustomValue",
-      },
-      BRAND_COLOR: "green",
-      APPLICATION_LABEL_COLOR: "$BRAND_COLOR",
-      PRIMARY_COLOR: "red",
-    };
-
-    const theme = createTheme(CustomThemeFromRepo, [
-      DefaultTheme,
-      createDefaultTheme,
-    ]);
-
-    expect(theme).toStrictEqual({
-      settings: {
-        SettingA: "ValueA",
-        SettingB: "ValueB",
-        SettingOVerride: "CustomValue",
-      },
-      APPLICATION_LABEL_COLOR: "green",
-      BRAND_COLOR: "green",
-      BUTTON_BG: "#fff",
-      BUTTON_COLOR: "red",
-      PRIMARY_ACCENT_COLOR: "#0d3256",
-      PRIMARY_COLOR: "red",
-      SECONDARY_COLOR: "#00ff00",
-    });
-  });
-
-  it("tests configuration as found in ThemeProvider.js, without stored theme", () => {
-    const DefaultTheme = {
-      settings: {
-        SettingA: "ValueA",
-      },
-      PRIMARY_ACCENT_COLOR: "#0d3256",
-      APPLICATION_LABEL_COLOR: "$PRIMARY_ACCENT_COLOR",
-      PRIMARY_COLOR: "#0000ff",
-      SECONDARY_COLOR: "#00ff00",
-      BUTTON_COLOR: "$PRIMARY_COLOR",
-    };
-
-    const createDefaultTheme = (input) => ({
-      ...input,
-      BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR),
-    });
-
-    const theme = createTheme(void 0, [DefaultTheme, createDefaultTheme]);
-
-    expect(theme).toStrictEqual({
-      settings: { SettingA: "ValueA" },
-      APPLICATION_LABEL_COLOR: "#0d3256",
-      BUTTON_BG: "#fff",
-      BUTTON_COLOR: "#0000ff",
-      PRIMARY_ACCENT_COLOR: "#0d3256",
-      PRIMARY_COLOR: "#0000ff",
-      SECONDARY_COLOR: "#00ff00",
-    });
-  });
-});