@beinformed/ui 1.42.2 → 1.43.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.43.0](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.42.2...v1.43.0) (2024-03-11)
+
+
+### Features
+
+* **models:** new method on useModels hook to reload models by filter ([591a375](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/commit/591a375a9ebfcd5e5477234bb01559c90f590840))
+
 ## [1.42.2](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.42.1...v1.42.2) (2024-03-08)
 
 

package/esm/hooks/useModels.js

@@ -1,13 +1,27 @@
-import { useDispatch } from "react-redux";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+import { useSelector, useDispatch } from "react-redux";
 import { reloadModel } from "../redux/_modularui/ModularUIActions";
+import { MODULARUI_STATUS } from "../constants/Constants";
 /**
  * Hook that contains the reload property that can be used to reload a model
  */
 export const useModels = () => {
   const dispatch = useDispatch();
+  const modularuiModels = useSelector(state => {
+    var _context, _context2;
+    return _mapInstanceProperty(_context = _filterInstanceProperty(_context2 = _Object$values(state.modularui)).call(_context2, model => model.status === MODULARUI_STATUS.FINISHED)).call(_context, model => model.model);
+  });
   return {
     reload: (model, options) => {
       dispatch(reloadModel(model, options));
+    },
+    reloadWithFilter: (callbackFn, options) => {
+      const modelsToReload = _filterInstanceProperty(modularuiModels).call(modularuiModels, callbackFn);
+      for (const modelToReload of modelsToReload) {
+        dispatch(reloadModel(modelToReload, options));
+      }
     }
   };
 };

package/esm/hooks/useModels.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModels.js","names":["useDispatch","reloadModel","useModels","dispatch","reload","model","options"],"sources":["../../src/hooks/useModels.js"],"sourcesContent":["// @flow\nimport { useDispatch } from \"react-redux\";\n\nimport { reloadModel } from \"../redux/_modularui/ModularUIActions\";\n\nimport type { ModularUIModel } from \"../models/types\";\n\ntype UseModels = () => {\n  reload: (model: ModularUIModel, options?: any) => void,\n};\n\n/**\n * Hook that contains the reload property that can be used to reload a model\n */\nexport const useModels: UseModels = () => {\n  const dispatch = useDispatch();\n  return {\n    reload: (model: ModularUIModel, options?: Object) => {\n      dispatch(reloadModel(model, options));\n    },\n  };\n};\n"],"mappings":"AACA,SAASA,WAAW,QAAQ,aAAa;AAEzC,SAASC,WAAW,QAAQ,sCAAsC;AAQlE;AACA;AACA;AACA,OAAO,MAAMC,SAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,QAAQ,GAAGH,WAAW,CAAC,CAAC;EAC9B,OAAO;IACLI,MAAM,EAAEA,CAACC,KAAqB,EAAEC,OAAgB,KAAK;MACnDH,QAAQ,CAACF,WAAW,CAACI,KAAK,EAAEC,OAAO,CAAC,CAAC;IACvC;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"useModels.js","names":["useSelector","useDispatch","reloadModel","MODULARUI_STATUS","useModels","dispatch","modularuiModels","state","_context","_context2","_mapInstanceProperty","_filterInstanceProperty","_Object$values","modularui","call","model","status","FINISHED","reload","options","reloadWithFilter","callbackFn","modelsToReload","modelToReload"],"sources":["../../src/hooks/useModels.js"],"sourcesContent":["// @flow\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport { reloadModel } from \"../redux/_modularui/ModularUIActions\";\nimport { MODULARUI_STATUS } from \"../constants/Constants\";\n\nimport type { ModularUIModel } from \"../models/types\";\n\ntype ReloadCallback = (model: ModularUIModel) => boolean;\n\ntype UseModels = () => {\n  reload: (model: ModularUIModel, options?: any) => void,\n  reloadWithFilter: (callbackFn: ReloadCallback, options?: any) => void,\n};\n\n/**\n * Hook that contains the reload property that can be used to reload a model\n */\nexport const useModels: UseModels = () => {\n  const dispatch = useDispatch();\n  const modularuiModels = useSelector((state) =>\n    Object.values(state.modularui)\n      .filter((model) => model.status === MODULARUI_STATUS.FINISHED)\n      .map((model) => model.model),\n  );\n\n  return {\n    reload: (model: ModularUIModel, options?: Object) => {\n      dispatch(reloadModel(model, options));\n    },\n    reloadWithFilter: (callbackFn: ReloadCallback, options?: Object) => {\n      const modelsToReload = modularuiModels.filter(callbackFn);\n      for (const modelToReload of modelsToReload) {\n        dispatch(reloadModel(modelToReload, options));\n      }\n    },\n  };\n};\n"],"mappings":";;;AACA,SAASA,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAEtD,SAASC,WAAW,QAAQ,sCAAsC;AAClE,SAASC,gBAAgB,QAAQ,wBAAwB;AAWzD;AACA;AACA;AACA,OAAO,MAAMC,SAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,QAAQ,GAAGJ,WAAW,CAAC,CAAC;EAC9B,MAAMK,eAAe,GAAGN,WAAW,CAAEO,KAAK;IAAA,IAAAC,QAAA,EAAAC,SAAA;IAAA,OACxCC,oBAAA,CAAAF,QAAA,GAAAG,uBAAA,CAAAF,SAAA,GAAAG,cAAA,CAAcL,KAAK,CAACM,SAAS,CAAC,EAAAC,IAAA,CAAAL,SAAA,EACnBM,KAAK,IAAKA,KAAK,CAACC,MAAM,KAAKb,gBAAgB,CAACc,QAAQ,CAAC,EAAAH,IAAA,CAAAN,QAAA,EACxDO,KAAK,IAAKA,KAAK,CAACA,KAAK,CAAC;EAAA,CAChC,CAAC;EAED,OAAO;IACLG,MAAM,EAAEA,CAACH,KAAqB,EAAEI,OAAgB,KAAK;MACnDd,QAAQ,CAACH,WAAW,CAACa,KAAK,EAAEI,OAAO,CAAC,CAAC;IACvC,CAAC;IACDC,gBAAgB,EAAEA,CAACC,UAA0B,EAAEF,OAAgB,KAAK;MAClE,MAAMG,cAAc,GAAGX,uBAAA,CAAAL,eAAe,EAAAQ,IAAA,CAAfR,eAAe,EAAQe,UAAU,CAAC;MACzD,KAAK,MAAME,aAAa,IAAID,cAAc,EAAE;QAC1CjB,QAAQ,CAACH,WAAW,CAACqB,aAAa,EAAEJ,OAAO,CAAC,CAAC;MAC/C;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/hooks/__tests__/useModels.spec.js.flow

@@ -4,6 +4,8 @@ import { Provider } from "react-redux";
 import configureMockStore from "redux-mock-store";
 
 import application from "../../models/application/__mock__/application";
+import caselist from "../../models/list/__mock__/caselist";
+
 import thunk from "redux-thunk";
 import { Href } from "../../models";
 
@@ -11,7 +13,7 @@ const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
 describe("model hooks", () => {
-  it("useModels", () => {
+  it("useModels.reload", () => {
     application.connectKey = "application(/)(en)";
     const store = mockStore({
       modularui: {
@@ -49,4 +51,97 @@ describe("model hooks", () => {
       },
     ]);
   });
+
+  it("useModels.reloadWithFilter - only root", () => {
+    application.connectKey = "application(/)(en)";
+    const store = mockStore({
+      modularui: {
+        "application(/)(en)": {
+          status: "FINISHED",
+          model: application,
+          lastModification: 0,
+        },
+        "list(/books/books)(en)": {
+          status: "FINISHED",
+          model: caselist,
+          lastModification: 0,
+        },
+      },
+    });
+
+    const wrapper = ({ children }) => (
+      <Provider store={store}>{children}</Provider>
+    );
+
+    const { result } = renderHook(() => useModels(), {
+      wrapper,
+    });
+
+    expect(typeof result.current.reloadWithFilter).toBe("function");
+
+    result.current.reloadWithFilter((model) =>
+      model.selfhref.equals(new Href("/")),
+    );
+    expect(store.getActions()).toStrictEqual([
+      {
+        type: "MODULARUI/STATUS",
+        payload: { key: "application(/)(en)", status: "LOADING" },
+      },
+      { type: "START_PROGRESS" },
+      {
+        type: "MODULARUI/FETCH",
+        payload: expect.objectContaining({
+          href: new Href("/", "Application"),
+          locale: "en",
+        }),
+      },
+    ]);
+  });
+
+  it("useModels.reloadWithFilter - only tab", () => {
+    application.connectKey = "application(/)(en)";
+    caselist.connectKey = "list(/books/books)(en)";
+    const store = mockStore({
+      modularui: {
+        "application(/)(en)": {
+          status: "FINISHED",
+          model: application,
+          lastModification: 0,
+        },
+        "list(/books/books)(en)": {
+          status: "FINISHED",
+          model: caselist,
+          lastModification: 0,
+        },
+      },
+    });
+
+    const wrapper = ({ children }) => (
+      <Provider store={store}>{children}</Provider>
+    );
+
+    const { result } = renderHook(() => useModels(), {
+      wrapper,
+    });
+
+    expect(typeof result.current.reloadWithFilter).toBe("function");
+
+    result.current.reloadWithFilter((model) =>
+      model.selfhref.equals(new Href("/books/books")),
+    );
+    expect(store.getActions()).toStrictEqual([
+      {
+        type: "MODULARUI/STATUS",
+        payload: { key: "list(/books/books)(en)", status: "LOADING" },
+      },
+      { type: "START_PROGRESS" },
+      {
+        type: "MODULARUI/FETCH",
+        payload: expect.objectContaining({
+          href: caselist.selfhref,
+          locale: "en",
+        }),
+      },
+    ]);
+  });
 });

package/lib/hooks/useModels.js

@@ -1,19 +1,34 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useModels = void 0;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _reactRedux = require("react-redux");
 var _ModularUIActions = require("../redux/_modularui/ModularUIActions");
+var _Constants = require("../constants/Constants");
 /**
  * Hook that contains the reload property that can be used to reload a model
  */
 const useModels = () => {
   const dispatch = (0, _reactRedux.useDispatch)();
+  const modularuiModels = (0, _reactRedux.useSelector)(state => {
+    var _context, _context2;
+    return (0, _map.default)(_context = (0, _filter.default)(_context2 = (0, _values.default)(state.modularui)).call(_context2, model => model.status === _Constants.MODULARUI_STATUS.FINISHED)).call(_context, model => model.model);
+  });
   return {
     reload: (model, options) => {
       dispatch((0, _ModularUIActions.reloadModel)(model, options));
+    },
+    reloadWithFilter: (callbackFn, options) => {
+      const modelsToReload = (0, _filter.default)(modularuiModels).call(modularuiModels, callbackFn);
+      for (const modelToReload of modelsToReload) {
+        dispatch((0, _ModularUIActions.reloadModel)(modelToReload, options));
+      }
     }
   };
 };

package/lib/hooks/useModels.js.flow

@@ -1,12 +1,16 @@
 // @flow
-import { useDispatch } from "react-redux";
+import { useSelector, useDispatch } from "react-redux";
 
 import { reloadModel } from "../redux/_modularui/ModularUIActions";
+import { MODULARUI_STATUS } from "../constants/Constants";
 
 import type { ModularUIModel } from "../models/types";
 
+type ReloadCallback = (model: ModularUIModel) => boolean;
+
 type UseModels = () => {
   reload: (model: ModularUIModel, options?: any) => void,
+  reloadWithFilter: (callbackFn: ReloadCallback, options?: any) => void,
 };
 
 /**
@@ -14,9 +18,21 @@ type UseModels = () => {
  */
 export const useModels: UseModels = () => {
   const dispatch = useDispatch();
+  const modularuiModels = useSelector((state) =>
+    Object.values(state.modularui)
+      .filter((model) => model.status === MODULARUI_STATUS.FINISHED)
+      .map((model) => model.model),
+  );
+
   return {
     reload: (model: ModularUIModel, options?: Object) => {
       dispatch(reloadModel(model, options));
     },
+    reloadWithFilter: (callbackFn: ReloadCallback, options?: Object) => {
+      const modelsToReload = modularuiModels.filter(callbackFn);
+      for (const modelToReload of modelsToReload) {
+        dispatch(reloadModel(modelToReload, options));
+      }
+    },
   };
 };

package/lib/hooks/useModels.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModels.js","names":["_reactRedux","require","_ModularUIActions","useModels","dispatch","useDispatch","reload","model","options","reloadModel","exports"],"sources":["../../src/hooks/useModels.js"],"sourcesContent":["// @flow\nimport { useDispatch } from \"react-redux\";\n\nimport { reloadModel } from \"../redux/_modularui/ModularUIActions\";\n\nimport type { ModularUIModel } from \"../models/types\";\n\ntype UseModels = () => {\n  reload: (model: ModularUIModel, options?: any) => void,\n};\n\n/**\n * Hook that contains the reload property that can be used to reload a model\n */\nexport const useModels: UseModels = () => {\n  const dispatch = useDispatch();\n  return {\n    reload: (model: ModularUIModel, options?: Object) => {\n      dispatch(reloadModel(model, options));\n    },\n  };\n};\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AAQA;AACA;AACA;AACO,MAAME,SAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAC9B,OAAO;IACLC,MAAM,EAAEA,CAACC,KAAqB,EAAEC,OAAgB,KAAK;MACnDJ,QAAQ,CAAC,IAAAK,6BAAW,EAACF,KAAK,EAAEC,OAAO,CAAC,CAAC;IACvC;EACF,CAAC;AACH,CAAC;AAACE,OAAA,CAAAP,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"file":"useModels.js","names":["_reactRedux","require","_ModularUIActions","_Constants","useModels","dispatch","useDispatch","modularuiModels","useSelector","state","_context","_context2","_map","default","_filter","_values","modularui","call","model","status","MODULARUI_STATUS","FINISHED","reload","options","reloadModel","reloadWithFilter","callbackFn","modelsToReload","modelToReload","exports"],"sources":["../../src/hooks/useModels.js"],"sourcesContent":["// @flow\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport { reloadModel } from \"../redux/_modularui/ModularUIActions\";\nimport { MODULARUI_STATUS } from \"../constants/Constants\";\n\nimport type { ModularUIModel } from \"../models/types\";\n\ntype ReloadCallback = (model: ModularUIModel) => boolean;\n\ntype UseModels = () => {\n  reload: (model: ModularUIModel, options?: any) => void,\n  reloadWithFilter: (callbackFn: ReloadCallback, options?: any) => void,\n};\n\n/**\n * Hook that contains the reload property that can be used to reload a model\n */\nexport const useModels: UseModels = () => {\n  const dispatch = useDispatch();\n  const modularuiModels = useSelector((state) =>\n    Object.values(state.modularui)\n      .filter((model) => model.status === MODULARUI_STATUS.FINISHED)\n      .map((model) => model.model),\n  );\n\n  return {\n    reload: (model: ModularUIModel, options?: Object) => {\n      dispatch(reloadModel(model, options));\n    },\n    reloadWithFilter: (callbackFn: ReloadCallback, options?: Object) => {\n      const modelsToReload = modularuiModels.filter(callbackFn);\n      for (const modelToReload of modelsToReload) {\n        dispatch(reloadModel(modelToReload, options));\n      }\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAWA;AACA;AACA;AACO,MAAMG,SAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAC9B,MAAMC,eAAe,GAAG,IAAAC,uBAAW,EAAEC,KAAK;IAAA,IAAAC,QAAA,EAAAC,SAAA;IAAA,OACxC,IAAAC,IAAA,CAAAC,OAAA,EAAAH,QAAA,OAAAI,OAAA,CAAAD,OAAA,EAAAF,SAAA,OAAAI,OAAA,CAAAF,OAAA,EAAcJ,KAAK,CAACO,SAAS,CAAC,EAAAC,IAAA,CAAAN,SAAA,EACnBO,KAAK,IAAKA,KAAK,CAACC,MAAM,KAAKC,2BAAgB,CAACC,QAAQ,CAAC,EAAAJ,IAAA,CAAAP,QAAA,EACxDQ,KAAK,IAAKA,KAAK,CAACA,KAAK,CAAC;EAAA,CAChC,CAAC;EAED,OAAO;IACLI,MAAM,EAAEA,CAACJ,KAAqB,EAAEK,OAAgB,KAAK;MACnDlB,QAAQ,CAAC,IAAAmB,6BAAW,EAACN,KAAK,EAAEK,OAAO,CAAC,CAAC;IACvC,CAAC;IACDE,gBAAgB,EAAEA,CAACC,UAA0B,EAAEH,OAAgB,KAAK;MAClE,MAAMI,cAAc,GAAG,IAAAb,OAAA,CAAAD,OAAA,EAAAN,eAAe,EAAAU,IAAA,CAAfV,eAAe,EAAQmB,UAAU,CAAC;MACzD,KAAK,MAAME,aAAa,IAAID,cAAc,EAAE;QAC1CtB,QAAQ,CAAC,IAAAmB,6BAAW,EAACI,aAAa,EAAEL,OAAO,CAAC,CAAC;MAC/C;IACF;EACF,CAAC;AACH,CAAC;AAACM,OAAA,CAAAzB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.42.2",
+  "version": "1.43.0",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",

package/src/hooks/__tests__/useModels.spec.js

@@ -4,6 +4,8 @@ import { Provider } from "react-redux";
 import configureMockStore from "redux-mock-store";
 
 import application from "../../models/application/__mock__/application";
+import caselist from "../../models/list/__mock__/caselist";
+
 import thunk from "redux-thunk";
 import { Href } from "../../models";
 
@@ -11,7 +13,7 @@ const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
 describe("model hooks", () => {
-  it("useModels", () => {
+  it("useModels.reload", () => {
     application.connectKey = "application(/)(en)";
     const store = mockStore({
       modularui: {
@@ -49,4 +51,97 @@ describe("model hooks", () => {
       },
     ]);
   });
+
+  it("useModels.reloadWithFilter - only root", () => {
+    application.connectKey = "application(/)(en)";
+    const store = mockStore({
+      modularui: {
+        "application(/)(en)": {
+          status: "FINISHED",
+          model: application,
+          lastModification: 0,
+        },
+        "list(/books/books)(en)": {
+          status: "FINISHED",
+          model: caselist,
+          lastModification: 0,
+        },
+      },
+    });
+
+    const wrapper = ({ children }) => (
+      <Provider store={store}>{children}</Provider>
+    );
+
+    const { result } = renderHook(() => useModels(), {
+      wrapper,
+    });
+
+    expect(typeof result.current.reloadWithFilter).toBe("function");
+
+    result.current.reloadWithFilter((model) =>
+      model.selfhref.equals(new Href("/")),
+    );
+    expect(store.getActions()).toStrictEqual([
+      {
+        type: "MODULARUI/STATUS",
+        payload: { key: "application(/)(en)", status: "LOADING" },
+      },
+      { type: "START_PROGRESS" },
+      {
+        type: "MODULARUI/FETCH",
+        payload: expect.objectContaining({
+          href: new Href("/", "Application"),
+          locale: "en",
+        }),
+      },
+    ]);
+  });
+
+  it("useModels.reloadWithFilter - only tab", () => {
+    application.connectKey = "application(/)(en)";
+    caselist.connectKey = "list(/books/books)(en)";
+    const store = mockStore({
+      modularui: {
+        "application(/)(en)": {
+          status: "FINISHED",
+          model: application,
+          lastModification: 0,
+        },
+        "list(/books/books)(en)": {
+          status: "FINISHED",
+          model: caselist,
+          lastModification: 0,
+        },
+      },
+    });
+
+    const wrapper = ({ children }) => (
+      <Provider store={store}>{children}</Provider>
+    );
+
+    const { result } = renderHook(() => useModels(), {
+      wrapper,
+    });
+
+    expect(typeof result.current.reloadWithFilter).toBe("function");
+
+    result.current.reloadWithFilter((model) =>
+      model.selfhref.equals(new Href("/books/books")),
+    );
+    expect(store.getActions()).toStrictEqual([
+      {
+        type: "MODULARUI/STATUS",
+        payload: { key: "list(/books/books)(en)", status: "LOADING" },
+      },
+      { type: "START_PROGRESS" },
+      {
+        type: "MODULARUI/FETCH",
+        payload: expect.objectContaining({
+          href: caselist.selfhref,
+          locale: "en",
+        }),
+      },
+    ]);
+  });
 });

package/src/hooks/useModels.js

@@ -1,12 +1,16 @@
 // @flow
-import { useDispatch } from "react-redux";
+import { useSelector, useDispatch } from "react-redux";
 
 import { reloadModel } from "../redux/_modularui/ModularUIActions";
+import { MODULARUI_STATUS } from "../constants/Constants";
 
 import type { ModularUIModel } from "../models/types";
 
+type ReloadCallback = (model: ModularUIModel) => boolean;
+
 type UseModels = () => {
   reload: (model: ModularUIModel, options?: any) => void,
+  reloadWithFilter: (callbackFn: ReloadCallback, options?: any) => void,
 };
 
 /**
@@ -14,9 +18,21 @@ type UseModels = () => {
  */
 export const useModels: UseModels = () => {
   const dispatch = useDispatch();
+  const modularuiModels = useSelector((state) =>
+    Object.values(state.modularui)
+      .filter((model) => model.status === MODULARUI_STATUS.FINISHED)
+      .map((model) => model.model),
+  );
+
   return {
     reload: (model: ModularUIModel, options?: Object) => {
       dispatch(reloadModel(model, options));
     },
+    reloadWithFilter: (callbackFn: ReloadCallback, options?: Object) => {
+      const modelsToReload = modularuiModels.filter(callbackFn);
+      for (const modelToReload of modelsToReload) {
+        dispatch(reloadModel(modelToReload, options));
+      }
+    },
   };
 };