x25 17.7.0 → 17.7.3

package/src/Messages/Loading.tsx

@@ -1,55 +0,0 @@
-type LoadingMessagePropTypes = {
-  readonly className?: string;
-  readonly message?: string;
-  readonly sm?: boolean;
-};
-import React from "react";
-import { words } from "../utility";
-
-export const LoadingMessage = ({
-  message,
-  sm,
-  className,
-}: LoadingMessagePropTypes) => {
-  const isSmall = sm === true,
-
-    getMessage = () => {
-      if (message === "") {
-        return null;
-      }
-
-      return (
-        <div className="font-weight-bold d-inline align-middle">
-          {message}
-        </div>
-      );
-    };
-
-  if (isSmall) {
-    return (
-      <div className={`d-flex justify-content-center ${className || ""} mb-1`}>
-        <div className="align-self-center">
-          {getMessage()}
-        </div>
-        <div className="align-self-center">
-          <div className="spinner-border spinner-border-sm" role="status">
-            <span className="visually-hidden">{words.LoadingData}</span>
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className={`text-center my-4 ${className || ""}`}>
-      <div className="spinner-border text-primary" role="status">
-        <span className="sr-only">{words.LoadingData}</span>
-      </div>
-      {
-        message ? (
-          <div className="text-fancy mt-1">{message}</div>
-        ) : null
-      }
-    </div>
-  );
-};

package/src/Messages/Update.tsx

@@ -1,32 +0,0 @@
-import React from "react";
-import { words } from "../utility";
-
-export const UpdateApplicationMessage = () => (
-  <div className="container mt-5">
-    <div className="row">
-      <div className="offset-md-1 offset-xl-2 col-md-2 col-xl-1 text-info text-center">
-        <i className="fa fa-refresh fa-5x" />
-      </div>
-      <div className="col-md-8 col-xl-6">
-        <h3 className="pb-0">
-          {words.UpdateTitle}
-        </h3>
-        <div className="mt-1 small fst-italic text-muted mb-2 lh-1">
-          {`${words.UpdateDescriptionLine1 }.`}
-          <br />
-          {`${words.UpdateDescriptionLine2 }, `}
-          <span className="fw-medium">{words.UpdateDescriptionLine3}</span>
-        </div>
-        <div className="text-center">
-          <button 
-            className="btn btn-primary btn-block fw-medium mt-3"
-            onClick={()=> window.location.reload()}
-            type="button">
-            <i className="fa fa-refresh me-1" />
-            {words.UpdateButton}
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-);

package/src/Messages/index.ts

@@ -1,2 +0,0 @@
-export * from "./Error";
-export * from "./Loading";

package/src/Modal/ConfirmationModal.tsx

@@ -1,120 +0,0 @@
-
-import React, { useState } from "react";
-import { useDispatch } from "react-redux";
-import { notifyError } from "../actions";
-import { words } from "../utility";
-import ModalWindow from "./ModalWindow";
-import { ConfirmationModalProps, FooterProps } from "./types";
-
-
-type ModalFooterProps = FooterProps & {
-  readonly tryToClose: (cb? : any) => any;
-}
-
-const ModalFooter = (props : ModalFooterProps) => {
-    const
-      { message: languageMessage, label } = words,
-
-      dispatch = useDispatch(),
-      {
-        cancelButtonLabel = label.cancel,
-        confirmButtonLabel = label.remove,
-        errMessage = languageMessage.failPerform,
-
-        isResponseValid = (response: any) => ({
-          valid : response === "",
-          error : response,
-        }),
-
-        confirmButtonColor = "danger",
-
-        showError = (msg : any) => {
-          dispatch(notifyError(msg));
-        },
-      } = props,
-
-      [isPerforming, setIsPerforming] = useState(false),
-
-      endPerforming = (cb?: any) => {
-        setIsPerforming(false);
-
-        if (typeof cb === "function") {
-          cb();
-        }
-      },
-
-      handleConfirmation = () => {
-        const { request, onSuccess, tryToClose, onBeforeSuccessClosing } = props;
-
-        setIsPerforming(true);
-
-        request().
-          then((possibleResponse : any) => {
-            const
-              theResponse = possibleResponse.response ? possibleResponse.response : possibleResponse,
-              { body } = theResponse,
-              { valid, error } = isResponseValid(body);
-
-            if (typeof onBeforeSuccessClosing === "function") {
-              onBeforeSuccessClosing(body);
-            }
-
-            if (valid) {
-              tryToClose(() => {
-                if (typeof onSuccess === "function") {
-                  onSuccess(body);
-                }
-              });
-            } else {
-              endPerforming();
-              showError(error);
-            }
-          }).
-          catch((exception : any) => {
-            endPerforming();
-            showError(errMessage);
-            // eslint-disable-next-line no-console
-            console.log("exception", exception);
-          });
-      };
-
-    return (
-      <div className="modal-footer">
-        <button
-          className="btn btn-secondary me-1"
-          disabled={isPerforming}
-          onClick={props.tryToClose}
-          type="button">
-          {cancelButtonLabel}
-        </button>
-        <button
-          autoFocus={props.focusButton}
-          className={`btn ${confirmButtonColor ? `btn-${confirmButtonColor}` : ""}`}
-          disabled={isPerforming}
-          onClick={handleConfirmation}
-          type="button">
-          {
-            isPerforming ? (
-              <span>
-                <i className="fa fa-refresh fa-spin fa-fw" />
-                {` ${words.PleaseWait}`}
-              </span>
-            ) : confirmButtonLabel
-          }
-        </button>
-      </div>
-    );
-  },
-  ConfirmationModal = (props : ConfirmationModalProps) => (
-    <ModalWindow
-      doNoPassTryToCloseToBody
-      {...props}
-      Footer={ModalFooter}
-      title={props.title ? props.title : words.Confirmation}>
-      <div>
-        {props.footerProps.message}
-      </div>
-    </ModalWindow>
-  );
-
-export default ConfirmationModal;

package/src/Modal/ModalWindow.tsx

@@ -1,167 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-import { useDispatch } from "react-redux";
-import { hideModal } from "./actions";
-import { ModalWindowProps } from "./types";
-
-const ModalWindow = (props : ModalWindowProps) => {
-  const
-    delay = 150,
-    { size = "", Footer, Header } = props,
-
-    [show, setShow] = useState(false),
-    [waitingToClose, setWaitingToClose] = useState(false),
-
-    [enterTimeout, setEnterTimeout] = useState(0),
-    [exitTimeout, setExitTimeout] = useState(0),
-
-    bodyRef : any = useRef(null),
-    dialogRef : any = useRef(null),
-
-    dispatch = useDispatch(),
-
-    tryToClose = (cbTryToClose? : any) => {
-      const
-        closeModal = () => {
-          if (!props.preventDispatchHideModal) {
-            dispatch(hideModal());
-          }
-
-          if (typeof props.onClose === "function") {
-            props.onClose();
-          }
-
-          if (typeof cbTryToClose === "function") {
-            cbTryToClose();
-          }
-        };
-
-      clearTimeout(enterTimeout);
-      clearTimeout(exitTimeout);
-
-      setWaitingToClose(true);
-      setShow(false);
-
-      const theExit : any = setTimeout(() => {
-        closeModal();
-      }, delay);
-
-      setExitTimeout(theExit);
-    };
-
-  useEffect(() => {
-    const handleClickOutside = (event : MouseEvent) => {
-      const isClickOutsideButNotOnButton = (
-        bodyRef.current && bodyRef.current.contains(event.target) &&
-          !dialogRef.current.contains(event.target)
-      );
-
-      if (isClickOutsideButNotOnButton) {
-        tryToClose();
-      }
-    };
-
-    document.addEventListener("mousedown", handleClickOutside);
-
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [bodyRef]);
-
-  useEffect(() => {
-    const keyPressed = (event : KeyboardEvent) => {
-      if (event.key === "Escape" && !props.doNotCloseByEscape) {
-        tryToClose();
-      }
-    };
-
-    if (!props.doNotCloseByEscape) {
-      document.addEventListener("keydown", keyPressed, false);
-    }
-
-    return () => {
-      if (!props.doNotCloseByEscape) {
-        document.removeEventListener("keydown", keyPressed, false);
-      }
-    };
-  }, [!props.doNotCloseByEscape]);
-
-
-  useEffect(() => {
-    if (!show && !waitingToClose) {
-
-      const theEnter : any = setTimeout(() => {
-        setShow(true);
-      }, delay);
-
-      setEnterTimeout(theEnter);
-    }
-
-  }, [show, waitingToClose]);
-
-  useEffect(() => () => {
-    clearTimeout(enterTimeout);
-    clearTimeout(exitTimeout);
-  });
-
-  useEffect(() => {
-    if (props.pleaseClose) {
-      tryToClose();
-    }
-  }, [props.pleaseClose]);
-
-  return (
-    <div
-      className={`modal fade d-block ${show ? "show" : ""}`}
-      ref={bodyRef}
-      style={{
-        background: "rgb(0 0 0 / 45%)",
-      }}>
-      <div className={`modal-dialog modal-${size}`} ref={dialogRef} role="document">
-        <div className="modal-content">
-          {
-            props.customContent ? (
-              React.cloneElement(props.children, { tryToClose })
-            ) : (
-              <>
-                <div className="modal-header">
-                  {
-                    typeof Header === "undefined" ? (
-                      <h5 className="modal-title">
-                        {props.title}
-                      </h5>
-                    ) : (
-                      <Header title={props.title} {...props.headerProps} tryToClose={tryToClose} />
-                    )
-                  }
-                  <button
-                    aria-label="Close"
-                    className="btn btn-link"
-                    data-dismiss="modal"
-                    onClick={tryToClose}
-                    type="button">
-                    <i className="fa fa-times" />
-                  </button>
-                </div>
-                <div className="modal-body">
-                  {
-                    props.doNoPassTryToCloseToBody ? props.children : React.cloneElement(props.children, { tryToClose })
-                  }
-                </div>
-              </>
-            )
-          }
-          {
-            typeof Footer === "undefined" ? null : (
-              <Footer {...props.footerProps} tryToClose={tryToClose} />
-            )
-          }
-        </div>
-      </div>
-    </div>
-  );
-};
-
-
-export default ModalWindow;
-
-

package/src/Modal/Root.tsx

@@ -1,64 +0,0 @@
-import React from "react";
-import { useSelector } from "react-redux";
-import { propsAreEqualCreator } from "../utility/others";
-import getComponent from "./getComponent";
-import { selectors } from "./reducer";
-import { Modals } from "./types";
-
-type RawModalRootProps = {
-  readonly list: Modals;
-}
-
-const   
-  propsAreEqual = propsAreEqualCreator([], ["list"]),
-  RawModalRoot = ({ list } : RawModalRootProps) => {
-    if (list.size === 0) {
-      return null;
-    }
-
-    return  (
-      <>
-        {
-          list.map((current : any, index : number) => {
-            const
-              modalType = current.get("type"),
-              Component = getComponent(modalType),
-              isTheLastOne = index !== list.size - 1;
-      
-            if (typeof Component === "undefined") {
-              return (
-                <div key="no-modal">
-                  {`No MODAL component for the type [${modalType}] in Modal/components.jsx`}
-                </div>
-              );
-            }
-
-            const theProps = (
-              current?.hasIn(["props", "immutableProps"]) ? ({
-                modalProps: current.get("props"), 
-              }) : (
-                current.get("props").toJS()
-              )
-            );
-      
-            return (
-              <Component
-                doNotCloseByEscape={isTheLastOne}
-                key={index}
-                pleaseClose={current.get("pleaseClose")}
-                {...theProps}
-              />
-            );
-          })
-        }
-      </>
-    );
-  },
-  InnerModalRoot = React.memo(RawModalRoot, propsAreEqual),
-  ModalRoot = () => {
-    const list = useSelector(selectors.getModals);
-
-    return <InnerModalRoot list={list} />;
-  };
-
-export default ModalRoot;

package/src/Modal/actions.ts

@@ -1,12 +0,0 @@
-import type { Action } from "src/types";
-
-export const
-  hideModal = (): Action => ({
-    type: "HIDE_MODAL",
-  }),
-  clearModals = (): Action => ({
-    type: "CLEAR_MODALS",
-  }),
-  softHideModal = (): Action => ({
-    type: "SOFT_HIDE_MODAL",
-  });

package/src/Modal/getComponent.tsx

@@ -1,24 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-import React from "react";
-import { ErrorMessage } from "../Messages";
-import ModalWindow from "./ModalWindow";
-import { getModal } from "./util";
-
-const NothingSelected = () => (
-    <ModalWindow onClose={() => {}} title="Not registered">
-      <ErrorMessage message="Please define a modal component in Modal/components.jsx" />
-    </ModalWindow>
-  ),
-
-  /* eslint-disable complexity */
-  getComponent = (type: any): (props : any) => JSX.Element => {
-    const AutoModal = getModal(type);
-
-    if (AutoModal !== null) {
-      return AutoModal;
-    }
-
-    return NothingSelected;
-  };
-
-export default getComponent;

package/src/Modal/index.ts

@@ -1,5 +0,0 @@
-import ConfirmationModal from "./ConfirmationModal";
-import ModalWindow from "./ModalWindow";
-import { injectModals } from "./util";
-
-export { injectModals, ConfirmationModal, ModalWindow };

package/src/Modal/reducer.ts

@@ -1,52 +0,0 @@
-import * as Immutable from "immutable";
-import { getModalsState } from "../config";
-import { Modals } from "./types";
-import type { Action, State } from "src/types";
-
-const initialState = Immutable.List<Immutable.Map<string, any>>(),
-
-  showModal = (state: any, {
-    payload: {
-      modalType,
-      modalProps,
-    },
-  } : { payload : { modalType : any, modalProps : any }}) => state.push(Immutable.Map({
-    type  : modalType,
-    props : Immutable.Map(modalProps),
-  })),
-  hideModal = (state: any) => state.pop(),
-  softHideModal = (state: any) => {
-    const lastPosition = -1;
-
-    return (
-      state.update(lastPosition, (lastMap: Immutable.Map<string, any>) => (
-        lastMap.set("pleaseClose", true)
-      ))
-    );
-  },
-
-  reducer = (state: any = initialState, action: Action) => {
-    switch (action.type) {
-      case "SHOW_MODAL":
-        return showModal(state, action);
-
-      case "HIDE_MODAL":
-        return hideModal(state);
-
-      case "SOFT_HIDE_MODAL":
-        return softHideModal(state);
-
-      case "CLEAR_MODALS":
-        return state.clear();
-
-      default:
-        return state;
-    }
-  },
-
-  getModals = (state: State) => (getModalsState(state) || initialState) as Modals;
-
-export const selectors = {
-  getModals,
-};
-export default reducer;

package/src/Modal/types.ts

@@ -1,47 +0,0 @@
-import * as React from "react";
-
-export type ModalsTypes = Record<string, React.ReactNode>;
-
-export type Modals = Immutable.List<Immutable.Map<string, any>>;
-
-type CommonProps = {
-  pleaseClose?: boolean;
-  isStack?: boolean;
-  isLastOne?: boolean;
-  onClose?: () => any;
-  doNotCloseByEscape?: boolean;
-  preventDispatchHideModal?: boolean;
-  Footer?: any;
-  Header?: any;
-  footerProps?: FooterProps;
-  headerProps?: any;
-  size?: "lg" | "sm" | "xl" | "";
-}
-
-export type ModalWindowProps = CommonProps & {
-  customContent?: boolean;
-  title: string;
-  doNoPassTryToCloseToBody?: boolean;
-  children: JSX.Element;
-};
-
-export type ConfirmationModalProps = CommonProps & {
-  title?: string;
-  children?: JSX.Element;
-  footerProps: FooterProps
-}
-
-export type FooterProps = {
-  readonly confirmButtonColor?:string;
-  readonly cancelButtonLabel?: string;
-  readonly errMessage?: string;
-  readonly isResponseValid?: (response: any) => { valid: boolean; error: string; };
-  readonly confirmButtonLabel?: string;
-  readonly focusButton?: boolean;
-  readonly showError?: (message?: string) => void;
-
-  readonly message: any;
-  readonly request: () => Promise<any>;
-  readonly onSuccess?: (response: any) => void;
-  readonly onBeforeSuccessClosing?: (response: any) => void;
-}

package/src/Modal/util.ts

@@ -1,12 +0,0 @@
-import type { ModalsTypes } from "./types";
-
-let all : { [key: string]: any } = {};
-
-export const
-  injectModals = (newModals: ModalsTypes) => {
-    all = { ...all,
-    // $FlowFixMe
-      ...newModals,
-    };
-  },
-  getModal = (type: string) => all[type];