@beinformed/ui 1.65.12 → 1.65.14

package/src/redux/_modularui/ModularUIReducer.js

@@ -1,169 +0,0 @@
-// @flow
-import { MODULARUI_STATUS } from "../../constants/Constants";
-import { ApplicationModel } from "../../models";
-
-import type { Reducer } from "redux";
-import type { ReduxAction } from "../types";
-import type { ModularUIState } from "./types";
-import type { ModularUIModel } from "../../models";
-
-/**
- */
-const updateStatus = (
-  state: ModularUIState,
-  {
-    key,
-    status,
-    requestOptions,
-  }: {
-    key: string,
-    status: $Keys<typeof MODULARUI_STATUS>,
-    requestOptions: any,
-  },
-) => {
-  // model should always be available when status is not loading
-  if (status !== MODULARUI_STATUS.LOADING && !state[key]) {
-    return state;
-  }
-
-  return {
-    ...state,
-    [key]: {
-      ...state[key],
-      status,
-      lastModification: Date.now(),
-      requestOptions: requestOptions || state[key]?.requestOptions,
-    },
-  };
-};
-
-/**
- */
-const setModel = (
-  state: ModularUIState,
-  { key, model }: { key: string, model: ?ModularUIModel },
-) => {
-  if (!state[key]) {
-    return state;
-  }
-
-  if (model) {
-    return {
-      ...state,
-      [key]: {
-        ...state[key],
-        model,
-        lastModification: Date.now(),
-        status: MODULARUI_STATUS.FINISHED,
-      },
-    };
-  }
-
-  // eslint-disable-next-line no-console
-  console.debug("No model for setModel");
-  return state;
-};
-
-/**
- */
-const initModularUI = (
-  state: ModularUIState,
-  models: Array<{ key: string, model: ModularUIModel }>,
-) => {
-  const newState = Object.assign({}, state);
-
-  models.forEach(({ key, model }) => {
-    newState[key] = {
-      status: MODULARUI_STATUS.FINISHED,
-      lastModification: Date.now(),
-      model,
-    };
-  });
-
-  return newState;
-};
-
-/**
- */
-const getModelKey = (state: ModularUIState, model: ModularUIModel) =>
-  Object.keys(state).find((key) => {
-    const connectKey = state[key]?.model?.connectKey ?? "";
-    return connectKey === model.connectKey;
-  });
-
-/**
- */
-const updateModel = (state: ModularUIState, model: ModularUIModel) => {
-  const modelKey = getModelKey(state, model);
-
-  if (modelKey) {
-    return setModel(state, { key: modelKey, model });
-  }
-
-  // eslint-disable-next-line no-console
-  console.debug(
-    `ModularUIReducer: Cannot update model with key ${model.connectKey}`,
-  );
-  return state;
-};
-
-/**
- */
-const removeKey = (modelKey: string, state: ModularUIState): ModularUIState => {
-  const newState = Object.assign({}, state);
-  delete newState[modelKey];
-  return newState;
-};
-
-/**
- * Remove all but application models
- */
-const resetModularUI = (state: ModularUIState) => {
-  const newState: ModularUIState = {};
-
-  for (const key in state) {
-    if (state[key].model instanceof ApplicationModel) {
-      newState[key] = { ...state[key] };
-    }
-  }
-
-  return newState;
-};
-
-const initialState: ModularUIState = {};
-
-/**
- * Modular UI Reducer
- */
-export const ModularUIReducer: Reducer<ModularUIState, ReduxAction> = (
-  state = initialState,
-  action,
-) => {
-  if (!action) {
-    return state;
-  }
-
-  switch (action.type) {
-    case "MODULARUI/INIT":
-      return initModularUI(state, action.payload);
-
-    case "MODULARUI/RESET":
-      return resetModularUI(state);
-
-    case "MODULARUI/STATUS":
-      return updateStatus(state, action.payload);
-
-    case "MODULARUI/SET":
-      return setModel(state, action.payload);
-
-    case "MODULARUI/UPDATE":
-    case "MODULARUI/UPDATE_FORM":
-      return updateModel(state, action.payload);
-
-    case "MODULARUI/REMOVE_KEY":
-      return removeKey(action.payload, state);
-
-    default:
-      return state;
-  }
-};

package/src/redux/_modularui/ModularUISelectors.js

@@ -1,322 +0,0 @@
-// @flow
-import {
-  createSelector,
-  createSelectorCreator,
-  defaultMemoize,
-} from "reselect";
-import { has } from "../../utils/helpers/objects";
-
-import Href from "../../models/href/Href";
-import ContentModel from "../../models/content/ContentModel";
-import ContentTOCModel from "../../models/content/ContentTOCModel";
-import ApplicationModel from "../../models/application/ApplicationModel";
-import TabModel from "../../models/tab/TabModel";
-import CaseViewModel from "../../models/caseview/CaseViewModel";
-import FormModel from "../../models/form/FormModel";
-
-import type { ReduxState, PreferenceValue } from "../types";
-import type { ModularUIModel } from "../../models/types";
-import { MODULARUI_STATUS } from "../../constants";
-
-/**
- */
-export const getAllModelsByInstance = <T>(
-  state: ReduxState,
-  instance: Class<T>,
-): Array<ModularUIModel> => {
-  const locale = state?.i18n?.locale || "en";
-  const modularui = state?.modularui;
-
-  if (modularui) {
-    return Object.keys(modularui)
-      .filter((key) => {
-        const { model } = modularui[key];
-        return model instanceof instance && model.locale === locale;
-      })
-      .map((key) => modularui[key].model);
-  }
-
-  return [];
-};
-
-/**
- */
-export const getFirstModelByInstance = <T>(
-  state: ReduxState,
-  instance: Class<T>,
-): T | null => {
-  const locale = state?.i18n?.locale || "en";
-  const modularui = state?.modularui;
-
-  if (modularui) {
-    const key = Object.keys(modularui).find((key) => {
-      const { model } = modularui[key];
-      return model instanceof instance && model.locale === locale;
-    });
-
-    if (key) {
-      const { model } = modularui[key];
-      if (model instanceof instance) {
-        return model;
-      }
-    }
-  }
-
-  return null;
-};
-
-/**
- */
-export const getActiveModelByInstance = <T>(
-  state: ReduxState,
-  instance: Class<T>,
-): T | null => {
-  const location = getLocation(state);
-
-  const locale = state?.i18n?.locale || "en";
-  const modularui = state?.modularui;
-
-  if (modularui) {
-    const key = Object.keys(modularui).find((key) => {
-      const { model } = modularui[key];
-      return (
-        model instanceof instance &&
-        model.locale === locale &&
-        location.startsWith(model.selfhref.path)
-      );
-    });
-
-    if (key) {
-      const { model } = modularui[key];
-      if (model instanceof instance) {
-        return model;
-      }
-    }
-  }
-
-  return null;
-};
-
-/**
- * Get the application model, which is the model with selfhref '/'
- */
-export const getApplication = (state: ReduxState): null | ApplicationModel =>
-  getFirstModelByInstance(state, ApplicationModel);
-
-/**
- */
-export const getTab = (state: ReduxState): null | TabModel =>
-  getFirstModelByInstance(state, TabModel);
-
-/**
- */
-export const getCaseView = (state: ReduxState): null | CaseViewModel =>
-  getFirstModelByInstance(state, CaseViewModel);
-
-/**
- */
-export const getForm = (state: ReduxState): null | FormModel =>
-  getFirstModelByInstance(state, FormModel);
-
-/**
- * Get the model by it's href
- */
-export const modelByHref = (
-  state: ReduxState,
-  href: Href | string,
-): null | ModularUIModel => {
-  if (state && state.modularui) {
-    const findHref = href instanceof Href ? href : new Href(href);
-
-    const modelConfigKey = Object.keys(state.modularui).find((key) => {
-      const model = state.modularui[key];
-
-      return (
-        model.model &&
-        model.model.selfhref &&
-        model.model.selfhref.equals(findHref)
-      );
-    });
-
-    if (modelConfigKey) {
-      return state.modularui[modelConfigKey].model;
-    }
-  }
-
-  return null;
-};
-
-/**
- * Return the key of a model by the selfhref the model is saved in the reducer
- */
-export const keyByHref = (state: ReduxState, href: Href | string): ?string => {
-  if (state && state.modularui) {
-    const findHref = href instanceof Href ? href : new Href(href);
-
-    return Object.keys(state.modularui).find((key) => {
-      const { model } = state.modularui[key];
-      return model && model.selfhref && model.selfhref.equals(findHref);
-    });
-  }
-
-  return null;
-};
-
-/**
- * Returns all model keys found in the store, restrict on href
- */
-export const allKeysByHref = (
-  state: ReduxState,
-  href: Href | string,
-): Array<string> => {
-  if (state && state.modularui) {
-    const findHref = href instanceof Href ? href : new Href(href);
-
-    return Object.keys(state.modularui).filter((key) => {
-      const { model } = state.modularui[key];
-      return model && model.selfhref && model.selfhref.equals(findHref);
-    });
-  }
-
-  return [];
-};
-
-/**
- */
-const getLocation = (state: ReduxState): string =>
-  state?.router?.location.pathname;
-
-/**
- */
-const getModels = (state: ReduxState) => {
-  const models = [];
-
-  Object.keys(state.modularui).forEach((modelKey: string) => {
-    const modelEntry = state.modularui[modelKey];
-
-    if (has(modelEntry, "model")) {
-      const { key, selfhref, label, type } = modelEntry.model;
-
-      const modelInfo = {
-        key,
-        selfhref,
-        label,
-        type,
-        selfContentLink: null,
-      };
-
-      if (
-        modelEntry.model instanceof ContentModel ||
-        modelEntry.model instanceof ContentTOCModel
-      ) {
-        models.push({
-          ...modelInfo,
-          selfContentLink: modelEntry.model.selfContentLink,
-        });
-      } else {
-        models.push(modelInfo);
-      }
-    }
-  });
-
-  return models;
-};
-
-export const getActiveModels: (state: ReduxState) => Array<{
-  key: string,
-  href: Href,
-  label: string,
-  type: string,
-}> = createSelectorCreator(
-  defaultMemoize,
-  (value, other) => JSON.stringify(value) === JSON.stringify(other),
-)([getLocation, getModels], (location, models) => {
-  const contextModels = [];
-
-  if (location) {
-    const locationParts = location.split("/");
-
-    locationParts.reduce((accumulator, current) => {
-      const path = `${accumulator}/${current}`;
-
-      // Remove modelcatalog part to match breadcrumb parts
-      const comparePath = decodeURIComponent(path).replace(
-        "/modelcatalog/",
-        "/",
-      );
-
-      const foundEntry = models.find(
-        (model) => model.selfhref && model.selfhref.equals(comparePath),
-      );
-
-      if (foundEntry) {
-        const { key, label, type, selfhref, selfContentLink } = foundEntry;
-
-        const href =
-          path.startsWith("/modelcatalog/") && selfContentLink
-            ? new Href(`/modelcatalog${selfContentLink.encodedHref.toString()}`)
-            : selfhref;
-
-        contextModels.push({ key, href, label, type });
-      }
-
-      return path;
-    });
-  }
-
-  return contextModels;
-});
-
-/**
- */
-export const getPreference = (
-  state: ReduxState,
-  preferenceName: string,
-): null | PreferenceValue => {
-  if (state && state.preferences) {
-    return state.preferences[preferenceName];
-  }
-
-  return null;
-};
-
-/**
- * @deprecated - Use getFirstModelByInstance or the appropriate getter for the model type: getApplication, getTab, etc
- */
-export const getModelsByType = (
-  state: ReduxState,
-  type: string,
-): Array<ModularUIModel> => {
-  if (state && state.modularui) {
-    return Object.keys(state.modularui)
-      .filter(
-        (key) =>
-          state.modularui[key] &&
-          state.modularui[key].model &&
-          state.modularui[key].model.type === type,
-      )
-      .map((key) => state.modularui[key].model);
-  }
-
-  return [];
-};
-
-/**
- */
-export const getAllFinishedModels: (
-  state: ReduxState,
-) => Array<ModularUIModel> = createSelector(
-  (state: ReduxState) => state.modularui,
-  (modularui): Array<ModularUIModel> => {
-    if (modularui) {
-      return Object.keys(modularui)
-        .filter(
-          (key) =>
-            modularui[key] &&
-            modularui[key].status === MODULARUI_STATUS.FINISHED,
-        )
-        .map((key) => modularui[key].model);
-    }
-    return [];
-  },
-);

package/src/redux/_modularui/ModularUIUtils.js

@@ -1,96 +0,0 @@
-// @flow
-import { useState } from "react";
-
-import { getDisplayName } from "../../react/utils";
-import { MODULARUI_STATUS } from "../../constants/Constants";
-import Href from "../../models/href/Href";
-
-import type { ComponentType } from "react";
-
-/**
- * Generate modular ui url
- */
-const getUrl = (resource: string | Function | Href, props: Object): Href => {
-  const url = typeof resource === "function" ? resource(props) : resource;
-
-  if (url instanceof Href) {
-    return url;
-  }
-
-  return new Href(url);
-};
-
-/**
- */
-export const useUrl = (
-  resource: string | Function | Href,
-  props: Object,
-): Href => {
-  const [previousUrl, setPreviousUrl] = useState(null);
-  const [previousExact, setPreviousExact] = useState(false);
-
-  const url = getUrl(resource, props);
-
-  if (url == null && previousUrl == null) {
-    return new Href("");
-  }
-
-  const { match } = props;
-
-  // when match is not available through props,
-  // this is a direct call to the modular ui hoc, not using a route
-  if (!match) {
-    return url;
-  }
-
-  if (url.equalsWithParameters(previousUrl)) {
-    return previousUrl || url;
-  }
-
-  // Always create an url when the match is exact
-  // Or when the match is not exact AND the original match also was not exact
-  // Or when the new start uri is different from the previous url --> different resource for same panel
-  if (
-    match.isExact === true ||
-    previousExact === match.isExact ||
-    !previousUrl?.startsWith(match.url)
-  ) {
-    setPreviousUrl(url);
-    setPreviousExact(match.isExact);
-
-    return url;
-  }
-
-  return previousUrl || new Href("");
-};
-
-/**
- * Create key for modularui request based on component name and requested url
- */
-export const getKey = (
-  WrappedComponent: ComponentType<any>,
-  name: string,
-  url: string,
-): string => {
-  if (url) {
-    return `${getDisplayName(WrappedComponent, name)}(${url.split("?")[0]})`;
-  }
-
-  return getDisplayName(WrappedComponent, name);
-};
-
-/**
- * Check if the model corresponding to a modular ui service should be reloaded
- */
-export const useReload = (modelEntry: Object, reload: number = 0): boolean => {
-  if (reload > 0) {
-    const isFullyLoaded = modelEntry?.status === MODULARUI_STATUS.FINISHED;
-    const lastModification = modelEntry?.lastModification ?? 0;
-
-    if (isFullyLoaded && lastModification < reload) {
-      return true;
-    }
-  }
-
-  return false;
-};