@beinformed/ui 1.65.13 → 1.65.14

package/src/hooks/useForm.js

@@ -1,156 +0,0 @@
-// @flow
-import { useDispatch } from "react-redux";
-
-import { getSetting, HTTP_METHODS } from "../constants";
-
-import type {
-  RemoveModelByKeyAction,
-  UpdateFormAction,
-} from "../redux/_modularui";
-import {
-  loadModularUI,
-  removeModelByKey,
-} from "../redux/_modularui/ModularUIActions";
-
-import {
-  addRepeatableAttributeSet,
-  cancelForm,
-  cancelRepeatableAttributeSet,
-  previousObject,
-  removeRepeatableAttributeSet,
-  showFormNotification,
-  updateFormAttribute,
-} from "../redux/actions";
-
-import Href from "../models/href/Href";
-import FormModel from "../models/form/FormModel";
-
-import { useModularUI } from "./useModularUI";
-
-import type { AttributeType, FormObjectModel, ModularUIModel } from "../models";
-import type { UpdateFormOptions } from "../redux/types";
-
-type FormNavigationHook = {
-  previous: (form: FormModel) => UpdateFormAction,
-  cancel: (form: FormModel) => void,
-  submit: (form: FormModel) => void,
-  showFormNotification: (form: FormModel) => void,
-  remove: (form: FormModel) => RemoveModelByKeyAction,
-};
-
-type AttributeSetHook = {
-  save: () => UpdateFormAction,
-  cancel: (object: FormObjectModel) => UpdateFormAction,
-  remove: (object: FormObjectModel) => UpdateFormAction,
-};
-
-type AttributeUpdateHook = (
-  attribute: AttributeType,
-  value: string,
-  options: UpdateFormOptions,
-) => void;
-
-/**
- * Load a form by href
- */
-export const useForm = (href: string | Href, data?: Object): ?FormModel => {
-  const formHref = new Href(href);
-
-  if (!getSetting("ALWAYS_COMMIT_FORM")) {
-    formHref.addParameter("commit", "false");
-  }
-
-  const form = useModularUI("form", formHref, {
-    method: HTTP_METHODS.POST,
-    targetModel: FormModel,
-    removeOnUnmount: true,
-    data,
-    origin: formHref.origin,
-    contextPath: formHref.contextPath,
-  });
-
-  if (form?.model) {
-    return form.model;
-  }
-};
-
-/**
- * Form navigation methods
- */
-export const useFormNavigation = (): FormNavigationHook => {
-  const dispatch = useDispatch();
-
-  const previous = (form: FormModel) => dispatch(previousObject(form));
-
-  const cancel = (form: FormModel) => dispatch(cancelForm(form));
-
-  const submit = (form: FormModel) =>
-    dispatch(
-      loadModularUI(form.connectKey, form.selfhref, {
-        method: HTTP_METHODS.POST,
-        data: form.formdata,
-        updateHandler: (newModel: ModularUIModel): ModularUIModel => {
-          if (newModel instanceof FormModel) {
-            const clonedModel: FormModel = form.clone();
-            clonedModel.update(newModel);
-            return clonedModel;
-          }
-          return newModel;
-        },
-        targetModel: FormModel,
-      }),
-    );
-
-  const remove = (form: FormModel) =>
-    dispatch(removeModelByKey(form.connectKey));
-
-  const showFormNotificationAction = (form: FormModel) =>
-    dispatch(showFormNotification(form));
-
-  return {
-    previous,
-    cancel,
-    submit,
-    remove,
-    showFormNotification: showFormNotificationAction,
-  };
-};
-
-/**
- * Hook that returns a function to update attributes of a form object.
- * <br >
- * The returned function accepts the following options:
- *
- * - autosubmit: Automatically submit the form after a change
- * - autosav: Automatically save the form (in the background) after a change
- * - autoupdate: Automatically update the current form object after a change
- * - forceUpdate: Force the update even if conditions are not met.
- * - validate: Activate/deactivate the form object validation by an update.
- */
-export const useAttributeUpdate = (
-  form: FormModel,
-  object: FormObjectModel,
-): AttributeUpdateHook => {
-  const dispatch = useDispatch();
-
-  return (
-    attribute: AttributeType,
-    value: string,
-    options: UpdateFormOptions,
-  ) => dispatch(updateFormAttribute(form, object, attribute, value, options));
-};
-
-/**
- * Attributeset actions
- */
-export const useAttributeSet = (form: FormModel): AttributeSetHook => {
-  const dispatch = useDispatch();
-
-  return {
-    save: () => dispatch(addRepeatableAttributeSet(form)),
-    cancel: (object: FormObjectModel) =>
-      dispatch(cancelRepeatableAttributeSet(form, object)),
-    remove: (object: FormObjectModel) =>
-      dispatch(removeRepeatableAttributeSet(form, object)),
-  };
-};

package/src/hooks/useI18n.js

@@ -1,46 +0,0 @@
-// @flow
-import { useSelector } from "react-redux";
-import { createSelector } from "reselect";
-import memoize from "lodash/memoize";
-
-import { getLocales, getLocale } from "../redux/selectors/i18n";
-
-const getMessage = createSelector(
-  [getLocales, getLocale],
-  (locales, localeCode) =>
-    memoize(
-      (id: string, defaultMessage?: string, placeholders?: Object) =>
-        locales
-          .getLocale(localeCode)
-          .getMessage(id, defaultMessage, placeholders),
-      (...args) => JSON.stringify(args),
-    ),
-);
-
-/**
- */
-const useMessage = (
-  id: string,
-  defaultMessage?: string,
-  placeholders?: Object | null,
-): any => useSelector(getMessage)(id, defaultMessage, placeholders);
-
-/**
- */
-const useTranslate = (): ((...any) => any) => useSelector(getMessage);
-
-/**
- */
-const useLocale = (): string => useSelector(getLocale);
-
-const getLocaleCodes = createSelector(
-  (state) => state.i18n.locales,
-  (locales) => locales.map((locale) => locale.code),
-);
-
-/**
- * Retrieve all available locale codes
- */
-const useLocaleCodes = (): Array<string> => useSelector(getLocaleCodes);
-
-export { useTranslate, useMessage, useLocale, useLocaleCodes };

package/src/hooks/useList.js

@@ -1,221 +0,0 @@
-// @flow
-import { useDispatch } from "react-redux";
-
-import { useModularUIBasic } from "./useModularUIBasic";
-import { HTTP_METHODS } from "../constants/Constants";
-
-import { loadModularUI } from "../redux";
-
-import { useNavigation } from "./useRouter";
-
-import DetailModel from "../models/detail/DetailModel";
-import ListModel from "../models/list/ListModel";
-import CaseSearchModel from "../models/search/CaseSearchModel";
-import ListDetailModel from "../models/list/ListDetailModel";
-import Href from "../models/href/Href";
-import FilterCollection from "../models/filters/FilterCollection";
-import AssignmentFilterModel from "../models/filters/AssignmentFilterModel";
-import FilterModel from "../models/filters/FilterModel";
-
-import type { HookOptions } from "./useModularUIBasic";
-import type { AttributeType, IFilter } from "../models/types";
-import { useCallback, useMemo } from "react";
-
-type ListNavigationHook = {
-  update: (list: ListModel, resetPage?: boolean) => void,
-  updateFilters: (list: ListModel, filters: FilterCollection) => void,
-  updateFilter: (
-    list: ListModel,
-    filter: IFilter,
-    value: string,
-    attribute?: AttributeType,
-  ) => void,
-  updateSort: (list: ListModel, sortOption: string) => void,
-  updatePage: (list: ListModel, page: number) => void,
-  updatePageSize: (list: ListModel, pagesize: number) => void,
-  resetFilters: (list: ListModel) => void,
-  removeFilter: (list: ListModel, filter: IFilter) => void,
-};
-
-type ListNavigationOptions = {
-  syncLocation?: boolean,
-  historyAction?: "push" | "replace",
-};
-
-/**
- */
-export const useList = (
-  href: string | Href,
-  options?: HookOptions,
-): ListModel | null =>
-  useModularUIBasic("list", href, {
-    expectedModels: ["List", "CaseSearch"],
-    targetModel: [ListModel, CaseSearchModel],
-    ...options,
-  });
-
-/**
- */
-export const useListOrDetail = (
-  href: string | Href,
-  options?: HookOptions,
-): ListModel | DetailModel | null =>
-  useModularUIBasic("list", href, {
-    expectedModels: ["List", "CaseSearch", "Detail"],
-    targetModel: [ListModel, CaseSearchModel, 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 = ({
-  syncLocation = true,
-  historyAction = "push",
-}: ListNavigationOptions = {}): ListNavigationHook => {
-  const { push, replace } = useNavigation();
-  const dispatch = useDispatch();
-
-  const navigate = historyAction === "push" ? push : replace;
-
-  const update = useCallback(
-    (list: ListModel, resetPage: boolean = false) => {
-      const listHref = list.selfhref;
-      if (resetPage) {
-        listHref.page = null;
-      }
-
-      if (list.requestMethod === HTTP_METHODS.POST) {
-        if (syncLocation) {
-          navigate({
-            search: listHref.getQuerystring(true),
-            state: { formdata: list.formdata },
-          });
-        }
-
-        dispatch(
-          loadModularUI(list.connectKey, listHref, {
-            method: HTTP_METHODS.POST,
-            data: list.formdata,
-            targetModel: [ListModel, CaseSearchModel],
-          }),
-        );
-      } else {
-        if (syncLocation) {
-          navigate({ search: listHref.getQuerystring(true) });
-        }
-        dispatch(
-          loadModularUI(list.connectKey, listHref, {
-            method: HTTP_METHODS.GET,
-            targetModel: [ListModel, CaseSearchModel],
-          }),
-        );
-      }
-    },
-    [dispatch, navigate, syncLocation],
-  );
-
-  const updateFilters = useCallback(
-    (list: ListModel, filters: FilterCollection | Array<IFilter>) => {
-      list.filterCollection = filters;
-      update(list, true);
-    },
-    [update],
-  );
-
-  const updateFilter = useCallback(
-    (
-      list: ListModel,
-      filter: IFilter,
-      value: string,
-      attribute?: AttributeType,
-    ) => {
-      if (attribute) {
-        filter.update(attribute, value);
-      } else if (filter instanceof AssignmentFilterModel) {
-        throw new Error(
-          "Need the attribute to update for AssigmentFilterModel",
-        );
-      } else if (filter instanceof FilterModel) {
-        filter.update(filter.attribute, value);
-      }
-      update(list, true);
-    },
-    [update],
-  );
-
-  const resetFilters = useCallback(
-    (list: ListModel) => {
-      list.filterCollection.reset();
-      update(list, true);
-    },
-    [update],
-  );
-
-  const removeFilter = useCallback(
-    (list: ListModel, filter: IFilter) => {
-      list.filterCollection.getFilterByName(filter.name)?.reset();
-      update(list, true);
-    },
-    [update],
-  );
-
-  const updateSort = useCallback(
-    (list: ListModel, sortOption: string) => {
-      list.sorting.value = sortOption;
-      update(list, true);
-    },
-    [update],
-  );
-
-  const updatePage = useCallback(
-    (list: ListModel, page: number) => {
-      list.paging.page = page;
-      update(list);
-    },
-    [update],
-  );
-
-  const updatePageSize = useCallback(
-    (list: ListModel, pagesize: number) => {
-      list.paging.pagesize.value = pagesize;
-      update(list, true);
-    },
-    [update],
-  );
-
-  return useMemo(
-    () => ({
-      update,
-      updateFilters,
-      updateFilter,
-      updateSort,
-      updatePage,
-      updatePageSize,
-      resetFilters,
-      removeFilter,
-    }),
-    [
-      removeFilter,
-      resetFilters,
-      update,
-      updateFilter,
-      updateFilters,
-      updatePage,
-      updatePageSize,
-      updateSort,
-    ],
-  );
-};

package/src/hooks/useLookup.js

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

package/src/hooks/useModal.js

@@ -1,46 +0,0 @@
-// @flow
-import { useCallback } from "react";
-import { useDispatch, useSelector } from "react-redux";
-
-import { showModal, closeModal } from "../redux/actions/Modals";
-import { IllegalArgumentException } from "../exceptions";
-
-type ModalHook = (modalId: string) => {
-  key: string | null,
-  size: string | null,
-  visible: boolean,
-  show: () => void,
-  close: () => void,
-};
-
-/**
- * Manage modals
- */
-export const useModal: ModalHook = (modalId: string) => {
-  if (!modalId) {
-    throw new IllegalArgumentException(
-      "Missing modalId argument for useModal hook",
-    );
-  }
-
-  const dispatch = useDispatch();
-  const modal = useSelector(({ modals }) =>
-    modals.modals.find((m) => m.key === modalId),
-  );
-
-  const show = useCallback(() => {
-    dispatch(showModal(modalId));
-  }, [dispatch, modalId]);
-
-  const close = useCallback(() => {
-    dispatch(closeModal(modalId));
-  }, [dispatch, modalId]);
-
-  return {
-    key: modal ? modal.key : null,
-    size: modal ? modal.size : null,
-    visible: modal ? modal.visible : false,
-    show,
-    close,
-  };
-};