@beinformed/ui 1.63.2 → 2.0.0-beta.0

package/src/hooks/useAllFormsOnModel.js

@@ -1,92 +0,0 @@
-// @flow
-import { useState, useEffect } from "react";
-
-import { useModularUIRequest } from "./useModularUIRequest";
-
-import { HTTP_METHODS } from "../constants";
-
-import ListModel from "../models/list/ListModel";
-import FormModel from "../models/form/FormModel";
-
-import type DetailModel from "../models/detail/DetailModel";
-import type TabModel from "../models/tab/TabModel";
-import type ActionModel from "../models/actions/ActionModel";
-
-/**
- * Retrieve all forms configured on a model with actions
- * @param model
- * @returns Object - { actionName: FormModel }
- */
-export const useRetrieveFormsOnModel = (
-  model: ListModel | DetailModel | TabModel,
-): null | { [actionName: string]: FormModel } => {
-  const modularui = useModularUIRequest();
-  const [forms, setForms] = useState(null);
-  const [requestCount, setRequestCount] = useState(0);
-  const [responseCount, setResponseCount] = useState(0);
-
-  useEffect(() => {
-    const requests = getActions(model).map((action) => {
-      const href = action.selfhref.addParameter("commit", "false");
-
-      return modularui(href, { method: HTTP_METHODS.POST })
-        .fetch()
-        .then((form) => {
-          if (form instanceof FormModel) {
-            form.tokens = [];
-          }
-          return { [action.name]: form };
-        });
-    });
-
-    setRequestCount(requests.length);
-
-    Promise.all(requests).then((responses) => {
-      // put response array in object
-      const actionForms = Object.assign({}, ...responses);
-      setForms(actionForms);
-      setResponseCount(responses.length);
-    });
-  }, [model, modularui]);
-
-  if (responseCount === requestCount) {
-    return forms;
-  }
-
-  return null;
-};
-
-const getActions = (
-  model: ListModel | DetailModel | TabModel,
-): Array<ActionModel> => {
-  if (!model.actionCollection) {
-    return [];
-  }
-
-  const createActions = model.actionCollection
-    .getActionsByType("create")
-    .filter((action) => !action.isDisabled);
-
-  const allActions = [...createActions];
-
-  if (model instanceof ListModel) {
-    model.listItemCollection.forEach((listItem) => {
-      const updateActions = listItem.actionCollection
-        .getActionsByType("update")
-        .filter((action) => !action.isDisabled);
-
-      allActions.push(...updateActions);
-    });
-  }
-
-  const actions = [];
-  const unique = [];
-  allActions.forEach((action) => {
-    if (!unique.includes(action.name)) {
-      unique.push(action.name);
-      actions.push(action);
-    }
-  });
-
-  return actions;
-};

package/src/hooks/useAuthentication.js

@@ -1,98 +0,0 @@
-// @flow
-import { useSelector, useDispatch } from "react-redux";
-
-import { getApplication } from "../redux/_modularui/ModularUISelectors";
-import { login, logout, resetAuthErrors } from "../redux/actions";
-
-import Cache from "../utils/browser/Cache";
-import {
-  DEFAULT_AUTHENTICATION_TYPE,
-  getBasePathServer,
-  logoutPath,
-} from "../constants";
-
-import type { ResetAuthErrorsAction } from "../redux/types";
-import type { AuthenticationType } from "../models/types";
-import { IllegalStateException } from "../exceptions";
-type LoginHook = {
-  isAuthenticated: boolean,
-  authenticationTypes: Array<AuthenticationType>,
-  errorMessage: ?string,
-  resetErrors: () => ResetAuthErrorsAction,
-  login: (username: string, password: string) => void,
-  redirectLogin: (authenticationType: AuthenticationType) => void,
-};
-type LogoutHook = {
-  isAuthenticated: boolean,
-  authenticationTypes: Array<AuthenticationType>,
-  logout: () => void,
-};
-
-/**
- */
-export const useLogin = (): LoginHook => {
-  Cache.setItem("isRedirectLogin", false);
-
-  const dispatch = useDispatch();
-
-  const application = useSelector(getApplication);
-  const auth = useSelector((state) => state.auth);
-
-  const isAuthenticated = application?.isLoggedIn ?? false;
-
-  return {
-    isAuthenticated,
-    authenticationTypes: application?.authenticationTypes ?? [
-      DEFAULT_AUTHENTICATION_TYPE,
-    ],
-    errorMessage: auth.error,
-    resetErrors: () => dispatch(resetAuthErrors()),
-    login: (username: string, password: string) =>
-      dispatch(login(username, password)),
-    redirectLogin: (authenticationType: AuthenticationType) => {
-      if (Cache.getItem("isRedirectLogin")) {
-        // prevent endless loop in redirects when authentication type can't be redirected
-        throw new IllegalStateException(
-          `Could not redirect to '${
-            authenticationType.authentication
-          }' using url: '${authenticationType.redirectUri ?? ""}'`,
-        );
-      }
-
-      if (!isAuthenticated) {
-        Cache.setItem("isRedirectLogin", true);
-        window.location.assign(
-          `${getBasePathServer()}${authenticationType.redirectUri ?? ""}`,
-        );
-      }
-    },
-  };
-};
-
-/**
- */
-export const useLogout = (): LogoutHook => {
-  const dispatch = useDispatch();
-  const application = useSelector(getApplication);
-
-  const LOGOUT_PATH = logoutPath();
-  const BASE_PATH = getBasePathServer();
-
-  const isAuthenticated = application?.isLoggedIn ?? false;
-  return {
-    isAuthenticated,
-    authenticationTypes: application?.authenticationTypes ?? [
-      DEFAULT_AUTHENTICATION_TYPE,
-    ],
-    logout: () => {
-      if (Cache.getItem("isRedirectLogin")) {
-        const origin = window.location.origin;
-        const url = `${origin}${BASE_PATH}/logout?url=${origin}${BASE_PATH}${LOGOUT_PATH}`;
-        Cache.setItem("isRedirectLogin", false);
-        window.location.assign(url);
-      } else {
-        return dispatch(logout());
-      }
-    },
-  };
-};

package/src/hooks/useContent.js

@@ -1,48 +0,0 @@
-// @flow
-import { useState, useEffect } from "react";
-
-import SourceReferenceCollection from "../models/concepts/SourceReferenceCollection";
-import ModularUIRequest from "../modularui/ModularUIRequest";
-
-import { useProgressIndicator } from "../hooks/useProgressIndicator";
-import { useLocale } from "../hooks/useI18n";
-
-import type ContentModel from "../models/content/ContentModel";
-
-/**
- * Hook to retrieve multiple source references at once
- */
-export const useContentFromSourceReferences = (
-  sourceReferences: SourceReferenceCollection,
-  renderChildSections: boolean,
-): Array<ContentModel> => {
-  const [content, setContent] = useState([]);
-  const localeCode = useLocale();
-
-  const { start, finish } = useProgressIndicator();
-
-  const hrefs = sourceReferences
-    .map((sourceReference) => sourceReference.link.selfhref.href)
-    .filter((href, index, self) => self.indexOf(href) === index)
-    .map((href) => href.toString());
-
-  const allHrefs = JSON.stringify(hrefs);
-  useEffect(() => {
-    const requests = JSON.parse(allHrefs).map((href) => {
-      const modularuiRequest = new ModularUIRequest(href);
-      modularuiRequest.locale = localeCode;
-      return modularuiRequest.fetchContent(renderChildSections);
-    });
-
-    start();
-    Promise.all(requests).then((responseContent) => {
-      setContent(responseContent);
-      finish();
-    });
-
-    // start and finish don't change
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [allHrefs, localeCode, renderChildSections]);
-
-  return content;
-};

package/src/hooks/useDeepCompareEffect.js

@@ -1,34 +0,0 @@
-// @flow
-import * as React from "react";
-import { dequal as deepEqual } from "dequal/lite";
-
-type Callback = () => void | (() => void);
-type DependencyList = Array<mixed>;
-
-/**
- * As copied from https://github.com/kentcdodds/use-deep-compare-effect/
- * Need to copy this, because the dependency on dequal breaks in ie11
- */
-const useDeepCompareMemoize = (value: DependencyList) => {
-  const ref = React.useRef<DependencyList | null>(null); // NOSONAR
-  const signalRef = React.useRef<number>(0);
-
-  if (!deepEqual(value, ref.current)) {
-    ref.current = value;
-    signalRef.current += 1;
-  }
-
-  return [signalRef.current];
-};
-
-/**
- */
-export function useDeepCompareEffect(
-  callback: Callback,
-  dependencies: DependencyList,
-): void {
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  return React.useEffect(callback, useDeepCompareMemoize(dependencies));
-}
-
-export default useDeepCompareEffect;

package/src/hooks/useForm.js

@@ -1,153 +0,0 @@
-// @flow
-import { useDispatch } from "react-redux";
-
-import Href from "../models/href/Href";
-
-import { getSetting, HTTP_METHODS } from "../constants";
-
-import type {
-  RemoveModelByKeyAction,
-  UpdateFormAction,
-} from "../redux/_modularui";
-import { loadModularUI, removeModelByKey } from "../redux/_modularui";
-import { useModularUI } from "./useModularUI";
-
-import {
-  addRepeatableAttributeSet,
-  cancelForm,
-  cancelRepeatableAttributeSet,
-  previousObject,
-  removeRepeatableAttributeSet,
-  showFormNotification,
-  updateFormAttribute,
-} from "../redux/actions";
-
-import FormModel from "../models/form/FormModel";
-
-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/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,
-  };
-};