@beinformed/ui 1.25.5 → 1.25.6

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.25.6](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.25.5...v1.25.6) (2023-01-11)
+
+### Bug Fixes
+
+- **use-modularui:** add useSearch hook for advanced search ([30eb63c](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/30eb63c665dd8e6ebca7eab988afe29c427f7d00))
+- **use-modularui:** could not use useModularUI hook in useEffect ([46d5e8d](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/46d5e8d2f4f7e2181e1d9c484c9e6a1232c4d77c))
+
 ### [1.25.5](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.25.4...v1.25.5) (2023-01-10)
 
 ### Bug Fixes

package/esm/hooks/useModularUIModel.js

@@ -82,6 +82,13 @@ export const useQuicksearch = href => useModularUIBasic("quicksearch", href, {
   targetModel: CaseSearchModel
 });
 
+/**
+ */
+export const useSearch = href => useModularUIBasic("search", href, {
+  expectedModels: ["CaseSearch"],
+  targetModel: CaseSearchModel
+});
+
 /**
  */
 export const useUserProfile = href => useModularUIBasic("userprofile", href, {

package/esm/hooks/useModularUIModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModularUIModel.js","names":["ApplicationModel","CaseViewModel","TabModel","ListModel","GroupingPanelModel","DetailModel","CaseSearchModel","ListDetailModel","UserProfileModel","useModularUIBasic","useApplication","expectedModels","targetModel","useTab","href","useCaseView","usePanel","useList","useListOrDetail","useListDetail","forceTargetModel","useGroupingPanel","useDetailPanel","useQuicksearch","useUserProfile"],"sources":["../../src/hooks/useModularUIModel.js"],"sourcesContent":["// @flow\nimport ApplicationModel from \"../models/application/ApplicationModel\";\nimport CaseViewModel from \"../models/caseview/CaseViewModel\";\nimport TabModel from \"../models/tab/TabModel\";\nimport ListModel from \"../models/list/ListModel\";\nimport GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport DetailModel from \"../models/detail/DetailModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\nimport ListDetailModel from \"../models/list/ListDetailModel\";\nimport UserProfileModel from \"../models/user/UserProfileModel\";\n\nimport { useModularUIBasic } from \"./useModularUIBasic\";\n\n/**\n * Load application\n */\nexport const useApplication = (): ApplicationModel | null =>\n  useModularUIBasic(\"application\", \"/\", {\n    expectedModels: [\"Application\"],\n    targetModel: ApplicationModel,\n  });\n\n/**\n * Load a tab by href\n */\nexport const useTab = (href: string): TabModel | null =>\n  useModularUIBasic(\"tab\", href, {\n    expectedModels: [\"Tab\"],\n    targetModel: TabModel,\n  });\n\n/**\n * Load caseview by href\n */\nexport const useCaseView = (href: string): CaseViewModel | null =>\n  useModularUIBasic(\"caseview\", href, {\n    expectedModels: [\"CaseView\"],\n    targetModel: CaseViewModel,\n  });\n\n/**\n */\nexport const usePanel = (\n  href: string\n): ListModel | GroupingPanelModel | DetailModel | null =>\n  useModularUIBasic(\"panel\", href, {\n    expectedModels: [\"List\", \"GroupingPanel\", \"Detail\"],\n  });\n\n/**\n */\nexport const useList = (href: string): ListModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\"],\n    targetModel: ListModel,\n  });\n\n/**\n */\nexport const useListOrDetail = (href: string): ListModel | DetailModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\", \"Detail\"],\n    targetModel: [ListModel, DetailModel],\n  });\n\n/**\n */\nexport const useListDetail = (href: string): ListDetailModel | null =>\n  useModularUIBasic(\"listdetail\", href, {\n    expectedModels: [\"ListDetail\"],\n    targetModel: ListDetailModel,\n    forceTargetModel: true,\n  });\n\n/**\n */\nexport const useGroupingPanel = (href: string): GroupingPanelModel | null =>\n  useModularUIBasic(\"groupingpanel\", href, {\n    expectedModels: [\"GroupingPanel\"],\n    targetModel: GroupingPanelModel,\n  });\n\n/**\n */\nexport const useDetailPanel = (href: string): DetailModel | null =>\n  useModularUIBasic(\"detailpanel\", href, {\n    expectedModels: [\"Detail\"],\n    targetModel: DetailModel,\n  });\n\n/**\n */\nexport const useQuicksearch = (href: string): CaseSearchModel | null =>\n  useModularUIBasic(\"quicksearch\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n  });\n\n/**\n */\nexport const useUserProfile = (href: string): UserProfileModel | null =>\n  useModularUIBasic(\"userprofile\", href, {\n    expectedModels: [\"UserProfile\"],\n    targetModel: UserProfileModel,\n  });\n"],"mappings":"AACA,OAAOA,gBAAgB,MAAM,wCAAwC;AACrE,OAAOC,aAAa,MAAM,kCAAkC;AAC5D,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,SAAS,MAAM,0BAA0B;AAChD,OAAOC,kBAAkB,MAAM,qCAAqC;AACpE,OAAOC,WAAW,MAAM,8BAA8B;AACtD,OAAOC,eAAe,MAAM,kCAAkC;AAC9D,OAAOC,eAAe,MAAM,gCAAgC;AAC5D,OAAOC,gBAAgB,MAAM,iCAAiC;AAE9D,SAASC,iBAAiB,QAAQ,qBAAqB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAG,MAC5BD,iBAAiB,CAAC,aAAa,EAAE,GAAG,EAAE;EACpCE,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEZ;AACf,CAAC,CAAC;;AAEJ;AACA;AACA;AACA,OAAO,MAAMa,MAAM,GAAIC,IAAY,IACjCL,iBAAiB,CAAC,KAAK,EAAEK,IAAI,EAAE;EAC7BH,cAAc,EAAE,CAAC,KAAK,CAAC;EACvBC,WAAW,EAAEV;AACf,CAAC,CAAC;;AAEJ;AACA;AACA;AACA,OAAO,MAAMa,WAAW,GAAID,IAAY,IACtCL,iBAAiB,CAAC,UAAU,EAAEK,IAAI,EAAE;EAClCH,cAAc,EAAE,CAAC,UAAU,CAAC;EAC5BC,WAAW,EAAEX;AACf,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMe,QAAQ,GACnBF,IAAY,IAEZL,iBAAiB,CAAC,OAAO,EAAEK,IAAI,EAAE;EAC/BH,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,QAAQ;AACpD,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMM,OAAO,GAAIH,IAAY,IAClCL,iBAAiB,CAAC,MAAM,EAAEK,IAAI,EAAE;EAC9BH,cAAc,EAAE,CAAC,MAAM,CAAC;EACxBC,WAAW,EAAET;AACf,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMe,eAAe,GAAIJ,IAAY,IAC1CL,iBAAiB,CAAC,MAAM,EAAEK,IAAI,EAAE;EAC9BH,cAAc,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;EAClCC,WAAW,EAAE,CAACT,SAAS,EAAEE,WAAW;AACtC,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMc,aAAa,GAAIL,IAAY,IACxCL,iBAAiB,CAAC,YAAY,EAAEK,IAAI,EAAE;EACpCH,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEL,eAAe;EAC5Ba,gBAAgB,EAAE;AACpB,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAIP,IAAY,IAC3CL,iBAAiB,CAAC,eAAe,EAAEK,IAAI,EAAE;EACvCH,cAAc,EAAE,CAAC,eAAe,CAAC;EACjCC,WAAW,EAAER;AACf,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMkB,cAAc,GAAIR,IAAY,IACzCL,iBAAiB,CAAC,aAAa,EAAEK,IAAI,EAAE;EACrCH,cAAc,EAAE,CAAC,QAAQ,CAAC;EAC1BC,WAAW,EAAEP;AACf,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMkB,cAAc,GAAIT,IAAY,IACzCL,iBAAiB,CAAC,aAAa,EAAEK,IAAI,EAAE;EACrCH,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEN;AACf,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMkB,cAAc,GAAIV,IAAY,IACzCL,iBAAiB,CAAC,aAAa,EAAEK,IAAI,EAAE;EACrCH,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEJ;AACf,CAAC,CAAC"}
+{"version":3,"file":"useModularUIModel.js","names":["ApplicationModel","CaseViewModel","TabModel","ListModel","GroupingPanelModel","DetailModel","CaseSearchModel","ListDetailModel","UserProfileModel","useModularUIBasic","useApplication","expectedModels","targetModel","useTab","href","useCaseView","usePanel","useList","useListOrDetail","useListDetail","forceTargetModel","useGroupingPanel","useDetailPanel","useQuicksearch","useSearch","useUserProfile"],"sources":["../../src/hooks/useModularUIModel.js"],"sourcesContent":["// @flow\nimport ApplicationModel from \"../models/application/ApplicationModel\";\nimport CaseViewModel from \"../models/caseview/CaseViewModel\";\nimport TabModel from \"../models/tab/TabModel\";\nimport ListModel from \"../models/list/ListModel\";\nimport GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport DetailModel from \"../models/detail/DetailModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\nimport ListDetailModel from \"../models/list/ListDetailModel\";\nimport UserProfileModel from \"../models/user/UserProfileModel\";\n\nimport { useModularUIBasic } from \"./useModularUIBasic\";\n\n/**\n * Load application\n */\nexport const useApplication = (): ApplicationModel | null =>\n  useModularUIBasic(\"application\", \"/\", {\n    expectedModels: [\"Application\"],\n    targetModel: ApplicationModel,\n  });\n\n/**\n * Load a tab by href\n */\nexport const useTab = (href: string): TabModel | null =>\n  useModularUIBasic(\"tab\", href, {\n    expectedModels: [\"Tab\"],\n    targetModel: TabModel,\n  });\n\n/**\n * Load caseview by href\n */\nexport const useCaseView = (href: string): CaseViewModel | null =>\n  useModularUIBasic(\"caseview\", href, {\n    expectedModels: [\"CaseView\"],\n    targetModel: CaseViewModel,\n  });\n\n/**\n */\nexport const usePanel = (\n  href: string\n): ListModel | GroupingPanelModel | DetailModel | null =>\n  useModularUIBasic(\"panel\", href, {\n    expectedModels: [\"List\", \"GroupingPanel\", \"Detail\"],\n  });\n\n/**\n */\nexport const useList = (href: string): ListModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\"],\n    targetModel: ListModel,\n  });\n\n/**\n */\nexport const useListOrDetail = (href: string): ListModel | DetailModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\", \"Detail\"],\n    targetModel: [ListModel, DetailModel],\n  });\n\n/**\n */\nexport const useListDetail = (href: string): ListDetailModel | null =>\n  useModularUIBasic(\"listdetail\", href, {\n    expectedModels: [\"ListDetail\"],\n    targetModel: ListDetailModel,\n    forceTargetModel: true,\n  });\n\n/**\n */\nexport const useGroupingPanel = (href: string): GroupingPanelModel | null =>\n  useModularUIBasic(\"groupingpanel\", href, {\n    expectedModels: [\"GroupingPanel\"],\n    targetModel: GroupingPanelModel,\n  });\n\n/**\n */\nexport const useDetailPanel = (href: string): DetailModel | null =>\n  useModularUIBasic(\"detailpanel\", href, {\n    expectedModels: [\"Detail\"],\n    targetModel: DetailModel,\n  });\n\n/**\n */\nexport const useQuicksearch = (href: string): CaseSearchModel | null =>\n  useModularUIBasic(\"quicksearch\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n  });\n\n/**\n */\nexport const useSearch = (href: string): CaseSearchModel | null =>\n  useModularUIBasic(\"search\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n  });\n\n/**\n */\nexport const useUserProfile = (href: string): UserProfileModel | null =>\n  useModularUIBasic(\"userprofile\", href, {\n    expectedModels: [\"UserProfile\"],\n    targetModel: UserProfileModel,\n  });\n"],"mappings":"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"}

package/esm/hooks/useModularUIRequest.js

@@ -2,14 +2,16 @@ import { createSelector } from "reselect";
 import { useSelector } from "react-redux";
 import ModularUIRequest from "../modularui/ModularUIRequest";
 import { getLocale } from "../redux/selectors/i18n";
-/**
- * Creates a ModularUIRequest with the locale as available in the redux store
- */
-export const useModularUIRequest = () => useSelector(createSelector([getLocale], localeCode => {
+const getModularUIRequest = createSelector([getLocale], localeCode => {
   return (href, options) => {
     const request = new ModularUIRequest(href, options);
     request.locale = localeCode;
     return request;
   };
-}));
+});
+
+/**
+ * Creates a ModularUIRequest with the locale as available in the redux store
+ */
+export const useModularUIRequest = () => useSelector(getModularUIRequest);
 //# sourceMappingURL=useModularUIRequest.js.map

package/esm/hooks/useModularUIRequest.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModularUIRequest.js","names":["createSelector","useSelector","ModularUIRequest","getLocale","useModularUIRequest","localeCode","href","options","request","locale"],"sources":["../../src/hooks/useModularUIRequest.js"],"sourcesContent":["// @flow\nimport { createSelector } from \"reselect\";\nimport { useSelector } from \"react-redux\";\n\nimport ModularUIRequest from \"../modularui/ModularUIRequest\";\nimport { getLocale } from \"../redux/selectors/i18n\";\n\nimport type Href from \"../models/href/Href\";\nimport type { RequestModularUIOptions } from \"../utils\";\n\n/**\n * Creates a ModularUIRequest with the locale as available in the redux store\n */\nexport const useModularUIRequest = (): ((\n  href: Href,\n  options?: $Shape<RequestModularUIOptions>\n) => ModularUIRequest) =>\n  useSelector(\n    createSelector([getLocale], (localeCode) => {\n      return (href: Href, options?: $Shape<RequestModularUIOptions>) => {\n        const request = new ModularUIRequest(href, options);\n        request.locale = localeCode;\n        return request;\n      };\n    })\n  );\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,UAAU;AACzC,SAASC,WAAW,QAAQ,aAAa;AAEzC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,SAASC,SAAS,QAAQ,yBAAyB;AAKnD;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAG,MAIjCH,WAAW,CACTD,cAAc,CAAC,CAACG,SAAS,CAAC,EAAGE,UAAU,IAAK;EAC1C,OAAO,CAACC,IAAU,EAAEC,OAAyC,KAAK;IAChE,MAAMC,OAAO,GAAG,IAAIN,gBAAgB,CAACI,IAAI,EAAEC,OAAO,CAAC;IACnDC,OAAO,CAACC,MAAM,GAAGJ,UAAU;IAC3B,OAAOG,OAAO;EAChB,CAAC;AACH,CAAC,CAAC,CACH"}
+{"version":3,"file":"useModularUIRequest.js","names":["createSelector","useSelector","ModularUIRequest","getLocale","getModularUIRequest","localeCode","href","options","request","locale","useModularUIRequest"],"sources":["../../src/hooks/useModularUIRequest.js"],"sourcesContent":["// @flow\nimport { createSelector } from \"reselect\";\nimport { useSelector } from \"react-redux\";\n\nimport ModularUIRequest from \"../modularui/ModularUIRequest\";\nimport { getLocale } from \"../redux/selectors/i18n\";\n\nimport type { RequestModularUIOptions } from \"../utils\";\nimport type Href from \"../models/href/Href\";\n\nconst getModularUIRequest = createSelector([getLocale], (localeCode) => {\n  return (href: Href, options?: $Shape<RequestModularUIOptions>) => {\n    const request = new ModularUIRequest(href, options);\n    request.locale = localeCode;\n    return request;\n  };\n});\n\n/**\n * Creates a ModularUIRequest with the locale as available in the redux store\n */\nexport const useModularUIRequest = (): ((\n  href: Href,\n  options?: $Shape<RequestModularUIOptions>\n) => ModularUIRequest) => useSelector(getModularUIRequest);\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,UAAU;AACzC,SAASC,WAAW,QAAQ,aAAa;AAEzC,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,SAASC,SAAS,QAAQ,yBAAyB;AAKnD,MAAMC,mBAAmB,GAAGJ,cAAc,CAAC,CAACG,SAAS,CAAC,EAAGE,UAAU,IAAK;EACtE,OAAO,CAACC,IAAU,EAAEC,OAAyC,KAAK;IAChE,MAAMC,OAAO,GAAG,IAAIN,gBAAgB,CAACI,IAAI,EAAEC,OAAO,CAAC;IACnDC,OAAO,CAACC,MAAM,GAAGJ,UAAU;IAC3B,OAAOG,OAAO;EAChB,CAAC;AACH,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,MAAME,mBAAmB,GAAG,MAGTT,WAAW,CAACG,mBAAmB,CAAC"}

package/lib/hooks/useModularUIModel.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useUserProfile = exports.useTab = exports.useQuicksearch = exports.usePanel = exports.useListOrDetail = exports.useListDetail = exports.useList = exports.useGroupingPanel = exports.useDetailPanel = exports.useCaseView = exports.useApplication = void 0;
+exports.useUserProfile = exports.useTab = exports.useSearch = exports.useQuicksearch = exports.usePanel = exports.useListOrDetail = exports.useListDetail = exports.useList = exports.useGroupingPanel = exports.useDetailPanel = exports.useCaseView = exports.useApplication = void 0;
 var _ApplicationModel = _interopRequireDefault(require("../models/application/ApplicationModel"));
 var _CaseViewModel = _interopRequireDefault(require("../models/caseview/CaseViewModel"));
 var _TabModel = _interopRequireDefault(require("../models/tab/TabModel"));
@@ -100,6 +100,14 @@ const useQuicksearch = href => (0, _useModularUIBasic.useModularUIBasic)("quicks
 /**
  */
 exports.useQuicksearch = useQuicksearch;
+const useSearch = href => (0, _useModularUIBasic.useModularUIBasic)("search", href, {
+  expectedModels: ["CaseSearch"],
+  targetModel: _CaseSearchModel.default
+});
+
+/**
+ */
+exports.useSearch = useSearch;
 const useUserProfile = href => (0, _useModularUIBasic.useModularUIBasic)("userprofile", href, {
   expectedModels: ["UserProfile"],
   targetModel: _UserProfileModel.default

package/lib/hooks/useModularUIModel.js.flow

@@ -96,6 +96,14 @@ export const useQuicksearch = (href: string): CaseSearchModel | null =>
     targetModel: CaseSearchModel,
   });
 
+/**
+ */
+export const useSearch = (href: string): CaseSearchModel | null =>
+  useModularUIBasic("search", href, {
+    expectedModels: ["CaseSearch"],
+    targetModel: CaseSearchModel,
+  });
+
 /**
  */
 export const useUserProfile = (href: string): UserProfileModel | null =>

package/lib/hooks/useModularUIModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModularUIModel.js","names":["useApplication","useModularUIBasic","expectedModels","targetModel","ApplicationModel","useTab","href","TabModel","useCaseView","CaseViewModel","usePanel","useList","ListModel","useListOrDetail","DetailModel","useListDetail","ListDetailModel","forceTargetModel","useGroupingPanel","GroupingPanelModel","useDetailPanel","useQuicksearch","CaseSearchModel","useUserProfile","UserProfileModel"],"sources":["../../src/hooks/useModularUIModel.js"],"sourcesContent":["// @flow\nimport ApplicationModel from \"../models/application/ApplicationModel\";\nimport CaseViewModel from \"../models/caseview/CaseViewModel\";\nimport TabModel from \"../models/tab/TabModel\";\nimport ListModel from \"../models/list/ListModel\";\nimport GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport DetailModel from \"../models/detail/DetailModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\nimport ListDetailModel from \"../models/list/ListDetailModel\";\nimport UserProfileModel from \"../models/user/UserProfileModel\";\n\nimport { useModularUIBasic } from \"./useModularUIBasic\";\n\n/**\n * Load application\n */\nexport const useApplication = (): ApplicationModel | null =>\n  useModularUIBasic(\"application\", \"/\", {\n    expectedModels: [\"Application\"],\n    targetModel: ApplicationModel,\n  });\n\n/**\n * Load a tab by href\n */\nexport const useTab = (href: string): TabModel | null =>\n  useModularUIBasic(\"tab\", href, {\n    expectedModels: [\"Tab\"],\n    targetModel: TabModel,\n  });\n\n/**\n * Load caseview by href\n */\nexport const useCaseView = (href: string): CaseViewModel | null =>\n  useModularUIBasic(\"caseview\", href, {\n    expectedModels: [\"CaseView\"],\n    targetModel: CaseViewModel,\n  });\n\n/**\n */\nexport const usePanel = (\n  href: string\n): ListModel | GroupingPanelModel | DetailModel | null =>\n  useModularUIBasic(\"panel\", href, {\n    expectedModels: [\"List\", \"GroupingPanel\", \"Detail\"],\n  });\n\n/**\n */\nexport const useList = (href: string): ListModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\"],\n    targetModel: ListModel,\n  });\n\n/**\n */\nexport const useListOrDetail = (href: string): ListModel | DetailModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\", \"Detail\"],\n    targetModel: [ListModel, DetailModel],\n  });\n\n/**\n */\nexport const useListDetail = (href: string): ListDetailModel | null =>\n  useModularUIBasic(\"listdetail\", href, {\n    expectedModels: [\"ListDetail\"],\n    targetModel: ListDetailModel,\n    forceTargetModel: true,\n  });\n\n/**\n */\nexport const useGroupingPanel = (href: string): GroupingPanelModel | null =>\n  useModularUIBasic(\"groupingpanel\", href, {\n    expectedModels: [\"GroupingPanel\"],\n    targetModel: GroupingPanelModel,\n  });\n\n/**\n */\nexport const useDetailPanel = (href: string): DetailModel | null =>\n  useModularUIBasic(\"detailpanel\", href, {\n    expectedModels: [\"Detail\"],\n    targetModel: DetailModel,\n  });\n\n/**\n */\nexport const useQuicksearch = (href: string): CaseSearchModel | null =>\n  useModularUIBasic(\"quicksearch\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n  });\n\n/**\n */\nexport const useUserProfile = (href: string): UserProfileModel | null =>\n  useModularUIBasic(\"userprofile\", href, {\n    expectedModels: [\"UserProfile\"],\n    targetModel: UserProfileModel,\n  });\n"],"mappings":";;;;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACO,MAAMA,cAAc,GAAG,MAC5B,IAAAC,oCAAiB,EAAC,aAAa,EAAE,GAAG,EAAE;EACpCC,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEC;AACf,CAAC,CAAC;;AAEJ;AACA;AACA;AAFA;AAGO,MAAMC,MAAM,GAAIC,IAAY,IACjC,IAAAL,oCAAiB,EAAC,KAAK,EAAEK,IAAI,EAAE;EAC7BJ,cAAc,EAAE,CAAC,KAAK,CAAC;EACvBC,WAAW,EAAEI;AACf,CAAC,CAAC;;AAEJ;AACA;AACA;AAFA;AAGO,MAAMC,WAAW,GAAIF,IAAY,IACtC,IAAAL,oCAAiB,EAAC,UAAU,EAAEK,IAAI,EAAE;EAClCJ,cAAc,EAAE,CAAC,UAAU,CAAC;EAC5BC,WAAW,EAAEM;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,QAAQ,GACnBJ,IAAY,IAEZ,IAAAL,oCAAiB,EAAC,OAAO,EAAEK,IAAI,EAAE;EAC/BJ,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,QAAQ;AACpD,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMS,OAAO,GAAIL,IAAY,IAClC,IAAAL,oCAAiB,EAAC,MAAM,EAAEK,IAAI,EAAE;EAC9BJ,cAAc,EAAE,CAAC,MAAM,CAAC;EACxBC,WAAW,EAAES;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,eAAe,GAAIP,IAAY,IAC1C,IAAAL,oCAAiB,EAAC,MAAM,EAAEK,IAAI,EAAE;EAC9BJ,cAAc,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;EAClCC,WAAW,EAAE,CAACS,kBAAS,EAAEE,oBAAW;AACtC,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,aAAa,GAAIT,IAAY,IACxC,IAAAL,oCAAiB,EAAC,YAAY,EAAEK,IAAI,EAAE;EACpCJ,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEa,wBAAe;EAC5BC,gBAAgB,EAAE;AACpB,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,gBAAgB,GAAIZ,IAAY,IAC3C,IAAAL,oCAAiB,EAAC,eAAe,EAAEK,IAAI,EAAE;EACvCJ,cAAc,EAAE,CAAC,eAAe,CAAC;EACjCC,WAAW,EAAEgB;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,cAAc,GAAId,IAAY,IACzC,IAAAL,oCAAiB,EAAC,aAAa,EAAEK,IAAI,EAAE;EACrCJ,cAAc,EAAE,CAAC,QAAQ,CAAC;EAC1BC,WAAW,EAAEW;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMO,cAAc,GAAIf,IAAY,IACzC,IAAAL,oCAAiB,EAAC,aAAa,EAAEK,IAAI,EAAE;EACrCJ,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEmB;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,cAAc,GAAIjB,IAAY,IACzC,IAAAL,oCAAiB,EAAC,aAAa,EAAEK,IAAI,EAAE;EACrCJ,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEqB;AACf,CAAC,CAAC;AAAC"}
+{"version":3,"file":"useModularUIModel.js","names":["useApplication","useModularUIBasic","expectedModels","targetModel","ApplicationModel","useTab","href","TabModel","useCaseView","CaseViewModel","usePanel","useList","ListModel","useListOrDetail","DetailModel","useListDetail","ListDetailModel","forceTargetModel","useGroupingPanel","GroupingPanelModel","useDetailPanel","useQuicksearch","CaseSearchModel","useSearch","useUserProfile","UserProfileModel"],"sources":["../../src/hooks/useModularUIModel.js"],"sourcesContent":["// @flow\nimport ApplicationModel from \"../models/application/ApplicationModel\";\nimport CaseViewModel from \"../models/caseview/CaseViewModel\";\nimport TabModel from \"../models/tab/TabModel\";\nimport ListModel from \"../models/list/ListModel\";\nimport GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport DetailModel from \"../models/detail/DetailModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\nimport ListDetailModel from \"../models/list/ListDetailModel\";\nimport UserProfileModel from \"../models/user/UserProfileModel\";\n\nimport { useModularUIBasic } from \"./useModularUIBasic\";\n\n/**\n * Load application\n */\nexport const useApplication = (): ApplicationModel | null =>\n  useModularUIBasic(\"application\", \"/\", {\n    expectedModels: [\"Application\"],\n    targetModel: ApplicationModel,\n  });\n\n/**\n * Load a tab by href\n */\nexport const useTab = (href: string): TabModel | null =>\n  useModularUIBasic(\"tab\", href, {\n    expectedModels: [\"Tab\"],\n    targetModel: TabModel,\n  });\n\n/**\n * Load caseview by href\n */\nexport const useCaseView = (href: string): CaseViewModel | null =>\n  useModularUIBasic(\"caseview\", href, {\n    expectedModels: [\"CaseView\"],\n    targetModel: CaseViewModel,\n  });\n\n/**\n */\nexport const usePanel = (\n  href: string\n): ListModel | GroupingPanelModel | DetailModel | null =>\n  useModularUIBasic(\"panel\", href, {\n    expectedModels: [\"List\", \"GroupingPanel\", \"Detail\"],\n  });\n\n/**\n */\nexport const useList = (href: string): ListModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\"],\n    targetModel: ListModel,\n  });\n\n/**\n */\nexport const useListOrDetail = (href: string): ListModel | DetailModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\", \"Detail\"],\n    targetModel: [ListModel, DetailModel],\n  });\n\n/**\n */\nexport const useListDetail = (href: string): ListDetailModel | null =>\n  useModularUIBasic(\"listdetail\", href, {\n    expectedModels: [\"ListDetail\"],\n    targetModel: ListDetailModel,\n    forceTargetModel: true,\n  });\n\n/**\n */\nexport const useGroupingPanel = (href: string): GroupingPanelModel | null =>\n  useModularUIBasic(\"groupingpanel\", href, {\n    expectedModels: [\"GroupingPanel\"],\n    targetModel: GroupingPanelModel,\n  });\n\n/**\n */\nexport const useDetailPanel = (href: string): DetailModel | null =>\n  useModularUIBasic(\"detailpanel\", href, {\n    expectedModels: [\"Detail\"],\n    targetModel: DetailModel,\n  });\n\n/**\n */\nexport const useQuicksearch = (href: string): CaseSearchModel | null =>\n  useModularUIBasic(\"quicksearch\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n  });\n\n/**\n */\nexport const useSearch = (href: string): CaseSearchModel | null =>\n  useModularUIBasic(\"search\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n  });\n\n/**\n */\nexport const useUserProfile = (href: string): UserProfileModel | null =>\n  useModularUIBasic(\"userprofile\", href, {\n    expectedModels: [\"UserProfile\"],\n    targetModel: UserProfileModel,\n  });\n"],"mappings":";;;;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACO,MAAMA,cAAc,GAAG,MAC5B,IAAAC,oCAAiB,EAAC,aAAa,EAAE,GAAG,EAAE;EACpCC,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEC;AACf,CAAC,CAAC;;AAEJ;AACA;AACA;AAFA;AAGO,MAAMC,MAAM,GAAIC,IAAY,IACjC,IAAAL,oCAAiB,EAAC,KAAK,EAAEK,IAAI,EAAE;EAC7BJ,cAAc,EAAE,CAAC,KAAK,CAAC;EACvBC,WAAW,EAAEI;AACf,CAAC,CAAC;;AAEJ;AACA;AACA;AAFA;AAGO,MAAMC,WAAW,GAAIF,IAAY,IACtC,IAAAL,oCAAiB,EAAC,UAAU,EAAEK,IAAI,EAAE;EAClCJ,cAAc,EAAE,CAAC,UAAU,CAAC;EAC5BC,WAAW,EAAEM;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,QAAQ,GACnBJ,IAAY,IAEZ,IAAAL,oCAAiB,EAAC,OAAO,EAAEK,IAAI,EAAE;EAC/BJ,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,QAAQ;AACpD,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMS,OAAO,GAAIL,IAAY,IAClC,IAAAL,oCAAiB,EAAC,MAAM,EAAEK,IAAI,EAAE;EAC9BJ,cAAc,EAAE,CAAC,MAAM,CAAC;EACxBC,WAAW,EAAES;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,eAAe,GAAIP,IAAY,IAC1C,IAAAL,oCAAiB,EAAC,MAAM,EAAEK,IAAI,EAAE;EAC9BJ,cAAc,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;EAClCC,WAAW,EAAE,CAACS,kBAAS,EAAEE,oBAAW;AACtC,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,aAAa,GAAIT,IAAY,IACxC,IAAAL,oCAAiB,EAAC,YAAY,EAAEK,IAAI,EAAE;EACpCJ,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEa,wBAAe;EAC5BC,gBAAgB,EAAE;AACpB,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,gBAAgB,GAAIZ,IAAY,IAC3C,IAAAL,oCAAiB,EAAC,eAAe,EAAEK,IAAI,EAAE;EACvCJ,cAAc,EAAE,CAAC,eAAe,CAAC;EACjCC,WAAW,EAAEgB;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,cAAc,GAAId,IAAY,IACzC,IAAAL,oCAAiB,EAAC,aAAa,EAAEK,IAAI,EAAE;EACrCJ,cAAc,EAAE,CAAC,QAAQ,CAAC;EAC1BC,WAAW,EAAEW;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMO,cAAc,GAAIf,IAAY,IACzC,IAAAL,oCAAiB,EAAC,aAAa,EAAEK,IAAI,EAAE;EACrCJ,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEmB;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAMC,SAAS,GAAIjB,IAAY,IACpC,IAAAL,oCAAiB,EAAC,QAAQ,EAAEK,IAAI,EAAE;EAChCJ,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEmB;AACf,CAAC,CAAC;;AAEJ;AACA;AADA;AAEO,MAAME,cAAc,GAAIlB,IAAY,IACzC,IAAAL,oCAAiB,EAAC,aAAa,EAAEK,IAAI,EAAE;EACrCJ,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEsB;AACf,CAAC,CAAC;AAAC"}

package/lib/hooks/useModularUIRequest.js

@@ -9,15 +9,17 @@ var _reselect = require("reselect");
 var _reactRedux = require("react-redux");
 var _ModularUIRequest = _interopRequireDefault(require("../modularui/ModularUIRequest"));
 var _i18n = require("../redux/selectors/i18n");
-/**
- * Creates a ModularUIRequest with the locale as available in the redux store
- */
-const useModularUIRequest = () => (0, _reactRedux.useSelector)((0, _reselect.createSelector)([_i18n.getLocale], localeCode => {
+const getModularUIRequest = (0, _reselect.createSelector)([_i18n.getLocale], localeCode => {
   return (href, options) => {
     const request = new _ModularUIRequest.default(href, options);
     request.locale = localeCode;
     return request;
   };
-}));
+});
+
+/**
+ * Creates a ModularUIRequest with the locale as available in the redux store
+ */
+const useModularUIRequest = () => (0, _reactRedux.useSelector)(getModularUIRequest);
 exports.useModularUIRequest = useModularUIRequest;
 //# sourceMappingURL=useModularUIRequest.js.map

package/lib/hooks/useModularUIRequest.js.flow

@@ -5,8 +5,16 @@ import { useSelector } from "react-redux";
 import ModularUIRequest from "../modularui/ModularUIRequest";
 import { getLocale } from "../redux/selectors/i18n";
 
-import type Href from "../models/href/Href";
 import type { RequestModularUIOptions } from "../utils";
+import type Href from "../models/href/Href";
+
+const getModularUIRequest = createSelector([getLocale], (localeCode) => {
+  return (href: Href, options?: $Shape<RequestModularUIOptions>) => {
+    const request = new ModularUIRequest(href, options);
+    request.locale = localeCode;
+    return request;
+  };
+});
 
 /**
  * Creates a ModularUIRequest with the locale as available in the redux store
@@ -14,13 +22,4 @@ import type { RequestModularUIOptions } from "../utils";
 export const useModularUIRequest = (): ((
   href: Href,
   options?: $Shape<RequestModularUIOptions>
-) => ModularUIRequest) =>
-  useSelector(
-    createSelector([getLocale], (localeCode) => {
-      return (href: Href, options?: $Shape<RequestModularUIOptions>) => {
-        const request = new ModularUIRequest(href, options);
-        request.locale = localeCode;
-        return request;
-      };
-    })
-  );
+) => ModularUIRequest) => useSelector(getModularUIRequest);

package/lib/hooks/useModularUIRequest.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModularUIRequest.js","names":["useModularUIRequest","useSelector","createSelector","getLocale","localeCode","href","options","request","ModularUIRequest","locale"],"sources":["../../src/hooks/useModularUIRequest.js"],"sourcesContent":["// @flow\nimport { createSelector } from \"reselect\";\nimport { useSelector } from \"react-redux\";\n\nimport ModularUIRequest from \"../modularui/ModularUIRequest\";\nimport { getLocale } from \"../redux/selectors/i18n\";\n\nimport type Href from \"../models/href/Href\";\nimport type { RequestModularUIOptions } from \"../utils\";\n\n/**\n * Creates a ModularUIRequest with the locale as available in the redux store\n */\nexport const useModularUIRequest = (): ((\n  href: Href,\n  options?: $Shape<RequestModularUIOptions>\n) => ModularUIRequest) =>\n  useSelector(\n    createSelector([getLocale], (localeCode) => {\n      return (href: Href, options?: $Shape<RequestModularUIOptions>) => {\n        const request = new ModularUIRequest(href, options);\n        request.locale = localeCode;\n        return request;\n      };\n    })\n  );\n"],"mappings":";;;;;;;AACA;AACA;AAEA;AACA;AAKA;AACA;AACA;AACO,MAAMA,mBAAmB,GAAG,MAIjC,IAAAC,uBAAW,EACT,IAAAC,wBAAc,EAAC,CAACC,eAAS,CAAC,EAAGC,UAAU,IAAK;EAC1C,OAAO,CAACC,IAAU,EAAEC,OAAyC,KAAK;IAChE,MAAMC,OAAO,GAAG,IAAIC,yBAAgB,CAACH,IAAI,EAAEC,OAAO,CAAC;IACnDC,OAAO,CAACE,MAAM,GAAGL,UAAU;IAC3B,OAAOG,OAAO;EAChB,CAAC;AACH,CAAC,CAAC,CACH;AAAC"}
+{"version":3,"file":"useModularUIRequest.js","names":["getModularUIRequest","createSelector","getLocale","localeCode","href","options","request","ModularUIRequest","locale","useModularUIRequest","useSelector"],"sources":["../../src/hooks/useModularUIRequest.js"],"sourcesContent":["// @flow\nimport { createSelector } from \"reselect\";\nimport { useSelector } from \"react-redux\";\n\nimport ModularUIRequest from \"../modularui/ModularUIRequest\";\nimport { getLocale } from \"../redux/selectors/i18n\";\n\nimport type { RequestModularUIOptions } from \"../utils\";\nimport type Href from \"../models/href/Href\";\n\nconst getModularUIRequest = createSelector([getLocale], (localeCode) => {\n  return (href: Href, options?: $Shape<RequestModularUIOptions>) => {\n    const request = new ModularUIRequest(href, options);\n    request.locale = localeCode;\n    return request;\n  };\n});\n\n/**\n * Creates a ModularUIRequest with the locale as available in the redux store\n */\nexport const useModularUIRequest = (): ((\n  href: Href,\n  options?: $Shape<RequestModularUIOptions>\n) => ModularUIRequest) => useSelector(getModularUIRequest);\n"],"mappings":";;;;;;;AACA;AACA;AAEA;AACA;AAKA,MAAMA,mBAAmB,GAAG,IAAAC,wBAAc,EAAC,CAACC,eAAS,CAAC,EAAGC,UAAU,IAAK;EACtE,OAAO,CAACC,IAAU,EAAEC,OAAyC,KAAK;IAChE,MAAMC,OAAO,GAAG,IAAIC,yBAAgB,CAACH,IAAI,EAAEC,OAAO,CAAC;IACnDC,OAAO,CAACE,MAAM,GAAGL,UAAU;IAC3B,OAAOG,OAAO;EAChB,CAAC;AACH,CAAC,CAAC;;AAEF;AACA;AACA;AACO,MAAMG,mBAAmB,GAAG,MAGT,IAAAC,uBAAW,EAACV,mBAAmB,CAAC;AAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.25.5",
+  "version": "1.25.6",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",
@@ -125,7 +125,7 @@
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-jsdoc": "^39.6.4",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react": "^7.32.0",
     "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-you-dont-need-lodash-underscore": "^6.12.0",
     "flow-bin": "^0.196.3",

package/src/hooks/useModularUIModel.js

@@ -96,6 +96,14 @@ export const useQuicksearch = (href: string): CaseSearchModel | null =>
     targetModel: CaseSearchModel,
   });
 
+/**
+ */
+export const useSearch = (href: string): CaseSearchModel | null =>
+  useModularUIBasic("search", href, {
+    expectedModels: ["CaseSearch"],
+    targetModel: CaseSearchModel,
+  });
+
 /**
  */
 export const useUserProfile = (href: string): UserProfileModel | null =>

package/src/hooks/useModularUIRequest.js

@@ -5,8 +5,16 @@ import { useSelector } from "react-redux";
 import ModularUIRequest from "../modularui/ModularUIRequest";
 import { getLocale } from "../redux/selectors/i18n";
 
-import type Href from "../models/href/Href";
 import type { RequestModularUIOptions } from "../utils";
+import type Href from "../models/href/Href";
+
+const getModularUIRequest = createSelector([getLocale], (localeCode) => {
+  return (href: Href, options?: $Shape<RequestModularUIOptions>) => {
+    const request = new ModularUIRequest(href, options);
+    request.locale = localeCode;
+    return request;
+  };
+});
 
 /**
  * Creates a ModularUIRequest with the locale as available in the redux store
@@ -14,13 +22,4 @@ import type { RequestModularUIOptions } from "../utils";
 export const useModularUIRequest = (): ((
   href: Href,
   options?: $Shape<RequestModularUIOptions>
-) => ModularUIRequest) =>
-  useSelector(
-    createSelector([getLocale], (localeCode) => {
-      return (href: Href, options?: $Shape<RequestModularUIOptions>) => {
-        const request = new ModularUIRequest(href, options);
-        request.locale = localeCode;
-        return request;
-      };
-    })
-  );
+) => ModularUIRequest) => useSelector(getModularUIRequest);