@beinformed/ui 1.65.9 → 1.65.11

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [1.65.11](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.10...v1.65.11) (2026-01-12)
+
+
+### Bug Fixes
+
+* **hooks:** enhance `useRouter` hooks with memoization and type improvements ([b24ebb3](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/b24ebb30c541c7736ba750bd059de107fce7b559))
+* **hooks:** improve `useDeepCompareEffect` with validation and cleanup logic ([90fb49d](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/90fb49d9cd7731f81c6bb319d1c3865d19500d1b))
+* **hooks:** make it possible to post formdata using the basic modular ui hooks ([4a49624](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/4a4962419497bf7300839be791a22d0a84158159))
+* **href:** add support for formdata and public querystring handling ([2978cda](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/2978cdac3d22eff45e217aa39910b10afb8f9abb))
+* **parameter:** decode parameter name to retrieve prefix ([a0b89a0](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/a0b89a0121eb6bf46de1e695ff09cffa8df8e224))
+
+## [1.65.10](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.9...v1.65.10) (2026-01-09)
+
+
+### Bug Fixes
+
+* **hooks:** ensure `updatePageSize` goes to first page on change ([54f3f27](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/54f3f2717efe87eb6bef412f7d6cbc0aa698f0aa))
+* **href:** ensure empty string is excluded from querystring parameters ([910ef89](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/910ef89901d61b90f2ef29cf727fd34ce86daea5))
+* **list-update:** add prefix to filters to handle grouped lists ([2ae83f8](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/2ae83f8942ff1a8a3d7715fa6834f5d796f6ad6b))
+* **models:** refactor validity handling for consistency across attribute models ([d555d41](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/d555d411738ef99b9b500bdb2e700c9dd303945a))
+
 ## [1.65.9](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.8...v1.65.9) (2026-01-08)
 
 

package/esm/hooks/useDeepCompareEffect.js

@@ -1,24 +1,38 @@
-import * as React from "react";
+import { useRef, useEffect } from "react";
 import { dequal as deepEqual } from "dequal/lite";
 /**
- * As copied from https://github.com/kentcdodds/use-deep-compare-effect/
- * Need to copy this, because the dependency on dequal breaks in ie11
+ * Validates that dependencies are used correctly.
+ * Deep compare should not be used with empty arrays or no dependencies.
  */
+function checkDeps(deps) {
+  if (process.env.NODE_ENV !== "production") {
+    if (!deps || deps.length === 0) {
+      console.warn("useDeepCompareEffect should not be used with no dependencies. Use React.useEffect instead.");
+    }
+  }
+}
 const useDeepCompareMemoize = value => {
-  const ref = React.useRef(null); // NOSONAR
-  const signalRef = React.useRef(0);
+  const ref = useRef(value);
+
+  // Only update the ref if the deep equality check fails
   if (!deepEqual(value, ref.current)) {
     ref.current = value;
-    signalRef.current += 1;
   }
-  return [signalRef.current];
+  return ref.current;
 };
 
 /**
+ * A version of useEffect that accepts a deep comparison of dependencies.
  */
 export function useDeepCompareEffect(callback, dependencies) {
+  if (process.env.NODE_ENV !== "production") {
+    checkDeps(dependencies);
+  }
+
+  // We use the memoized ref as the dependency.
+  // React's shallow check will only trigger when the ref object itself changes.
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  return React.useEffect(callback, useDeepCompareMemoize(dependencies));
+  useEffect(callback, useDeepCompareMemoize(dependencies));
 }
 export default useDeepCompareEffect;
 //# sourceMappingURL=useDeepCompareEffect.js.map

package/esm/hooks/useDeepCompareEffect.js.flow

@@ -1,34 +1,50 @@
 // @flow
-import * as React from "react";
+import { useRef, useEffect } from "react";
 import { dequal as deepEqual } from "dequal/lite";
 
 type Callback = () => void | (() => void);
-type DependencyList = Array<mixed>;
+type DependencyList = $ReadOnlyArray<any>;
 
 /**
- * As copied from https://github.com/kentcdodds/use-deep-compare-effect/
- * Need to copy this, because the dependency on dequal breaks in ie11
+ * Validates that dependencies are used correctly.
+ * Deep compare should not be used with empty arrays or no dependencies.
  */
-const useDeepCompareMemoize = (value: DependencyList) => {
-  const ref = React.useRef<DependencyList | null>(null); // NOSONAR
-  const signalRef = React.useRef<number>(0);
+function checkDeps(deps: DependencyList) {
+  if (process.env.NODE_ENV !== "production") {
+    if (!deps || deps.length === 0) {
+      console.warn(
+        "useDeepCompareEffect should not be used with no dependencies. Use React.useEffect instead.",
+      );
+    }
+  }
+}
+
+const useDeepCompareMemoize = (value: DependencyList): DependencyList => {
+  const ref = useRef<DependencyList>(value);
 
+  // Only update the ref if the deep equality check fails
   if (!deepEqual(value, ref.current)) {
     ref.current = value;
-    signalRef.current += 1;
   }
 
-  return [signalRef.current];
+  return ref.current;
 };
 
 /**
+ * A version of useEffect that accepts a deep comparison of dependencies.
  */
 export function useDeepCompareEffect(
   callback: Callback,
   dependencies: DependencyList,
 ): void {
+  if (process.env.NODE_ENV !== "production") {
+    checkDeps(dependencies);
+  }
+
+  // We use the memoized ref as the dependency.
+  // React's shallow check will only trigger when the ref object itself changes.
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  return React.useEffect(callback, useDeepCompareMemoize(dependencies));
+  useEffect(callback, useDeepCompareMemoize(dependencies));
 }
 
 export default useDeepCompareEffect;

package/esm/hooks/useDeepCompareEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeepCompareEffect.js","names":["React","dequal","deepEqual","useDeepCompareMemoize","value","ref","useRef","signalRef","current","useDeepCompareEffect","callback","dependencies","useEffect"],"sources":["../../src/hooks/useDeepCompareEffect.js"],"sourcesContent":["// @flow\nimport * as React from \"react\";\nimport { dequal as deepEqual } from \"dequal/lite\";\n\ntype Callback = () => void | (() => void);\ntype DependencyList = Array<mixed>;\n\n/**\n * As copied from https://github.com/kentcdodds/use-deep-compare-effect/\n * Need to copy this, because the dependency on dequal breaks in ie11\n */\nconst useDeepCompareMemoize = (value: DependencyList) => {\n  const ref = React.useRef<DependencyList | null>(null); // NOSONAR\n  const signalRef = React.useRef<number>(0);\n\n  if (!deepEqual(value, ref.current)) {\n    ref.current = value;\n    signalRef.current += 1;\n  }\n\n  return [signalRef.current];\n};\n\n/**\n */\nexport function useDeepCompareEffect(\n  callback: Callback,\n  dependencies: DependencyList,\n): void {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useEffect(callback, useDeepCompareMemoize(dependencies));\n}\n\nexport default useDeepCompareEffect;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,SAAS,QAAQ,aAAa;AAKjD;AACA;AACA;AACA;AACA,MAAMC,qBAAqB,GAAIC,KAAqB,IAAK;EACvD,MAAMC,GAAG,GAAGL,KAAK,CAACM,MAAM,CAAwB,IAAI,CAAC,CAAC,CAAC;EACvD,MAAMC,SAAS,GAAGP,KAAK,CAACM,MAAM,CAAS,CAAC,CAAC;EAEzC,IAAI,CAACJ,SAAS,CAACE,KAAK,EAAEC,GAAG,CAACG,OAAO,CAAC,EAAE;IAClCH,GAAG,CAACG,OAAO,GAAGJ,KAAK;IACnBG,SAAS,CAACC,OAAO,IAAI,CAAC;EACxB;EAEA,OAAO,CAACD,SAAS,CAACC,OAAO,CAAC;AAC5B,CAAC;;AAED;AACA;AACA,OAAO,SAASC,oBAAoBA,CAClCC,QAAkB,EAClBC,YAA4B,EACtB;EACN;EACA,OAAOX,KAAK,CAACY,SAAS,CAACF,QAAQ,EAAEP,qBAAqB,CAACQ,YAAY,CAAC,CAAC;AACvE;AAEA,eAAeF,oBAAoB","ignoreList":[]}
+{"version":3,"file":"useDeepCompareEffect.js","names":["useRef","useEffect","dequal","deepEqual","checkDeps","deps","process","env","NODE_ENV","length","console","warn","useDeepCompareMemoize","value","ref","current","useDeepCompareEffect","callback","dependencies"],"sources":["../../src/hooks/useDeepCompareEffect.js"],"sourcesContent":["// @flow\nimport { useRef, useEffect } from \"react\";\nimport { dequal as deepEqual } from \"dequal/lite\";\n\ntype Callback = () => void | (() => void);\ntype DependencyList = $ReadOnlyArray<any>;\n\n/**\n * Validates that dependencies are used correctly.\n * Deep compare should not be used with empty arrays or no dependencies.\n */\nfunction checkDeps(deps: DependencyList) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!deps || deps.length === 0) {\n      console.warn(\n        \"useDeepCompareEffect should not be used with no dependencies. Use React.useEffect instead.\",\n      );\n    }\n  }\n}\n\nconst useDeepCompareMemoize = (value: DependencyList): DependencyList => {\n  const ref = useRef<DependencyList>(value);\n\n  // Only update the ref if the deep equality check fails\n  if (!deepEqual(value, ref.current)) {\n    ref.current = value;\n  }\n\n  return ref.current;\n};\n\n/**\n * A version of useEffect that accepts a deep comparison of dependencies.\n */\nexport function useDeepCompareEffect(\n  callback: Callback,\n  dependencies: DependencyList,\n): void {\n  if (process.env.NODE_ENV !== \"production\") {\n    checkDeps(dependencies);\n  }\n\n  // We use the memoized ref as the dependency.\n  // React's shallow check will only trigger when the ref object itself changes.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(callback, useDeepCompareMemoize(dependencies));\n}\n\nexport default useDeepCompareEffect;\n"],"mappings":"AACA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;AACzC,SAASC,MAAM,IAAIC,SAAS,QAAQ,aAAa;AAKjD;AACA;AACA;AACA;AACA,SAASC,SAASA,CAACC,IAAoB,EAAE;EACvC,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAI,CAACH,IAAI,IAAIA,IAAI,CAACI,MAAM,KAAK,CAAC,EAAE;MAC9BC,OAAO,CAACC,IAAI,CACV,4FACF,CAAC;IACH;EACF;AACF;AAEA,MAAMC,qBAAqB,GAAIC,KAAqB,IAAqB;EACvE,MAAMC,GAAG,GAAGd,MAAM,CAAiBa,KAAK,CAAC;;EAEzC;EACA,IAAI,CAACV,SAAS,CAACU,KAAK,EAAEC,GAAG,CAACC,OAAO,CAAC,EAAE;IAClCD,GAAG,CAACC,OAAO,GAAGF,KAAK;EACrB;EAEA,OAAOC,GAAG,CAACC,OAAO;AACpB,CAAC;;AAED;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAClCC,QAAkB,EAClBC,YAA4B,EACtB;EACN,IAAIZ,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzCJ,SAAS,CAACc,YAAY,CAAC;EACzB;;EAEA;EACA;EACA;EACAjB,SAAS,CAACgB,QAAQ,EAAEL,qBAAqB,CAACM,YAAY,CAAC,CAAC;AAC1D;AAEA,eAAeF,oBAAoB","ignoreList":[]}

package/esm/hooks/useList.js

@@ -1,8 +1,8 @@
-import { useHistory } from "react-router";
 import { useDispatch } from "react-redux";
 import { useModularUIBasic } from "./useModularUIBasic";
 import { HTTP_METHODS } from "../constants/Constants";
 import { loadModularUI } from "../redux";
+import { useNavigation } from "./useRouter";
 import DetailModel from "../models/detail/DetailModel";
 import ListModel from "../models/list/ListModel";
 import CaseSearchModel from "../models/search/CaseSearchModel";
@@ -40,14 +40,15 @@ export const useListDetail = (href, options) => useModularUIBasic("listdetail",
 /**
  */
 export const useListNavigation = ({
-  syncLocation,
-  historyAction
-} = {
-  syncLocation: true,
-  historyAction: "push"
-}) => {
-  const history = useHistory();
+  syncLocation = true,
+  historyAction = "push"
+} = {}) => {
+  const {
+    push,
+    replace
+  } = useNavigation();
   const dispatch = useDispatch();
+  const navigate = historyAction === "push" ? push : replace;
   const update = useCallback((list, resetPage = false) => {
     const listHref = list.selfhref;
     if (resetPage) {
@@ -55,9 +56,11 @@ export const useListNavigation = ({
     }
     if (list.requestMethod === HTTP_METHODS.POST) {
       if (syncLocation) {
-        history[historyAction]({
-          search: listHref.querystring,
-          state: list.formdata
+        navigate({
+          search: listHref.getQuerystring(true),
+          state: {
+            formdata: list.formdata
+          }
         });
       }
       dispatch(loadModularUI(list.connectKey, listHref, {
@@ -67,8 +70,8 @@ export const useListNavigation = ({
       }));
     } else {
       if (syncLocation) {
-        history[historyAction]({
-          search: listHref.querystring
+        navigate({
+          search: listHref.getQuerystring(true)
         });
       }
       dispatch(loadModularUI(list.connectKey, listHref, {
@@ -76,7 +79,7 @@ export const useListNavigation = ({
         targetModel: [ListModel, CaseSearchModel]
       }));
     }
-  }, [dispatch, history, historyAction, syncLocation]);
+  }, [dispatch, navigate, syncLocation]);
   const updateFilters = useCallback((list, filters) => {
     list.filterCollection = filters;
     update(list, true);
@@ -109,7 +112,7 @@ export const useListNavigation = ({
   }, [update]);
   const updatePageSize = useCallback((list, pagesize) => {
     list.paging.pagesize.value = pagesize;
-    update(list);
+    update(list, true);
   }, [update]);
   return useMemo(() => ({
     update,

package/esm/hooks/useList.js.flow

@@ -1,5 +1,4 @@
 // @flow
-import { useHistory } from "react-router";
 import { useDispatch } from "react-redux";
 
 import { useModularUIBasic } from "./useModularUIBasic";
@@ -7,6 +6,8 @@ import { HTTP_METHODS } from "../constants/Constants";
 
 import { loadModularUI } from "../redux";
 
+import { useNavigation } from "./useRouter";
+
 import DetailModel from "../models/detail/DetailModel";
 import ListModel from "../models/list/ListModel";
 import CaseSearchModel from "../models/search/CaseSearchModel";
@@ -37,8 +38,8 @@ type ListNavigationHook = {
 };
 
 type ListNavigationOptions = {
-  syncLocation: boolean,
-  historyAction: "push" | "replace",
+  syncLocation?: boolean,
+  historyAction?: "push" | "replace",
 };
 
 /**
@@ -80,15 +81,15 @@ export const useListDetail = (
 
 /**
  */
-export const useListNavigation = (
-  { syncLocation, historyAction }: ListNavigationOptions = {
-    syncLocation: true,
-    historyAction: "push",
-  },
-): ListNavigationHook => {
-  const history = useHistory();
+export const useListNavigation = ({
+  syncLocation = true,
+  historyAction = "push",
+}: ListNavigationOptions = {}): ListNavigationHook => {
+  const { push, replace } = useNavigation();
   const dispatch = useDispatch();
 
+  const navigate = historyAction === "push" ? push : replace;
+
   const update = useCallback(
     (list: ListModel, resetPage: boolean = false) => {
       const listHref = list.selfhref;
@@ -98,9 +99,9 @@ export const useListNavigation = (
 
       if (list.requestMethod === HTTP_METHODS.POST) {
         if (syncLocation) {
-          history[historyAction]({
-            search: listHref.querystring,
-            state: list.formdata,
+          navigate({
+            search: listHref.getQuerystring(true),
+            state: { formdata: list.formdata },
           });
         }
 
@@ -113,7 +114,7 @@ export const useListNavigation = (
         );
       } else {
         if (syncLocation) {
-          history[historyAction]({ search: listHref.querystring });
+          navigate({ search: listHref.getQuerystring(true) });
         }
         dispatch(
           loadModularUI(list.connectKey, listHref, {
@@ -123,7 +124,7 @@ export const useListNavigation = (
         );
       }
     },
-    [dispatch, history, historyAction, syncLocation],
+    [dispatch, navigate, syncLocation],
   );
 
   const updateFilters = useCallback(
@@ -190,7 +191,7 @@ export const useListNavigation = (
   const updatePageSize = useCallback(
     (list: ListModel, pagesize: number) => {
       list.paging.pagesize.value = pagesize;
-      update(list);
+      update(list, true);
     },
     [update],
   );

package/esm/hooks/useList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useList.js","names":["useHistory","useDispatch","useModularUIBasic","HTTP_METHODS","loadModularUI","DetailModel","ListModel","CaseSearchModel","ListDetailModel","Href","FilterCollection","AssignmentFilterModel","FilterModel","useCallback","useMemo","useList","href","options","expectedModels","targetModel","useListOrDetail","useListDetail","forceTargetModel","useListNavigation","syncLocation","historyAction","history","dispatch","update","list","resetPage","listHref","selfhref","page","requestMethod","POST","search","querystring","state","formdata","connectKey","method","data","GET","updateFilters","filters","filterCollection","updateFilter","filter","value","attribute","Error","resetFilters","reset","removeFilter","getFilterByName","name","updateSort","sortOption","sorting","updatePage","paging","updatePageSize","pagesize"],"sources":["../../src/hooks/useList.js"],"sourcesContent":["// @flow\nimport { useHistory } from \"react-router\";\nimport { useDispatch } from \"react-redux\";\n\nimport { useModularUIBasic } from \"./useModularUIBasic\";\nimport { HTTP_METHODS } from \"../constants/Constants\";\n\nimport { loadModularUI } from \"../redux\";\n\nimport DetailModel from \"../models/detail/DetailModel\";\nimport ListModel from \"../models/list/ListModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\nimport ListDetailModel from \"../models/list/ListDetailModel\";\nimport Href from \"../models/href/Href\";\nimport FilterCollection from \"../models/filters/FilterCollection\";\nimport AssignmentFilterModel from \"../models/filters/AssignmentFilterModel\";\nimport FilterModel from \"../models/filters/FilterModel\";\n\nimport type { HookOptions } from \"./useModularUIBasic\";\nimport type { AttributeType, IFilter } from \"../models/types\";\nimport { useCallback, useMemo } from \"react\";\n\ntype ListNavigationHook = {\n  update: (list: ListModel, resetPage?: boolean) => void,\n  updateFilters: (list: ListModel, filters: FilterCollection) => void,\n  updateFilter: (\n    list: ListModel,\n    filter: IFilter,\n    value: string,\n    attribute?: AttributeType,\n  ) => void,\n  updateSort: (list: ListModel, sortOption: string) => void,\n  updatePage: (list: ListModel, page: number) => void,\n  updatePageSize: (list: ListModel, pagesize: number) => void,\n  resetFilters: (list: ListModel) => void,\n  removeFilter: (list: ListModel, filter: IFilter) => void,\n};\n\ntype ListNavigationOptions = {\n  syncLocation: boolean,\n  historyAction: \"push\" | \"replace\",\n};\n\n/**\n */\nexport const useList = (\n  href: string | Href,\n  options?: HookOptions,\n): ListModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\", \"CaseSearch\"],\n    targetModel: [ListModel, CaseSearchModel],\n    ...options,\n  });\n\n/**\n */\nexport const useListOrDetail = (\n  href: string | Href,\n  options?: HookOptions,\n): ListModel | DetailModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\", \"CaseSearch\", \"Detail\"],\n    targetModel: [ListModel, CaseSearchModel, DetailModel],\n    ...options,\n  });\n\n/**\n */\nexport const useListDetail = (\n  href: string | Href,\n  options?: HookOptions,\n): ListDetailModel | null =>\n  useModularUIBasic(\"listdetail\", href, {\n    expectedModels: [\"ListDetail\"],\n    targetModel: ListDetailModel,\n    forceTargetModel: true,\n    ...options,\n  });\n\n/**\n */\nexport const useListNavigation = (\n  { syncLocation, historyAction }: ListNavigationOptions = {\n    syncLocation: true,\n    historyAction: \"push\",\n  },\n): ListNavigationHook => {\n  const history = useHistory();\n  const dispatch = useDispatch();\n\n  const update = useCallback(\n    (list: ListModel, resetPage: boolean = false) => {\n      const listHref = list.selfhref;\n      if (resetPage) {\n        listHref.page = null;\n      }\n\n      if (list.requestMethod === HTTP_METHODS.POST) {\n        if (syncLocation) {\n          history[historyAction]({\n            search: listHref.querystring,\n            state: list.formdata,\n          });\n        }\n\n        dispatch(\n          loadModularUI(list.connectKey, listHref, {\n            method: HTTP_METHODS.POST,\n            data: list.formdata,\n            targetModel: [ListModel, CaseSearchModel],\n          }),\n        );\n      } else {\n        if (syncLocation) {\n          history[historyAction]({ search: listHref.querystring });\n        }\n        dispatch(\n          loadModularUI(list.connectKey, listHref, {\n            method: HTTP_METHODS.GET,\n            targetModel: [ListModel, CaseSearchModel],\n          }),\n        );\n      }\n    },\n    [dispatch, history, historyAction, syncLocation],\n  );\n\n  const updateFilters = useCallback(\n    (list: ListModel, filters: FilterCollection) => {\n      list.filterCollection = filters;\n      update(list, true);\n    },\n    [update],\n  );\n\n  const updateFilter = useCallback(\n    (\n      list: ListModel,\n      filter: IFilter,\n      value: string,\n      attribute?: AttributeType,\n    ) => {\n      if (attribute) {\n        filter.update(attribute, value);\n      } else if (filter instanceof AssignmentFilterModel) {\n        throw new Error(\n          \"Need the attribute to update for AssigmentFilterModel\",\n        );\n      } else if (filter instanceof FilterModel) {\n        filter.update(filter.attribute, value);\n      }\n      update(list, true);\n    },\n    [update],\n  );\n\n  const resetFilters = useCallback(\n    (list: ListModel) => {\n      list.filterCollection.reset();\n      update(list, true);\n    },\n    [update],\n  );\n\n  const removeFilter = useCallback(\n    (list: ListModel, filter: IFilter) => {\n      list.filterCollection.getFilterByName(filter.name)?.reset();\n      update(list, true);\n    },\n    [update],\n  );\n\n  const updateSort = useCallback(\n    (list: ListModel, sortOption: string) => {\n      list.sorting.value = sortOption;\n      update(list, true);\n    },\n    [update],\n  );\n\n  const updatePage = useCallback(\n    (list: ListModel, page: number) => {\n      list.paging.page = page;\n      update(list);\n    },\n    [update],\n  );\n\n  const updatePageSize = useCallback(\n    (list: ListModel, pagesize: number) => {\n      list.paging.pagesize.value = pagesize;\n      update(list);\n    },\n    [update],\n  );\n\n  return useMemo(\n    () => ({\n      update,\n      updateFilters,\n      updateFilter,\n      updateSort,\n      updatePage,\n      updatePageSize,\n      resetFilters,\n      removeFilter,\n    }),\n    [\n      removeFilter,\n      resetFilters,\n      update,\n      updateFilter,\n      updateFilters,\n      updatePage,\n      updatePageSize,\n      updateSort,\n    ],\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useList.js","names":["useDispatch","useModularUIBasic","HTTP_METHODS","loadModularUI","useNavigation","DetailModel","ListModel","CaseSearchModel","ListDetailModel","Href","FilterCollection","AssignmentFilterModel","FilterModel","useCallback","useMemo","useList","href","options","expectedModels","targetModel","useListOrDetail","useListDetail","forceTargetModel","useListNavigation","syncLocation","historyAction","push","replace","dispatch","navigate","update","list","resetPage","listHref","selfhref","page","requestMethod","POST","search","getQuerystring","state","formdata","connectKey","method","data","GET","updateFilters","filters","filterCollection","updateFilter","filter","value","attribute","Error","resetFilters","reset","removeFilter","getFilterByName","name","updateSort","sortOption","sorting","updatePage","paging","updatePageSize","pagesize"],"sources":["../../src/hooks/useList.js"],"sourcesContent":["// @flow\nimport { useDispatch } from \"react-redux\";\n\nimport { useModularUIBasic } from \"./useModularUIBasic\";\nimport { HTTP_METHODS } from \"../constants/Constants\";\n\nimport { loadModularUI } from \"../redux\";\n\nimport { useNavigation } from \"./useRouter\";\n\nimport DetailModel from \"../models/detail/DetailModel\";\nimport ListModel from \"../models/list/ListModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\nimport ListDetailModel from \"../models/list/ListDetailModel\";\nimport Href from \"../models/href/Href\";\nimport FilterCollection from \"../models/filters/FilterCollection\";\nimport AssignmentFilterModel from \"../models/filters/AssignmentFilterModel\";\nimport FilterModel from \"../models/filters/FilterModel\";\n\nimport type { HookOptions } from \"./useModularUIBasic\";\nimport type { AttributeType, IFilter } from \"../models/types\";\nimport { useCallback, useMemo } from \"react\";\n\ntype ListNavigationHook = {\n  update: (list: ListModel, resetPage?: boolean) => void,\n  updateFilters: (list: ListModel, filters: FilterCollection) => void,\n  updateFilter: (\n    list: ListModel,\n    filter: IFilter,\n    value: string,\n    attribute?: AttributeType,\n  ) => void,\n  updateSort: (list: ListModel, sortOption: string) => void,\n  updatePage: (list: ListModel, page: number) => void,\n  updatePageSize: (list: ListModel, pagesize: number) => void,\n  resetFilters: (list: ListModel) => void,\n  removeFilter: (list: ListModel, filter: IFilter) => void,\n};\n\ntype ListNavigationOptions = {\n  syncLocation?: boolean,\n  historyAction?: \"push\" | \"replace\",\n};\n\n/**\n */\nexport const useList = (\n  href: string | Href,\n  options?: HookOptions,\n): ListModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\", \"CaseSearch\"],\n    targetModel: [ListModel, CaseSearchModel],\n    ...options,\n  });\n\n/**\n */\nexport const useListOrDetail = (\n  href: string | Href,\n  options?: HookOptions,\n): ListModel | DetailModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\", \"CaseSearch\", \"Detail\"],\n    targetModel: [ListModel, CaseSearchModel, DetailModel],\n    ...options,\n  });\n\n/**\n */\nexport const useListDetail = (\n  href: string | Href,\n  options?: HookOptions,\n): ListDetailModel | null =>\n  useModularUIBasic(\"listdetail\", href, {\n    expectedModels: [\"ListDetail\"],\n    targetModel: ListDetailModel,\n    forceTargetModel: true,\n    ...options,\n  });\n\n/**\n */\nexport const useListNavigation = ({\n  syncLocation = true,\n  historyAction = \"push\",\n}: ListNavigationOptions = {}): ListNavigationHook => {\n  const { push, replace } = useNavigation();\n  const dispatch = useDispatch();\n\n  const navigate = historyAction === \"push\" ? push : replace;\n\n  const update = useCallback(\n    (list: ListModel, resetPage: boolean = false) => {\n      const listHref = list.selfhref;\n      if (resetPage) {\n        listHref.page = null;\n      }\n\n      if (list.requestMethod === HTTP_METHODS.POST) {\n        if (syncLocation) {\n          navigate({\n            search: listHref.getQuerystring(true),\n            state: { formdata: list.formdata },\n          });\n        }\n\n        dispatch(\n          loadModularUI(list.connectKey, listHref, {\n            method: HTTP_METHODS.POST,\n            data: list.formdata,\n            targetModel: [ListModel, CaseSearchModel],\n          }),\n        );\n      } else {\n        if (syncLocation) {\n          navigate({ search: listHref.getQuerystring(true) });\n        }\n        dispatch(\n          loadModularUI(list.connectKey, listHref, {\n            method: HTTP_METHODS.GET,\n            targetModel: [ListModel, CaseSearchModel],\n          }),\n        );\n      }\n    },\n    [dispatch, navigate, syncLocation],\n  );\n\n  const updateFilters = useCallback(\n    (list: ListModel, filters: FilterCollection) => {\n      list.filterCollection = filters;\n      update(list, true);\n    },\n    [update],\n  );\n\n  const updateFilter = useCallback(\n    (\n      list: ListModel,\n      filter: IFilter,\n      value: string,\n      attribute?: AttributeType,\n    ) => {\n      if (attribute) {\n        filter.update(attribute, value);\n      } else if (filter instanceof AssignmentFilterModel) {\n        throw new Error(\n          \"Need the attribute to update for AssigmentFilterModel\",\n        );\n      } else if (filter instanceof FilterModel) {\n        filter.update(filter.attribute, value);\n      }\n      update(list, true);\n    },\n    [update],\n  );\n\n  const resetFilters = useCallback(\n    (list: ListModel) => {\n      list.filterCollection.reset();\n      update(list, true);\n    },\n    [update],\n  );\n\n  const removeFilter = useCallback(\n    (list: ListModel, filter: IFilter) => {\n      list.filterCollection.getFilterByName(filter.name)?.reset();\n      update(list, true);\n    },\n    [update],\n  );\n\n  const updateSort = useCallback(\n    (list: ListModel, sortOption: string) => {\n      list.sorting.value = sortOption;\n      update(list, true);\n    },\n    [update],\n  );\n\n  const updatePage = useCallback(\n    (list: ListModel, page: number) => {\n      list.paging.page = page;\n      update(list);\n    },\n    [update],\n  );\n\n  const updatePageSize = useCallback(\n    (list: ListModel, pagesize: number) => {\n      list.paging.pagesize.value = pagesize;\n      update(list, true);\n    },\n    [update],\n  );\n\n  return useMemo(\n    () => ({\n      update,\n      updateFilters,\n      updateFilter,\n      updateSort,\n      updatePage,\n      updatePageSize,\n      resetFilters,\n      removeFilter,\n    }),\n    [\n      removeFilter,\n      resetFilters,\n      update,\n      updateFilter,\n      updateFilters,\n      updatePage,\n      updatePageSize,\n      updateSort,\n    ],\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/hooks/useModularUIBasic.js

@@ -2,7 +2,7 @@ import { useLocation } from "react-router";
 import { useSelector } from "react-redux";
 import { useMemo } from "react";
 import { useModularUI } from "./useModularUI";
-import { MODULARUI_STATUS } from "../constants";
+import { HTTP_METHODS, MODULARUI_STATUS } from "../constants";
 import { useModularUIKey } from "./useModularUIKey";
 // Helper to create useModularUI options
 const createUseModularUIOptions = (options, href, mustReload) => {
@@ -13,7 +13,9 @@ const createUseModularUIOptions = (options, href, mustReload) => {
     origin: undefined,
     contextPath: undefined,
     cache: false,
-    removeOnUnmount: false
+    removeOnUnmount: false,
+    method: HTTP_METHODS.GET,
+    data: undefined
   };
 
   // Handle targetModel and forceTargetModel
@@ -32,6 +34,10 @@ const createUseModularUIOptions = (options, href, mustReload) => {
   if (options.removeOnUnmount) {
     baseOptions.removeOnUnmount = true;
   }
+  if (options.formdata != null) {
+    baseOptions.method = HTTP_METHODS.POST;
+    baseOptions.data = options.formdata;
+  }
 
   // Handle origin and contextPath options
   baseOptions.origin = options.origin ?? baseOptions.origin;
@@ -58,7 +64,8 @@ export const useModularUIBasic = (defaultKey, href, options = {
   forceTargetModel: false,
   origin: undefined,
   contextPath: undefined,
-  key: undefined
+  key: undefined,
+  formdata: undefined
 }) => {
   const memoizedHref = useMemo(() => href.toString(), [href]);
   const key = options.key ?? defaultKey;

package/esm/hooks/useModularUIBasic.js.flow

@@ -4,7 +4,7 @@ import { useSelector } from "react-redux";
 import { useMemo } from "react";
 import { useModularUI } from "./useModularUI";
 
-import { MODULARUI_STATUS } from "../constants";
+import { HTTP_METHODS, MODULARUI_STATUS } from "../constants";
 import { useModularUIKey } from "./useModularUIKey";
 
 import type { ModularUIModel, Href } from "../models";
@@ -13,6 +13,7 @@ export type HookOptions = {
   origin?: string,
   contextPath?: string,
   removeOnUnmount?: boolean,
+  formdata?: any,
 };
 
 export type UseModularUIBasicOptions<T: ModularUIModel> = {
@@ -25,6 +26,7 @@ export type UseModularUIBasicOptions<T: ModularUIModel> = {
   key?: string,
   isReload?: boolean,
   removeOnUnmount?: boolean,
+  formdata?: any,
 };
 
 // Helper to create useModularUI options
@@ -41,6 +43,8 @@ const createUseModularUIOptions = <T: ModularUIModel>(
     contextPath: undefined,
     cache: false,
     removeOnUnmount: false,
+    method: HTTP_METHODS.GET,
+    data: undefined,
   };
 
   // Handle targetModel and forceTargetModel
@@ -62,6 +66,11 @@ const createUseModularUIOptions = <T: ModularUIModel>(
     baseOptions.removeOnUnmount = true;
   }
 
+  if (options.formdata != null) {
+    baseOptions.method = HTTP_METHODS.POST;
+    baseOptions.data = options.formdata;
+  }
+
   // Handle origin and contextPath options
   baseOptions.origin = options.origin ?? baseOptions.origin;
   baseOptions.contextPath = options.contextPath ?? baseOptions.contextPath;
@@ -94,6 +103,7 @@ export const useModularUIBasic = <T: ModularUIModel>(
     origin: undefined,
     contextPath: undefined,
     key: undefined,
+    formdata: undefined,
   },
 ): T | null => {
   const memoizedHref = useMemo(() => href.toString(), [href]);

package/esm/hooks/useModularUIBasic.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModularUIBasic.js","names":["useLocation","useSelector","useMemo","useModularUI","MODULARUI_STATUS","useModularUIKey","createUseModularUIOptions","options","href","mustReload","baseOptions","targetModel","undefined","forceTargetModel","isReload","origin","contextPath","cache","removeOnUnmount","validateModel","model","expectedModels","length","isCorrectModel","some","expectedModel","type","console","warn","useModularUIBasic","defaultKey","key","memoizedHref","toString","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 { 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};\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};\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    targetModel: undefined,\n    forceTargetModel: undefined,\n    isReload: false,\n    origin: undefined,\n    contextPath: undefined,\n    cache: false,\n    removeOnUnmount: false,\n  };\n\n  // Handle targetModel and forceTargetModel\n  if (options.targetModel) {\n    baseOptions.targetModel = options.targetModel;\n    baseOptions.forceTargetModel = options.forceTargetModel;\n  }\n\n  // Handle cache option\n  if (options.cache) {\n    baseOptions.cache = options.cache;\n  }\n\n  if (mustReload) {\n    baseOptions.isReload = true;\n  }\n\n  if (options.removeOnUnmount) {\n    baseOptions.removeOnUnmount = true;\n  }\n\n  // Handle origin and contextPath options\n  baseOptions.origin = options.origin ?? baseOptions.origin;\n  baseOptions.contextPath = options.contextPath ?? baseOptions.contextPath;\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.some(\n      (expectedModel) => model.type === expectedModel,\n    );\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> = {\n    expectedModels: [],\n    targetModel: undefined,\n    forceTargetModel: false,\n    origin: undefined,\n    contextPath: undefined,\n    key: undefined,\n  },\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":"AACA,SAASA,WAAW,QAAQ,cAAc;AAC1C,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,eAAe,QAAQ,mBAAmB;AAsBnD;AACA,MAAMC,yBAAyB,GAAGA,CAChCC,OAAoC,EACpCC,IAAY,EACZC,UAAmB,KACR;EACX,MAAMC,WAAW,GAAG;IAClBC,WAAW,EAAEC,SAAS;IACtBC,gBAAgB,EAAED,SAAS;IAC3BE,QAAQ,EAAE,KAAK;IACfC,MAAM,EAAEH,SAAS;IACjBI,WAAW,EAAEJ,SAAS;IACtBK,KAAK,EAAE,KAAK;IACZC,eAAe,EAAE;EACnB,CAAC;;EAED;EACA,IAAIX,OAAO,CAACI,WAAW,EAAE;IACvBD,WAAW,CAACC,WAAW,GAAGJ,OAAO,CAACI,WAAW;IAC7CD,WAAW,CAACG,gBAAgB,GAAGN,OAAO,CAACM,gBAAgB;EACzD;;EAEA;EACA,IAAIN,OAAO,CAACU,KAAK,EAAE;IACjBP,WAAW,CAACO,KAAK,GAAGV,OAAO,CAACU,KAAK;EACnC;EAEA,IAAIR,UAAU,EAAE;IACdC,WAAW,CAACI,QAAQ,GAAG,IAAI;EAC7B;EAEA,IAAIP,OAAO,CAACW,eAAe,EAAE;IAC3BR,WAAW,CAACQ,eAAe,GAAG,IAAI;EACpC;;EAEA;EACAR,WAAW,CAACK,MAAM,GAAGR,OAAO,CAACQ,MAAM,IAAIL,WAAW,CAACK,MAAM;EACzDL,WAAW,CAACM,WAAW,GAAGT,OAAO,CAACS,WAAW,IAAIN,WAAW,CAACM,WAAW;EAExE,OAAON,WAAW;AACpB,CAAC;;AAED;AACA,MAAMS,aAAa,GAAGA,CAACC,KAAU,EAAEC,cAA6B,KAAK;EACnE,IAAIA,cAAc,CAACC,MAAM,GAAG,CAAC,EAAE;IAC7B,MAAMC,cAAc,GAAGF,cAAc,CAACG,IAAI,CACvCC,aAAa,IAAKL,KAAK,CAACM,IAAI,KAAKD,aACpC,CAAC;IACD,IAAI,CAACF,cAAc,EAAE;MACnBI,OAAO,CAACC,IAAI,CAACR,KAAK,EAAE,oBAAoB,EAAEC,cAAc,CAAC;IAC3D;EACF;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMQ,iBAAiB,GAAGA,CAC/BC,UAAkB,EAClBtB,IAAmB,EACnBD,OAAoC,GAAG;EACrCc,cAAc,EAAE,EAAE;EAClBV,WAAW,EAAEC,SAAS;EACtBC,gBAAgB,EAAE,KAAK;EACvBE,MAAM,EAAEH,SAAS;EACjBI,WAAW,EAAEJ,SAAS;EACtBmB,GAAG,EAAEnB;AACP,CAAC,KACY;EACb,MAAMoB,YAAY,GAAG9B,OAAO,CAAC,MAAMM,IAAI,CAACyB,QAAQ,CAAC,CAAC,EAAE,CAACzB,IAAI,CAAC,CAAC;EAC3D,MAAMuB,GAAG,GAAGxB,OAAO,CAACwB,GAAG,IAAID,UAAU;EAErC,MAAMrB,UAAU,GAAGyB,SAAS,CAACH,GAAG,EAAEC,YAAY,CAAC;EAC/C,MAAMG,gBAAgB,GAAGjC,OAAO,CAC9B,MAAMI,yBAAyB,CAACC,OAAO,EAAEyB,YAAY,EAAEvB,UAAU,CAAC,EAClE,CAACF,OAAO,EAAEyB,YAAY,EAAEvB,UAAU,CACpC,CAAC;EAED,MAAM2B,SAAS,GAAGjC,YAAY,CAAC4B,GAAG,EAAEvB,IAAI,EAAE2B,gBAAgB,CAAC;EAC3D,MAAMd,cAAc,GAAGnB,OAAO,CAC5B,MAAMK,OAAO,CAACc,cAAc,IAAI,EAAE,EAClC,CAACd,OAAO,CAACc,cAAc,CACzB,CAAC;EAED,OAAOnB,OAAO,CAAC,MAAgB;IAC7B,IAAIkC,SAAS,EAAEhB,KAAK,EAAE;MACpBD,aAAa,CAACiB,SAAS,CAAChB,KAAK,EAAEC,cAAc,CAAC;MAC9C,OAAOe,SAAS,CAAChB,KAAK;IACxB;IACA,OAAO,IAAI;EACb,CAAC,EAAE,CAACC,cAAc,EAAEe,SAAS,CAAC,CAAC;AACjC,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMF,SAAS,GAAGA,CAACG,QAAgB,EAAEC,GAAW,KAAc;EACnE,MAAMC,QAAQ,GAAGvC,WAAW,CAAC,CAAC;EAC9B,MAAM+B,GAAG,GAAG1B,eAAe,CAACgC,QAAQ,EAAEC,GAAG,CAAC;EAC1C,MAAME,UAAU,GAAGvC,WAAW,CAAEwC,KAAK,IAAKA,KAAK,CAACC,SAAS,CAACX,GAAG,CAAC,CAAC;EAE/D,IAAIS,UAAU,EAAE;IACd,MAAMG,MAAM,GAAGJ,QAAQ,CAACE,KAAK,EAAEE,MAAM,IAAI,CAAC;IAC1C,IAAIA,MAAM,GAAG,CAAC,EAAE;MACd,MAAMC,aAAa,GAAGJ,UAAU,EAAEK,MAAM,KAAKzC,gBAAgB,CAAC0C,QAAQ;MACtE,MAAMC,gBAAgB,GAAGP,UAAU,EAAEO,gBAAgB,IAAI,CAAC;MAC1D,IAAIH,aAAa,IAAIG,gBAAgB,GAAGJ,MAAM,EAAE;QAC9C,OAAO,IAAI;MACb;IACF;EACF;EACA,OAAO,KAAK;AACd,CAAC","ignoreList":[]}
+{"version":3,"file":"useModularUIBasic.js","names":["useLocation","useSelector","useMemo","useModularUI","HTTP_METHODS","MODULARUI_STATUS","useModularUIKey","createUseModularUIOptions","options","href","mustReload","baseOptions","targetModel","undefined","forceTargetModel","isReload","origin","contextPath","cache","removeOnUnmount","method","GET","data","formdata","POST","validateModel","model","expectedModels","length","isCorrectModel","some","expectedModel","type","console","warn","useModularUIBasic","defaultKey","key","memoizedHref","toString","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    targetModel: undefined,\n    forceTargetModel: undefined,\n    isReload: false,\n    origin: undefined,\n    contextPath: undefined,\n    cache: false,\n    removeOnUnmount: false,\n    method: HTTP_METHODS.GET,\n    data: undefined,\n  };\n\n  // Handle targetModel and forceTargetModel\n  if (options.targetModel) {\n    baseOptions.targetModel = options.targetModel;\n    baseOptions.forceTargetModel = options.forceTargetModel;\n  }\n\n  // Handle cache option\n  if (options.cache) {\n    baseOptions.cache = options.cache;\n  }\n\n  if (mustReload) {\n    baseOptions.isReload = true;\n  }\n\n  if (options.removeOnUnmount) {\n    baseOptions.removeOnUnmount = true;\n  }\n\n  if (options.formdata != null) {\n    baseOptions.method = HTTP_METHODS.POST;\n    baseOptions.data = options.formdata;\n  }\n\n  // Handle origin and contextPath options\n  baseOptions.origin = options.origin ?? baseOptions.origin;\n  baseOptions.contextPath = options.contextPath ?? baseOptions.contextPath;\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.some(\n      (expectedModel) => model.type === expectedModel,\n    );\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> = {\n    expectedModels: [],\n    targetModel: undefined,\n    forceTargetModel: false,\n    origin: undefined,\n    contextPath: undefined,\n    key: undefined,\n    formdata: undefined,\n  },\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":[]}

package/esm/hooks/usePanel.js.flow

@@ -64,7 +64,7 @@ const useUrl = (href?: string | Href, fromRoute: boolean = false) => {
  */
 export const usePanel = (
   href?: string | Href,
-  options?: HookOptions & { fromRoute?: boolean },
+  options?: { ...HookOptions, fromRoute?: boolean },
 ): ListModel | GroupingPanelModel | DetailModel | null => {
   const { fromRoute, ...hookOptions } = options || { fromRoute: false };
 

package/esm/hooks/usePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePanel.js","names":["useState","useMemo","useLocation","useRouteMatch","Href","useModularUIBasic","GroupingPanelModel","ListModel","DetailModel","CaseSearchModel","useUrl","href","fromRoute","previousUrl","setPreviousUrl","previousExact","setPreviousExact","match","location","_context","url","isExact","addParametersFromString","search","equalsWithParameters","shouldUpdate","Function","call","bind","_startsWithInstanceProperty","usePanel","options","hookOptions","basicOptions","expectedModels","targetModel"],"sources":["../../src/hooks/usePanel.js"],"sourcesContent":["// @flow\nimport { useState, useMemo } from \"react\";\nimport { useLocation, useRouteMatch } from \"react-router\";\nimport Href from \"../models/href/Href\";\nimport { useModularUIBasic } from \"./useModularUIBasic\";\n\nimport type { HookOptions } from \"./useModularUIBasic\";\nimport GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport ListModel from \"../models/list/ListModel\";\nimport DetailModel from \"../models/detail/DetailModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\n\nconst useUrl = (href?: string | Href, fromRoute: boolean = false) => {\n  const [previousUrl, setPreviousUrl] = useState(null);\n  const [previousExact, setPreviousExact] = useState(false);\n\n  const match = useRouteMatch();\n  const location = useLocation();\n\n  return useMemo(() => {\n    if (href == null && previousUrl == null) {\n      return new Href(\"\");\n    }\n\n    const url = href instanceof Href ? href : new Href(href);\n\n    if (!fromRoute) {\n      return url;\n    }\n\n    if (match.isExact) {\n      url.addParametersFromString(location.search);\n    }\n\n    // Check equality to prevent unnecessary state updates\n    if (url.equalsWithParameters(previousUrl)) {\n      return previousUrl || url;\n    }\n\n    const shouldUpdate =\n      match.isExact === true ||\n      previousExact === match.isExact ||\n      !previousUrl?.startsWith(match.url);\n\n    if (shouldUpdate) {\n      setPreviousUrl(url);\n      setPreviousExact(match.isExact);\n      return url;\n    }\n\n    return previousUrl || new Href(\"\");\n  }, [\n    href,\n    previousUrl,\n    fromRoute,\n    match.isExact,\n    match.url,\n    previousExact,\n    location.search,\n  ]);\n};\n\n/**\n */\nexport const usePanel = (\n  href?: string | Href,\n  options?: HookOptions & { fromRoute?: boolean },\n): ListModel | GroupingPanelModel | DetailModel | null => {\n  const { fromRoute, ...hookOptions } = options || { fromRoute: false };\n\n  const url = useUrl(href, fromRoute || false);\n  const basicOptions = {\n    expectedModels: [\"List\", \"GroupingPanel\", \"Detail\", \"CaseSearch\"],\n    targetModel: [ListModel, GroupingPanelModel, DetailModel, CaseSearchModel],\n    ...(hookOptions: HookOptions),\n  };\n\n  return useModularUIBasic(\"panel\", url, basicOptions);\n};\n"],"mappings":";AACA,SAASA,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AACzC,SAASC,WAAW,EAAEC,aAAa,QAAQ,cAAc;AACzD,OAAOC,IAAI,MAAM,qBAAqB;AACtC,SAASC,iBAAiB,QAAQ,qBAAqB;AAGvD,OAAOC,kBAAkB,MAAM,qCAAqC;AACpE,OAAOC,SAAS,MAAM,0BAA0B;AAChD,OAAOC,WAAW,MAAM,8BAA8B;AACtD,OAAOC,eAAe,MAAM,kCAAkC;AAE9D,MAAMC,MAAM,GAAGA,CAACC,IAAoB,EAAEC,SAAkB,GAAG,KAAK,KAAK;EACnE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGd,QAAQ,CAAC,IAAI,CAAC;EACpD,MAAM,CAACe,aAAa,EAAEC,gBAAgB,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAEzD,MAAMiB,KAAK,GAAGd,aAAa,CAAC,CAAC;EAC7B,MAAMe,QAAQ,GAAGhB,WAAW,CAAC,CAAC;EAE9B,OAAOD,OAAO,CAAC,MAAM;IAAA,IAAAkB,QAAA;IACnB,IAAIR,IAAI,IAAI,IAAI,IAAIE,WAAW,IAAI,IAAI,EAAE;MACvC,OAAO,IAAIT,IAAI,CAAC,EAAE,CAAC;IACrB;IAEA,MAAMgB,GAAG,GAAGT,IAAI,YAAYP,IAAI,GAAGO,IAAI,GAAG,IAAIP,IAAI,CAACO,IAAI,CAAC;IAExD,IAAI,CAACC,SAAS,EAAE;MACd,OAAOQ,GAAG;IACZ;IAEA,IAAIH,KAAK,CAACI,OAAO,EAAE;MACjBD,GAAG,CAACE,uBAAuB,CAACJ,QAAQ,CAACK,MAAM,CAAC;IAC9C;;IAEA;IACA,IAAIH,GAAG,CAACI,oBAAoB,CAACX,WAAW,CAAC,EAAE;MACzC,OAAOA,WAAW,IAAIO,GAAG;IAC3B;IAEA,MAAMK,YAAY,GAChBR,KAAK,CAACI,OAAO,KAAK,IAAI,IACtBN,aAAa,KAAKE,KAAK,CAACI,OAAO,IAC/B,CAAC,EAAAF,QAAA,GAAAN,WAAW,qBAAAa,QAAA,CAAAC,IAAA,CAAAC,IAAA,CAAAC,2BAAA,CAAAV,QAAA,GAAAA,QAAA,KAAaF,KAAK,CAACG,GAAG,CAAC;IAErC,IAAIK,YAAY,EAAE;MAChBX,cAAc,CAACM,GAAG,CAAC;MACnBJ,gBAAgB,CAACC,KAAK,CAACI,OAAO,CAAC;MAC/B,OAAOD,GAAG;IACZ;IAEA,OAAOP,WAAW,IAAI,IAAIT,IAAI,CAAC,EAAE,CAAC;EACpC,CAAC,EAAE,CACDO,IAAI,EACJE,WAAW,EACXD,SAAS,EACTK,KAAK,CAACI,OAAO,EACbJ,KAAK,CAACG,GAAG,EACTL,aAAa,EACbG,QAAQ,CAACK,MAAM,CAChB,CAAC;AACJ,CAAC;;AAED;AACA;AACA,OAAO,MAAMO,QAAQ,GAAGA,CACtBnB,IAAoB,EACpBoB,OAA+C,KACS;EACxD,MAAM;IAAEnB,SAAS;IAAE,GAAGoB;EAAY,CAAC,GAAGD,OAAO,IAAI;IAAEnB,SAAS,EAAE;EAAM,CAAC;EAErE,MAAMQ,GAAG,GAAGV,MAAM,CAACC,IAAI,EAAEC,SAAS,IAAI,KAAK,CAAC;EAC5C,MAAMqB,YAAY,GAAG;IACnBC,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,CAAC;IACjEC,WAAW,EAAE,CAAC5B,SAAS,EAAED,kBAAkB,EAAEE,WAAW,EAAEC,eAAe,CAAC;IAC1E,GAAIuB;EACN,CAAC;EAED,OAAO3B,iBAAiB,CAAC,OAAO,EAAEe,GAAG,EAAEa,YAAY,CAAC;AACtD,CAAC","ignoreList":[]}
+{"version":3,"file":"usePanel.js","names":["useState","useMemo","useLocation","useRouteMatch","Href","useModularUIBasic","GroupingPanelModel","ListModel","DetailModel","CaseSearchModel","useUrl","href","fromRoute","previousUrl","setPreviousUrl","previousExact","setPreviousExact","match","location","_context","url","isExact","addParametersFromString","search","equalsWithParameters","shouldUpdate","Function","call","bind","_startsWithInstanceProperty","usePanel","options","hookOptions","basicOptions","expectedModels","targetModel"],"sources":["../../src/hooks/usePanel.js"],"sourcesContent":["// @flow\nimport { useState, useMemo } from \"react\";\nimport { useLocation, useRouteMatch } from \"react-router\";\nimport Href from \"../models/href/Href\";\nimport { useModularUIBasic } from \"./useModularUIBasic\";\n\nimport type { HookOptions } from \"./useModularUIBasic\";\nimport GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport ListModel from \"../models/list/ListModel\";\nimport DetailModel from \"../models/detail/DetailModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\n\nconst useUrl = (href?: string | Href, fromRoute: boolean = false) => {\n  const [previousUrl, setPreviousUrl] = useState(null);\n  const [previousExact, setPreviousExact] = useState(false);\n\n  const match = useRouteMatch();\n  const location = useLocation();\n\n  return useMemo(() => {\n    if (href == null && previousUrl == null) {\n      return new Href(\"\");\n    }\n\n    const url = href instanceof Href ? href : new Href(href);\n\n    if (!fromRoute) {\n      return url;\n    }\n\n    if (match.isExact) {\n      url.addParametersFromString(location.search);\n    }\n\n    // Check equality to prevent unnecessary state updates\n    if (url.equalsWithParameters(previousUrl)) {\n      return previousUrl || url;\n    }\n\n    const shouldUpdate =\n      match.isExact === true ||\n      previousExact === match.isExact ||\n      !previousUrl?.startsWith(match.url);\n\n    if (shouldUpdate) {\n      setPreviousUrl(url);\n      setPreviousExact(match.isExact);\n      return url;\n    }\n\n    return previousUrl || new Href(\"\");\n  }, [\n    href,\n    previousUrl,\n    fromRoute,\n    match.isExact,\n    match.url,\n    previousExact,\n    location.search,\n  ]);\n};\n\n/**\n */\nexport const usePanel = (\n  href?: string | Href,\n  options?: { ...HookOptions, fromRoute?: boolean },\n): ListModel | GroupingPanelModel | DetailModel | null => {\n  const { fromRoute, ...hookOptions } = options || { fromRoute: false };\n\n  const url = useUrl(href, fromRoute || false);\n  const basicOptions = {\n    expectedModels: [\"List\", \"GroupingPanel\", \"Detail\", \"CaseSearch\"],\n    targetModel: [ListModel, GroupingPanelModel, DetailModel, CaseSearchModel],\n    ...(hookOptions: HookOptions),\n  };\n\n  return useModularUIBasic(\"panel\", url, basicOptions);\n};\n"],"mappings":";AACA,SAASA,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AACzC,SAASC,WAAW,EAAEC,aAAa,QAAQ,cAAc;AACzD,OAAOC,IAAI,MAAM,qBAAqB;AACtC,SAASC,iBAAiB,QAAQ,qBAAqB;AAGvD,OAAOC,kBAAkB,MAAM,qCAAqC;AACpE,OAAOC,SAAS,MAAM,0BAA0B;AAChD,OAAOC,WAAW,MAAM,8BAA8B;AACtD,OAAOC,eAAe,MAAM,kCAAkC;AAE9D,MAAMC,MAAM,GAAGA,CAACC,IAAoB,EAAEC,SAAkB,GAAG,KAAK,KAAK;EACnE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGd,QAAQ,CAAC,IAAI,CAAC;EACpD,MAAM,CAACe,aAAa,EAAEC,gBAAgB,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAEzD,MAAMiB,KAAK,GAAGd,aAAa,CAAC,CAAC;EAC7B,MAAMe,QAAQ,GAAGhB,WAAW,CAAC,CAAC;EAE9B,OAAOD,OAAO,CAAC,MAAM;IAAA,IAAAkB,QAAA;IACnB,IAAIR,IAAI,IAAI,IAAI,IAAIE,WAAW,IAAI,IAAI,EAAE;MACvC,OAAO,IAAIT,IAAI,CAAC,EAAE,CAAC;IACrB;IAEA,MAAMgB,GAAG,GAAGT,IAAI,YAAYP,IAAI,GAAGO,IAAI,GAAG,IAAIP,IAAI,CAACO,IAAI,CAAC;IAExD,IAAI,CAACC,SAAS,EAAE;MACd,OAAOQ,GAAG;IACZ;IAEA,IAAIH,KAAK,CAACI,OAAO,EAAE;MACjBD,GAAG,CAACE,uBAAuB,CAACJ,QAAQ,CAACK,MAAM,CAAC;IAC9C;;IAEA;IACA,IAAIH,GAAG,CAACI,oBAAoB,CAACX,WAAW,CAAC,EAAE;MACzC,OAAOA,WAAW,IAAIO,GAAG;IAC3B;IAEA,MAAMK,YAAY,GAChBR,KAAK,CAACI,OAAO,KAAK,IAAI,IACtBN,aAAa,KAAKE,KAAK,CAACI,OAAO,IAC/B,CAAC,EAAAF,QAAA,GAAAN,WAAW,qBAAAa,QAAA,CAAAC,IAAA,CAAAC,IAAA,CAAAC,2BAAA,CAAAV,QAAA,GAAAA,QAAA,KAAaF,KAAK,CAACG,GAAG,CAAC;IAErC,IAAIK,YAAY,EAAE;MAChBX,cAAc,CAACM,GAAG,CAAC;MACnBJ,gBAAgB,CAACC,KAAK,CAACI,OAAO,CAAC;MAC/B,OAAOD,GAAG;IACZ;IAEA,OAAOP,WAAW,IAAI,IAAIT,IAAI,CAAC,EAAE,CAAC;EACpC,CAAC,EAAE,CACDO,IAAI,EACJE,WAAW,EACXD,SAAS,EACTK,KAAK,CAACI,OAAO,EACbJ,KAAK,CAACG,GAAG,EACTL,aAAa,EACbG,QAAQ,CAACK,MAAM,CAChB,CAAC;AACJ,CAAC;;AAED;AACA;AACA,OAAO,MAAMO,QAAQ,GAAGA,CACtBnB,IAAoB,EACpBoB,OAAiD,KACO;EACxD,MAAM;IAAEnB,SAAS;IAAE,GAAGoB;EAAY,CAAC,GAAGD,OAAO,IAAI;IAAEnB,SAAS,EAAE;EAAM,CAAC;EAErE,MAAMQ,GAAG,GAAGV,MAAM,CAACC,IAAI,EAAEC,SAAS,IAAI,KAAK,CAAC;EAC5C,MAAMqB,YAAY,GAAG;IACnBC,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,CAAC;IACjEC,WAAW,EAAE,CAAC5B,SAAS,EAAED,kBAAkB,EAAEE,WAAW,EAAEC,eAAe,CAAC;IAC1E,GAAIuB;EACN,CAAC;EAED,OAAO3B,iBAAiB,CAAC,OAAO,EAAEe,GAAG,EAAEa,YAAY,CAAC;AACtD,CAAC","ignoreList":[]}

package/esm/hooks/useRouter.js

@@ -1,31 +1,37 @@
+import { useMemo } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { push, replace, go, goBack, goForward } from "../redux/_router/RouterActions";
 /**
+ * Returns the full location object from the router state.
  */
-export const useLocation = () => useSelector(state => state.router.location);
+export const useLocation = () => useSelector(state => state.router?.location || {});
 
 /**
+ * Returns the unique key of the current location.
  */
-export const useLocationKey = () => useLocation()?.key ?? "";
+export const useLocationKey = () => useSelector(state => state.router?.location?.key ?? "");
 
 /**
+ * Returns the current search (querystring) portion of the URL.
  */
-export const useQuerystring = () => useLocation()?.search;
+export const useQuerystring = () => useSelector(state => state.router?.location?.search ?? "");
 
 /**
+ * Returns the current URL pathname.
  */
-export const usePathname = () => useLocation()?.pathname;
+export const usePathname = () => useSelector(state => state.router?.location?.pathname ?? "");
 
 /**
+ * Provides navigation methods.
  */
 export const useNavigation = () => {
   const dispatch = useDispatch();
-  return {
+  return useMemo(() => ({
     push: (location, state) => dispatch(push(location, state)),
     replace: (location, state) => dispatch(replace(location, state)),
     go: delta => dispatch(go(delta)),
     goBack: () => dispatch(goBack()),
     goForward: () => dispatch(goForward())
-  };
+  }), [dispatch]);
 };
 //# sourceMappingURL=useRouter.js.map