@beinformed/ui 1.63.2 → 2.0.0-beta.0

package/esm/redux/_modularui/__tests__/actions.spec.js.flow

@@ -1,159 +0,0 @@
-import configureMockStore from "redux-mock-store";
-import thunk from "redux-thunk";
-
-import application from "../../../models/application/__mock__/application";
-import Href from "../../../models/href/Href";
-import {
-  loadModel,
-  loadModularUI,
-  removeModelByKey,
-  setModel,
-  updateModel,
-  updateStatus,
-} from "../ModularUIActions";
-import { HTTP_METHODS, MODULARUI_STATUS } from "../../../constants";
-import { ApplicationModel } from "../../../models";
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-describe("modularui actions", () => {
-  it("can set model", async () => {
-    expect.assertions(1);
-    const store = mockStore({ modularui: {} });
-
-    await store.dispatch(setModel("application", application));
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "MODULARUI/SET",
-        payload: {
-          key: "application",
-          model: application,
-        },
-      },
-    ]);
-  });
-
-  it("can update model", async () => {
-    expect.assertions(1);
-    const store = mockStore({ modularui: {} });
-
-    await store.dispatch(updateModel(application));
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "MODULARUI/UPDATE",
-        payload: application,
-      },
-    ]);
-  });
-
-  it("can remove model by key", async () => {
-    expect.assertions(1);
-    const store = mockStore({ modularui: {} });
-
-    await store.dispatch(removeModelByKey("application"));
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "MODULARUI/REMOVE_KEY",
-        payload: "application",
-      },
-    ]);
-  });
-
-  it("can update status", async () => {
-    expect.assertions(1);
-    const store = mockStore({ modularui: {} });
-
-    await store.dispatch(updateStatus("application", MODULARUI_STATUS.LOADING));
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "MODULARUI/STATUS",
-        payload: {
-          key: "application",
-          status: MODULARUI_STATUS.LOADING,
-          requestOptions: undefined,
-        },
-      },
-    ]);
-  });
-
-  it("can load a model with default options", async () => {
-    expect.assertions(1);
-    const store = mockStore({ modularui: {} });
-
-    await store.dispatch(loadModel("application", "/", {}));
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "MODULARUI/FETCH",
-        payload: expect.objectContaining({
-          href: new Href("/"),
-          method: HTTP_METHODS.GET,
-          data: undefined,
-          locale: "en",
-          childmodels: undefined,
-          targetModel: undefined,
-        }),
-      },
-    ]);
-  });
-
-  it("can load a model with specific options", async () => {
-    expect.assertions(1);
-    const store = mockStore({ modularui: {} });
-
-    await store.dispatch(
-      loadModel("application", "/", {
-        method: HTTP_METHODS.POST,
-        data: { hasData: true },
-        locale: "nl",
-        childmodels: true,
-        targetModel: ApplicationModel,
-      }),
-    );
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "MODULARUI/FETCH",
-        payload: expect.objectContaining({
-          href: new Href("/"),
-          method: HTTP_METHODS.POST,
-          data: { hasData: true },
-          locale: "nl",
-          childmodels: true,
-          targetModel: ApplicationModel,
-        }),
-      },
-    ]);
-  });
-
-  it("can load using modularui middleware", async () => {
-    expect.assertions(1);
-    const store = mockStore({ modularui: {} });
-
-    await store.dispatch(loadModularUI("application", "/", {}));
-
-    expect(store.getActions()).toStrictEqual([
-      {
-        type: "START_PROGRESS",
-      },
-      {
-        type: "MODULARUI/FETCH",
-        payload: expect.objectContaining({
-          key: "application",
-          href: new Href("/"),
-          method: HTTP_METHODS.GET,
-          data: undefined,
-          locale: "en",
-          childmodels: undefined,
-          targetModel: undefined,
-        }),
-      },
-      { type: "FINISH_PROGRESS" },
-    ]);
-  });
-});

package/esm/redux/_modularui/__tests__/reducer.spec.js.flow

@@ -1,134 +0,0 @@
-import { ModularUIReducer } from "../ModularUIReducer";
-import { MODULARUI_STATUS } from "../../../constants";
-
-import application from "../../../models/application/__mock__/application";
-import tab from "../../../models/tab/__mock__/tab";
-
-describe("modularui reducer", () => {
-  it("should return the initial state", () => {
-    expect(ModularUIReducer(undefined, {})).toStrictEqual({});
-    expect(ModularUIReducer()).toStrictEqual({});
-  });
-
-  it("should handle MODULARUI/STATUS loading", () => {
-    expect(
-      ModularUIReducer(
-        {},
-        {
-          type: "MODULARUI/STATUS",
-          payload: {
-            key: "modelKey",
-            status: MODULARUI_STATUS.LOADING,
-          },
-        },
-      ),
-    ).toStrictEqual({
-      modelKey: expect.objectContaining({
-        status: MODULARUI_STATUS.LOADING,
-      }),
-    });
-  });
-
-  it("cannot set a model to finished when it is not set in the reducer", () => {
-    expect(
-      ModularUIReducer(
-        {},
-        {
-          type: "MODULARUI/STATUS",
-          payload: {
-            key: "modelKey",
-            status: MODULARUI_STATUS.FINISHED,
-          },
-        },
-      ),
-    ).toStrictEqual({});
-
-    expect(
-      ModularUIReducer(
-        {
-          modelKey: {
-            status: "LOADING",
-          },
-        },
-        {
-          type: "MODULARUI/STATUS",
-          payload: {
-            key: "modelKey",
-            status: MODULARUI_STATUS.FINISHED,
-          },
-        },
-      ),
-    ).toStrictEqual({
-      modelKey: expect.objectContaining({
-        status: MODULARUI_STATUS.FINISHED,
-      }),
-    });
-  });
-
-  it("should handle MODULARUI/SET", () => {
-    expect(
-      ModularUIReducer(
-        {
-          modelKey: {
-            status: "LOADING",
-          },
-        },
-        {
-          type: "MODULARUI/SET",
-          payload: {
-            key: "modelKey",
-            model: application,
-          },
-        },
-      ),
-    ).toStrictEqual({
-      modelKey: expect.objectContaining({
-        model: application,
-      }),
-    });
-  });
-
-  it("should handle MODULARUI/UPDATE", () => {
-    application.connectKey = "modelKey";
-    expect(
-      ModularUIReducer(
-        { modelKey: { model: application } },
-        {
-          type: "MODULARUI/UPDATE",
-          payload: application,
-        },
-      ),
-    ).toStrictEqual({
-      modelKey: expect.objectContaining({
-        model: application,
-      }),
-    });
-  });
-
-  it("should handle MODULARUI/UPDATE without existing model", () => {
-    application.connectKey = "modelKey";
-    expect(
-      ModularUIReducer(
-        {},
-        {
-          type: "MODULARUI/UPDATE",
-          payload: application,
-        },
-      ),
-    ).toStrictEqual({});
-  });
-
-  it("should handle MODULARUI/REMOVE_KEY", () => {
-    application.connectKey = "modelKey";
-    tab.connectKey = "tabKey";
-    expect(
-      ModularUIReducer(
-        { modelKey: { model: application }, tabKey: { model: tab } },
-        {
-          type: "MODULARUI/REMOVE_KEY",
-          payload: "modelKey",
-        },
-      ),
-    ).toStrictEqual({ tabKey: { model: tab } });
-  });
-});

package/esm/redux/_modularui/__tests__/selectors.spec.js.flow

@@ -1,153 +0,0 @@
-import ApplicationModel from "../../../models/application/ApplicationModel";
-import LinkModel from "../../../models/links/LinkModel";
-import TabModel from "../../../models/tab/TabModel";
-import CaseViewModel from "../../../models/caseview/CaseViewModel";
-import FormModel from "../../../models/form/FormModel";
-import Href from "../../../models/href/Href";
-
-import {
-  getApplication,
-  getCaseView,
-  getFirstModelByInstance,
-  getForm,
-  getTab,
-  modelByHref,
-  keyByHref,
-  getActiveModels,
-  getPreference,
-  getModelsByType,
-  getAllModelsByInstance,
-  getActiveModelByInstance,
-} from "../ModularUISelectors";
-
-import application from "../../../models/application/__mock__/application";
-import tab from "../../../models/tab/__mock__/tab";
-import tabPerson from "../../../models/tab/__mock__/tabPerson";
-import caseview from "../../../models/caseview/__mock__/caseview";
-import form from "../../../models/form/__mock__/form";
-
-describe("modularui selectors", () => {
-  let state;
-
-  beforeEach(() => {
-    state = {
-      router: {
-        location: {
-          pathname: "/books/book/24",
-        },
-      },
-      preferences: {
-        prefName: "prefValue",
-      },
-      modularui: {
-        "application(/)(en)": {
-          status: "FINISHED",
-          lastModification: 1612538240042,
-          model: application,
-        },
-        "tab(/books)(en)": {
-          status: "FINISHED",
-          lastModification: 1612538240050,
-          model: tab,
-        },
-        "tab(/persons)(en)": {
-          status: "FINISHED",
-          lastModification: 1612538242250,
-          model: tabPerson,
-        },
-        "caseview(/books/book/24)(en)": {
-          status: "FINISHED",
-          lastModification: 1612538679203,
-          model: caseview,
-        },
-        "form(/books/books/createbook)(en)": {
-          status: "FINISHED",
-          lastModification: 1612538616810,
-          model: form,
-        },
-      },
-    };
-  });
-
-  it("returns null when state is not ready", () => {
-    expect(getFirstModelByInstance(null)).toBeNull();
-    expect(getFirstModelByInstance({})).toBeNull();
-
-    expect(getActiveModelByInstance(null)).toBeNull();
-    expect(getActiveModelByInstance({})).toBeNull();
-
-    expect(modelByHref()).toBeNull();
-    expect(modelByHref({})).toBeNull();
-
-    expect(keyByHref()).toBeNull();
-    expect(keyByHref({})).toBeNull();
-  });
-
-  it("returns an empty array when state is not ready", () => {
-    expect(getAllModelsByInstance(null)).toHaveLength(0);
-    expect(getAllModelsByInstance({})).toHaveLength(0);
-
-    expect(getAllModelsByInstance(state, ApplicationModel)).toStrictEqual([
-      application,
-    ]);
-    expect(getAllModelsByInstance(state, TabModel)).toStrictEqual([
-      tab,
-      tabPerson,
-    ]);
-  });
-
-  it("returns null when a model cannot be found", () => {
-    expect(getFirstModelByInstance(state, LinkModel)).toBeNull();
-    expect(getActiveModelByInstance(state, LinkModel)).toBeNull();
-    expect(modelByHref(state, "/bla")).toBeNull();
-    expect(modelByHref(state, new Href("/bla"))).toBeNull();
-  });
-
-  it("should return the first model by instance", () => {
-    expect(getFirstModelByInstance(state, ApplicationModel)).toBeInstanceOf(
-      ApplicationModel,
-    );
-    expect(getActiveModelByInstance(state, ApplicationModel)).toBeInstanceOf(
-      ApplicationModel,
-    );
-    expect(getActiveModelByInstance(state, TabModel)).toBeInstanceOf(TabModel);
-    expect(getActiveModelByInstance(state, TabModel)).toBe(tab);
-    expect(getActiveModelByInstance(state, TabModel)).not.toBe(tabPerson);
-
-    expect(getApplication(state)).toBeInstanceOf(ApplicationModel);
-    expect(getTab(state)).toBeInstanceOf(TabModel);
-    expect(getCaseView(state)).toBeInstanceOf(CaseViewModel);
-    expect(getForm(state)).toBeInstanceOf(FormModel);
-  });
-
-  it("can return a model by href", () => {
-    expect(modelByHref(state, "/")).toBeInstanceOf(ApplicationModel);
-  });
-
-  it("can return a model key by href", () => {
-    expect(keyByHref(state, "/")).toBe("application(/)(en)");
-  });
-
-  it("can retrieve activeModels", () => {
-    const activeModels = getActiveModels(state);
-    expect(activeModels).toStrictEqual([
-      expect.objectContaining({ key: "tab", label: "Books", type: "Tab" }),
-      expect.objectContaining({
-        key: "caseview",
-        label: "The safety of objects",
-        type: "CaseView",
-      }),
-    ]);
-  });
-
-  it("can retrieve a preference", () => {
-    expect(getPreference(state, "prefName")).toBe("prefValue");
-    expect(getPreference(state, "notFound")).toBeUndefined();
-  });
-
-  it("can retrieve a model by type", () => {
-    expect(getModelsByType(state, "Application")[0]).toBeInstanceOf(
-      ApplicationModel,
-    );
-  });
-});

package/esm/redux/_modularui/index.js

@@ -1,8 +0,0 @@
-export * from "./ModularUIMiddleware";
-export * from "./ModularUIReducer";
-export { default as modularui } from "./ModularUIConnector";
-export { default as withModularUI } from "./withModularUI";
-export * from "./ModularUIUtils";
-export * from "./ModularUIActions";
-export * from "./ModularUISelectors";
-//# sourceMappingURL=index.js.map

package/esm/redux/_modularui/index.js.flow

@@ -1,11 +0,0 @@
-// @flow
-export * from "./ModularUIMiddleware";
-export * from "./ModularUIReducer";
-export { default as modularui } from "./ModularUIConnector";
-export { default as withModularUI } from "./withModularUI";
-
-export * from "./ModularUIUtils";
-export * from "./ModularUIActions";
-export * from "./ModularUISelectors";
-
-export type * from "./types";

package/esm/redux/_modularui/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default","modularui","withModularUI"],"sources":["../../../src/redux/_modularui/index.js"],"sourcesContent":["// @flow\nexport * from \"./ModularUIMiddleware\";\nexport * from \"./ModularUIReducer\";\nexport { default as modularui } from \"./ModularUIConnector\";\nexport { default as withModularUI } from \"./withModularUI\";\n\nexport * from \"./ModularUIUtils\";\nexport * from \"./ModularUIActions\";\nexport * from \"./ModularUISelectors\";\n\nexport type * from \"./types\";\n"],"mappings":"AACA,cAAc,uBAAuB;AACrC,cAAc,oBAAoB;AAClC,SAASA,OAAO,IAAIC,SAAS,QAAQ,sBAAsB;AAC3D,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAE1D,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,sBAAsB","ignoreList":[]}

package/esm/redux/_modularui/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/esm/redux/_modularui/types.js.flow

@@ -1,121 +0,0 @@
-// @flow
-import type { ModularUIModel } from "../../models/types";
-import type Href from "../../models/href/Href";
-import type { FetchException } from "../../exceptions";
-import type { NoAction } from "../types";
-import typeof {
-  HTTP_METHODS,
-  MODULARUI_STATUS,
-} from "../../constants/Constants";
-import type { ComponentType } from "react";
-import type { TargetModel } from "../../modularui/types";
-import type { RequestModularUIOptions } from "../../utils/fetch/types";
-
-export type ModularUIOptions = {
-  propName?: string,
-  removeOnUnmount?: boolean,
-  ...RequestModularUIOptions,
-};
-
-export type ModelEntry = {
-  +status: string,
-  +model: ModularUIModel,
-  +lastModification: number,
-  +requestOptions?: any,
-};
-
-export type ModularUIState = {
-  [string]: ModelEntry,
-  ...
-};
-
-export type SetModelAction = {
-  type: "MODULARUI/SET",
-  payload: {
-    key: string,
-    model: ?ModularUIModel,
-  },
-};
-
-export type InitModelAction = {
-  type: "MODULARUI/INIT",
-  payload: Array<{
-    key: string,
-    model: ModularUIModel,
-  }>,
-};
-
-export type UpdateModelAction = {
-  type: "MODULARUI/UPDATE",
-  payload: ModularUIModel,
-};
-
-export type UpdateFormAction = {
-  type: "MODULARUI/UPDATE_FORM",
-  payload: ModularUIModel,
-};
-
-export type SuccessAction = (
-  model: ModularUIModel,
-) => UpdateModelAction | SetModelAction;
-
-export type ErrorAction = (
-  error: FetchException,
-) => UpdateStatusAction | RemoveModelByKeyAction | NoAction;
-
-export type ModularUIAction = {
-  type: "MODULARUI/FETCH",
-  payload: {
-    key: string,
-    origin?: string,
-    contextPath?: string,
-    href: Href,
-    method?: $Keys<HTTP_METHODS>,
-    params?: string,
-    data?: any,
-    timeout?: number,
-    headers?: {
-      [headerName: string]: string,
-      Accept?: string,
-      "Accept-Language"?: string,
-      "Content-Type"?: string,
-      "x-filename"?: string,
-      "x-filesize"?: string,
-    },
-    events?: { [eventName: string]: () => void },
-    onProgress?: ProgressEventHandler,
-    locale: string,
-    childmodels?: boolean,
-    targetModel?: TargetModel,
-    forceTargetModel?: boolean,
-    cache?: boolean,
-    isReload?: boolean,
-    withCredentials?: boolean,
-    successAction: (
-      model: ModularUIModel,
-    ) => UpdateModelAction | SetModelAction,
-    errorAction?: ErrorAction,
-  },
-};
-
-export type RemoveModelByKeyAction = {
-  type: "MODULARUI/REMOVE_KEY",
-  payload: string,
-};
-
-export type ResetModularUIAction = {
-  type: "MODULARUI/RESET",
-};
-
-export type UpdateStatusAction = {
-  type: "MODULARUI/STATUS",
-  payload: {
-    key: string,
-    status: $Keys<MODULARUI_STATUS>,
-    requestOptions: any,
-  },
-};
-
-export type ModularUIConnector = (
-  Component: ComponentType<any>,
-) => ComponentType<any>;

package/esm/redux/_modularui/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/redux/_modularui/types.js"],"sourcesContent":["// @flow\nimport type { ModularUIModel } from \"../../models/types\";\nimport type Href from \"../../models/href/Href\";\nimport type { FetchException } from \"../../exceptions\";\nimport type { NoAction } from \"../types\";\nimport typeof {\n  HTTP_METHODS,\n  MODULARUI_STATUS,\n} from \"../../constants/Constants\";\nimport type { ComponentType } from \"react\";\nimport type { TargetModel } from \"../../modularui/types\";\nimport type { RequestModularUIOptions } from \"../../utils/fetch/types\";\n\nexport type ModularUIOptions = {\n  propName?: string,\n  removeOnUnmount?: boolean,\n  ...RequestModularUIOptions,\n};\n\nexport type ModelEntry = {\n  +status: string,\n  +model: ModularUIModel,\n  +lastModification: number,\n  +requestOptions?: any,\n};\n\nexport type ModularUIState = {\n  [string]: ModelEntry,\n  ...\n};\n\nexport type SetModelAction = {\n  type: \"MODULARUI/SET\",\n  payload: {\n    key: string,\n    model: ?ModularUIModel,\n  },\n};\n\nexport type InitModelAction = {\n  type: \"MODULARUI/INIT\",\n  payload: Array<{\n    key: string,\n    model: ModularUIModel,\n  }>,\n};\n\nexport type UpdateModelAction = {\n  type: \"MODULARUI/UPDATE\",\n  payload: ModularUIModel,\n};\n\nexport type UpdateFormAction = {\n  type: \"MODULARUI/UPDATE_FORM\",\n  payload: ModularUIModel,\n};\n\nexport type SuccessAction = (\n  model: ModularUIModel,\n) => UpdateModelAction | SetModelAction;\n\nexport type ErrorAction = (\n  error: FetchException,\n) => UpdateStatusAction | RemoveModelByKeyAction | NoAction;\n\nexport type ModularUIAction = {\n  type: \"MODULARUI/FETCH\",\n  payload: {\n    key: string,\n    origin?: string,\n    contextPath?: string,\n    href: Href,\n    method?: $Keys<HTTP_METHODS>,\n    params?: string,\n    data?: any,\n    timeout?: number,\n    headers?: {\n      [headerName: string]: string,\n      Accept?: string,\n      \"Accept-Language\"?: string,\n      \"Content-Type\"?: string,\n      \"x-filename\"?: string,\n      \"x-filesize\"?: string,\n    },\n    events?: { [eventName: string]: () => void },\n    onProgress?: ProgressEventHandler,\n    locale: string,\n    childmodels?: boolean,\n    targetModel?: TargetModel,\n    forceTargetModel?: boolean,\n    cache?: boolean,\n    isReload?: boolean,\n    withCredentials?: boolean,\n    successAction: (\n      model: ModularUIModel,\n    ) => UpdateModelAction | SetModelAction,\n    errorAction?: ErrorAction,\n  },\n};\n\nexport type RemoveModelByKeyAction = {\n  type: \"MODULARUI/REMOVE_KEY\",\n  payload: string,\n};\n\nexport type ResetModularUIAction = {\n  type: \"MODULARUI/RESET\",\n};\n\nexport type UpdateStatusAction = {\n  type: \"MODULARUI/STATUS\",\n  payload: {\n    key: string,\n    status: $Keys<MODULARUI_STATUS>,\n    requestOptions: any,\n  },\n};\n\nexport type ModularUIConnector = (\n  Component: ComponentType<any>,\n) => ComponentType<any>;\n"],"mappings":"","ignoreList":[]}

package/esm/redux/_modularui/withModularUI.js

@@ -1,34 +0,0 @@
-import { connect } from "react-redux";
-import { createSelector } from "reselect";
-import ModularUIRequest from "../../modularui/ModularUIRequest";
-import { startProgress, finishProgress } from "../actions/ProgressIndicator";
-import { handleError } from "../actions/Error";
-import { getLocale } from "../selectors/i18n";
-import { reloadModel } from "./ModularUIActions";
-const modularui = createSelector([getLocale], localeCode => function (href) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const modularuiRequest = new ModularUIRequest(href, options);
-  modularuiRequest.locale = localeCode;
-  return modularuiRequest;
-});
-
-/**
- */
-const mapStateToProps = state => ({
-  modularui: modularui(state),
-  locale: state.i18n.locale
-});
-const mapDispatchToProps = {
-  startProgress,
-  finishProgress,
-  reloadModel,
-  handleError
-};
-
-/**
- * Injects the modular ui service and the progress start and finish actions
- * This can be used to request modular ui services inside react view components
- */
-const withModularui = connect(mapStateToProps, mapDispatchToProps);
-export default withModularui;
-//# sourceMappingURL=withModularUI.js.map