@beinformed/ui 1.65.6 → 1.65.8

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 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.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)
+
+
+### Bug Fixes
+
+* **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.6](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.5...v1.65.6) (2026-01-06)
 
 ## [1.65.5](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.65.1...v1.65.5) (2026-01-05)

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

@@ -130,6 +130,7 @@ describe("modularui hooks", () => {
       () => usePanel("/tab/caseview/1/panel"),
       "panel",
       "/tab/caseview/1/panel",
+      [ListModel, GroupingPanelModel, DetailModel, CaseSearchModel],
     );
   });
 

package/esm/hooks/index.js

@@ -3,6 +3,7 @@ export * from "./useContent";
 export * from "./useForm";
 export * from "./useI18n";
 export * from "./useList";
+export * from "./useLookup";
 export * from "./useModal";
 export * from "./useModelCatalog";
 export * from "./useModels";

package/esm/hooks/index.js.flow

@@ -4,6 +4,7 @@ export * from "./useContent";
 export * from "./useForm";
 export * from "./useI18n";
 export * from "./useList";
+export * from "./useLookup";
 export * from "./useModal";
 export * from "./useModelCatalog";
 export * from "./useModels";

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 \"./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 \"./useAllFormsOnModel\";\n"],"mappings":"AACA,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,sBAAsB","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

@@ -1,5 +1,6 @@
-import { useModularUIBasic } from "./useModularUIBasic";
+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 DetailModel from "../models/detail/DetailModel";
@@ -7,7 +8,9 @@ import ListModel from "../models/list/ListModel";
 import CaseSearchModel from "../models/search/CaseSearchModel";
 import ListDetailModel from "../models/list/ListDetailModel";
 import Href from "../models/href/Href";
-import { useHistory } from "react-router";
+import FilterCollection from "../models/filters/FilterCollection";
+import AssignmentFilterModel from "../models/filters/AssignmentFilterModel";
+import FilterModel from "../models/filters/FilterModel";
 /**
  */
 export const useList = (href, options) => useModularUIBasic("list", href, {
@@ -63,8 +66,49 @@ export const useListNavigation = () => {
       }));
     }
   };
+  const updateFilters = (list, filters) => {
+    list.filterCollection = filters;
+    update(list, true);
+  };
+  const updateFilter = (list, filter, value, attribute) => {
+    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 => {
+    list.filterCollection.reset();
+    update(list, true);
+  };
+  const removeFilter = (list, filter) => {
+    list.filterCollection.getFilterByName(filter.name)?.reset();
+    update(list, true);
+  };
+  const updateSort = (list, sortOption) => {
+    list.sorting.value = sortOption;
+    update(list, true);
+  };
+  const updatePage = (list, page) => {
+    list.paging.page = page;
+    update(list);
+  };
+  const updatePageSize = (list, pagesize) => {
+    list.paging.pagesize.value = pagesize;
+    update(list);
+  };
   return {
-    update
+    update,
+    updateFilters,
+    updateFilter,
+    updateSort,
+    updatePage,
+    updatePageSize,
+    resetFilters,
+    removeFilter
   };
 };
 //# sourceMappingURL=useList.js.map

package/esm/hooks/useList.js.flow

@@ -1,19 +1,38 @@
 // @flow
-import { useModularUIBasic } from "./useModularUIBasic";
+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 DetailModel from "../models/detail/DetailModel";
 import ListModel from "../models/list/ListModel";
 import CaseSearchModel from "../models/search/CaseSearchModel";
 import ListDetailModel from "../models/list/ListDetailModel";
 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 type { HookOptions } from "./useModularUIBasic";
-import { useHistory } from "react-router";
+import type { AttributeType, IFilter } from "../models/types";
 
 type ListNavigationHook = {
   update: (list: ListModel, resetPage?: boolean) => void,
+  updateFilters: (list: ListModel, filters: FilterCollection) => void,
+  updateFilter: (
+    list: ListModel,
+    filter: IFilter,
+    value: string,
+    attribute?: AttributeType,
+  ) => void,
+  updateSort: (list: ListModel, sortOption: string) => void,
+  updatePage: (list: ListModel, page: number) => void,
+  updatePageSize: (list: ListModel, pagesize: number) => void,
+  resetFilters: (list: ListModel) => void,
+  removeFilter: (list: ListModel, filter: IFilter) => void,
 };
 
 /**
@@ -85,7 +104,60 @@ export const useListNavigation = (): ListNavigationHook => {
     }
   };
 
+  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,
   };
 };

package/esm/hooks/useList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useList.js","names":["useModularUIBasic","useDispatch","HTTP_METHODS","loadModularUI","DetailModel","ListModel","CaseSearchModel","ListDetailModel","Href","useHistory","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"],"sources":["../../src/hooks/useList.js"],"sourcesContent":["// @flow\nimport { useModularUIBasic } from \"./useModularUIBasic\";\nimport { useDispatch } from \"react-redux\";\nimport { HTTP_METHODS } from \"../constants/Constants\";\nimport { loadModularUI } from \"../redux\";\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\";\n\nimport type { HookOptions } from \"./useModularUIBasic\";\nimport { useHistory } from \"react-router\";\n\ntype ListNavigationHook = {\n  update: (list: ListModel, resetPage?: boolean) => 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  return {\n    update,\n  };\n};\n"],"mappings":"AACA,SAASA,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,aAAa,QAAQ,UAAU;AACxC,OAAOC,WAAW,MAAM,8BAA8B;AACtD,OAAOC,SAAS,MAAM,0BAA0B;AAChD,OAAOC,eAAe,MAAM,kCAAkC;AAC9D,OAAOC,eAAe,MAAM,gCAAgC;AAC5D,OAAOC,IAAI,MAAM,qBAAqB;AAGtC,SAASC,UAAU,QAAQ,cAAc;AAMzC;AACA;AACA,OAAO,MAAMC,OAAO,GAAGA,CACrBC,IAAmB,EACnBC,OAAqB,KAErBZ,iBAAiB,CAAC,MAAM,EAAEW,IAAI,EAAE;EAC9BE,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC;EACtCC,WAAW,EAAE,CAACT,SAAS,EAAEC,eAAe,CAAC;EACzC,GAAGM;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMG,eAAe,GAAGA,CAC7BJ,IAAmB,EACnBC,OAAqB,KAErBZ,iBAAiB,CAAC,MAAM,EAAEW,IAAI,EAAE;EAC9BE,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;EAChDC,WAAW,EAAE,CAACT,SAAS,EAAEC,eAAe,EAAEF,WAAW,CAAC;EACtD,GAAGQ;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMI,aAAa,GAAGA,CAC3BL,IAAmB,EACnBC,OAAqB,KAErBZ,iBAAiB,CAAC,YAAY,EAAEW,IAAI,EAAE;EACpCE,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEP,eAAe;EAC5BU,gBAAgB,EAAE,IAAI;EACtB,GAAGL;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMM,iBAAiB,GAAGA,CAAA,KAA0B;EACzD,MAAMC,OAAO,GAAGV,UAAU,CAAC,CAAC;EAC5B,MAAMW,QAAQ,GAAGnB,WAAW,CAAC,CAAC;EAE9B,MAAMoB,MAAM,GAAGA,CAACC,IAAe,EAAEC,SAAkB,GAAG,KAAK,KAAK;IAC9D,MAAMC,QAAQ,GAAGF,IAAI,CAACG,QAAQ;IAC9B,IAAIF,SAAS,EAAE;MACbC,QAAQ,CAACE,IAAI,GAAG,IAAI;IACtB;IAEA,IAAIJ,IAAI,CAACK,aAAa,KAAKzB,YAAY,CAAC0B,IAAI,EAAE;MAC5CT,OAAO,CAACU,IAAI,CAAC;QAAEC,MAAM,EAAEN,QAAQ,CAACO,WAAW;QAAEC,KAAK,EAAEV,IAAI,CAACW;MAAS,CAAC,CAAC;MACpEb,QAAQ,CACNjB,aAAa,CAACmB,IAAI,CAACY,UAAU,EAAEV,QAAQ,EAAE;QACvCW,MAAM,EAAEjC,YAAY,CAAC0B,IAAI;QACzBQ,IAAI,EAAEd,IAAI,CAACW,QAAQ;QACnBnB,WAAW,EAAE,CAACT,SAAS,EAAEC,eAAe;MAC1C,CAAC,CACH,CAAC;IACH,CAAC,MAAM;MACLa,OAAO,CAACU,IAAI,CAAC;QAAEC,MAAM,EAAEN,QAAQ,CAACO;MAAY,CAAC,CAAC;MAC9CX,QAAQ,CACNjB,aAAa,CAACmB,IAAI,CAACY,UAAU,EAAEV,QAAQ,EAAE;QACvCW,MAAM,EAAEjC,YAAY,CAACmC,GAAG;QACxBvB,WAAW,EAAE,CAACT,SAAS,EAAEC,eAAe;MAC1C,CAAC,CACH,CAAC;IACH;EACF,CAAC;EAED,OAAO;IACLe;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"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":[]}

package/esm/hooks/useLookup.js

@@ -0,0 +1,62 @@
+import { useEffect, useState } from "react";
+import { HTTP_METHODS } from "../constants";
+import Href from "../models/href/Href";
+import LinkModel from "../models/links/LinkModel";
+import LookupOptionsModel from "../models/lookup/LookupOptionsModel";
+import { useModularUIRequest } from "./useModularUIRequest";
+import { useProgressIndicator } from "./useProgressIndicator";
+/**
+ * Lookup options call
+ */
+export const useLookup = (lookupLink, filterInput = "", minLength = 2, debounceMs = 300) => {
+  const {
+    start,
+    finish
+  } = useProgressIndicator();
+  const modularuiRequest = useModularUIRequest();
+  const [lookupOptions, setLookupOptions] = useState(null);
+  const [lookupLoading, setLookupLoading] = useState(false);
+  const {
+    href,
+    filterName,
+    method
+  } = lookupLink;
+  useEffect(() => {
+    if (filterInput.length < minLength) {
+      setLookupOptions(null);
+      return;
+    }
+    const timeoutId = setTimeout(async () => {
+      setLookupLoading(true);
+      start();
+      const lookupHref = new Href(href);
+      const requestOptions = {
+        method,
+        data: undefined
+      };
+      if (method === HTTP_METHODS.POST) {
+        requestOptions.data = {
+          [filterName]: filterInput
+        };
+      } else {
+        lookupHref.addParameter(filterName, filterInput);
+      }
+      modularuiRequest(lookupHref, requestOptions).fetch().then(lookupResponse => {
+        if (lookupResponse instanceof LookupOptionsModel) {
+          setLookupOptions(lookupResponse);
+        }
+      }).finally(() => {
+        finish();
+        setLookupLoading(false);
+      });
+    }, debounceMs);
+    return () => {
+      clearTimeout(timeoutId);
+    };
+  }, [debounceMs, filterInput, filterName, finish, href, method, minLength, modularuiRequest, start]);
+  return {
+    lookupOptions,
+    lookupLoading
+  };
+};
+//# sourceMappingURL=useLookup.js.map

package/esm/hooks/useLookup.js.flow

@@ -0,0 +1,82 @@
+// @flow
+import { useEffect, useState } from "react";
+
+import { HTTP_METHODS } from "../constants";
+
+import Href from "../models/href/Href";
+import LinkModel from "../models/links/LinkModel";
+import LookupOptionsModel from "../models/lookup/LookupOptionsModel";
+
+import { useModularUIRequest } from "./useModularUIRequest";
+import { useProgressIndicator } from "./useProgressIndicator";
+
+type UseLookupHook = {
+  lookupOptions: LookupOptionsModel | null,
+  lookupLoading: boolean,
+};
+
+/**
+ * Lookup options call
+ */
+export const useLookup = (
+  lookupLink: LinkModel,
+  filterInput: string = "",
+  minLength: number = 2,
+  debounceMs: number = 300,
+): UseLookupHook => {
+  const { start, finish } = useProgressIndicator();
+  const modularuiRequest = useModularUIRequest();
+
+  const [lookupOptions, setLookupOptions] = useState(null);
+  const [lookupLoading, setLookupLoading] = useState(false);
+
+  const { href, filterName, method } = lookupLink;
+
+  useEffect(() => {
+    if (filterInput.length < minLength) {
+      setLookupOptions(null);
+      return;
+    }
+
+    const timeoutId = setTimeout(async () => {
+      setLookupLoading(true);
+      start();
+
+      const lookupHref = new Href(href);
+      const requestOptions = { method, data: undefined };
+      if (method === HTTP_METHODS.POST) {
+        requestOptions.data = { [filterName]: filterInput };
+      } else {
+        lookupHref.addParameter(filterName, filterInput);
+      }
+
+      modularuiRequest(lookupHref, requestOptions)
+        .fetch()
+        .then((lookupResponse) => {
+          if (lookupResponse instanceof LookupOptionsModel) {
+            setLookupOptions(lookupResponse);
+          }
+        })
+        .finally(() => {
+          finish();
+          setLookupLoading(false);
+        });
+    }, debounceMs);
+
+    return () => {
+      clearTimeout(timeoutId);
+    };
+  }, [
+    debounceMs,
+    filterInput,
+    filterName,
+    finish,
+    href,
+    method,
+    minLength,
+    modularuiRequest,
+    start,
+  ]);
+
+  return { lookupOptions, lookupLoading };
+};

package/esm/hooks/useLookup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLookup.js","names":["useEffect","useState","HTTP_METHODS","Href","LinkModel","LookupOptionsModel","useModularUIRequest","useProgressIndicator","useLookup","lookupLink","filterInput","minLength","debounceMs","start","finish","modularuiRequest","lookupOptions","setLookupOptions","lookupLoading","setLookupLoading","href","filterName","method","length","timeoutId","setTimeout","lookupHref","requestOptions","data","undefined","POST","addParameter","fetch","then","lookupResponse","finally","clearTimeout"],"sources":["../../src/hooks/useLookup.js"],"sourcesContent":["// @flow\nimport { useEffect, useState } from \"react\";\n\nimport { HTTP_METHODS } from \"../constants\";\n\nimport Href from \"../models/href/Href\";\nimport LinkModel from \"../models/links/LinkModel\";\nimport LookupOptionsModel from \"../models/lookup/LookupOptionsModel\";\n\nimport { useModularUIRequest } from \"./useModularUIRequest\";\nimport { useProgressIndicator } from \"./useProgressIndicator\";\n\ntype UseLookupHook = {\n  lookupOptions: LookupOptionsModel | null,\n  lookupLoading: boolean,\n};\n\n/**\n * Lookup options call\n */\nexport const useLookup = (\n  lookupLink: LinkModel,\n  filterInput: string = \"\",\n  minLength: number = 2,\n  debounceMs: number = 300,\n): UseLookupHook => {\n  const { start, finish } = useProgressIndicator();\n  const modularuiRequest = useModularUIRequest();\n\n  const [lookupOptions, setLookupOptions] = useState(null);\n  const [lookupLoading, setLookupLoading] = useState(false);\n\n  const { href, filterName, method } = lookupLink;\n\n  useEffect(() => {\n    if (filterInput.length < minLength) {\n      setLookupOptions(null);\n      return;\n    }\n\n    const timeoutId = setTimeout(async () => {\n      setLookupLoading(true);\n      start();\n\n      const lookupHref = new Href(href);\n      const requestOptions = { method, data: undefined };\n      if (method === HTTP_METHODS.POST) {\n        requestOptions.data = { [filterName]: filterInput };\n      } else {\n        lookupHref.addParameter(filterName, filterInput);\n      }\n\n      modularuiRequest(lookupHref, requestOptions)\n        .fetch()\n        .then((lookupResponse) => {\n          if (lookupResponse instanceof LookupOptionsModel) {\n            setLookupOptions(lookupResponse);\n          }\n        })\n        .finally(() => {\n          finish();\n          setLookupLoading(false);\n        });\n    }, debounceMs);\n\n    return () => {\n      clearTimeout(timeoutId);\n    };\n  }, [\n    debounceMs,\n    filterInput,\n    filterName,\n    finish,\n    href,\n    method,\n    minLength,\n    modularuiRequest,\n    start,\n  ]);\n\n  return { lookupOptions, lookupLoading };\n};\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,SAASC,YAAY,QAAQ,cAAc;AAE3C,OAAOC,IAAI,MAAM,qBAAqB;AACtC,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,kBAAkB,MAAM,qCAAqC;AAEpE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,oBAAoB,QAAQ,wBAAwB;AAO7D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CACvBC,UAAqB,EACrBC,WAAmB,GAAG,EAAE,EACxBC,SAAiB,GAAG,CAAC,EACrBC,UAAkB,GAAG,GAAG,KACN;EAClB,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGP,oBAAoB,CAAC,CAAC;EAChD,MAAMQ,gBAAgB,GAAGT,mBAAmB,CAAC,CAAC;EAE9C,MAAM,CAACU,aAAa,EAAEC,gBAAgB,CAAC,GAAGhB,QAAQ,CAAC,IAAI,CAAC;EACxD,MAAM,CAACiB,aAAa,EAAEC,gBAAgB,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAEzD,MAAM;IAAEmB,IAAI;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGb,UAAU;EAE/CT,SAAS,CAAC,MAAM;IACd,IAAIU,WAAW,CAACa,MAAM,GAAGZ,SAAS,EAAE;MAClCM,gBAAgB,CAAC,IAAI,CAAC;MACtB;IACF;IAEA,MAAMO,SAAS,GAAGC,UAAU,CAAC,YAAY;MACvCN,gBAAgB,CAAC,IAAI,CAAC;MACtBN,KAAK,CAAC,CAAC;MAEP,MAAMa,UAAU,GAAG,IAAIvB,IAAI,CAACiB,IAAI,CAAC;MACjC,MAAMO,cAAc,GAAG;QAAEL,MAAM;QAAEM,IAAI,EAAEC;MAAU,CAAC;MAClD,IAAIP,MAAM,KAAKpB,YAAY,CAAC4B,IAAI,EAAE;QAChCH,cAAc,CAACC,IAAI,GAAG;UAAE,CAACP,UAAU,GAAGX;QAAY,CAAC;MACrD,CAAC,MAAM;QACLgB,UAAU,CAACK,YAAY,CAACV,UAAU,EAAEX,WAAW,CAAC;MAClD;MAEAK,gBAAgB,CAACW,UAAU,EAAEC,cAAc,CAAC,CACzCK,KAAK,CAAC,CAAC,CACPC,IAAI,CAAEC,cAAc,IAAK;QACxB,IAAIA,cAAc,YAAY7B,kBAAkB,EAAE;UAChDY,gBAAgB,CAACiB,cAAc,CAAC;QAClC;MACF,CAAC,CAAC,CACDC,OAAO,CAAC,MAAM;QACbrB,MAAM,CAAC,CAAC;QACRK,gBAAgB,CAAC,KAAK,CAAC;MACzB,CAAC,CAAC;IACN,CAAC,EAAEP,UAAU,CAAC;IAEd,OAAO,MAAM;MACXwB,YAAY,CAACZ,SAAS,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CACDZ,UAAU,EACVF,WAAW,EACXW,UAAU,EACVP,MAAM,EACNM,IAAI,EACJE,MAAM,EACNX,SAAS,EACTI,gBAAgB,EAChBF,KAAK,CACN,CAAC;EAEF,OAAO;IAAEG,aAAa;IAAEE;EAAc,CAAC;AACzC,CAAC","ignoreList":[]}

package/esm/hooks/usePanel.js

@@ -3,6 +3,10 @@ import { useState, useMemo } from "react";
 import { useLocation, useRouteMatch } from "react-router";
 import Href from "../models/href/Href";
 import { useModularUIBasic } from "./useModularUIBasic";
+import GroupingPanelModel from "../models/panels/GroupingPanelModel";
+import ListModel from "../models/list/ListModel";
+import DetailModel from "../models/detail/DetailModel";
+import CaseSearchModel from "../models/search/CaseSearchModel";
 const useUrl = (href, fromRoute = false) => {
   const [previousUrl, setPreviousUrl] = useState(null);
   const [previousExact, setPreviousExact] = useState(false);
@@ -46,7 +50,8 @@ export const usePanel = (href, options) => {
   };
   const url = useUrl(href, fromRoute || false);
   const basicOptions = {
-    expectedModels: ["List", "GroupingPanel", "Detail"],
+    expectedModels: ["List", "GroupingPanel", "Detail", "CaseSearch"],
+    targetModel: [ListModel, GroupingPanelModel, DetailModel, CaseSearchModel],
     ...hookOptions
   };
   return useModularUIBasic("panel", url, basicOptions);

package/esm/hooks/usePanel.js.flow

@@ -5,9 +5,10 @@ import Href from "../models/href/Href";
 import { useModularUIBasic } from "./useModularUIBasic";
 
 import type { HookOptions } from "./useModularUIBasic";
-import type GroupingPanelModel from "../models/panels/GroupingPanelModel";
-import type ListModel from "../models/list/ListModel";
-import type DetailModel from "../models/detail/DetailModel";
+import GroupingPanelModel from "../models/panels/GroupingPanelModel";
+import ListModel from "../models/list/ListModel";
+import DetailModel from "../models/detail/DetailModel";
+import CaseSearchModel from "../models/search/CaseSearchModel";
 
 const useUrl = (href?: string | Href, fromRoute: boolean = false) => {
   const [previousUrl, setPreviousUrl] = useState(null);
@@ -69,7 +70,8 @@ export const usePanel = (
 
   const url = useUrl(href, fromRoute || false);
   const basicOptions = {
-    expectedModels: ["List", "GroupingPanel", "Detail"],
+    expectedModels: ["List", "GroupingPanel", "Detail", "CaseSearch"],
+    targetModel: [ListModel, GroupingPanelModel, DetailModel, CaseSearchModel],
     ...(hookOptions: HookOptions),
   };
 

package/esm/hooks/usePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePanel.js","names":["useState","useMemo","useLocation","useRouteMatch","Href","useModularUIBasic","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"],"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 type GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport type ListModel from \"../models/list/ListModel\";\nimport type DetailModel from \"../models/detail/DetailModel\";\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\"],\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;AAOvD,MAAMC,MAAM,GAAGA,CAACC,IAAoB,EAAEC,SAAkB,GAAG,KAAK,KAAK;EACnE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGV,QAAQ,CAAC,IAAI,CAAC;EACpD,MAAM,CAACW,aAAa,EAAEC,gBAAgB,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAEzD,MAAMa,KAAK,GAAGV,aAAa,CAAC,CAAC;EAC7B,MAAMW,QAAQ,GAAGZ,WAAW,CAAC,CAAC;EAE9B,OAAOD,OAAO,CAAC,MAAM;IAAA,IAAAc,QAAA;IACnB,IAAIR,IAAI,IAAI,IAAI,IAAIE,WAAW,IAAI,IAAI,EAAE;MACvC,OAAO,IAAIL,IAAI,CAAC,EAAE,CAAC;IACrB;IAEA,MAAMY,GAAG,GAAGT,IAAI,YAAYH,IAAI,GAAGG,IAAI,GAAG,IAAIH,IAAI,CAACG,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,IAAIL,IAAI,CAAC,EAAE,CAAC;EACpC,CAAC,EAAE,CACDG,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,CAAC;IACnD,GAAIF;EACN,CAAC;EAED,OAAOvB,iBAAiB,CAAC,OAAO,EAAEW,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,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":[]}

package/esm/hooks/useProgressIndicator.js

@@ -1,16 +1,31 @@
 import { useDispatch, useSelector } from "react-redux";
 import { startProgress, finishProgress, resetProgress, updateProgress } from "../redux/actions/ProgressIndicator";
+import { useCallback } from "react";
 /**
  */
 export const useProgressIndicator = () => {
   const dispatch = useDispatch();
-  const progress = useSelector(state => state.progressindicator);
+  const start = useCallback(() => {
+    dispatch(startProgress());
+  }, [dispatch]);
+  const finish = useCallback(() => {
+    dispatch(finishProgress());
+  }, [dispatch]);
+  const reset = useCallback(() => {
+    dispatch(resetProgress());
+  }, [dispatch]);
+  const update = useCallback(percentComplete => {
+    dispatch(updateProgress(percentComplete));
+  }, [dispatch]);
   return {
-    ...progress,
-    start: () => dispatch(startProgress()),
-    finish: () => dispatch(finishProgress()),
-    reset: () => dispatch(resetProgress()),
-    update: percentComplete => dispatch(updateProgress(percentComplete))
+    start,
+    finish,
+    reset,
+    update
   };
 };
+
+/**
+ */
+export const useProgressIndicatorState = () => useSelector(state => state.progressindicator);
 //# sourceMappingURL=useProgressIndicator.js.map