@beinformed/ui 1.65.18 → 1.65.20

package/esm/hooks/useModularUIBasic.js.flow

@@ -8,6 +8,10 @@ import { HTTP_METHODS, MODULARUI_STATUS } from "../constants";
 import { useModularUIKey } from "./useModularUIKey";
 
 import type { ModularUIModel, Href } from "../models";
+
+/**
+ * Configuration options for low-level modular UI requests.
+ */
 export type HookOptions = {
   key?: string,
   origin?: string,
@@ -16,8 +20,12 @@ export type HookOptions = {
   formdata?: any,
 };
 
+/**
+ * Configuration options for the useModularUIBasic hook.
+ * Allows for type enforcement, caching control, and reload behavior.
+ */
 export type UseModularUIBasicOptions<T: ModularUIModel> = {
-  expectedModels?: Array<string>,
+  expectedModels?: Array<string>, // List of model types (strings) that are valid for this call
   targetModel?: Class<T> | Array<Class<T>>,
   forceTargetModel?: boolean,
   origin?: string,
@@ -26,10 +34,17 @@ export type UseModularUIBasicOptions<T: ModularUIModel> = {
   key?: string,
   isReload?: boolean,
   removeOnUnmount?: boolean,
-  formdata?: any,
+  formdata?: any, // If present, the hook switches from GET to POST
 };
 
-// Helper to create useModularUI options
+/**
+ * Internal helper to transform high-level hook options into a configuration
+ * object compatible with the core useModularUI fetcher.
+ * Logic:
+ * 1. Defaults to GET method.
+ * 2. If 'formdata' is present, it switches to POST and assigns 'data'.
+ * 3. Forces 'isReload' if the useReload check returns true.
+ */
 const createUseModularUIOptions = <T: ModularUIModel>(
   options: UseModularUIBasicOptions<T>,
   href: string,
@@ -51,7 +66,10 @@ const createUseModularUIOptions = <T: ModularUIModel>(
   return baseOptions;
 };
 
-// Helper to validate the model against expectedModels
+/**
+ * Validates that the returned model type matches one of the expected model strings.
+ * Logs a warning to the console if there is a mismatch (useful for debugging UI-backend contracts).
+ */
 const validateModel = (model: any, expectedModels: Array<string>) => {
   if (expectedModels.length > 0) {
     const isCorrectModel = expectedModels.includes(model.type);
@@ -62,7 +80,12 @@ const validateModel = (model: any, expectedModels: Array<string>) => {
 };
 
 /**
- * useModularUIBasic Hook
+ * A simplified abstraction over useModularUI that includes automatic
+ * model validation and smart-reload logic based on router state.
+ *
+ * @param {string} defaultKey - The default identifier for the model.
+ * @param {string | Href} href - The endpoint to fetch.
+ * @param {UseModularUIBasicOptions} options - Extended configuration options.
  */
 export const useModularUIBasic = <T: ModularUIModel>(
   defaultKey: string,
@@ -70,20 +93,27 @@ export const useModularUIBasic = <T: ModularUIModel>(
   options: UseModularUIBasicOptions<T> = (({}: any): UseModularUIBasicOptions<T>),
 ): T | null => {
   const memoizedHref = useMemo(() => href.toString(), [href]);
+
+  // Use the key provided in options if available, otherwise fallback to the default
   const key = options.key ?? defaultKey;
 
+  // Determine if we need to bypass cache based on navigation 'reload' signals
   const mustReload = useReload(key, memoizedHref);
+
+  // Memoize options to prevent useModularUI from re-fetching on every parent render
   const modularUIOptions = useMemo(
     () => createUseModularUIOptions(options, memoizedHref, mustReload),
     [options, memoizedHref, mustReload],
   );
 
   const modularUI = useModularUI(key, href, modularUIOptions);
+
   const expectedModels = useMemo(
     () => options.expectedModels ?? [],
     [options.expectedModels],
   );
 
+  // Extract and validate the model from the modularUI wrapper object
   return useMemo((): T | null => {
     if (modularUI?.model) {
       validateModel(modularUI.model, expectedModels);
@@ -94,18 +124,31 @@ export const useModularUIBasic = <T: ModularUIModel>(
 };
 
 /**
- * Check if the model corresponding to a modular ui service should be reloaded
+ * Determines if a model should be reloaded based on the 'reload' timestamp
+ * found in the React Router location state.
+ * This is used for "force refresh" scenarios where a user navigates to a
+ * page and expects fresh data (e.g., after a form submission elsewhere).
+ * @param {string} modelKey - The model type key.
+ * @param {string} url - The resource URL.
+ * @returns {boolean} True if the store data is stale compared to the reload signal.
  */
 export const useReload = (modelKey: string, url: string): boolean => {
   const location = useLocation();
   const key = useModularUIKey(modelKey, url);
+
+  // Access the current entry in the Redux store
   const modelEntry = useSelector((state) => state.modularui[key]);
 
   if (modelEntry) {
     const reload = location.state?.reload || 0;
+
+    // If a reload timestamp exists in the router state
     if (reload > 0) {
       const isFullyLoaded = modelEntry?.status === MODULARUI_STATUS.FINISHED;
       const lastModification = modelEntry?.lastModification ?? 0;
+
+      // Trigger reload only if the model is already finished loading
+      // AND the data we have is older than the requested reload time.
       if (isFullyLoaded && lastModification < reload) {
         return true;
       }

package/esm/hooks/useModularUIBasic.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModularUIBasic.js","names":["useLocation","useSelector","useMemo","useModularUI","HTTP_METHODS","MODULARUI_STATUS","useModularUIKey","createUseModularUIOptions","options","href","mustReload","baseOptions","expectedModels","method","GET","data","undefined","isReload","formdata","POST","validateModel","model","length","isCorrectModel","_includesInstanceProperty","call","type","console","warn","useModularUIBasic","defaultKey","memoizedHref","toString","key","useReload","modularUIOptions","modularUI","modelKey","url","location","modelEntry","state","modularui","reload","isFullyLoaded","status","FINISHED","lastModification"],"sources":["../../src/hooks/useModularUIBasic.js"],"sourcesContent":["// @flow\nimport { useLocation } from \"react-router\";\nimport { useSelector } from \"react-redux\";\nimport { useMemo } from \"react\";\nimport { useModularUI } from \"./useModularUI\";\n\nimport { HTTP_METHODS, MODULARUI_STATUS } from \"../constants\";\nimport { useModularUIKey } from \"./useModularUIKey\";\n\nimport type { ModularUIModel, Href } from \"../models\";\nexport type HookOptions = {\n  key?: string,\n  origin?: string,\n  contextPath?: string,\n  removeOnUnmount?: boolean,\n  formdata?: any,\n};\n\nexport type UseModularUIBasicOptions<T: ModularUIModel> = {\n  expectedModels?: Array<string>,\n  targetModel?: Class<T> | Array<Class<T>>,\n  forceTargetModel?: boolean,\n  origin?: string,\n  contextPath?: string,\n  cache?: boolean,\n  key?: string,\n  isReload?: boolean,\n  removeOnUnmount?: boolean,\n  formdata?: any,\n};\n\n// Helper to create useModularUI options\nconst createUseModularUIOptions = <T: ModularUIModel>(\n  options: UseModularUIBasicOptions<T>,\n  href: string,\n  mustReload: boolean,\n): Object => {\n  const baseOptions = {\n    expectedModels: [],\n    method: HTTP_METHODS.GET,\n    data: undefined,\n    ...options,\n    isReload: mustReload || options.isReload,\n  };\n\n  if (options.formdata != null) {\n    baseOptions.method = HTTP_METHODS.POST;\n    baseOptions.data = options.formdata;\n  }\n\n  return baseOptions;\n};\n\n// Helper to validate the model against expectedModels\nconst validateModel = (model: any, expectedModels: Array<string>) => {\n  if (expectedModels.length > 0) {\n    const isCorrectModel = expectedModels.includes(model.type);\n    if (!isCorrectModel) {\n      console.warn(model, \"is not of instance\", expectedModels);\n    }\n  }\n};\n\n/**\n * useModularUIBasic Hook\n */\nexport const useModularUIBasic = <T: ModularUIModel>(\n  defaultKey: string,\n  href: string | Href,\n  options: UseModularUIBasicOptions<T> = (({}: any): UseModularUIBasicOptions<T>),\n): T | null => {\n  const memoizedHref = useMemo(() => href.toString(), [href]);\n  const key = options.key ?? defaultKey;\n\n  const mustReload = useReload(key, memoizedHref);\n  const modularUIOptions = useMemo(\n    () => createUseModularUIOptions(options, memoizedHref, mustReload),\n    [options, memoizedHref, mustReload],\n  );\n\n  const modularUI = useModularUI(key, href, modularUIOptions);\n  const expectedModels = useMemo(\n    () => options.expectedModels ?? [],\n    [options.expectedModels],\n  );\n\n  return useMemo((): T | null => {\n    if (modularUI?.model) {\n      validateModel(modularUI.model, expectedModels);\n      return modularUI.model;\n    }\n    return null;\n  }, [expectedModels, modularUI]);\n};\n\n/**\n * Check if the model corresponding to a modular ui service should be reloaded\n */\nexport const useReload = (modelKey: string, url: string): boolean => {\n  const location = useLocation();\n  const key = useModularUIKey(modelKey, url);\n  const modelEntry = useSelector((state) => state.modularui[key]);\n\n  if (modelEntry) {\n    const reload = location.state?.reload || 0;\n    if (reload > 0) {\n      const isFullyLoaded = modelEntry?.status === MODULARUI_STATUS.FINISHED;\n      const lastModification = modelEntry?.lastModification ?? 0;\n      if (isFullyLoaded && lastModification < reload) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useModularUIBasic.js","names":["useLocation","useSelector","useMemo","useModularUI","HTTP_METHODS","MODULARUI_STATUS","useModularUIKey","createUseModularUIOptions","options","href","mustReload","baseOptions","expectedModels","method","GET","data","undefined","isReload","formdata","POST","validateModel","model","length","isCorrectModel","_includesInstanceProperty","call","type","console","warn","useModularUIBasic","defaultKey","memoizedHref","toString","key","useReload","modularUIOptions","modularUI","modelKey","url","location","modelEntry","state","modularui","reload","isFullyLoaded","status","FINISHED","lastModification"],"sources":["../../src/hooks/useModularUIBasic.js"],"sourcesContent":["// @flow\nimport { useLocation } from \"react-router\";\nimport { useSelector } from \"react-redux\";\nimport { useMemo } from \"react\";\nimport { useModularUI } from \"./useModularUI\";\n\nimport { HTTP_METHODS, MODULARUI_STATUS } from \"../constants\";\nimport { useModularUIKey } from \"./useModularUIKey\";\n\nimport type { ModularUIModel, Href } from \"../models\";\n\n/**\n * Configuration options for low-level modular UI requests.\n */\nexport type HookOptions = {\n  key?: string,\n  origin?: string,\n  contextPath?: string,\n  removeOnUnmount?: boolean,\n  formdata?: any,\n};\n\n/**\n * Configuration options for the useModularUIBasic hook.\n * Allows for type enforcement, caching control, and reload behavior.\n */\nexport type UseModularUIBasicOptions<T: ModularUIModel> = {\n  expectedModels?: Array<string>, // List of model types (strings) that are valid for this call\n  targetModel?: Class<T> | Array<Class<T>>,\n  forceTargetModel?: boolean,\n  origin?: string,\n  contextPath?: string,\n  cache?: boolean,\n  key?: string,\n  isReload?: boolean,\n  removeOnUnmount?: boolean,\n  formdata?: any, // If present, the hook switches from GET to POST\n};\n\n/**\n * Internal helper to transform high-level hook options into a configuration\n * object compatible with the core useModularUI fetcher.\n * Logic:\n * 1. Defaults to GET method.\n * 2. If 'formdata' is present, it switches to POST and assigns 'data'.\n * 3. Forces 'isReload' if the useReload check returns true.\n */\nconst createUseModularUIOptions = <T: ModularUIModel>(\n  options: UseModularUIBasicOptions<T>,\n  href: string,\n  mustReload: boolean,\n): Object => {\n  const baseOptions = {\n    expectedModels: [],\n    method: HTTP_METHODS.GET,\n    data: undefined,\n    ...options,\n    isReload: mustReload || options.isReload,\n  };\n\n  if (options.formdata != null) {\n    baseOptions.method = HTTP_METHODS.POST;\n    baseOptions.data = options.formdata;\n  }\n\n  return baseOptions;\n};\n\n/**\n * Validates that the returned model type matches one of the expected model strings.\n * Logs a warning to the console if there is a mismatch (useful for debugging UI-backend contracts).\n */\nconst validateModel = (model: any, expectedModels: Array<string>) => {\n  if (expectedModels.length > 0) {\n    const isCorrectModel = expectedModels.includes(model.type);\n    if (!isCorrectModel) {\n      console.warn(model, \"is not of instance\", expectedModels);\n    }\n  }\n};\n\n/**\n * A simplified abstraction over useModularUI that includes automatic\n * model validation and smart-reload logic based on router state.\n *\n * @param {string} defaultKey - The default identifier for the model.\n * @param {string | Href} href - The endpoint to fetch.\n * @param {UseModularUIBasicOptions} options - Extended configuration options.\n */\nexport const useModularUIBasic = <T: ModularUIModel>(\n  defaultKey: string,\n  href: string | Href,\n  options: UseModularUIBasicOptions<T> = (({}: any): UseModularUIBasicOptions<T>),\n): T | null => {\n  const memoizedHref = useMemo(() => href.toString(), [href]);\n\n  // Use the key provided in options if available, otherwise fallback to the default\n  const key = options.key ?? defaultKey;\n\n  // Determine if we need to bypass cache based on navigation 'reload' signals\n  const mustReload = useReload(key, memoizedHref);\n\n  // Memoize options to prevent useModularUI from re-fetching on every parent render\n  const modularUIOptions = useMemo(\n    () => createUseModularUIOptions(options, memoizedHref, mustReload),\n    [options, memoizedHref, mustReload],\n  );\n\n  const modularUI = useModularUI(key, href, modularUIOptions);\n\n  const expectedModels = useMemo(\n    () => options.expectedModels ?? [],\n    [options.expectedModels],\n  );\n\n  // Extract and validate the model from the modularUI wrapper object\n  return useMemo((): T | null => {\n    if (modularUI?.model) {\n      validateModel(modularUI.model, expectedModels);\n      return modularUI.model;\n    }\n    return null;\n  }, [expectedModels, modularUI]);\n};\n\n/**\n * Determines if a model should be reloaded based on the 'reload' timestamp\n * found in the React Router location state.\n * This is used for \"force refresh\" scenarios where a user navigates to a\n * page and expects fresh data (e.g., after a form submission elsewhere).\n * @param {string} modelKey - The model type key.\n * @param {string} url - The resource URL.\n * @returns {boolean} True if the store data is stale compared to the reload signal.\n */\nexport const useReload = (modelKey: string, url: string): boolean => {\n  const location = useLocation();\n  const key = useModularUIKey(modelKey, url);\n\n  // Access the current entry in the Redux store\n  const modelEntry = useSelector((state) => state.modularui[key]);\n\n  if (modelEntry) {\n    const reload = location.state?.reload || 0;\n\n    // If a reload timestamp exists in the router state\n    if (reload > 0) {\n      const isFullyLoaded = modelEntry?.status === MODULARUI_STATUS.FINISHED;\n      const lastModification = modelEntry?.lastModification ?? 0;\n\n      // Trigger reload only if the model is already finished loading\n      // AND the data we have is older than the requested reload time.\n      if (isFullyLoaded && lastModification < reload) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/redux/_modularui/ModularUIConnector.js

@@ -1,11 +1,11 @@
-import { useEffect } from "react";
 import { useDispatch } from "react-redux";
 import { useLocation } from "react-router";
-import { loadModularUI, reloadModel, removeModelByKey } from "./ModularUIActions";
+import { loadModularUI, reloadModel } from "./ModularUIActions";
 import Href from "../../models/href/Href";
 import { getDisplayName } from "../../react/utils";
-import { useUrl, useReload } from "./ModularUIUtils";
+import { useUrl } from "./ModularUIUtils";
 import { useModularUI } from "../../hooks/useModularUI";
+import { useModularUIBasic } from "../../hooks/useModularUIBasic";
 import { useLocale } from "../../hooks/useI18n";
 import FormModel from "../../models/form/FormModel";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -28,77 +28,48 @@ const patchUpdateModelOption = oldOptions => {
 };
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useModularUI' or 'useModularUIBasic' instead
  */
 const modularUIConnector = (name, resource, options = {
   propName: "data",
-  removeOnUnmount: false
+  removeOnUnmount: true
 }) => {
   const {
     propName = "data",
-    removeOnUnmount = false,
+    removeOnUnmount = true,
     ...otherOptions
   } = options;
   return Component => {
     const WrappedComponent = props => {
-      // explicit property for removeOnMount overwrite the setting
       const finalRemoveOnUnmount = props.removeOnUnmount ?? removeOnUnmount;
       const dispatch = useDispatch();
       const location = useLocation();
+      const locale = useLocale();
       const url = useUrl(resource, {
         location,
         ...props
       });
-      const displayName = getDisplayName(Component, name, props.contextId);
 
-      // Load the model through the useModUI hook
-      const modelEntry = useModularUI(displayName, url, {
+      // $FlowFixMe
+      const model = useModularUIBasic(name, url, options);
+      const modelEntry = useModularUI(name, url, {
         ...otherOptions,
         removeOnUnmount: finalRemoveOnUnmount
       });
-      const modelKey = modelEntry?.model?.connectKey;
-
-      // handle manual reload of model
-      const handleManualReload = (model, reloadOptions) => {
-        dispatch(reloadModel(model, reloadOptions));
-      };
-
-      // Provide connected models with a fetchModularUI method to be able
-      // to run the loadModularUI action from a handler / callback in the component
+      const modelKey = model?.connectKey ?? name;
       const handleFetch = (href, fetchOptions) => {
         dispatch(loadModularUI(modelKey, href, patchUpdateModelOption(fetchOptions)));
       };
-
-      // Check if current model needs a reload
-      const reload = location?.state?.reload ?? 0;
-      const doReload = useReload(modelEntry, reload);
-      useEffect(() => {
-        if (doReload) {
-          dispatch(loadModularUI(modelKey, url, {
-            ...patchUpdateModelOption(otherOptions),
-            isReload: true
-          }));
-        }
-      }, [dispatch, doReload, url, modelKey]);
-
-      // Remove model when hoc unloads
-      useEffect(
-      // prettier-ignore
-      () => () => {
-        //NOSONAR
-        if (finalRemoveOnUnmount) {
-          dispatch(removeModelByKey(modelKey));
-        }
-      }, [dispatch, modelKey, finalRemoveOnUnmount]);
-
-      // Create new properties object to inject modularui properties to own props
-      const locale = useLocale();
+      const handleManualReload = (m, o) => {
+        dispatch(reloadModel(m, o));
+      };
       const newProps = {
         modelKey,
-        [propName]: modelEntry?.model ?? null,
+        [propName ?? "data"]: model,
         location,
         status: modelEntry?.status ?? null,
         lastModification: modelEntry?.lastModification ?? null,
-        hasModel: Boolean(modelEntry),
+        hasModel: Boolean(model),
         locale,
         fetchModularUI: handleFetch,
         reloadModel: handleManualReload
@@ -108,7 +79,7 @@ const modularUIConnector = (name, resource, options = {
         ...newProps
       });
     };
-    WrappedComponent.displayName = `BI.modularui(${getDisplayName(WrappedComponent, name)}`;
+    WrappedComponent.displayName = `BI.modularui(${getDisplayName(Component, name)})`;
     return WrappedComponent;
   };
 };

package/esm/redux/_modularui/ModularUIConnector.js.flow

@@ -1,26 +1,24 @@
 // @flow
-import { useEffect } from "react";
 import { useDispatch } from "react-redux";
 import { useLocation } from "react-router";
 
-import {
-  loadModularUI,
-  reloadModel,
-  removeModelByKey,
-} from "./ModularUIActions";
+import { loadModularUI, reloadModel } from "./ModularUIActions";
 
 import Href from "../../models/href/Href";
 import { getDisplayName } from "../../react/utils";
 
-import { useUrl, useReload } from "./ModularUIUtils";
+import { useUrl } from "./ModularUIUtils";
 import { useModularUI } from "../../hooks/useModularUI";
+import { useModularUIBasic } from "../../hooks/useModularUIBasic";
+
 import { useLocale } from "../../hooks/useI18n";
 
+import FormModel from "../../models/form/FormModel";
+
 import type { ComponentType, Node } from "react";
 import type { Location } from "react-router";
 import type { ModularUIModel } from "../../models/types";
 import type { ModularUIOptions } from "./types";
-import FormModel from "../../models/form/FormModel";
 
 export type InjectedProps = {
   +modelKey: string,
@@ -57,86 +55,54 @@ const patchUpdateModelOption = (oldOptions: Object) => {
 };
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useModularUI' or 'useModularUIBasic' instead
  */
 const modularUIConnector = (
   name: string,
   resource: string | Function,
-  options: ModularUIOptions = { propName: "data", removeOnUnmount: false },
+  options: ModularUIOptions = { propName: "data", removeOnUnmount: true },
 ): ((Component: ComponentType<any>) => (props: any) => Node) => {
   const {
     propName = "data",
-    removeOnUnmount = false,
+    removeOnUnmount = true,
     ...otherOptions
   } = options;
 
   return (Component: ComponentType<any>) => {
     const WrappedComponent = (props: any) => {
-      // explicit property for removeOnMount overwrite the setting
       const finalRemoveOnUnmount = props.removeOnUnmount ?? removeOnUnmount;
 
       const dispatch = useDispatch();
       const location = useLocation();
-
+      const locale = useLocale();
       const url = useUrl(resource, { location, ...props });
-      const displayName = getDisplayName(Component, name, props.contextId);
 
-      // Load the model through the useModUI hook
-      const modelEntry = useModularUI(displayName, url, {
+      // $FlowFixMe
+      const model = useModularUIBasic<ModularUIModel>(name, url, options);
+
+      const modelEntry = useModularUI(name, url, {
         ...otherOptions,
         removeOnUnmount: finalRemoveOnUnmount,
       });
-      const modelKey = modelEntry?.model?.connectKey;
-
-      // handle manual reload of model
-      const handleManualReload = (
-        model: ModularUIModel,
-        reloadOptions?: Object,
-      ) => {
-        dispatch(reloadModel(model, reloadOptions));
-      };
+      const modelKey = model?.connectKey ?? name;
 
-      // Provide connected models with a fetchModularUI method to be able
-      // to run the loadModularUI action from a handler / callback in the component
       const handleFetch = (href: string | Href, fetchOptions: Object) => {
         dispatch(
           loadModularUI(modelKey, href, patchUpdateModelOption(fetchOptions)),
         );
       };
 
-      // Check if current model needs a reload
-      const reload = location?.state?.reload ?? 0;
-      const doReload = useReload(modelEntry, reload);
-      useEffect(() => {
-        if (doReload) {
-          dispatch(
-            loadModularUI(modelKey, url, {
-              ...patchUpdateModelOption(otherOptions),
-              isReload: true,
-            }),
-          );
-        }
-      }, [dispatch, doReload, url, modelKey]);
-
-      // Remove model when hoc unloads
-      useEffect(
-        // prettier-ignore
-        () => () => { //NOSONAR
-          if (finalRemoveOnUnmount) {
-            dispatch(removeModelByKey(modelKey));
-          }
-        },
-        [dispatch, modelKey, finalRemoveOnUnmount],
-      );
-
-      // Create new properties object to inject modularui properties to own props
-      const locale = useLocale();
+      const handleManualReload = (m: ModularUIModel, o: Object) => {
+        dispatch(reloadModel(m, o));
+      };
+
       const newProps: InjectedProps = {
         modelKey,
-        [propName]: modelEntry?.model ?? null,
+        [propName ?? "data"]: model,
         location,
         status: modelEntry?.status ?? null,
         lastModification: modelEntry?.lastModification ?? null,
-        hasModel: Boolean(modelEntry),
+        hasModel: Boolean(model),
         locale,
         fetchModularUI: handleFetch,
         reloadModel: handleManualReload,
@@ -145,11 +111,7 @@ const modularUIConnector = (
       return <Component {...props} {...newProps} />;
     };
 
-    WrappedComponent.displayName = `BI.modularui(${getDisplayName(
-      WrappedComponent,
-      name,
-    )}`;
-
+    WrappedComponent.displayName = `BI.modularui(${getDisplayName(Component, name)})`;
     return WrappedComponent;
   };
 };

package/esm/redux/_modularui/ModularUIConnector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModularUIConnector.js","names":["useEffect","useDispatch","useLocation","loadModularUI","reloadModel","removeModelByKey","Href","getDisplayName","useUrl","useReload","useModularUI","useLocale","FormModel","jsx","_jsx","patchUpdateModelOption","oldOptions","updateModel","updateHandler","newModel","clonedModel","clone","update","modularUIConnector","name","resource","options","propName","removeOnUnmount","otherOptions","Component","WrappedComponent","props","finalRemoveOnUnmount","dispatch","location","url","displayName","contextId","modelEntry","modelKey","model","connectKey","handleManualReload","reloadOptions","handleFetch","href","fetchOptions","reload","state","doReload","isReload","locale","newProps","status","lastModification","hasModel","Boolean","fetchModularUI"],"sources":["../../../src/redux/_modularui/ModularUIConnector.js"],"sourcesContent":["// @flow\nimport { useEffect } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { useLocation } from \"react-router\";\n\nimport {\n  loadModularUI,\n  reloadModel,\n  removeModelByKey,\n} from \"./ModularUIActions\";\n\nimport Href from \"../../models/href/Href\";\nimport { getDisplayName } from \"../../react/utils\";\n\nimport { useUrl, useReload } from \"./ModularUIUtils\";\nimport { useModularUI } from \"../../hooks/useModularUI\";\nimport { useLocale } from \"../../hooks/useI18n\";\n\nimport type { ComponentType, Node } from \"react\";\nimport type { Location } from \"react-router\";\nimport type { ModularUIModel } from \"../../models/types\";\nimport type { ModularUIOptions } from \"./types\";\nimport FormModel from \"../../models/form/FormModel\";\n\nexport type InjectedProps = {\n  +modelKey: string,\n  +location: Location,\n  +status: string | null,\n  +lastModification: number | null,\n  +hasModel: boolean,\n  +locale: string,\n  +fetchModularUI: (href: string | Href, fetchOptions: Object) => void,\n  +reloadModel: (model: ModularUIModel, options: Object) => void,\n  +data?: ?ModularUIModel,\n};\n\nconst patchUpdateModelOption = (oldOptions: Object) => {\n  if (\n    \"updateModel\" in oldOptions &&\n    oldOptions.updateModel instanceof FormModel\n  ) {\n    return {\n      ...oldOptions,\n      updateHandler: (newModel: ModularUIModel): ModularUIModel => {\n        if (newModel instanceof FormModel) {\n          // $FLowFixMe\n          const clonedModel: FormModel = oldOptions.updateModel.clone();\n          clonedModel.update(newModel);\n          return clonedModel;\n        }\n        return newModel;\n      },\n    };\n  }\n\n  return oldOptions;\n};\n\n/**\n */\nconst modularUIConnector = (\n  name: string,\n  resource: string | Function,\n  options: ModularUIOptions = { propName: \"data\", removeOnUnmount: false },\n): ((Component: ComponentType<any>) => (props: any) => Node) => {\n  const {\n    propName = \"data\",\n    removeOnUnmount = false,\n    ...otherOptions\n  } = options;\n\n  return (Component: ComponentType<any>) => {\n    const WrappedComponent = (props: any) => {\n      // explicit property for removeOnMount overwrite the setting\n      const finalRemoveOnUnmount = props.removeOnUnmount ?? removeOnUnmount;\n\n      const dispatch = useDispatch();\n      const location = useLocation();\n\n      const url = useUrl(resource, { location, ...props });\n      const displayName = getDisplayName(Component, name, props.contextId);\n\n      // Load the model through the useModUI hook\n      const modelEntry = useModularUI(displayName, url, {\n        ...otherOptions,\n        removeOnUnmount: finalRemoveOnUnmount,\n      });\n      const modelKey = modelEntry?.model?.connectKey;\n\n      // handle manual reload of model\n      const handleManualReload = (\n        model: ModularUIModel,\n        reloadOptions?: Object,\n      ) => {\n        dispatch(reloadModel(model, reloadOptions));\n      };\n\n      // Provide connected models with a fetchModularUI method to be able\n      // to run the loadModularUI action from a handler / callback in the component\n      const handleFetch = (href: string | Href, fetchOptions: Object) => {\n        dispatch(\n          loadModularUI(modelKey, href, patchUpdateModelOption(fetchOptions)),\n        );\n      };\n\n      // Check if current model needs a reload\n      const reload = location?.state?.reload ?? 0;\n      const doReload = useReload(modelEntry, reload);\n      useEffect(() => {\n        if (doReload) {\n          dispatch(\n            loadModularUI(modelKey, url, {\n              ...patchUpdateModelOption(otherOptions),\n              isReload: true,\n            }),\n          );\n        }\n      }, [dispatch, doReload, url, modelKey]);\n\n      // Remove model when hoc unloads\n      useEffect(\n        // prettier-ignore\n        () => () => { //NOSONAR\n          if (finalRemoveOnUnmount) {\n            dispatch(removeModelByKey(modelKey));\n          }\n        },\n        [dispatch, modelKey, finalRemoveOnUnmount],\n      );\n\n      // Create new properties object to inject modularui properties to own props\n      const locale = useLocale();\n      const newProps: InjectedProps = {\n        modelKey,\n        [propName]: modelEntry?.model ?? null,\n        location,\n        status: modelEntry?.status ?? null,\n        lastModification: modelEntry?.lastModification ?? null,\n        hasModel: Boolean(modelEntry),\n        locale,\n        fetchModularUI: handleFetch,\n        reloadModel: handleManualReload,\n      };\n\n      return <Component {...props} {...newProps} />;\n    };\n\n    WrappedComponent.displayName = `BI.modularui(${getDisplayName(\n      WrappedComponent,\n      name,\n    )}`;\n\n    return WrappedComponent;\n  };\n};\n\nexport default modularUIConnector;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModularUIConnector.js","names":["useDispatch","useLocation","loadModularUI","reloadModel","Href","getDisplayName","useUrl","useModularUI","useModularUIBasic","useLocale","FormModel","jsx","_jsx","patchUpdateModelOption","oldOptions","updateModel","updateHandler","newModel","clonedModel","clone","update","modularUIConnector","name","resource","options","propName","removeOnUnmount","otherOptions","Component","WrappedComponent","props","finalRemoveOnUnmount","dispatch","location","locale","url","model","modelEntry","modelKey","connectKey","handleFetch","href","fetchOptions","handleManualReload","m","o","newProps","status","lastModification","hasModel","Boolean","fetchModularUI","displayName"],"sources":["../../../src/redux/_modularui/ModularUIConnector.js"],"sourcesContent":["// @flow\nimport { useDispatch } from \"react-redux\";\nimport { useLocation } from \"react-router\";\n\nimport { loadModularUI, reloadModel } from \"./ModularUIActions\";\n\nimport Href from \"../../models/href/Href\";\nimport { getDisplayName } from \"../../react/utils\";\n\nimport { useUrl } from \"./ModularUIUtils\";\nimport { useModularUI } from \"../../hooks/useModularUI\";\nimport { useModularUIBasic } from \"../../hooks/useModularUIBasic\";\n\nimport { useLocale } from \"../../hooks/useI18n\";\n\nimport FormModel from \"../../models/form/FormModel\";\n\nimport type { ComponentType, Node } from \"react\";\nimport type { Location } from \"react-router\";\nimport type { ModularUIModel } from \"../../models/types\";\nimport type { ModularUIOptions } from \"./types\";\n\nexport type InjectedProps = {\n  +modelKey: string,\n  +location: Location,\n  +status: string | null,\n  +lastModification: number | null,\n  +hasModel: boolean,\n  +locale: string,\n  +fetchModularUI: (href: string | Href, fetchOptions: Object) => void,\n  +reloadModel: (model: ModularUIModel, options: Object) => void,\n  +data?: ?ModularUIModel,\n};\n\nconst patchUpdateModelOption = (oldOptions: Object) => {\n  if (\n    \"updateModel\" in oldOptions &&\n    oldOptions.updateModel instanceof FormModel\n  ) {\n    return {\n      ...oldOptions,\n      updateHandler: (newModel: ModularUIModel): ModularUIModel => {\n        if (newModel instanceof FormModel) {\n          // $FLowFixMe\n          const clonedModel: FormModel = oldOptions.updateModel.clone();\n          clonedModel.update(newModel);\n          return clonedModel;\n        }\n        return newModel;\n      },\n    };\n  }\n\n  return oldOptions;\n};\n\n/**\n * @deprecated - will be removed in the future, use the equivalent hook 'useModularUI' or 'useModularUIBasic' instead\n */\nconst modularUIConnector = (\n  name: string,\n  resource: string | Function,\n  options: ModularUIOptions = { propName: \"data\", removeOnUnmount: true },\n): ((Component: ComponentType<any>) => (props: any) => Node) => {\n  const {\n    propName = \"data\",\n    removeOnUnmount = true,\n    ...otherOptions\n  } = options;\n\n  return (Component: ComponentType<any>) => {\n    const WrappedComponent = (props: any) => {\n      const finalRemoveOnUnmount = props.removeOnUnmount ?? removeOnUnmount;\n\n      const dispatch = useDispatch();\n      const location = useLocation();\n      const locale = useLocale();\n      const url = useUrl(resource, { location, ...props });\n\n      // $FlowFixMe\n      const model = useModularUIBasic<ModularUIModel>(name, url, options);\n\n      const modelEntry = useModularUI(name, url, {\n        ...otherOptions,\n        removeOnUnmount: finalRemoveOnUnmount,\n      });\n      const modelKey = model?.connectKey ?? name;\n\n      const handleFetch = (href: string | Href, fetchOptions: Object) => {\n        dispatch(\n          loadModularUI(modelKey, href, patchUpdateModelOption(fetchOptions)),\n        );\n      };\n\n      const handleManualReload = (m: ModularUIModel, o: Object) => {\n        dispatch(reloadModel(m, o));\n      };\n\n      const newProps: InjectedProps = {\n        modelKey,\n        [propName ?? \"data\"]: model,\n        location,\n        status: modelEntry?.status ?? null,\n        lastModification: modelEntry?.lastModification ?? null,\n        hasModel: Boolean(model),\n        locale,\n        fetchModularUI: handleFetch,\n        reloadModel: handleManualReload,\n      };\n\n      return <Component {...props} {...newProps} />;\n    };\n\n    WrappedComponent.displayName = `BI.modularui(${getDisplayName(Component, name)})`;\n    return WrappedComponent;\n  };\n};\n\nexport default modularUIConnector;\n"],"mappings":"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","ignoreList":[]}

package/esm/redux/_router/RouterConnectors.js

@@ -1,30 +1,35 @@
 import { connect } from "react-redux";
 import { push, replace, go, goBack, goForward } from "./RouterActions";
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useLocationKey' instead
  */
 const withKey = connect(state => ({
   locationKey: state.router.location?.key ?? ""
 }));
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'usePathname' instead
  */
 const withPathname = connect(state => ({
   pathname: state.router.location?.pathname
 }));
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useLocation' instead
  */
 const withLocation = connect(state => ({
   location: state.router.location
 }));
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useQuerystring' instead
  */
 const withQuerystring = connect(state => ({
   querystring: state.router.location?.search
 }));
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useNavigation' instead
  */
 const withNavigation = connect(null, {
   push,

package/esm/redux/_router/RouterConnectors.js.flow

@@ -31,6 +31,7 @@ type NavigationDispatchProps = {
 };
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useLocationKey' instead
  */
 const withKey: ComponentType<any> = connect<WithKeyStateProps, {}, _, _, _, _>(
   (state: ReduxState) => ({
@@ -39,6 +40,7 @@ const withKey: ComponentType<any> = connect<WithKeyStateProps, {}, _, _, _, _>(
 );
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'usePathname' instead
  */
 const withPathname: ComponentType<any> = connect<
   WithPathnameProps,
@@ -52,6 +54,7 @@ const withPathname: ComponentType<any> = connect<
 }));
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useLocation' instead
  */
 const withLocation: ComponentType<any> = connect<
   WithLocationProps,
@@ -65,6 +68,7 @@ const withLocation: ComponentType<any> = connect<
 }));
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useQuerystring' instead
  */
 const withQuerystring: ComponentType<any> = connect<
   WithQuerystringProps,
@@ -78,6 +82,7 @@ const withQuerystring: ComponentType<any> = connect<
 }));
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useNavigation' instead
  */
 const withNavigation: ComponentType<any> = connect<
   NavigationDispatchProps,

package/esm/redux/_router/RouterConnectors.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouterConnectors.js","names":["connect","push","replace","go","goBack","goForward","withKey","state","locationKey","router","location","key","withPathname","pathname","withLocation","withQuerystring","querystring","search","withNavigation"],"sources":["../../../src/redux/_router/RouterConnectors.js"],"sourcesContent":["// @flow\nimport { connect } from \"react-redux\";\n\nimport { push, replace, go, goBack, goForward } from \"./RouterActions\";\n\nimport type { Location, LocationShape } from \"react-router\";\nimport type {\n  PushAction,\n  ReplaceAction,\n  GoAction,\n  GoBackAction,\n  GoForwardAction,\n} from \"./types\";\nimport type { ComponentType } from \"react\";\nimport type { ReduxState } from \"../types\";\n\ntype WithKeyStateProps = { locationKey: string, ... };\n\ntype WithPathnameProps = { pathname: string, ... };\n\ntype WithLocationProps = { location: Location, ... };\n\ntype WithQuerystringProps = { querystring: string, ... };\n\ntype NavigationDispatchProps = {\n  push: (location: LocationShape | string, state?: { ... }) => PushAction,\n  replace: (location: LocationShape | string, state?: { ... }) => ReplaceAction,\n  go: (delta: number) => GoAction,\n  goBack: () => GoBackAction,\n  goForward: () => GoForwardAction,\n};\n\n/**\n */\nconst withKey: ComponentType<any> = connect<WithKeyStateProps, {}, _, _, _, _>(\n  (state: ReduxState) => ({\n    locationKey: state.router.location?.key ?? \"\",\n  }),\n);\n\n/**\n */\nconst withPathname: ComponentType<any> = connect<\n  WithPathnameProps,\n  {},\n  _,\n  _,\n  _,\n  _,\n>((state: ReduxState) => ({\n  pathname: state.router.location?.pathname,\n}));\n\n/**\n */\nconst withLocation: ComponentType<any> = connect<\n  WithLocationProps,\n  {},\n  _,\n  _,\n  _,\n  _,\n>((state: ReduxState) => ({\n  location: state.router.location,\n}));\n\n/**\n */\nconst withQuerystring: ComponentType<any> = connect<\n  WithQuerystringProps,\n  {},\n  _,\n  _,\n  _,\n  _,\n>((state: ReduxState) => ({\n  querystring: state.router.location?.search,\n}));\n\n/**\n */\nconst withNavigation: ComponentType<any> = connect<\n  NavigationDispatchProps,\n  {},\n  _,\n  _,\n  _,\n  _,\n>(null, {\n  push,\n  replace,\n  go,\n  goBack,\n  goForward,\n});\n\nexport { withKey, withPathname, withLocation, withQuerystring, withNavigation };\n"],"mappings":"AACA,SAASA,OAAO,QAAQ,aAAa;AAErC,SAASC,IAAI,EAAEC,OAAO,EAAEC,EAAE,EAAEC,MAAM,EAAEC,SAAS,QAAQ,iBAAiB;AA6BtE;AACA;AACA,MAAMC,OAA2B,GAAGN,OAAO,CACxCO,KAAiB,KAAM;EACtBC,WAAW,EAAED,KAAK,CAACE,MAAM,CAACC,QAAQ,EAAEC,GAAG,IAAI;AAC7C,CAAC,CACH,CAAC;;AAED;AACA;AACA,MAAMC,YAAgC,GAAGZ,OAAO,CAO7CO,KAAiB,KAAM;EACxBM,QAAQ,EAAEN,KAAK,CAACE,MAAM,CAACC,QAAQ,EAAEG;AACnC,CAAC,CAAC,CAAC;;AAEH;AACA;AACA,MAAMC,YAAgC,GAAGd,OAAO,CAO7CO,KAAiB,KAAM;EACxBG,QAAQ,EAAEH,KAAK,CAACE,MAAM,CAACC;AACzB,CAAC,CAAC,CAAC;;AAEH;AACA;AACA,MAAMK,eAAmC,GAAGf,OAAO,CAOhDO,KAAiB,KAAM;EACxBS,WAAW,EAAET,KAAK,CAACE,MAAM,CAACC,QAAQ,EAAEO;AACtC,CAAC,CAAC,CAAC;;AAEH;AACA;AACA,MAAMC,cAAkC,GAAGlB,OAAO,CAOhD,IAAI,EAAE;EACNC,IAAI;EACJC,OAAO;EACPC,EAAE;EACFC,MAAM;EACNC;AACF,CAAC,CAAC;AAEF,SAASC,OAAO,EAAEM,YAAY,EAAEE,YAAY,EAAEC,eAAe,EAAEG,cAAc","ignoreList":[]}
+{"version":3,"file":"RouterConnectors.js","names":["connect","push","replace","go","goBack","goForward","withKey","state","locationKey","router","location","key","withPathname","pathname","withLocation","withQuerystring","querystring","search","withNavigation"],"sources":["../../../src/redux/_router/RouterConnectors.js"],"sourcesContent":["// @flow\nimport { connect } from \"react-redux\";\n\nimport { push, replace, go, goBack, goForward } from \"./RouterActions\";\n\nimport type { Location, LocationShape } from \"react-router\";\nimport type {\n  PushAction,\n  ReplaceAction,\n  GoAction,\n  GoBackAction,\n  GoForwardAction,\n} from \"./types\";\nimport type { ComponentType } from \"react\";\nimport type { ReduxState } from \"../types\";\n\ntype WithKeyStateProps = { locationKey: string, ... };\n\ntype WithPathnameProps = { pathname: string, ... };\n\ntype WithLocationProps = { location: Location, ... };\n\ntype WithQuerystringProps = { querystring: string, ... };\n\ntype NavigationDispatchProps = {\n  push: (location: LocationShape | string, state?: { ... }) => PushAction,\n  replace: (location: LocationShape | string, state?: { ... }) => ReplaceAction,\n  go: (delta: number) => GoAction,\n  goBack: () => GoBackAction,\n  goForward: () => GoForwardAction,\n};\n\n/**\n * @deprecated - will be removed in the future, use the equivalent hook 'useLocationKey' instead\n */\nconst withKey: ComponentType<any> = connect<WithKeyStateProps, {}, _, _, _, _>(\n  (state: ReduxState) => ({\n    locationKey: state.router.location?.key ?? \"\",\n  }),\n);\n\n/**\n * @deprecated - will be removed in the future, use the equivalent hook 'usePathname' instead\n */\nconst withPathname: ComponentType<any> = connect<\n  WithPathnameProps,\n  {},\n  _,\n  _,\n  _,\n  _,\n>((state: ReduxState) => ({\n  pathname: state.router.location?.pathname,\n}));\n\n/**\n * @deprecated - will be removed in the future, use the equivalent hook 'useLocation' instead\n */\nconst withLocation: ComponentType<any> = connect<\n  WithLocationProps,\n  {},\n  _,\n  _,\n  _,\n  _,\n>((state: ReduxState) => ({\n  location: state.router.location,\n}));\n\n/**\n * @deprecated - will be removed in the future, use the equivalent hook 'useQuerystring' instead\n */\nconst withQuerystring: ComponentType<any> = connect<\n  WithQuerystringProps,\n  {},\n  _,\n  _,\n  _,\n  _,\n>((state: ReduxState) => ({\n  querystring: state.router.location?.search,\n}));\n\n/**\n * @deprecated - will be removed in the future, use the equivalent hook 'useNavigation' instead\n */\nconst withNavigation: ComponentType<any> = connect<\n  NavigationDispatchProps,\n  {},\n  _,\n  _,\n  _,\n  _,\n>(null, {\n  push,\n  replace,\n  go,\n  goBack,\n  goForward,\n});\n\nexport { withKey, withPathname, withLocation, withQuerystring, withNavigation };\n"],"mappings":"AACA,SAASA,OAAO,QAAQ,aAAa;AAErC,SAASC,IAAI,EAAEC,OAAO,EAAEC,EAAE,EAAEC,MAAM,EAAEC,SAAS,QAAQ,iBAAiB;AA6BtE;AACA;AACA;AACA,MAAMC,OAA2B,GAAGN,OAAO,CACxCO,KAAiB,KAAM;EACtBC,WAAW,EAAED,KAAK,CAACE,MAAM,CAACC,QAAQ,EAAEC,GAAG,IAAI;AAC7C,CAAC,CACH,CAAC;;AAED;AACA;AACA;AACA,MAAMC,YAAgC,GAAGZ,OAAO,CAO7CO,KAAiB,KAAM;EACxBM,QAAQ,EAAEN,KAAK,CAACE,MAAM,CAACC,QAAQ,EAAEG;AACnC,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA,MAAMC,YAAgC,GAAGd,OAAO,CAO7CO,KAAiB,KAAM;EACxBG,QAAQ,EAAEH,KAAK,CAACE,MAAM,CAACC;AACzB,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA,MAAMK,eAAmC,GAAGf,OAAO,CAOhDO,KAAiB,KAAM;EACxBS,WAAW,EAAET,KAAK,CAACE,MAAM,CAACC,QAAQ,EAAEO;AACtC,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA,MAAMC,cAAkC,GAAGlB,OAAO,CAOhD,IAAI,EAAE;EACNC,IAAI;EACJC,OAAO;EACPC,EAAE;EACFC,MAAM;EACNC;AACF,CAAC,CAAC;AAEF,SAASC,OAAO,EAAEM,YAAY,EAAEE,YAAY,EAAEC,eAAe,EAAEG,cAAc","ignoreList":[]}

package/esm/redux/connectors/Application.js

@@ -1,5 +1,6 @@
 import modularui from "../_modularui/ModularUIConnector";
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useApplication' instead
  */
 export const connectApplication = modularui("Application", "/", {
   propName: "application"

package/esm/redux/connectors/Application.js.flow

@@ -4,6 +4,7 @@ import modularui from "../_modularui/ModularUIConnector";
 import type { ModularUIConnector } from "../_modularui/types";
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useApplication' instead
  */
 export const connectApplication: ModularUIConnector = modularui(
   "Application",

package/esm/redux/connectors/Application.js.map

@@ -1 +1 @@
-{"version":3,"file":"Application.js","names":["modularui","connectApplication","propName"],"sources":["../../../src/redux/connectors/Application.js"],"sourcesContent":["// @flow\nimport modularui from \"../_modularui/ModularUIConnector\";\n\nimport type { ModularUIConnector } from \"../_modularui/types\";\n\n/**\n */\nexport const connectApplication: ModularUIConnector = modularui(\n  \"Application\",\n  \"/\",\n  {\n    propName: \"application\",\n  },\n);\n"],"mappings":"AACA,OAAOA,SAAS,MAAM,kCAAkC;AAIxD;AACA;AACA,OAAO,MAAMC,kBAAsC,GAAGD,SAAS,CAC7D,aAAa,EACb,GAAG,EACH;EACEE,QAAQ,EAAE;AACZ,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"Application.js","names":["modularui","connectApplication","propName"],"sources":["../../../src/redux/connectors/Application.js"],"sourcesContent":["// @flow\nimport modularui from \"../_modularui/ModularUIConnector\";\n\nimport type { ModularUIConnector } from \"../_modularui/types\";\n\n/**\n * @deprecated - will be removed in the future, use the equivalent hook 'useApplication' instead\n */\nexport const connectApplication: ModularUIConnector = modularui(\n  \"Application\",\n  \"/\",\n  {\n    propName: \"application\",\n  },\n);\n"],"mappings":"AACA,OAAOA,SAAS,MAAM,kCAAkC;AAIxD;AACA;AACA;AACA,OAAO,MAAMC,kBAAsC,GAAGD,SAAS,CAC7D,aAAa,EACb,GAAG,EACH;EACEE,QAAQ,EAAE;AACZ,CACF,CAAC","ignoreList":[]}

package/esm/redux/connectors/Breadcrumb.js

@@ -5,6 +5,7 @@ const mapStateToProps = state => ({
 });
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useActiveModels' instead
  */
 export const connectBreadcrumb = connect(mapStateToProps);
 //# sourceMappingURL=Breadcrumb.js.map

package/esm/redux/connectors/Breadcrumb.js.flow

@@ -17,6 +17,7 @@ const mapStateToProps = (state: ReduxState): StateProps => ({
 });
 
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useActiveModels' instead
  */
 export const connectBreadcrumb: ComponentType<any> = connect<
   Props,

package/esm/redux/connectors/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["connect","getActiveModels","mapStateToProps","state","items","connectBreadcrumb"],"sources":["../../../src/redux/connectors/Breadcrumb.js"],"sourcesContent":["// @flow\nimport { connect } from \"react-redux\";\n\nimport { getActiveModels } from \"../_modularui/ModularUISelectors\";\n\nimport type { ReduxState } from \"../types\";\nimport type Href from \"../../models/href/Href\";\nimport type { ComponentType } from \"react\";\n\ntype StateProps = {\n  items: Array<{ key: string, href: Href, label: string, type: string }>,\n};\ntype Props = { ...StateProps, ... };\n\nconst mapStateToProps = (state: ReduxState): StateProps => ({\n  items: getActiveModels(state),\n});\n\n/**\n */\nexport const connectBreadcrumb: ComponentType<any> = connect<\n  Props,\n  {},\n  _,\n  _,\n  _,\n  _,\n>(mapStateToProps);\n"],"mappings":"AACA,SAASA,OAAO,QAAQ,aAAa;AAErC,SAASC,eAAe,QAAQ,kCAAkC;AAWlE,MAAMC,eAAe,GAAIC,KAAiB,KAAkB;EAC1DC,KAAK,EAAEH,eAAe,CAACE,KAAK;AAC9B,CAAC,CAAC;;AAEF;AACA;AACA,OAAO,MAAME,iBAAqC,GAAGL,OAAO,CAO1DE,eAAe,CAAC","ignoreList":[]}
+{"version":3,"file":"Breadcrumb.js","names":["connect","getActiveModels","mapStateToProps","state","items","connectBreadcrumb"],"sources":["../../../src/redux/connectors/Breadcrumb.js"],"sourcesContent":["// @flow\nimport { connect } from \"react-redux\";\n\nimport { getActiveModels } from \"../_modularui/ModularUISelectors\";\n\nimport type { ReduxState } from \"../types\";\nimport type Href from \"../../models/href/Href\";\nimport type { ComponentType } from \"react\";\n\ntype StateProps = {\n  items: Array<{ key: string, href: Href, label: string, type: string }>,\n};\ntype Props = { ...StateProps, ... };\n\nconst mapStateToProps = (state: ReduxState): StateProps => ({\n  items: getActiveModels(state),\n});\n\n/**\n * @deprecated - will be removed in the future, use the equivalent hook 'useActiveModels' instead\n */\nexport const connectBreadcrumb: ComponentType<any> = connect<\n  Props,\n  {},\n  _,\n  _,\n  _,\n  _,\n>(mapStateToProps);\n"],"mappings":"AACA,SAASA,OAAO,QAAQ,aAAa;AAErC,SAASC,eAAe,QAAQ,kCAAkC;AAWlE,MAAMC,eAAe,GAAIC,KAAiB,KAAkB;EAC1DC,KAAK,EAAEH,eAAe,CAACE,KAAK;AAC9B,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,MAAME,iBAAqC,GAAGL,OAAO,CAO1DE,eAAe,CAAC","ignoreList":[]}

package/esm/redux/connectors/CaseView.js

@@ -1,5 +1,6 @@
 import modularui from "../_modularui/ModularUIConnector";
 /**
+ * @deprecated - will be removed in the future, use the equivalent hook 'useCaseView' instead
  */
 export const connectCaseView = modularui("CaseView", ({
   match