@beinformed/ui 1.63.14 → 1.65.0

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 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.0](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.63.14...v1.65.0) (2025-12-18)
+
+
+### Features
+
+* **filter-post:** indicate if a filter is a POST or GET filter ([374c74d](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/374c74dc97706eab0bedaa5400e6f0e978f7456e))
+* **filter-post:** retrieve post data from lists ([32ae39a](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/32ae39acc6fb43431caa7d1e191d8b24595ff287))
+* **hooks:** refactor and reintroduce hooks for list and panel management ([dfca996](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/dfca9967cbbd2a3840706f946d432fc656d7f7c2))
+* **types:** update type definitions for filters, requests, and hooks ([80f2fd2](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/80f2fd23df6356ed850f7cb2d8ef3109aab2df3b))
+
+
+### Bug Fixes
+
+* **flowtype:** handle flowtype errors ([0f661bf](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/0f661bf023926f1e0eda361e9ccd18479a15ca26))
+
+## [1.64.0](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.63.14...v1.64.0) (2025-12-18)
+
+
+### Features
+
+* **filter-post:** indicate if a filter is a POST or GET filter ([374c74d](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/374c74dc97706eab0bedaa5400e6f0e978f7456e))
+* **filter-post:** retrieve post data from lists ([32ae39a](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/32ae39acc6fb43431caa7d1e191d8b24595ff287))
+* **hooks:** refactor and reintroduce hooks for list and panel management ([dfca996](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/dfca9967cbbd2a3840706f946d432fc656d7f7c2))
+* **types:** update type definitions for filters, requests, and hooks ([80f2fd2](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/80f2fd23df6356ed850f7cb2d8ef3109aab2df3b))
+
 ## [1.63.14](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.63.13...v1.63.14) (2025-12-15)
 
 

package/esm/constants/Constants.js

@@ -123,6 +123,10 @@ export const HTTP_METHODS = {
   GET: "GET",
   POST: "POST"
 };
+export const PARAMETER_TYPES = {
+  BODY: "bodyParameter",
+  QUERY: "queryParameter"
+};
 
 /**
  * POSSIBLE MODULARUI STATUSSES

package/esm/constants/Constants.js.flow

@@ -128,6 +128,11 @@ export const HTTP_METHODS = {
   POST: "POST",
 };
 
+export const PARAMETER_TYPES = {
+  BODY: "bodyParameter",
+  QUERY: "queryParameter",
+};
+
 /**
  * POSSIBLE MODULARUI STATUSSES
  * @type {{LOADING: string, ERROR: string, FINISHED: string}}

package/esm/constants/Constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.js","names":["CONTENT_PATH","UPLOAD_PATH","CAPTCHA_PATH","CHANGEAVATAR_PATH","CHANGEPASSWORD_PATH","USERPROFILE_PATH","RESOURCE_PATH","PARAMETER_SEPARATOR","TIMEVERSION_FILTER_NAME","PARAMETER_OVERVIEW_VIEWTYPE","DEFAULT_UI_PARAMETERS","ISO_DATE_FORMAT","ISO_DATETIME_FORMAT","ISO_TIME_FORMAT","ISO_TIMESTAMP_FORMAT","DATETIME_OFFSET_FORMAT","DEFAULT_WEEK_STARTS_ON","DEFAULT_FIRST_WEEK_CONTAINS_DATE","KEYCODES","TAB","ENTER","ESCAPE","SPACE","PAGE_UP","PAGE_DOWN","ARROW_LEFT","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","IS_SYNC","dataFetcher","IS_SERVER","IS_GRAALJS","Graal","NOTIFICATION_TYPES","SUCCESS","INFO","WARNING","ERROR","HTTP_METHODS","GET","POST","MODULARUI_STATUS","LOADING","FINISHED","AUTOSAVE_STATUS","START","INPUT_DEBOUNCE_TIMEOUT","VALIDATE_DEBOUNCE_TIMEOUT","ATTRIBUTE_WIDTH","EXTRA_SMALL","SMALL","MEDIUM","LARGE","EXTRA_LARGE","ALL_CONTENT_IN_DATA_SETTING","INCLUDE_TIME_OFFSET","INTERNAL_LOGIN_TYPE","JAAS","PAC4J_FORM","PAC4J_BASIC","PAC4J_INDIRECT","LOGIN_TYPE","LOGIN_PATH_SETTING","LOGIN_USERNAME_SETTING","LOGIN_PASSWORD_SETTING","LOGOUT_PATH_SETTING","DEFAULT_AUTHENTICATION_TYPE","name","authentication","isPrimary"],"sources":["../../src/constants/Constants.js"],"sourcesContent":["// @flow\n/**\n * path to content service\n */\nexport const CONTENT_PATH = `/content`;\n\n/**\n * Upload Path\n */\nexport const UPLOAD_PATH = `/uploadFile`;\n\n/**\n * Captcha Path\n */\nexport const CAPTCHA_PATH = `/captchaServices`;\n\n/**\n * Path to change avatar page / component\n */\nexport const CHANGEAVATAR_PATH = \"/change-avatar\";\n\n/**\n * Path to change password page / component\n */\nexport const CHANGEPASSWORD_PATH = \"/change-password\";\n\n/**\n * Path to user profile page / component\n */\nexport const USERPROFILE_PATH = \"/user\";\n\n/**\n * Path to resources in the Be Informed repository\n */\nexport const RESOURCE_PATH = \"/resource\";\n\n/**\n * Separator for parameters of a list, makes it possible to render multiple lists on a page in a non-js environment\n */\nexport const PARAMETER_SEPARATOR = \"~\";\n\n/**\n * Timeversion filter name\n */\nexport const TIMEVERSION_FILTER_NAME = \"entryDate\";\n\nconst PARAMETER_OVERVIEW_VIEWTYPE = \"viewType\";\n/**\n * Parameter name for the viewtype toggle\n */\nexport const DEFAULT_UI_PARAMETERS: Array<string> = [\n  PARAMETER_OVERVIEW_VIEWTYPE,\n];\n\n/**\n */\nexport const ISO_DATE_FORMAT = \"yyyy-MM-dd\";\n/**\n */\nexport const ISO_DATETIME_FORMAT = \"yyyy-MM-dd'T'HH:mm:ss\";\n/**\n */\nexport const ISO_TIME_FORMAT = \"HH:mm:ss\";\n/**\n */\nexport const ISO_TIMESTAMP_FORMAT = \"yyyy-MM-dd'T'HH:mm:ss.SSS\";\n/**\n * Offset format is appended to iso datetime and timestamp when isIncludeTimeOffsetInDateTimes = true\n */\nexport const DATETIME_OFFSET_FORMAT = \"xxx\";\n/**\n * week starts on monday by default\n */\nexport const DEFAULT_WEEK_STARTS_ON = 1;\n\n/**\n * first week indicated by the 1st of january\n */\nexport const DEFAULT_FIRST_WEEK_CONTAINS_DATE = 1;\n\n/**\n * Key codes\n * @type {{SPACE: number, PAGE_DOWN: number, TAB: number, ARROW_RIGHT: number, ARROW_DOWN: number, ENTER: number, ARROW_UP: number, ARROW_LEFT: number, PAGE_UP: number, ESCAPE: number}}\n */\nexport const KEYCODES = {\n  TAB: 9,\n  ENTER: 13,\n  ESCAPE: 27,\n  SPACE: 32,\n  PAGE_UP: 33,\n  PAGE_DOWN: 34,\n  ARROW_LEFT: 37,\n  ARROW_UP: 38,\n  ARROW_RIGHT: 39,\n  ARROW_DOWN: 40,\n};\n\n/**\n * @type {boolean}\n */\nexport const IS_SYNC = typeof dataFetcher !== \"undefined\";\n/**\n * @type {boolean}\n */\nexport const IS_SERVER = IS_SYNC;\n/**\n * @type {boolean}\n */\n// $FlowExpectedError[cannot-resolve-name]\nexport const IS_GRAALJS = typeof Graal !== \"undefined\";\n\n/**\n * @type {{SUCCESS: string, ERROR: string, INFO: string, WARNING: string}}\n */\nexport const NOTIFICATION_TYPES = {\n  SUCCESS: \"SUCCESS\",\n  INFO: \"INFO\",\n  WARNING: \"WARNING\",\n  ERROR: \"ERROR\",\n};\n\n/**\n * SUPPORTED HTTP METHODS\n * @type {{POST: string, GET: string}}\n */\nexport const HTTP_METHODS = {\n  GET: \"GET\",\n  POST: \"POST\",\n};\n\n/**\n * POSSIBLE MODULARUI STATUSSES\n * @type {{LOADING: string, ERROR: string, FINISHED: string}}\n */\nexport const MODULARUI_STATUS = {\n  LOADING: \"LOADING\",\n  FINISHED: \"FINISHED\",\n  ERROR: \"ERROR\",\n};\n\n/**\n * POSSIBLE AUTOSAVE STATUSSES\n * @type {{START: string, FINISHED: string}}\n */\nexport const AUTOSAVE_STATUS = {\n  START: \"START\",\n  FINISHED: \"FINISHED\",\n};\n\n/**\n * DEBOUNCE INPUT TIMEOUT\n */\nexport const INPUT_DEBOUNCE_TIMEOUT = 100;\n\n/**\n * DEBOUNCE VALIDATION TIMEOUT\n */\nexport const VALIDATE_DEBOUNCE_TIMEOUT = 500;\n\n/**\n * ATTRIBUTE WIDTH\n */\nexport const ATTRIBUTE_WIDTH = {\n  EXTRA_SMALL: \"EXTRA_SMALL\",\n  SMALL: \"SMALL\",\n  MEDIUM: \"MEDIUM\",\n  LARGE: \"LARGE\",\n  EXTRA_LARGE: \"EXTRA_LARGE\",\n};\n\nexport const ALL_CONTENT_IN_DATA_SETTING = \"hasAllContentInData\";\n\nexport const INCLUDE_TIME_OFFSET = \"isIncludeTimeOffsetInDateTimes\";\n\nexport const INTERNAL_LOGIN_TYPE = {\n  JAAS: \"JAAS\",\n  PAC4J_FORM: \"PAC4J_FORM\",\n  PAC4J_BASIC: \"PAC4J_BASIC\",\n  PAC4J_INDIRECT: \"PAC4J_INDIRECT\",\n};\nexport const LOGIN_TYPE = \"security.clients\";\nexport const LOGIN_PATH_SETTING = \"FormClient.login_url\";\nexport const LOGIN_USERNAME_SETTING = \"FormClient.username_field_name\";\nexport const LOGIN_PASSWORD_SETTING = \"FormClient.password_field_name\";\nexport const LOGOUT_PATH_SETTING = \"FormClient.logout_url\";\n\nexport const DEFAULT_AUTHENTICATION_TYPE = {\n  name: \"Form based authentication\",\n  authentication: \"DefaultFormClient\",\n  isPrimary: true,\n};\n"],"mappings":"AACA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAG,UAAU;;AAEtC;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAG,aAAa;;AAExC;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG,kBAAkB;;AAE9C;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAG,gBAAgB;;AAEjD;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAG,kBAAkB;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAG,OAAO;;AAEvC;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG,WAAW;;AAExC;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAG,GAAG;;AAEtC;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAG,WAAW;AAElD,MAAMC,2BAA2B,GAAG,UAAU;AAC9C;AACA;AACA;AACA,OAAO,MAAMC,qBAAoC,GAAG,CAClDD,2BAA2B,CAC5B;;AAED;AACA;AACA,OAAO,MAAME,eAAe,GAAG,YAAY;AAC3C;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAG,uBAAuB;AAC1D;AACA;AACA,OAAO,MAAMC,eAAe,GAAG,UAAU;AACzC;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAG,2BAA2B;AAC/D;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAG,KAAK;AAC3C;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAG,CAAC;;AAEvC;AACA;AACA;AACA,OAAO,MAAMC,gCAAgC,GAAG,CAAC;;AAEjD;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAG;EACtBC,GAAG,EAAE,CAAC;EACNC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE,EAAE;EACdC,QAAQ,EAAE,EAAE;EACZC,WAAW,EAAE,EAAE;EACfC,UAAU,EAAE;AACd,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,OAAO,GAAG,OAAOC,WAAW,KAAK,WAAW;AACzD;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGF,OAAO;AAChC;AACA;AACA;AACA;AACA,OAAO,MAAMG,UAAU,GAAG,OAAOC,KAAK,KAAK,WAAW;;AAEtD;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG;EAC1BC,GAAG,EAAE,KAAK;EACVC,IAAI,EAAE;AACR,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,UAAU;EACpBN,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMO,eAAe,GAAG;EAC7BC,KAAK,EAAE,OAAO;EACdF,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMG,sBAAsB,GAAG,GAAG;;AAEzC;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAG,GAAG;;AAE5C;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAG;EAC7BC,WAAW,EAAE,aAAa;EAC1BC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,WAAW,EAAE;AACf,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAG,qBAAqB;AAEhE,OAAO,MAAMC,mBAAmB,GAAG,gCAAgC;AAEnE,OAAO,MAAMC,mBAAmB,GAAG;EACjCC,IAAI,EAAE,MAAM;EACZC,UAAU,EAAE,YAAY;EACxBC,WAAW,EAAE,aAAa;EAC1BC,cAAc,EAAE;AAClB,CAAC;AACD,OAAO,MAAMC,UAAU,GAAG,kBAAkB;AAC5C,OAAO,MAAMC,kBAAkB,GAAG,sBAAsB;AACxD,OAAO,MAAMC,sBAAsB,GAAG,gCAAgC;AACtE,OAAO,MAAMC,sBAAsB,GAAG,gCAAgC;AACtE,OAAO,MAAMC,mBAAmB,GAAG,uBAAuB;AAE1D,OAAO,MAAMC,2BAA2B,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,cAAc,EAAE,mBAAmB;EACnCC,SAAS,EAAE;AACb,CAAC","ignoreList":[]}
+{"version":3,"file":"Constants.js","names":["CONTENT_PATH","UPLOAD_PATH","CAPTCHA_PATH","CHANGEAVATAR_PATH","CHANGEPASSWORD_PATH","USERPROFILE_PATH","RESOURCE_PATH","PARAMETER_SEPARATOR","TIMEVERSION_FILTER_NAME","PARAMETER_OVERVIEW_VIEWTYPE","DEFAULT_UI_PARAMETERS","ISO_DATE_FORMAT","ISO_DATETIME_FORMAT","ISO_TIME_FORMAT","ISO_TIMESTAMP_FORMAT","DATETIME_OFFSET_FORMAT","DEFAULT_WEEK_STARTS_ON","DEFAULT_FIRST_WEEK_CONTAINS_DATE","KEYCODES","TAB","ENTER","ESCAPE","SPACE","PAGE_UP","PAGE_DOWN","ARROW_LEFT","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","IS_SYNC","dataFetcher","IS_SERVER","IS_GRAALJS","Graal","NOTIFICATION_TYPES","SUCCESS","INFO","WARNING","ERROR","HTTP_METHODS","GET","POST","PARAMETER_TYPES","BODY","QUERY","MODULARUI_STATUS","LOADING","FINISHED","AUTOSAVE_STATUS","START","INPUT_DEBOUNCE_TIMEOUT","VALIDATE_DEBOUNCE_TIMEOUT","ATTRIBUTE_WIDTH","EXTRA_SMALL","SMALL","MEDIUM","LARGE","EXTRA_LARGE","ALL_CONTENT_IN_DATA_SETTING","INCLUDE_TIME_OFFSET","INTERNAL_LOGIN_TYPE","JAAS","PAC4J_FORM","PAC4J_BASIC","PAC4J_INDIRECT","LOGIN_TYPE","LOGIN_PATH_SETTING","LOGIN_USERNAME_SETTING","LOGIN_PASSWORD_SETTING","LOGOUT_PATH_SETTING","DEFAULT_AUTHENTICATION_TYPE","name","authentication","isPrimary"],"sources":["../../src/constants/Constants.js"],"sourcesContent":["// @flow\n/**\n * path to content service\n */\nexport const CONTENT_PATH = `/content`;\n\n/**\n * Upload Path\n */\nexport const UPLOAD_PATH = `/uploadFile`;\n\n/**\n * Captcha Path\n */\nexport const CAPTCHA_PATH = `/captchaServices`;\n\n/**\n * Path to change avatar page / component\n */\nexport const CHANGEAVATAR_PATH = \"/change-avatar\";\n\n/**\n * Path to change password page / component\n */\nexport const CHANGEPASSWORD_PATH = \"/change-password\";\n\n/**\n * Path to user profile page / component\n */\nexport const USERPROFILE_PATH = \"/user\";\n\n/**\n * Path to resources in the Be Informed repository\n */\nexport const RESOURCE_PATH = \"/resource\";\n\n/**\n * Separator for parameters of a list, makes it possible to render multiple lists on a page in a non-js environment\n */\nexport const PARAMETER_SEPARATOR = \"~\";\n\n/**\n * Timeversion filter name\n */\nexport const TIMEVERSION_FILTER_NAME = \"entryDate\";\n\nconst PARAMETER_OVERVIEW_VIEWTYPE = \"viewType\";\n/**\n * Parameter name for the viewtype toggle\n */\nexport const DEFAULT_UI_PARAMETERS: Array<string> = [\n  PARAMETER_OVERVIEW_VIEWTYPE,\n];\n\n/**\n */\nexport const ISO_DATE_FORMAT = \"yyyy-MM-dd\";\n/**\n */\nexport const ISO_DATETIME_FORMAT = \"yyyy-MM-dd'T'HH:mm:ss\";\n/**\n */\nexport const ISO_TIME_FORMAT = \"HH:mm:ss\";\n/**\n */\nexport const ISO_TIMESTAMP_FORMAT = \"yyyy-MM-dd'T'HH:mm:ss.SSS\";\n/**\n * Offset format is appended to iso datetime and timestamp when isIncludeTimeOffsetInDateTimes = true\n */\nexport const DATETIME_OFFSET_FORMAT = \"xxx\";\n/**\n * week starts on monday by default\n */\nexport const DEFAULT_WEEK_STARTS_ON = 1;\n\n/**\n * first week indicated by the 1st of january\n */\nexport const DEFAULT_FIRST_WEEK_CONTAINS_DATE = 1;\n\n/**\n * Key codes\n * @type {{SPACE: number, PAGE_DOWN: number, TAB: number, ARROW_RIGHT: number, ARROW_DOWN: number, ENTER: number, ARROW_UP: number, ARROW_LEFT: number, PAGE_UP: number, ESCAPE: number}}\n */\nexport const KEYCODES = {\n  TAB: 9,\n  ENTER: 13,\n  ESCAPE: 27,\n  SPACE: 32,\n  PAGE_UP: 33,\n  PAGE_DOWN: 34,\n  ARROW_LEFT: 37,\n  ARROW_UP: 38,\n  ARROW_RIGHT: 39,\n  ARROW_DOWN: 40,\n};\n\n/**\n * @type {boolean}\n */\nexport const IS_SYNC = typeof dataFetcher !== \"undefined\";\n/**\n * @type {boolean}\n */\nexport const IS_SERVER = IS_SYNC;\n/**\n * @type {boolean}\n */\n// $FlowExpectedError[cannot-resolve-name]\nexport const IS_GRAALJS = typeof Graal !== \"undefined\";\n\n/**\n * @type {{SUCCESS: string, ERROR: string, INFO: string, WARNING: string}}\n */\nexport const NOTIFICATION_TYPES = {\n  SUCCESS: \"SUCCESS\",\n  INFO: \"INFO\",\n  WARNING: \"WARNING\",\n  ERROR: \"ERROR\",\n};\n\n/**\n * SUPPORTED HTTP METHODS\n * @type {{POST: string, GET: string}}\n */\nexport const HTTP_METHODS = {\n  GET: \"GET\",\n  POST: \"POST\",\n};\n\nexport const PARAMETER_TYPES = {\n  BODY: \"bodyParameter\",\n  QUERY: \"queryParameter\",\n};\n\n/**\n * POSSIBLE MODULARUI STATUSSES\n * @type {{LOADING: string, ERROR: string, FINISHED: string}}\n */\nexport const MODULARUI_STATUS = {\n  LOADING: \"LOADING\",\n  FINISHED: \"FINISHED\",\n  ERROR: \"ERROR\",\n};\n\n/**\n * POSSIBLE AUTOSAVE STATUSSES\n * @type {{START: string, FINISHED: string}}\n */\nexport const AUTOSAVE_STATUS = {\n  START: \"START\",\n  FINISHED: \"FINISHED\",\n};\n\n/**\n * DEBOUNCE INPUT TIMEOUT\n */\nexport const INPUT_DEBOUNCE_TIMEOUT = 100;\n\n/**\n * DEBOUNCE VALIDATION TIMEOUT\n */\nexport const VALIDATE_DEBOUNCE_TIMEOUT = 500;\n\n/**\n * ATTRIBUTE WIDTH\n */\nexport const ATTRIBUTE_WIDTH = {\n  EXTRA_SMALL: \"EXTRA_SMALL\",\n  SMALL: \"SMALL\",\n  MEDIUM: \"MEDIUM\",\n  LARGE: \"LARGE\",\n  EXTRA_LARGE: \"EXTRA_LARGE\",\n};\n\nexport const ALL_CONTENT_IN_DATA_SETTING = \"hasAllContentInData\";\n\nexport const INCLUDE_TIME_OFFSET = \"isIncludeTimeOffsetInDateTimes\";\n\nexport const INTERNAL_LOGIN_TYPE = {\n  JAAS: \"JAAS\",\n  PAC4J_FORM: \"PAC4J_FORM\",\n  PAC4J_BASIC: \"PAC4J_BASIC\",\n  PAC4J_INDIRECT: \"PAC4J_INDIRECT\",\n};\nexport const LOGIN_TYPE = \"security.clients\";\nexport const LOGIN_PATH_SETTING = \"FormClient.login_url\";\nexport const LOGIN_USERNAME_SETTING = \"FormClient.username_field_name\";\nexport const LOGIN_PASSWORD_SETTING = \"FormClient.password_field_name\";\nexport const LOGOUT_PATH_SETTING = \"FormClient.logout_url\";\n\nexport const DEFAULT_AUTHENTICATION_TYPE = {\n  name: \"Form based authentication\",\n  authentication: \"DefaultFormClient\",\n  isPrimary: true,\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,20 +4,19 @@ import { Provider } from "react-redux";
 import { renderHook } from "@testing-library/react";
 import xhrMock from "xhr-mock";
 
-import { useLocation } from "react-router";
+import { useLocation, useRouteMatch } from "react-router";
 
 import {
   useApplication,
   useTab,
   useCaseView,
-  usePanel,
-  useList,
-  useListDetail,
   useGroupingPanel,
   useDetailPanel,
   useQuicksearch,
   useUserProfile,
 } from "../useModularUIModel";
+import { useList, useListDetail } from "../useList";
+import { usePanel } from "../usePanel";
 import {
   ApplicationModel,
   CaseSearchModel,
@@ -37,6 +36,7 @@ const mockStore = configureMockStore(middlewares);
 jest.mock("react-router", () => ({
   ...jest.requireActual("react-router"), // Keep other methods from react-router as is
   useLocation: jest.fn(), // Mock useLocation
+  useRouteMatch: jest.fn(),
 }));
 
 const JSON_TYPE = "application/json";
@@ -84,12 +84,14 @@ describe("modularui hooks", () => {
     ]);
   };
 
-  // replace the real XHR object with the mock XHR object before each test
   // eslint-disable-next-line jest/no-hooks
   beforeEach(() => {
     useLocation.mockReturnValue({
       state: null,
     });
+    useRouteMatch.mockReturnValue({
+      isExact: true,
+    });
     xhrMock.setup();
   });
 

package/esm/hooks/index.js

@@ -2,6 +2,7 @@ export * from "./useAuthentication";
 export * from "./useContent";
 export * from "./useForm";
 export * from "./useI18n";
+export * from "./useList";
 export * from "./useModal";
 export * from "./useModelCatalog";
 export * from "./useModels";
@@ -10,6 +11,7 @@ export * from "./useModularUIBasic";
 export * from "./useModularUIModel";
 export * from "./useModularUIRequest";
 export * from "./useNotification";
+export * from "./usePanel";
 export * from "./usePreference";
 export * from "./useProgressIndicator";
 export * from "./useRouter";

package/esm/hooks/index.js.flow

@@ -3,6 +3,7 @@ export * from "./useAuthentication";
 export * from "./useContent";
 export * from "./useForm";
 export * from "./useI18n";
+export * from "./useList";
 export * from "./useModal";
 export * from "./useModelCatalog";
 export * from "./useModels";
@@ -11,6 +12,7 @@ export * from "./useModularUIBasic";
 export * from "./useModularUIModel";
 export * from "./useModularUIRequest";
 export * from "./useNotification";
+export * from "./usePanel";
 export * from "./usePreference";
 export * from "./useProgressIndicator";
 export * from "./useRouter";

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 \"./useModal\";\nexport * from \"./useModelCatalog\";\nexport * from \"./useModels\";\nexport * from \"./useModularUI\";\nexport * from \"./useModularUIBasic\";\nexport * from \"./useModularUIModel\";\nexport * from \"./useModularUIRequest\";\nexport * from \"./useNotification\";\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,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,aAAa;AAC3B,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,mBAAmB;AACjC,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 \"./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":[]}

package/esm/hooks/useList.js

@@ -0,0 +1,69 @@
+import { useModularUIBasic } from "./useModularUIBasic";
+import { useDispatch } from "react-redux";
+import { HTTP_METHODS } from "../constants/Constants";
+import { loadModularUI } from "../redux";
+import DetailModel from "../models/detail/DetailModel";
+import ListModel from "../models/list/ListModel";
+import ListDetailModel from "../models/list/ListDetailModel";
+import Href from "../models/href/Href";
+import { useHistory } from "react-router";
+/**
+ */
+export const useList = (href, options) => useModularUIBasic("list", href, {
+  expectedModels: ["List"],
+  targetModel: ListModel,
+  ...options
+});
+
+/**
+ */
+export const useListOrDetail = (href, options) => useModularUIBasic("list", href, {
+  expectedModels: ["List", "Detail"],
+  targetModel: [ListModel, DetailModel],
+  ...options
+});
+
+/**
+ */
+export const useListDetail = (href, options) => useModularUIBasic("listdetail", href, {
+  expectedModels: ["ListDetail"],
+  targetModel: ListDetailModel,
+  forceTargetModel: true,
+  ...options
+});
+
+/**
+ */
+export const useListNavigation = () => {
+  const history = useHistory();
+  const dispatch = useDispatch();
+  const fetch = (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
+      });
+      return dispatch(loadModularUI(list.connectKey, listHref, {
+        method: HTTP_METHODS.POST,
+        data: list.formdata,
+        targetModel: ListModel
+      }));
+    } else {
+      history.push({
+        search: listHref.querystring
+      });
+      return dispatch(loadModularUI(list.connectKey, listHref, {
+        method: HTTP_METHODS.GET,
+        targetModel: ListModel
+      }));
+    }
+  };
+  return {
+    fetch
+  };
+};
+//# sourceMappingURL=useList.js.map

package/esm/hooks/useList.js.flow

@@ -0,0 +1,90 @@
+// @flow
+import { useModularUIBasic } from "./useModularUIBasic";
+import { useDispatch } from "react-redux";
+import { HTTP_METHODS } from "../constants/Constants";
+import { loadModularUI } from "../redux";
+import DetailModel from "../models/detail/DetailModel";
+import ListModel from "../models/list/ListModel";
+import ListDetailModel from "../models/list/ListDetailModel";
+import Href from "../models/href/Href";
+
+import type { HookOptions } from "./useModularUIBasic";
+import { useHistory } from "react-router";
+
+type ListNavigationHook = {
+  fetch: (list: ListModel, resetPage?: boolean) => void,
+};
+
+/**
+ */
+export const useList = (
+  href: string | Href,
+  options?: HookOptions,
+): ListModel | null =>
+  useModularUIBasic("list", href, {
+    expectedModels: ["List"],
+    targetModel: ListModel,
+    ...options,
+  });
+
+/**
+ */
+export const useListOrDetail = (
+  href: string | Href,
+  options?: HookOptions,
+): ListModel | DetailModel | null =>
+  useModularUIBasic("list", href, {
+    expectedModels: ["List", "Detail"],
+    targetModel: [ListModel, DetailModel],
+    ...options,
+  });
+
+/**
+ */
+export const useListDetail = (
+  href: string | Href,
+  options?: HookOptions,
+): ListDetailModel | null =>
+  useModularUIBasic("listdetail", href, {
+    expectedModels: ["ListDetail"],
+    targetModel: ListDetailModel,
+    forceTargetModel: true,
+    ...options,
+  });
+
+/**
+ */
+export const useListNavigation = (): ListNavigationHook => {
+  const history = useHistory();
+  const dispatch = useDispatch();
+
+  const fetch = (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 });
+      return dispatch(
+        loadModularUI(list.connectKey, listHref, {
+          method: HTTP_METHODS.POST,
+          data: list.formdata,
+          targetModel: ListModel,
+        }),
+      );
+    } else {
+      history.push({ search: listHref.querystring });
+      return dispatch(
+        loadModularUI(list.connectKey, listHref, {
+          method: HTTP_METHODS.GET,
+          targetModel: ListModel,
+        }),
+      );
+    }
+  };
+
+  return {
+    fetch,
+  };
+};

package/esm/hooks/useList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useList.js","names":["useModularUIBasic","useDispatch","HTTP_METHODS","loadModularUI","DetailModel","ListModel","ListDetailModel","Href","useHistory","useList","href","options","expectedModels","targetModel","useListOrDetail","useListDetail","forceTargetModel","useListNavigation","history","dispatch","fetch","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 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  fetch: (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\"],\n    targetModel: ListModel,\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\", \"Detail\"],\n    targetModel: [ListModel, 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 fetch = (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      return dispatch(\n        loadModularUI(list.connectKey, listHref, {\n          method: HTTP_METHODS.POST,\n          data: list.formdata,\n          targetModel: ListModel,\n        }),\n      );\n    } else {\n      history.push({ search: listHref.querystring });\n      return dispatch(\n        loadModularUI(list.connectKey, listHref, {\n          method: HTTP_METHODS.GET,\n          targetModel: ListModel,\n        }),\n      );\n    }\n  };\n\n  return {\n    fetch,\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,gCAAgC;AAC5D,OAAOC,IAAI,MAAM,qBAAqB;AAGtC,SAASC,UAAU,QAAQ,cAAc;AAMzC;AACA;AACA,OAAO,MAAMC,OAAO,GAAGA,CACrBC,IAAmB,EACnBC,OAAqB,KAErBX,iBAAiB,CAAC,MAAM,EAAEU,IAAI,EAAE;EAC9BE,cAAc,EAAE,CAAC,MAAM,CAAC;EACxBC,WAAW,EAAER,SAAS;EACtB,GAAGM;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMG,eAAe,GAAGA,CAC7BJ,IAAmB,EACnBC,OAAqB,KAErBX,iBAAiB,CAAC,MAAM,EAAEU,IAAI,EAAE;EAC9BE,cAAc,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;EAClCC,WAAW,EAAE,CAACR,SAAS,EAAED,WAAW,CAAC;EACrC,GAAGO;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMI,aAAa,GAAGA,CAC3BL,IAAmB,EACnBC,OAAqB,KAErBX,iBAAiB,CAAC,YAAY,EAAEU,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,GAAGlB,WAAW,CAAC,CAAC;EAE9B,MAAMmB,KAAK,GAAGA,CAACC,IAAe,EAAEC,SAAkB,GAAG,KAAK,KAAK;IAC7D,MAAMC,QAAQ,GAAGF,IAAI,CAACG,QAAQ;IAC9B,IAAIF,SAAS,EAAE;MACbC,QAAQ,CAACE,IAAI,GAAG,IAAI;IACtB;IAEA,IAAIJ,IAAI,CAACK,aAAa,KAAKxB,YAAY,CAACyB,IAAI,EAAE;MAC5CT,OAAO,CAACU,IAAI,CAAC;QAAEC,MAAM,EAAEN,QAAQ,CAACO,WAAW;QAAEC,KAAK,EAAEV,IAAI,CAACW;MAAS,CAAC,CAAC;MACpE,OAAOb,QAAQ,CACbhB,aAAa,CAACkB,IAAI,CAACY,UAAU,EAAEV,QAAQ,EAAE;QACvCW,MAAM,EAAEhC,YAAY,CAACyB,IAAI;QACzBQ,IAAI,EAAEd,IAAI,CAACW,QAAQ;QACnBnB,WAAW,EAAER;MACf,CAAC,CACH,CAAC;IACH,CAAC,MAAM;MACLa,OAAO,CAACU,IAAI,CAAC;QAAEC,MAAM,EAAEN,QAAQ,CAACO;MAAY,CAAC,CAAC;MAC9C,OAAOX,QAAQ,CACbhB,aAAa,CAACkB,IAAI,CAACY,UAAU,EAAEV,QAAQ,EAAE;QACvCW,MAAM,EAAEhC,YAAY,CAACkC,GAAG;QACxBvB,WAAW,EAAER;MACf,CAAC,CACH,CAAC;IACH;EACF,CAAC;EAED,OAAO;IACLe;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/esm/hooks/useModularUIBasic.js

@@ -1,7 +1,7 @@
 import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/starts-with";
+import { useLocation } from "react-router";
 import { useMemo } from "react";
 import { useModularUI } from "./useModularUI";
-import { useLocation } from "./useRouter";
 // Helper to create useModularUI options
 const createUseModularUIOptions = (options, href, location) => {
   var _context;

package/esm/hooks/useModularUIBasic.js.flow

@@ -1,9 +1,13 @@
 // @flow
+import type { ModularUIModel, Href } from "../models";
+import { useLocation } from "react-router";
 import { useMemo } from "react";
 import { useModularUI } from "./useModularUI";
-import { useLocation } from "./useRouter";
 
-import type { ModularUIModel, Href } from "../models";
+export type HookOptions = {
+  origin?: string,
+  contextPath?: string,
+};
 
 export type UseModularUIBasicOptions<T: ModularUIModel> = {
   expectedModels?: Array<string>,

package/esm/hooks/useModularUIBasic.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModularUIBasic.js","names":["useMemo","useModularUI","useLocation","createUseModularUIOptions","options","href","location","_context","baseOptions","targetModel","undefined","forceTargetModel","isReload","origin","contextPath","cache","state","reload","_startsWithInstanceProperty","pathname","call","validateModel","model","expectedModels","length","isCorrectModel","some","expectedModel","type","console","warn","useModularUIBasic","key","memoizedHref","toString","useModularUIOptions","modularUI"],"sources":["../../src/hooks/useModularUIBasic.js"],"sourcesContent":["// @flow\nimport { useMemo } from \"react\";\nimport { useModularUI } from \"./useModularUI\";\nimport { useLocation } from \"./useRouter\";\n\nimport type { ModularUIModel, Href } from \"../models\";\n\nexport type UseModularUIBasicOptions<T: ModularUIModel> = {\n  expectedModels?: Array<string>,\n  targetModel?: Class<T> | Array<Class<T>>,\n  forceTargetModel?: boolean,\n  origin?: string,\n  contextPath?: string,\n  cache?: boolean,\n};\n\n// Helper to create useModularUI options\nconst createUseModularUIOptions = <T: ModularUIModel>(\n  options: UseModularUIBasicOptions<T>,\n  href: string,\n  location: any,\n): Object => {\n  const baseOptions = {\n    targetModel: undefined,\n    forceTargetModel: undefined,\n    isReload: false,\n    origin: undefined,\n    contextPath: undefined,\n    cache: false,\n  };\n\n  // Handle targetModel and forceTargetModel\n  if (options.targetModel) {\n    baseOptions.targetModel = options.targetModel;\n    baseOptions.forceTargetModel = options.forceTargetModel;\n  }\n\n  // Handle cache option\n  if (options.cache) {\n    baseOptions.cache = options.cache;\n  }\n\n  // Check for reload if location matches href\n  if (location.state?.reload && location.pathname.startsWith(href)) {\n    baseOptions.isReload = true;\n  }\n\n  // Handle origin and contextPath options\n  baseOptions.origin = options.origin ?? baseOptions.origin;\n  baseOptions.contextPath = options.contextPath ?? baseOptions.contextPath;\n\n  return baseOptions;\n};\n\n// Helper to validate the model against expectedModels\nconst validateModel = (model: any, expectedModels: Array<string>) => {\n  if (expectedModels.length > 0) {\n    const isCorrectModel = expectedModels.some(\n      (expectedModel) => model.type === expectedModel,\n    );\n    if (!isCorrectModel) {\n      console.warn(model, \"is not of instance\", expectedModels);\n    }\n  }\n};\n\n/**\n * useModularUIBasic Hook\n */\nexport const useModularUIBasic = <T: ModularUIModel>(\n  key: string,\n  href: string | Href,\n  options: UseModularUIBasicOptions<T> = {\n    expectedModels: [],\n    targetModel: undefined,\n    forceTargetModel: false,\n    origin: undefined,\n    contextPath: undefined,\n  },\n): T | null => {\n  const location = useLocation();\n  const memoizedHref = useMemo(() => href.toString(), [href]);\n  const useModularUIOptions = useMemo(\n    () => createUseModularUIOptions(options, memoizedHref, location),\n    [options, memoizedHref, location],\n  );\n\n  const modularUI = useModularUI(key, href, useModularUIOptions);\n  const expectedModels = useMemo(\n    () => options.expectedModels ?? [],\n    [options.expectedModels],\n  );\n\n  return useMemo((): T | null => {\n    if (modularUI?.model) {\n      validateModel(modularUI.model, expectedModels);\n      return modularUI.model;\n    }\n    return null;\n  }, [expectedModels, modularUI]);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useModularUIBasic.js","names":["useLocation","useMemo","useModularUI","createUseModularUIOptions","options","href","location","_context","baseOptions","targetModel","undefined","forceTargetModel","isReload","origin","contextPath","cache","state","reload","_startsWithInstanceProperty","pathname","call","validateModel","model","expectedModels","length","isCorrectModel","some","expectedModel","type","console","warn","useModularUIBasic","key","memoizedHref","toString","useModularUIOptions","modularUI"],"sources":["../../src/hooks/useModularUIBasic.js"],"sourcesContent":["// @flow\nimport type { ModularUIModel, Href } from \"../models\";\nimport { useLocation } from \"react-router\";\nimport { useMemo } from \"react\";\nimport { useModularUI } from \"./useModularUI\";\n\nexport type HookOptions = {\n  origin?: string,\n  contextPath?: string,\n};\n\nexport type UseModularUIBasicOptions<T: ModularUIModel> = {\n  expectedModels?: Array<string>,\n  targetModel?: Class<T> | Array<Class<T>>,\n  forceTargetModel?: boolean,\n  origin?: string,\n  contextPath?: string,\n  cache?: boolean,\n};\n\n// Helper to create useModularUI options\nconst createUseModularUIOptions = <T: ModularUIModel>(\n  options: UseModularUIBasicOptions<T>,\n  href: string,\n  location: any,\n): Object => {\n  const baseOptions = {\n    targetModel: undefined,\n    forceTargetModel: undefined,\n    isReload: false,\n    origin: undefined,\n    contextPath: undefined,\n    cache: false,\n  };\n\n  // Handle targetModel and forceTargetModel\n  if (options.targetModel) {\n    baseOptions.targetModel = options.targetModel;\n    baseOptions.forceTargetModel = options.forceTargetModel;\n  }\n\n  // Handle cache option\n  if (options.cache) {\n    baseOptions.cache = options.cache;\n  }\n\n  // Check for reload if location matches href\n  if (location.state?.reload && location.pathname.startsWith(href)) {\n    baseOptions.isReload = true;\n  }\n\n  // Handle origin and contextPath options\n  baseOptions.origin = options.origin ?? baseOptions.origin;\n  baseOptions.contextPath = options.contextPath ?? baseOptions.contextPath;\n\n  return baseOptions;\n};\n\n// Helper to validate the model against expectedModels\nconst validateModel = (model: any, expectedModels: Array<string>) => {\n  if (expectedModels.length > 0) {\n    const isCorrectModel = expectedModels.some(\n      (expectedModel) => model.type === expectedModel,\n    );\n    if (!isCorrectModel) {\n      console.warn(model, \"is not of instance\", expectedModels);\n    }\n  }\n};\n\n/**\n * useModularUIBasic Hook\n */\nexport const useModularUIBasic = <T: ModularUIModel>(\n  key: string,\n  href: string | Href,\n  options: UseModularUIBasicOptions<T> = {\n    expectedModels: [],\n    targetModel: undefined,\n    forceTargetModel: false,\n    origin: undefined,\n    contextPath: undefined,\n  },\n): T | null => {\n  const location = useLocation();\n  const memoizedHref = useMemo(() => href.toString(), [href]);\n  const useModularUIOptions = useMemo(\n    () => createUseModularUIOptions(options, memoizedHref, location),\n    [options, memoizedHref, location],\n  );\n\n  const modularUI = useModularUI(key, href, useModularUIOptions);\n  const expectedModels = useMemo(\n    () => options.expectedModels ?? [],\n    [options.expectedModels],\n  );\n\n  return useMemo((): T | null => {\n    if (modularUI?.model) {\n      validateModel(modularUI.model, expectedModels);\n      return modularUI.model;\n    }\n    return null;\n  }, [expectedModels, modularUI]);\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/hooks/useModularUIModel.js

@@ -1,11 +1,9 @@
 import ApplicationModel from "../models/application/ApplicationModel";
 import CaseViewModel from "../models/caseview/CaseViewModel";
 import TabModel from "../models/tab/TabModel";
-import ListModel from "../models/list/ListModel";
 import GroupingPanelModel from "../models/panels/GroupingPanelModel";
 import DetailModel from "../models/detail/DetailModel";
 import CaseSearchModel from "../models/search/CaseSearchModel";
-import ListDetailModel from "../models/list/ListDetailModel";
 import UserProfileModel from "../models/user/UserProfileModel";
 import { useModularUIBasic } from "./useModularUIBasic";
 /**
@@ -35,38 +33,6 @@ export const useCaseView = (href, options) => useModularUIBasic("caseview", href
   ...options
 });
 
-/**
- */
-export const usePanel = (href, options) => useModularUIBasic("panel", href, {
-  expectedModels: ["List", "GroupingPanel", "Detail"],
-  ...options
-});
-
-/**
- */
-export const useList = (href, options) => useModularUIBasic("list", href, {
-  expectedModels: ["List"],
-  targetModel: ListModel,
-  ...options
-});
-
-/**
- */
-export const useListOrDetail = (href, options) => useModularUIBasic("list", href, {
-  expectedModels: ["List", "Detail"],
-  targetModel: [ListModel, DetailModel],
-  ...options
-});
-
-/**
- */
-export const useListDetail = (href, options) => useModularUIBasic("listdetail", href, {
-  expectedModels: ["ListDetail"],
-  targetModel: ListDetailModel,
-  forceTargetModel: true,
-  ...options
-});
-
 /**
  */
 export const useGroupingPanel = (href, options) => useModularUIBasic("groupingpanel", href, {

package/esm/hooks/useModularUIModel.js.flow

@@ -2,21 +2,15 @@
 import ApplicationModel from "../models/application/ApplicationModel";
 import CaseViewModel from "../models/caseview/CaseViewModel";
 import TabModel from "../models/tab/TabModel";
-import ListModel from "../models/list/ListModel";
 import GroupingPanelModel from "../models/panels/GroupingPanelModel";
 import DetailModel from "../models/detail/DetailModel";
 import CaseSearchModel from "../models/search/CaseSearchModel";
-import ListDetailModel from "../models/list/ListDetailModel";
 import UserProfileModel from "../models/user/UserProfileModel";
 
 import { useModularUIBasic } from "./useModularUIBasic";
 
 import type Href from "../models/href/Href";
-
-type HookOptions = {
-  origin?: string,
-  contextPath?: string,
-};
+import type { HookOptions } from "./useModularUIBasic";
 
 /**
  * Load application
@@ -56,54 +50,6 @@ export const useCaseView = (
     ...options,
   });
 
-/**
- */
-export const usePanel = (
-  href: string | Href,
-  options?: HookOptions,
-): ListModel | GroupingPanelModel | DetailModel | null =>
-  useModularUIBasic("panel", href, {
-    expectedModels: ["List", "GroupingPanel", "Detail"],
-    ...options,
-  });
-
-/**
- */
-export const useList = (
-  href: string | Href,
-  options?: HookOptions,
-): ListModel | null =>
-  useModularUIBasic("list", href, {
-    expectedModels: ["List"],
-    targetModel: ListModel,
-    ...options,
-  });
-
-/**
- */
-export const useListOrDetail = (
-  href: string | Href,
-  options?: HookOptions,
-): ListModel | DetailModel | null =>
-  useModularUIBasic("list", href, {
-    expectedModels: ["List", "Detail"],
-    targetModel: [ListModel, DetailModel],
-    ...options,
-  });
-
-/**
- */
-export const useListDetail = (
-  href: string | Href,
-  options?: HookOptions,
-): ListDetailModel | null =>
-  useModularUIBasic("listdetail", href, {
-    expectedModels: ["ListDetail"],
-    targetModel: ListDetailModel,
-    forceTargetModel: true,
-    ...options,
-  });
-
 /**
  */
 export const useGroupingPanel = (

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","options","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\nimport type Href from \"../models/href/Href\";\n\ntype HookOptions = {\n  origin?: string,\n  contextPath?: string,\n};\n\n/**\n * Load application\n */\nexport const useApplication = (\n  options?: HookOptions,\n): ApplicationModel | null =>\n  useModularUIBasic(\"application\", \"/\", {\n    expectedModels: [\"Application\"],\n    targetModel: ApplicationModel,\n    ...options,\n  });\n\n/**\n * Load a tab by href\n */\nexport const useTab = (\n  href: string | Href,\n  options?: HookOptions,\n): TabModel | null =>\n  useModularUIBasic(\"tab\", href, {\n    expectedModels: [\"Tab\"],\n    targetModel: TabModel,\n    ...options,\n  });\n\n/**\n * Load caseview by href\n */\nexport const useCaseView = (\n  href: string | Href,\n  options?: HookOptions,\n): CaseViewModel | null =>\n  useModularUIBasic(\"caseview\", href, {\n    expectedModels: [\"CaseView\"],\n    targetModel: CaseViewModel,\n    ...options,\n  });\n\n/**\n */\nexport const usePanel = (\n  href: string | Href,\n  options?: HookOptions,\n): ListModel | GroupingPanelModel | DetailModel | null =>\n  useModularUIBasic(\"panel\", href, {\n    expectedModels: [\"List\", \"GroupingPanel\", \"Detail\"],\n    ...options,\n  });\n\n/**\n */\nexport const useList = (\n  href: string | Href,\n  options?: HookOptions,\n): ListModel | null =>\n  useModularUIBasic(\"list\", href, {\n    expectedModels: [\"List\"],\n    targetModel: ListModel,\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\", \"Detail\"],\n    targetModel: [ListModel, 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 useGroupingPanel = (\n  href: string | Href,\n  options?: HookOptions,\n): GroupingPanelModel | null =>\n  useModularUIBasic(\"groupingpanel\", href, {\n    expectedModels: [\"GroupingPanel\"],\n    targetModel: GroupingPanelModel,\n    ...options,\n  });\n\n/**\n */\nexport const useDetailPanel = (\n  href: string | Href,\n  options?: HookOptions,\n): DetailModel | null =>\n  useModularUIBasic(\"detailpanel\", href, {\n    expectedModels: [\"Detail\"],\n    targetModel: DetailModel,\n    ...options,\n  });\n\n/**\n */\nexport const useQuicksearch = (\n  href: string | Href,\n  options?: HookOptions,\n): CaseSearchModel | null =>\n  useModularUIBasic(\"quicksearch\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n    ...options,\n  });\n\n/**\n */\nexport const useSearch = (\n  href: string | Href,\n  options?: HookOptions,\n): CaseSearchModel | null =>\n  useModularUIBasic(\"search\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n    ...options,\n  });\n\n/**\n */\nexport const useUserProfile = (\n  href: string | Href,\n  options?: HookOptions,\n): UserProfileModel | null =>\n  useModularUIBasic(\"userprofile\", href, {\n    expectedModels: [\"UserProfile\"],\n    targetModel: UserProfileModel,\n    ...options,\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useModularUIModel.js","names":["ApplicationModel","CaseViewModel","TabModel","GroupingPanelModel","DetailModel","CaseSearchModel","UserProfileModel","useModularUIBasic","useApplication","options","expectedModels","targetModel","useTab","href","useCaseView","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 GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport DetailModel from \"../models/detail/DetailModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\nimport UserProfileModel from \"../models/user/UserProfileModel\";\n\nimport { useModularUIBasic } from \"./useModularUIBasic\";\n\nimport type Href from \"../models/href/Href\";\nimport type { HookOptions } from \"./useModularUIBasic\";\n\n/**\n * Load application\n */\nexport const useApplication = (\n  options?: HookOptions,\n): ApplicationModel | null =>\n  useModularUIBasic(\"application\", \"/\", {\n    expectedModels: [\"Application\"],\n    targetModel: ApplicationModel,\n    ...options,\n  });\n\n/**\n * Load a tab by href\n */\nexport const useTab = (\n  href: string | Href,\n  options?: HookOptions,\n): TabModel | null =>\n  useModularUIBasic(\"tab\", href, {\n    expectedModels: [\"Tab\"],\n    targetModel: TabModel,\n    ...options,\n  });\n\n/**\n * Load caseview by href\n */\nexport const useCaseView = (\n  href: string | Href,\n  options?: HookOptions,\n): CaseViewModel | null =>\n  useModularUIBasic(\"caseview\", href, {\n    expectedModels: [\"CaseView\"],\n    targetModel: CaseViewModel,\n    ...options,\n  });\n\n/**\n */\nexport const useGroupingPanel = (\n  href: string | Href,\n  options?: HookOptions,\n): GroupingPanelModel | null =>\n  useModularUIBasic(\"groupingpanel\", href, {\n    expectedModels: [\"GroupingPanel\"],\n    targetModel: GroupingPanelModel,\n    ...options,\n  });\n\n/**\n */\nexport const useDetailPanel = (\n  href: string | Href,\n  options?: HookOptions,\n): DetailModel | null =>\n  useModularUIBasic(\"detailpanel\", href, {\n    expectedModels: [\"Detail\"],\n    targetModel: DetailModel,\n    ...options,\n  });\n\n/**\n */\nexport const useQuicksearch = (\n  href: string | Href,\n  options?: HookOptions,\n): CaseSearchModel | null =>\n  useModularUIBasic(\"quicksearch\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n    ...options,\n  });\n\n/**\n */\nexport const useSearch = (\n  href: string | Href,\n  options?: HookOptions,\n): CaseSearchModel | null =>\n  useModularUIBasic(\"search\", href, {\n    expectedModels: [\"CaseSearch\"],\n    targetModel: CaseSearchModel,\n    ...options,\n  });\n\n/**\n */\nexport const useUserProfile = (\n  href: string | Href,\n  options?: HookOptions,\n): UserProfileModel | null =>\n  useModularUIBasic(\"userprofile\", href, {\n    expectedModels: [\"UserProfile\"],\n    targetModel: UserProfileModel,\n    ...options,\n  });\n"],"mappings":"AACA,OAAOA,gBAAgB,MAAM,wCAAwC;AACrE,OAAOC,aAAa,MAAM,kCAAkC;AAC5D,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,kBAAkB,MAAM,qCAAqC;AACpE,OAAOC,WAAW,MAAM,8BAA8B;AACtD,OAAOC,eAAe,MAAM,kCAAkC;AAC9D,OAAOC,gBAAgB,MAAM,iCAAiC;AAE9D,SAASC,iBAAiB,QAAQ,qBAAqB;AAKvD;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GACzBC,OAAqB,IAErBF,iBAAiB,CAAC,aAAa,EAAE,GAAG,EAAE;EACpCG,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEX,gBAAgB;EAC7B,GAAGS;AACL,CAAC,CAAC;;AAEJ;AACA;AACA;AACA,OAAO,MAAMG,MAAM,GAAGA,CACpBC,IAAmB,EACnBJ,OAAqB,KAErBF,iBAAiB,CAAC,KAAK,EAAEM,IAAI,EAAE;EAC7BH,cAAc,EAAE,CAAC,KAAK,CAAC;EACvBC,WAAW,EAAET,QAAQ;EACrB,GAAGO;AACL,CAAC,CAAC;;AAEJ;AACA;AACA;AACA,OAAO,MAAMK,WAAW,GAAGA,CACzBD,IAAmB,EACnBJ,OAAqB,KAErBF,iBAAiB,CAAC,UAAU,EAAEM,IAAI,EAAE;EAClCH,cAAc,EAAE,CAAC,UAAU,CAAC;EAC5BC,WAAW,EAAEV,aAAa;EAC1B,GAAGQ;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMM,gBAAgB,GAAGA,CAC9BF,IAAmB,EACnBJ,OAAqB,KAErBF,iBAAiB,CAAC,eAAe,EAAEM,IAAI,EAAE;EACvCH,cAAc,EAAE,CAAC,eAAe,CAAC;EACjCC,WAAW,EAAER,kBAAkB;EAC/B,GAAGM;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMO,cAAc,GAAGA,CAC5BH,IAAmB,EACnBJ,OAAqB,KAErBF,iBAAiB,CAAC,aAAa,EAAEM,IAAI,EAAE;EACrCH,cAAc,EAAE,CAAC,QAAQ,CAAC;EAC1BC,WAAW,EAAEP,WAAW;EACxB,GAAGK;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMQ,cAAc,GAAGA,CAC5BJ,IAAmB,EACnBJ,OAAqB,KAErBF,iBAAiB,CAAC,aAAa,EAAEM,IAAI,EAAE;EACrCH,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEN,eAAe;EAC5B,GAAGI;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMS,SAAS,GAAGA,CACvBL,IAAmB,EACnBJ,OAAqB,KAErBF,iBAAiB,CAAC,QAAQ,EAAEM,IAAI,EAAE;EAChCH,cAAc,EAAE,CAAC,YAAY,CAAC;EAC9BC,WAAW,EAAEN,eAAe;EAC5B,GAAGI;AACL,CAAC,CAAC;;AAEJ;AACA;AACA,OAAO,MAAMU,cAAc,GAAGA,CAC5BN,IAAmB,EACnBJ,OAAqB,KAErBF,iBAAiB,CAAC,aAAa,EAAEM,IAAI,EAAE;EACrCH,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEL,gBAAgB;EAC7B,GAAGG;AACL,CAAC,CAAC","ignoreList":[]}

package/esm/hooks/usePanel.js

@@ -0,0 +1,49 @@
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/starts-with";
+import { useState, useMemo } from "react";
+import { useLocation, useRouteMatch } from "react-router";
+import Href from "../models/href/Href";
+import { useModularUIBasic } from "./useModularUIBasic";
+const useUrl = (href, fromRoute = false) => {
+  const [previousUrl, setPreviousUrl] = useState(null);
+  const [previousExact, setPreviousExact] = useState(false);
+  const match = useRouteMatch();
+  const location = useLocation();
+  return useMemo(() => {
+    var _context;
+    if (href == null && previousUrl == null) {
+      return new Href("");
+    }
+    const url = href instanceof Href ? href : new Href(href);
+    if (!fromRoute) {
+      return url;
+    }
+    if (match.isExact) {
+      url.addParametersFromString(location.search);
+    }
+
+    // Check equality to prevent unnecessary state updates
+    if (url.equalsWithParameters(previousUrl)) {
+      return previousUrl || url;
+    }
+    const shouldUpdate = match.isExact === true || previousExact === match.isExact || !((_context = previousUrl) == null ? void 0 : Function.call.bind(_startsWithInstanceProperty(_context), _context))?.(match.url);
+    if (shouldUpdate) {
+      setPreviousUrl(url);
+      setPreviousExact(match.isExact);
+      return url;
+    }
+    return previousUrl || new Href("");
+  }, [href, previousUrl, fromRoute, match.isExact, match.url, previousExact, location.search]);
+};
+
+/**
+ */
+export const usePanel = (href, options) => {
+  const url = useUrl(href, options?.fromRoute || false);
+  const basicOptions = {
+    expectedModels: ["List", "GroupingPanel", "Detail"],
+    origin: options?.origin,
+    contextPath: options?.contextPath
+  };
+  return useModularUIBasic("panel", url, basicOptions);
+};
+//# sourceMappingURL=usePanel.js.map