@beinformed/ui 1.65.7 → 1.65.9

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 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.9](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.8...v1.65.9) (2026-01-08)
+
+
+### Bug Fixes
+
+* **hooks:** extract `useSearch` and enhance `useList` with memoized navigation methods ([7dc27df](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/7dc27df7511abebc356fa94303cb8cd4990d8e22))
+
+## [1.65.8](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.5...v1.65.8) (2026-01-07)
+
+
+### Bug Fixes
+
+* **hooks:** add `useLookup` hook and enhance `ChoiceAttributeModel` with dynamic lookup support ([3f9bb94](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/3f9bb944d044bbe5fb5abe23e559db5bcf3908e2))
+* **hook:** separate progress indicator state and actions ([cc201ac](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/cc201acee207bb63fe9c23f15e6c45aade3f04c7))
+* **hooks:** extend `useList` with advanced filter and pagination methods ([fe5b8f9](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/fe5b8f96d881e19d7061f2af097973cb3a467d75))
+* **panels:** expect correct target models ([8cce991](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/8cce991864ec89ea447d8c55ad6c983d2f466db0))
+* **server:** use correct import ([f7c81cb](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/f7c81cbb1acdcf6f8480bbfa2c7fd2bddcf84eed))
+
 ## [1.65.7](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.5...v1.65.7) (2026-01-06)
 
 

package/esm/hooks/__tests__/UseModularUIModel.spec.js.flow

@@ -12,11 +12,11 @@ import {
   useCaseView,
   useGroupingPanel,
   useDetailPanel,
-  useQuicksearch,
   useUserProfile,
 } from "../useModularUIModel";
 import { useList, useListDetail } from "../useList";
 import { usePanel } from "../usePanel";
+import { useQuicksearch } from "../useSearch";
 import {
   ApplicationModel,
   CaseSearchModel,

package/esm/hooks/index.js

@@ -1,8 +1,10 @@
+export * from "./useAllFormsOnModel";
 export * from "./useAuthentication";
 export * from "./useContent";
 export * from "./useForm";
 export * from "./useI18n";
 export * from "./useList";
+export * from "./useLookup";
 export * from "./useModal";
 export * from "./useModelCatalog";
 export * from "./useModels";
@@ -15,5 +17,5 @@ export * from "./usePanel";
 export * from "./usePreference";
 export * from "./useProgressIndicator";
 export * from "./useRouter";
-export * from "./useAllFormsOnModel";
+export * from "./useSearch";
 //# sourceMappingURL=index.js.map

package/esm/hooks/index.js.flow

@@ -1,9 +1,11 @@
 // @flow
+export * from "./useAllFormsOnModel";
 export * from "./useAuthentication";
 export * from "./useContent";
 export * from "./useForm";
 export * from "./useI18n";
 export * from "./useList";
+export * from "./useLookup";
 export * from "./useModal";
 export * from "./useModelCatalog";
 export * from "./useModels";
@@ -16,4 +18,4 @@ export * from "./usePanel";
 export * from "./usePreference";
 export * from "./useProgressIndicator";
 export * from "./useRouter";
-export * from "./useAllFormsOnModel";
+export * from "./useSearch";

package/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/hooks/index.js"],"sourcesContent":["// @flow\nexport * from \"./useAuthentication\";\nexport * from \"./useContent\";\nexport * from \"./useForm\";\nexport * from \"./useI18n\";\nexport * from \"./useList\";\nexport * from \"./useModal\";\nexport * from \"./useModelCatalog\";\nexport * from \"./useModels\";\nexport * from \"./useModularUI\";\nexport * from \"./useModularUIBasic\";\nexport * from \"./useModularUIModel\";\nexport * from \"./useModularUIRequest\";\nexport * from \"./useNotification\";\nexport * from \"./usePanel\";\nexport * from \"./usePreference\";\nexport * from \"./useProgressIndicator\";\nexport * from \"./useRouter\";\nexport * from \"./useAllFormsOnModel\";\n"],"mappings":"AACA,cAAc,qBAAqB;AACnC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,aAAa;AAC3B,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,mBAAmB;AACjC,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,aAAa;AAC3B,cAAc,sBAAsB","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/hooks/index.js"],"sourcesContent":["// @flow\nexport * from \"./useAllFormsOnModel\";\nexport * from \"./useAuthentication\";\nexport * from \"./useContent\";\nexport * from \"./useForm\";\nexport * from \"./useI18n\";\nexport * from \"./useList\";\nexport * from \"./useLookup\";\nexport * from \"./useModal\";\nexport * from \"./useModelCatalog\";\nexport * from \"./useModels\";\nexport * from \"./useModularUI\";\nexport * from \"./useModularUIBasic\";\nexport * from \"./useModularUIModel\";\nexport * from \"./useModularUIRequest\";\nexport * from \"./useNotification\";\nexport * from \"./usePanel\";\nexport * from \"./usePreference\";\nexport * from \"./useProgressIndicator\";\nexport * from \"./useRouter\";\nexport * from \"./useSearch\";\n"],"mappings":"AACA,cAAc,sBAAsB;AACpC,cAAc,qBAAqB;AACnC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,aAAa;AAC3B,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,mBAAmB;AACjC,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,aAAa;AAC3B,cAAc,aAAa","ignoreList":[]}

package/esm/hooks/useForm.js

@@ -1,10 +1,10 @@
 import { useDispatch } from "react-redux";
-import Href from "../models/href/Href";
 import { getSetting, HTTP_METHODS } from "../constants";
-import { loadModularUI, removeModelByKey } from "../redux/_modularui";
-import { useModularUI } from "./useModularUI";
+import { loadModularUI, removeModelByKey } from "../redux/_modularui/ModularUIActions";
 import { addRepeatableAttributeSet, cancelForm, cancelRepeatableAttributeSet, previousObject, removeRepeatableAttributeSet, showFormNotification, updateFormAttribute } from "../redux/actions";
+import Href from "../models/href/Href";
 import FormModel from "../models/form/FormModel";
+import { useModularUI } from "./useModularUI";
 /**
  * Load a form by href
  */

package/esm/hooks/useForm.js.flow

@@ -1,16 +1,16 @@
 // @flow
 import { useDispatch } from "react-redux";
 
-import Href from "../models/href/Href";
-
 import { getSetting, HTTP_METHODS } from "../constants";
 
 import type {
   RemoveModelByKeyAction,
   UpdateFormAction,
 } from "../redux/_modularui";
-import { loadModularUI, removeModelByKey } from "../redux/_modularui";
-import { useModularUI } from "./useModularUI";
+import {
+  loadModularUI,
+  removeModelByKey,
+} from "../redux/_modularui/ModularUIActions";
 
 import {
   addRepeatableAttributeSet,
@@ -22,8 +22,11 @@ import {
   updateFormAttribute,
 } from "../redux/actions";
 
+import Href from "../models/href/Href";
 import FormModel from "../models/form/FormModel";
 
+import { useModularUI } from "./useModularUI";
+
 import type { AttributeType, FormObjectModel, ModularUIModel } from "../models";
 import type { UpdateFormOptions } from "../redux/types";
 

package/esm/hooks/useForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.js","names":["useDispatch","Href","getSetting","HTTP_METHODS","loadModularUI","removeModelByKey","useModularUI","addRepeatableAttributeSet","cancelForm","cancelRepeatableAttributeSet","previousObject","removeRepeatableAttributeSet","showFormNotification","updateFormAttribute","FormModel","useForm","href","data","formHref","addParameter","form","method","POST","targetModel","removeOnUnmount","origin","contextPath","model","useFormNavigation","dispatch","previous","cancel","submit","connectKey","selfhref","formdata","updateHandler","newModel","clonedModel","clone","update","remove","showFormNotificationAction","useAttributeUpdate","object","attribute","value","options","useAttributeSet","save"],"sources":["../../src/hooks/useForm.js"],"sourcesContent":["// @flow\nimport { useDispatch } from \"react-redux\";\n\nimport Href from \"../models/href/Href\";\n\nimport { getSetting, HTTP_METHODS } from \"../constants\";\n\nimport type {\n  RemoveModelByKeyAction,\n  UpdateFormAction,\n} from \"../redux/_modularui\";\nimport { loadModularUI, removeModelByKey } from \"../redux/_modularui\";\nimport { useModularUI } from \"./useModularUI\";\n\nimport {\n  addRepeatableAttributeSet,\n  cancelForm,\n  cancelRepeatableAttributeSet,\n  previousObject,\n  removeRepeatableAttributeSet,\n  showFormNotification,\n  updateFormAttribute,\n} from \"../redux/actions\";\n\nimport FormModel from \"../models/form/FormModel\";\n\nimport type { AttributeType, FormObjectModel, ModularUIModel } from \"../models\";\nimport type { UpdateFormOptions } from \"../redux/types\";\n\ntype FormNavigationHook = {\n  previous: (form: FormModel) => UpdateFormAction,\n  cancel: (form: FormModel) => void,\n  submit: (form: FormModel) => void,\n  showFormNotification: (form: FormModel) => void,\n  remove: (form: FormModel) => RemoveModelByKeyAction,\n};\n\ntype AttributeSetHook = {\n  save: () => UpdateFormAction,\n  cancel: (object: FormObjectModel) => UpdateFormAction,\n  remove: (object: FormObjectModel) => UpdateFormAction,\n};\n\ntype AttributeUpdateHook = (\n  attribute: AttributeType,\n  value: string,\n  options: UpdateFormOptions,\n) => void;\n\n/**\n * Load a form by href\n */\nexport const useForm = (href: string | Href, data?: Object): ?FormModel => {\n  const formHref = new Href(href);\n\n  if (!getSetting(\"ALWAYS_COMMIT_FORM\")) {\n    formHref.addParameter(\"commit\", \"false\");\n  }\n\n  const form = useModularUI(\"form\", formHref, {\n    method: HTTP_METHODS.POST,\n    targetModel: FormModel,\n    removeOnUnmount: true,\n    data,\n    origin: formHref.origin,\n    contextPath: formHref.contextPath,\n  });\n\n  if (form?.model) {\n    return form.model;\n  }\n};\n\n/**\n * Form navigation methods\n */\nexport const useFormNavigation = (): FormNavigationHook => {\n  const dispatch = useDispatch();\n\n  const previous = (form: FormModel) => dispatch(previousObject(form));\n\n  const cancel = (form: FormModel) => dispatch(cancelForm(form));\n\n  const submit = (form: FormModel) =>\n    dispatch(\n      loadModularUI(form.connectKey, form.selfhref, {\n        method: HTTP_METHODS.POST,\n        data: form.formdata,\n        updateHandler: (newModel: ModularUIModel): ModularUIModel => {\n          if (newModel instanceof FormModel) {\n            const clonedModel: FormModel = form.clone();\n            clonedModel.update(newModel);\n            return clonedModel;\n          }\n          return newModel;\n        },\n        targetModel: FormModel,\n      }),\n    );\n\n  const remove = (form: FormModel) =>\n    dispatch(removeModelByKey(form.connectKey));\n\n  const showFormNotificationAction = (form: FormModel) =>\n    dispatch(showFormNotification(form));\n\n  return {\n    previous,\n    cancel,\n    submit,\n    remove,\n    showFormNotification: showFormNotificationAction,\n  };\n};\n\n/**\n * Hook that returns a function to update attributes of a form object.\n * <br >\n * The returned function accepts the following options:\n *\n * - autosubmit: Automatically submit the form after a change\n * - autosav: Automatically save the form (in the background) after a change\n * - autoupdate: Automatically update the current form object after a change\n * - forceUpdate: Force the update even if conditions are not met.\n * - validate: Activate/deactivate the form object validation by an update.\n */\nexport const useAttributeUpdate = (\n  form: FormModel,\n  object: FormObjectModel,\n): AttributeUpdateHook => {\n  const dispatch = useDispatch();\n\n  return (\n    attribute: AttributeType,\n    value: string,\n    options: UpdateFormOptions,\n  ) => dispatch(updateFormAttribute(form, object, attribute, value, options));\n};\n\n/**\n * Attributeset actions\n */\nexport const useAttributeSet = (form: FormModel): AttributeSetHook => {\n  const dispatch = useDispatch();\n\n  return {\n    save: () => dispatch(addRepeatableAttributeSet(form)),\n    cancel: (object: FormObjectModel) =>\n      dispatch(cancelRepeatableAttributeSet(form, object)),\n    remove: (object: FormObjectModel) =>\n      dispatch(removeRepeatableAttributeSet(form, object)),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useForm.js","names":["useDispatch","getSetting","HTTP_METHODS","loadModularUI","removeModelByKey","addRepeatableAttributeSet","cancelForm","cancelRepeatableAttributeSet","previousObject","removeRepeatableAttributeSet","showFormNotification","updateFormAttribute","Href","FormModel","useModularUI","useForm","href","data","formHref","addParameter","form","method","POST","targetModel","removeOnUnmount","origin","contextPath","model","useFormNavigation","dispatch","previous","cancel","submit","connectKey","selfhref","formdata","updateHandler","newModel","clonedModel","clone","update","remove","showFormNotificationAction","useAttributeUpdate","object","attribute","value","options","useAttributeSet","save"],"sources":["../../src/hooks/useForm.js"],"sourcesContent":["// @flow\nimport { useDispatch } from \"react-redux\";\n\nimport { getSetting, HTTP_METHODS } from \"../constants\";\n\nimport type {\n  RemoveModelByKeyAction,\n  UpdateFormAction,\n} from \"../redux/_modularui\";\nimport {\n  loadModularUI,\n  removeModelByKey,\n} from \"../redux/_modularui/ModularUIActions\";\n\nimport {\n  addRepeatableAttributeSet,\n  cancelForm,\n  cancelRepeatableAttributeSet,\n  previousObject,\n  removeRepeatableAttributeSet,\n  showFormNotification,\n  updateFormAttribute,\n} from \"../redux/actions\";\n\nimport Href from \"../models/href/Href\";\nimport FormModel from \"../models/form/FormModel\";\n\nimport { useModularUI } from \"./useModularUI\";\n\nimport type { AttributeType, FormObjectModel, ModularUIModel } from \"../models\";\nimport type { UpdateFormOptions } from \"../redux/types\";\n\ntype FormNavigationHook = {\n  previous: (form: FormModel) => UpdateFormAction,\n  cancel: (form: FormModel) => void,\n  submit: (form: FormModel) => void,\n  showFormNotification: (form: FormModel) => void,\n  remove: (form: FormModel) => RemoveModelByKeyAction,\n};\n\ntype AttributeSetHook = {\n  save: () => UpdateFormAction,\n  cancel: (object: FormObjectModel) => UpdateFormAction,\n  remove: (object: FormObjectModel) => UpdateFormAction,\n};\n\ntype AttributeUpdateHook = (\n  attribute: AttributeType,\n  value: string,\n  options: UpdateFormOptions,\n) => void;\n\n/**\n * Load a form by href\n */\nexport const useForm = (href: string | Href, data?: Object): ?FormModel => {\n  const formHref = new Href(href);\n\n  if (!getSetting(\"ALWAYS_COMMIT_FORM\")) {\n    formHref.addParameter(\"commit\", \"false\");\n  }\n\n  const form = useModularUI(\"form\", formHref, {\n    method: HTTP_METHODS.POST,\n    targetModel: FormModel,\n    removeOnUnmount: true,\n    data,\n    origin: formHref.origin,\n    contextPath: formHref.contextPath,\n  });\n\n  if (form?.model) {\n    return form.model;\n  }\n};\n\n/**\n * Form navigation methods\n */\nexport const useFormNavigation = (): FormNavigationHook => {\n  const dispatch = useDispatch();\n\n  const previous = (form: FormModel) => dispatch(previousObject(form));\n\n  const cancel = (form: FormModel) => dispatch(cancelForm(form));\n\n  const submit = (form: FormModel) =>\n    dispatch(\n      loadModularUI(form.connectKey, form.selfhref, {\n        method: HTTP_METHODS.POST,\n        data: form.formdata,\n        updateHandler: (newModel: ModularUIModel): ModularUIModel => {\n          if (newModel instanceof FormModel) {\n            const clonedModel: FormModel = form.clone();\n            clonedModel.update(newModel);\n            return clonedModel;\n          }\n          return newModel;\n        },\n        targetModel: FormModel,\n      }),\n    );\n\n  const remove = (form: FormModel) =>\n    dispatch(removeModelByKey(form.connectKey));\n\n  const showFormNotificationAction = (form: FormModel) =>\n    dispatch(showFormNotification(form));\n\n  return {\n    previous,\n    cancel,\n    submit,\n    remove,\n    showFormNotification: showFormNotificationAction,\n  };\n};\n\n/**\n * Hook that returns a function to update attributes of a form object.\n * <br >\n * The returned function accepts the following options:\n *\n * - autosubmit: Automatically submit the form after a change\n * - autosav: Automatically save the form (in the background) after a change\n * - autoupdate: Automatically update the current form object after a change\n * - forceUpdate: Force the update even if conditions are not met.\n * - validate: Activate/deactivate the form object validation by an update.\n */\nexport const useAttributeUpdate = (\n  form: FormModel,\n  object: FormObjectModel,\n): AttributeUpdateHook => {\n  const dispatch = useDispatch();\n\n  return (\n    attribute: AttributeType,\n    value: string,\n    options: UpdateFormOptions,\n  ) => dispatch(updateFormAttribute(form, object, attribute, value, options));\n};\n\n/**\n * Attributeset actions\n */\nexport const useAttributeSet = (form: FormModel): AttributeSetHook => {\n  const dispatch = useDispatch();\n\n  return {\n    save: () => dispatch(addRepeatableAttributeSet(form)),\n    cancel: (object: FormObjectModel) =>\n      dispatch(cancelRepeatableAttributeSet(form, object)),\n    remove: (object: FormObjectModel) =>\n      dispatch(removeRepeatableAttributeSet(form, object)),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/hooks/useList.js

@@ -11,6 +11,7 @@ import Href from "../models/href/Href";
 import FilterCollection from "../models/filters/FilterCollection";
 import AssignmentFilterModel from "../models/filters/AssignmentFilterModel";
 import FilterModel from "../models/filters/FilterModel";
+import { useCallback, useMemo } from "react";
 /**
  */
 export const useList = (href, options) => useModularUIBasic("list", href, {
@@ -38,39 +39,49 @@ export const useListDetail = (href, options) => useModularUIBasic("listdetail",
 
 /**
  */
-export const useListNavigation = () => {
+export const useListNavigation = ({
+  syncLocation,
+  historyAction
+} = {
+  syncLocation: true,
+  historyAction: "push"
+}) => {
   const history = useHistory();
   const dispatch = useDispatch();
-  const update = (list, resetPage = false) => {
+  const update = useCallback((list, resetPage = false) => {
     const listHref = list.selfhref;
     if (resetPage) {
       listHref.page = null;
     }
     if (list.requestMethod === HTTP_METHODS.POST) {
-      history.push({
-        search: listHref.querystring,
-        state: list.formdata
-      });
+      if (syncLocation) {
+        history[historyAction]({
+          search: listHref.querystring,
+          state: list.formdata
+        });
+      }
       dispatch(loadModularUI(list.connectKey, listHref, {
         method: HTTP_METHODS.POST,
         data: list.formdata,
         targetModel: [ListModel, CaseSearchModel]
       }));
     } else {
-      history.push({
-        search: listHref.querystring
-      });
+      if (syncLocation) {
+        history[historyAction]({
+          search: listHref.querystring
+        });
+      }
       dispatch(loadModularUI(list.connectKey, listHref, {
         method: HTTP_METHODS.GET,
         targetModel: [ListModel, CaseSearchModel]
       }));
     }
-  };
-  const updateFilters = (list, filters) => {
+  }, [dispatch, history, historyAction, syncLocation]);
+  const updateFilters = useCallback((list, filters) => {
     list.filterCollection = filters;
     update(list, true);
-  };
-  const updateFilter = (list, filter, value, attribute) => {
+  }, [update]);
+  const updateFilter = useCallback((list, filter, value, attribute) => {
     if (attribute) {
       filter.update(attribute, value);
     } else if (filter instanceof AssignmentFilterModel) {
@@ -79,28 +90,28 @@ export const useListNavigation = () => {
       filter.update(filter.attribute, value);
     }
     update(list, true);
-  };
-  const resetFilters = list => {
+  }, [update]);
+  const resetFilters = useCallback(list => {
     list.filterCollection.reset();
     update(list, true);
-  };
-  const removeFilter = (list, filter) => {
+  }, [update]);
+  const removeFilter = useCallback((list, filter) => {
     list.filterCollection.getFilterByName(filter.name)?.reset();
     update(list, true);
-  };
-  const updateSort = (list, sortOption) => {
+  }, [update]);
+  const updateSort = useCallback((list, sortOption) => {
     list.sorting.value = sortOption;
     update(list, true);
-  };
-  const updatePage = (list, page) => {
+  }, [update]);
+  const updatePage = useCallback((list, page) => {
     list.paging.page = page;
     update(list);
-  };
-  const updatePageSize = (list, pagesize) => {
+  }, [update]);
+  const updatePageSize = useCallback((list, pagesize) => {
     list.paging.pagesize.value = pagesize;
     update(list);
-  };
-  return {
+  }, [update]);
+  return useMemo(() => ({
     update,
     updateFilters,
     updateFilter,
@@ -109,6 +120,6 @@ export const useListNavigation = () => {
     updatePageSize,
     resetFilters,
     removeFilter
-  };
+  }), [removeFilter, resetFilters, update, updateFilter, updateFilters, updatePage, updatePageSize, updateSort]);
 };
 //# sourceMappingURL=useList.js.map

package/esm/hooks/useList.js.flow

@@ -18,6 +18,7 @@ import FilterModel from "../models/filters/FilterModel";
 
 import type { HookOptions } from "./useModularUIBasic";
 import type { AttributeType, IFilter } from "../models/types";
+import { useCallback, useMemo } from "react";
 
 type ListNavigationHook = {
   update: (list: ListModel, resetPage?: boolean) => void,
@@ -35,6 +36,11 @@ type ListNavigationHook = {
   removeFilter: (list: ListModel, filter: IFilter) => void,
 };
 
+type ListNavigationOptions = {
+  syncLocation: boolean,
+  historyAction: "push" | "replace",
+};
+
 /**
  */
 export const useList = (
@@ -74,90 +80,141 @@ export const useListDetail = (
 
 /**
  */
-export const useListNavigation = (): ListNavigationHook => {
+export const useListNavigation = (
+  { syncLocation, historyAction }: ListNavigationOptions = {
+    syncLocation: true,
+    historyAction: "push",
+  },
+): ListNavigationHook => {
   const history = useHistory();
   const dispatch = useDispatch();
 
-  const update = (list: ListModel, resetPage: boolean = false) => {
-    const listHref = list.selfhref;
-    if (resetPage) {
-      listHref.page = null;
-    }
-
-    if (list.requestMethod === HTTP_METHODS.POST) {
-      history.push({ search: listHref.querystring, state: list.formdata });
-      dispatch(
-        loadModularUI(list.connectKey, listHref, {
-          method: HTTP_METHODS.POST,
-          data: list.formdata,
-          targetModel: [ListModel, CaseSearchModel],
-        }),
-      );
-    } else {
-      history.push({ search: listHref.querystring });
-      dispatch(
-        loadModularUI(list.connectKey, listHref, {
-          method: HTTP_METHODS.GET,
-          targetModel: [ListModel, CaseSearchModel],
-        }),
-      );
-    }
-  };
-
-  const updateFilters = (list: ListModel, filters: FilterCollection) => {
-    list.filterCollection = filters;
-    update(list, true);
-  };
-
-  const updateFilter = (
-    list: ListModel,
-    filter: IFilter,
-    value: string,
-    attribute?: AttributeType,
-  ) => {
-    if (attribute) {
-      filter.update(attribute, value);
-    } else if (filter instanceof AssignmentFilterModel) {
-      throw new Error("Need the attribute to update for AssigmentFilterModel");
-    } else if (filter instanceof FilterModel) {
-      filter.update(filter.attribute, value);
-    }
-    update(list, true);
-  };
-
-  const resetFilters = (list: ListModel) => {
-    list.filterCollection.reset();
-    update(list, true);
-  };
-
-  const removeFilter = (list: ListModel, filter: IFilter) => {
-    list.filterCollection.getFilterByName(filter.name)?.reset();
-    update(list, true);
-  };
-
-  const updateSort = (list: ListModel, sortOption: string) => {
-    list.sorting.value = sortOption;
-    update(list, true);
-  };
-
-  const updatePage = (list: ListModel, page: number) => {
-    list.paging.page = page;
-    update(list);
-  };
-
-  const updatePageSize = (list: ListModel, pagesize: number) => {
-    list.paging.pagesize.value = pagesize;
-    update(list);
-  };
-
-  return {
-    update,
-    updateFilters,
-    updateFilter,
-    updateSort,
-    updatePage,
-    updatePageSize,
-    resetFilters,
-    removeFilter,
-  };
+  const update = useCallback(
+    (list: ListModel, resetPage: boolean = false) => {
+      const listHref = list.selfhref;
+      if (resetPage) {
+        listHref.page = null;
+      }
+
+      if (list.requestMethod === HTTP_METHODS.POST) {
+        if (syncLocation) {
+          history[historyAction]({
+            search: listHref.querystring,
+            state: list.formdata,
+          });
+        }
+
+        dispatch(
+          loadModularUI(list.connectKey, listHref, {
+            method: HTTP_METHODS.POST,
+            data: list.formdata,
+            targetModel: [ListModel, CaseSearchModel],
+          }),
+        );
+      } else {
+        if (syncLocation) {
+          history[historyAction]({ search: listHref.querystring });
+        }
+        dispatch(
+          loadModularUI(list.connectKey, listHref, {
+            method: HTTP_METHODS.GET,
+            targetModel: [ListModel, CaseSearchModel],
+          }),
+        );
+      }
+    },
+    [dispatch, history, historyAction, syncLocation],
+  );
+
+  const updateFilters = useCallback(
+    (list: ListModel, filters: FilterCollection) => {
+      list.filterCollection = filters;
+      update(list, true);
+    },
+    [update],
+  );
+
+  const updateFilter = useCallback(
+    (
+      list: ListModel,
+      filter: IFilter,
+      value: string,
+      attribute?: AttributeType,
+    ) => {
+      if (attribute) {
+        filter.update(attribute, value);
+      } else if (filter instanceof AssignmentFilterModel) {
+        throw new Error(
+          "Need the attribute to update for AssigmentFilterModel",
+        );
+      } else if (filter instanceof FilterModel) {
+        filter.update(filter.attribute, value);
+      }
+      update(list, true);
+    },
+    [update],
+  );
+
+  const resetFilters = useCallback(
+    (list: ListModel) => {
+      list.filterCollection.reset();
+      update(list, true);
+    },
+    [update],
+  );
+
+  const removeFilter = useCallback(
+    (list: ListModel, filter: IFilter) => {
+      list.filterCollection.getFilterByName(filter.name)?.reset();
+      update(list, true);
+    },
+    [update],
+  );
+
+  const updateSort = useCallback(
+    (list: ListModel, sortOption: string) => {
+      list.sorting.value = sortOption;
+      update(list, true);
+    },
+    [update],
+  );
+
+  const updatePage = useCallback(
+    (list: ListModel, page: number) => {
+      list.paging.page = page;
+      update(list);
+    },
+    [update],
+  );
+
+  const updatePageSize = useCallback(
+    (list: ListModel, pagesize: number) => {
+      list.paging.pagesize.value = pagesize;
+      update(list);
+    },
+    [update],
+  );
+
+  return useMemo(
+    () => ({
+      update,
+      updateFilters,
+      updateFilter,
+      updateSort,
+      updatePage,
+      updatePageSize,
+      resetFilters,
+      removeFilter,
+    }),
+    [
+      removeFilter,
+      resetFilters,
+      update,
+      updateFilter,
+      updateFilters,
+      updatePage,
+      updatePageSize,
+      updateSort,
+    ],
+  );
 };

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","useList","href","options","expectedModels","targetModel","useListOrDetail","useListDetail","forceTargetModel","useListNavigation","history","dispatch","update","list","resetPage","listHref","selfhref","page","requestMethod","POST","push","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\";\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\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 = (): ListNavigationHook => {\n  const history = useHistory();\n  const dispatch = useDispatch();\n\n  const update = (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      history.push({ search: listHref.querystring, state: list.formdata });\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      history.push({ search: listHref.querystring });\n      dispatch(\n        loadModularUI(list.connectKey, listHref, {\n          method: HTTP_METHODS.GET,\n          targetModel: [ListModel, CaseSearchModel],\n        }),\n      );\n    }\n  };\n\n  const updateFilters = (list: ListModel, filters: FilterCollection) => {\n    list.filterCollection = filters;\n    update(list, true);\n  };\n\n  const updateFilter = (\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(\"Need the attribute to update for AssigmentFilterModel\");\n    } else if (filter instanceof FilterModel) {\n      filter.update(filter.attribute, value);\n    }\n    update(list, true);\n  };\n\n  const resetFilters = (list: ListModel) => {\n    list.filterCollection.reset();\n    update(list, true);\n  };\n\n  const removeFilter = (list: ListModel, filter: IFilter) => {\n    list.filterCollection.getFilterByName(filter.name)?.reset();\n    update(list, true);\n  };\n\n  const updateSort = (list: ListModel, sortOption: string) => {\n    list.sorting.value = sortOption;\n    update(list, true);\n  };\n\n  const updatePage = (list: ListModel, page: number) => {\n    list.paging.page = page;\n    update(list);\n  };\n\n  const updatePageSize = (list: ListModel, pagesize: number) => {\n    list.paging.pagesize.value = pagesize;\n    update(list);\n  };\n\n  return {\n    update,\n    updateFilters,\n    updateFilter,\n    updateSort,\n    updatePage,\n    updatePageSize,\n    resetFilters,\n    removeFilter,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}