x25 17.7.0 → 17.7.3

package/src/Inputs/Selects/Simple.tsx

@@ -1,63 +0,0 @@
-type SelectMonthPropTypes = {
-  readonly disabled: boolean;
-  readonly input: any;
-  readonly autoFocus?: boolean;
-  readonly valueKey?: string;
-  readonly nameKey?: string;
-  readonly isImmutable?: boolean;
-  readonly showEmptyOption?: boolean;
-  readonly tabIndex?: string;
-  readonly inputClass?: string;
-  readonly id?: string;
-  readonly data: any;
-  readonly meta: MetaProps;
-};
-import classnames from "classnames";
-import React from "react";
-import { words } from "../../utility";
-import { MetaProps } from "src/types";
-
-const OldSimpleCustomSelect = (props: SelectMonthPropTypes) => {
-  const
-    {
-      autoFocus, isImmutable, showEmptyOption, valueKey = "value", nameKey = "name",
-      data, tabIndex, input = {}, id, inputClass, disabled,
-      meta : { touched, error, submitting } = {},
-    } = props,
-    theClasses = classnames(`custom-select ${inputClass || ""}`, {
-      "is-invalid": touched && error,
-    }),
-    customID = `custom-select-${input.name}${id || ""}`;
-
-  return (
-    <select
-      {...input}
-      autoFocus={autoFocus}
-      className={theClasses}
-      disabled={submitting || disabled}
-      id={customID}
-      tabIndex={tabIndex}>
-      {showEmptyOption ? <option value="">{words.Select}</option> : null}
-      {isImmutable ? data.map((current : any) => {
-        const
-          value = current.get(valueKey),
-          name = current.get(nameKey);
-
-        return (
-          <option key={value} value={value}>
-            {name}
-          </option>
-        );
-      }) : data.map(({
-        [valueKey]: value,
-        [nameKey]: name,
-      } : any) => (
-        <option key={value} value={value}>
-          {name}
-        </option>
-      ))}
-    </select>
-  );
-};
-
-export default OldSimpleCustomSelect;

package/src/Inputs/Selects/index.tsx

@@ -1,26 +0,0 @@
-import React from "react";
-import { Field } from "react-final-form";
-import { normalize, words } from "../../";
-import OldCustomSelect from "./Custom";
-import OldSimpleCustomSelect from "./Simple";
-
-const
-  { normalizeSelectNumeric } = normalize,
-  { years, months  } = words,
-  SelectMonth = (props: any) => (
-    <Field
-      {...props}
-      component={props.simple ? OldSimpleCustomSelect : OldCustomSelect}
-      data={months} normalize={normalizeSelectNumeric}
-    />
-  ),
-  SelectYear = (props: any) => (
-    <Field
-      {...props}
-      component={props.simple ? OldSimpleCustomSelect : OldCustomSelect}
-      data={years}
-      normalize={normalizeSelectNumeric} />
-  );
-
-export { OldCustomSelect as CustomSelect, SelectMonth, SelectYear, OldSimpleCustomSelect as SimpleCustomSelect };
-

package/src/Inputs/SimpleInput.tsx

@@ -1,42 +0,0 @@
-
-import classnames from "classnames";
-import React from "react";
-import { MetaProps } from "src/types";
-
-export type SimpleInputPropTypes = {
-  readonly autoComplete?: string;
-  readonly autoFocus?: boolean;
-  readonly customClass?: any;
-  readonly disabled?: boolean;
-  readonly input: any;
-  readonly label?: string;
-  readonly meta: MetaProps;
-  readonly placeholder?: string;
-  readonly tabIndex?: string;
-  readonly theType?: "input" | "password";
-  readonly inputRef?: (callback: (node: any) => void) => void;
-};
-
-export const OldSimpleInput = (props : SimpleInputPropTypes) => {
-  const {
-    customClass, input = {}, label, autoFocus, tabIndex, placeholder, theType, inputRef,
-    autoComplete, disabled,
-    meta: { submitting, touched, error } = {},
-  } = props;
-
-  return (
-    <input
-      {...input}
-      aria-label={label}
-      autoComplete={autoComplete}
-      autoFocus={autoFocus}
-      className={classnames(`form-control ${customClass || ""}`, {
-        "is-invalid": touched && error,
-      })} disabled={submitting || disabled}
-      id={input.name}
-      placeholder={placeholder || label}
-      ref={inputRef ? inputRef : null}
-      tabIndex={tabIndex}
-      type={theType} />
-  );
-};

package/src/Inputs/SimpleTextarea.tsx

@@ -1,43 +0,0 @@
-
-import React from "react";
-import { MetaProps } from "src/types";
-
-type TextareaPropTypes = {
-  readonly autoFocus?: boolean;
-  readonly disabled?: boolean;
-  readonly input: any;
-  readonly inputClass?: string;
-  readonly label: string;
-  readonly meta: MetaProps;
-  readonly placeholder: string;
-  readonly rows?: string;
-  readonly tabIndex?: string;
-  readonly onRegisterRef?: (callback: (node: any) => void) => void;
-};
-
-export const OldSimpleTextarea = (props: TextareaPropTypes) => {
-  const
-    {
-      disabled,
-      input = {}, label, onRegisterRef, autoFocus, inputClass, placeholder, tabIndex, rows,
-      meta: { submitting, touched, error } = {},
-    } = props,
-    warningClass = `${touched && error ? " is-invalid" : ""}`,
-    customClass = `${inputClass ? ` ${inputClass}` : ""}`,
-    classForInput = `form-control ${warningClass}${customClass}`;
-
-  return (
-    <textarea
-      {...input}
-      aria-label={label}
-      autoFocus={autoFocus}
-      className={classForInput}
-      disabled={disabled || submitting}
-      id={input.name}
-      placeholder={placeholder}
-      ref={onRegisterRef ? onRegisterRef : null}
-      rows={rows}
-      tabIndex={tabIndex}
-    />
-  );
-};

package/src/Inputs/TextareaTemplate.tsx

@@ -1,49 +0,0 @@
-
-import classnames from "classnames";
-import React from "react";
-import { OldSimpleTextarea } from "./SimpleTextarea";
-import { MetaProps } from "src/types";
-
-type InputTemplatePropTypes = {
-  readonly autoFocus?: boolean;
-  readonly disabled?: boolean;
-  readonly input: any;
-  readonly inputClass?: string;
-  readonly label: string;
-  readonly left?: string;
-  readonly meta: MetaProps;
-  readonly placeholder: string;
-  readonly right?: string;
-  readonly tabIndex?: string;
-  readonly onRegisterRef?: (callback: (node: any) => void) => void;
-};
-
-export const OldTextareaTemplate = (props: InputTemplatePropTypes) => {
-  const
-    {
-      input = {}, label, left, right,
-      meta: { touched, error } = {},
-    } = props;
-
-  return (
-    <div className={classnames("form-group mt-md-2 row d-flex", {
-      "is-invalid": touched && error,
-    })}>
-      <label
-        className={`${left ? `${left} align-self-center` : "col-md-4"} text-md-end form-control-label align-self-center`}
-        htmlFor={input.name}>
-        {label}
-      </label>
-      <div className={right ? `${right} align-self-center` : "col-md-8 align-self-center"}>
-        <OldSimpleTextarea {...props} />
-        <div className="invalid-feedback">
-          {touched && error ? (
-            <span>
-              {error}
-            </span>
-          ) : null}
-        </div>
-      </div>
-    </div>
-  );
-};

package/src/Inputs/common.ts

@@ -1,44 +0,0 @@
-/* eslint-disable require-unicode-regexp */
-
-const
-  floatToLocalComma = (raw: any) => String(raw).replace(".", ",");
-
-export const
-  floatToEnglishComma = (raw: any) => String(raw).replace(",", "."),
-  isFloat = (raw: string) => {
-    const floatRegex = /^-?\d+(?:[.]\d*?)?$/;
-
-    return floatRegex.test(raw);
-  },
-  getFloatValueToStore = (raw: any) => {
-    const
-      parsedFloat = floatToEnglishComma(raw),
-      parsedValue = parseFloat(parsedFloat),
-      canGetNumericValue = isFloat(parsedFloat) && !isNaN(parsedValue);
-
-    if (canGetNumericValue) {
-      return parsedValue;
-    }
-
-    return 0;
-  },
-  clearFloatOnBlur = (value: any, precision : number) : string  => {
-    const
-      parts = floatToLocalComma(value).split(","),
-      shouldRemoveComma = parts.length === 2 && (parts[1] === "" || Number(parts[1]) === 0),
-      shouldCutToPrecision = parts.length === 2 && parts[1].length > precision;
-
-    if (shouldRemoveComma) {
-      return parts[0];
-    }
-
-    if (shouldCutToPrecision) {
-      const
-        [beforeDot] = parts,
-        afterDot = parts[1].substring(0, precision);
-
-      return `${beforeDot},${afterDot}`;
-    }
-
-    return value;
-  };

package/src/Inputs/index.ts

@@ -1,13 +0,0 @@
-export * from "./CaptchaBox";
-export * from "./DateInput";
-export * from "./DateTemplate";
-export * from "./DelayInputChange";
-export * from "./InputTemplate";
-export * from "./LabelTemplate";
-export * from "./NumericInput";
-export * from "./NumericTemplate";
-export * from "./Selects";
-export * from "./SimpleInput";
-export * from "./SimpleTextarea";
-export * from "./TextareaTemplate";
-

package/src/Loader/LoaderRender.tsx

@@ -1,88 +0,0 @@
-import React from "react";
-
-type PropTypes = {
-  readonly silent?: boolean;
-  readonly sm?: boolean;
-  readonly centerLoading?: boolean;
-  readonly keepShowingDataIfHasBeenFetched?: boolean;
-  readonly token: string;
-  readonly children: any;
-};
-
-import { createAsyncThunk } from "@reduxjs/toolkit";
-import { useDispatch, useSelector } from "react-redux";
-import superagent from "superagent";
-import { ErrorMessage, LargeErrorMessage, LoadingMessage } from "../Messages";
-import CenterLoading from "../Messages/CenterLoading";
-import { words } from "../utility";
-
-export type CreateGenericOptions = {
-  url: string | ((token: string) => any);
-  key: string;
-  normalizeResult: (response : any, token : string) => any;
-}
-
-export type LoadGenericDataOptions = CreateGenericOptions & {
-  selectors: any;
-}
-
-const
-  createLoadGenericData = ({ key, url, selectors, normalizeResult }: LoadGenericDataOptions) => {
-    const
-      createAction = createAsyncThunk(key, async (token : string) => {
-        const
-          response = await (
-            superagent.
-              get(typeof url === "string" ? url : url(token)).
-              type("json")
-          );
-
-        return normalizeResult(response, token);
-      },
-      ) as any,
-      LoaderRender = (props: PropTypes) => {
-        const
-          { children, token } = props,
-          shouldFetch = useSelector((state : any) => selectors.shouldFetch(state, token)),
-          isFetching = useSelector((state : any) => selectors.isFetching(state, token)),
-          hasError = useSelector((state : any) => selectors.hasError(state, token)),
-          hasBeenFetched = useSelector((state : any) => selectors.hasBeenFetched(state, token)),
-
-          doNotShowLoading = props.silent || props.keepShowingDataIfHasBeenFetched && hasBeenFetched,
-
-          dispatch = useDispatch(),
-          performFetch = () => {
-            dispatch(createAction(token));
-          };
-
-        React.useEffect(() => {
-          if (shouldFetch) {
-            performFetch();
-          }
-        }, [shouldFetch, hasError, isFetching]);
-
-        if (!doNotShowLoading && hasError) {
-          return (
-            props.sm ? (
-              <ErrorMessage message={words.ThereWasAProblem} onRetry={performFetch} />
-            ) : (
-              <LargeErrorMessage message={words.ThereWasAProblem} onRetry={performFetch} />
-            )
-          );
-        }
-
-        if (!doNotShowLoading && (isFetching || !hasBeenFetched)) {
-          if (props.centerLoading) {
-            return <CenterLoading />;
-          }
-
-          return <LoadingMessage message={words.LoadingData} sm={props.sm} />;
-        }
-
-        return children;
-      };
-
-    return LoaderRender;
-  };
-
-export default createLoadGenericData;

package/src/Loader/index.ts

@@ -1,195 +0,0 @@
-/* eslint-disable import/no-named-as-default-member */
-/* eslint-disable max-len */
-import Immutable from "immutable";
-import { createSelector } from "reselect";
-import { noError } from "../utility";
-import createLoadGenericData, { CreateGenericOptions } from "./LoaderRender";
-
-type State = Immutable.Map<string, any>;
-
-type Options = {
-  location?: string;
-  doNotUseInLocationID?: boolean;
-}
-
-const
-  findLocation = (payload : { Data : any, location? : string, doNotUseInLocationID? : boolean }) => {
-    const { location, Data, doNotUseInLocationID } = payload,
-      getList = () => {
-        const theList = (
-          Immutable.
-            List(["data"]).
-            merge(Immutable.List(location ? String(location).split(",") : []))
-        );
-
-        if (doNotUseInLocationID) {
-          return theList;
-        }
-
-        return theList.
-          push(String(Data.get("ID")));
-      };
-
-    return getList().toJS();
-  },
-  initialStatusState = Immutable.Map({
-    errorMessage : noError,
-    fetched      : false,
-    fetching     : false,
-  }),
-  statusReducer = "status",
-  initialState = Immutable.Map({
-    [statusReducer] : Immutable.Map(),
-    data            : Immutable.Map(),
-  }),
-  pending = (state: State, { meta : { arg } } : any) => (
-    state.mergeIn([statusReducer, arg], initialStatusState.set("fetching", true))
-  ),
-  rejected = (state: State, { meta : { arg } } : any) => (
-    state.mergeDeepIn([statusReducer, arg], Immutable.Map({
-      errorMessage : "Error",
-      fetching     : false,
-    }))
-  ),
-  setItem = (state: State, { payload } : any) => (
-    state.setIn(findLocation(payload), payload.Data)
-  ),
-  deleteItemReducer = (state: State, { payload } : any) => (
-    state.deleteIn(findLocation(payload))
-  ),
-  clearToken = (state : State, { payload : { token } } : { payload : { token : string }}) => (
-    state.mergeDeepIn([statusReducer, token], initialStatusState)
-  ),
-  fulfilled = (state : State, { meta, payload } : any) => (state.
-    setIn([statusReducer, meta.arg], (Immutable.Map({
-      fetched        : true,
-      fetching       : false,
-      error          : noError,
-      hasBeenFetched : true,
-    }))).
-    mergeDeepIn(["data"], payload));
-
-export const
-  createLoader = ({ key, url, normalizeResult } : CreateGenericOptions) => {
-    const reducer = (state: State = initialState, action: any) => {
-        switch (action.type) {
-          case `${key}/pending`:
-            return pending(state, action);
-
-          case `${key}/rejected`:
-            return rejected(state, action);
-
-          case `${key}/fulfilled`:
-            return fulfilled(state, action);
-
-          case `${key}/clear-all`:
-            return initialState;
-
-          case `${key}/clear-token`:
-            return clearToken(state, action);
-
-          case `${key}/add`:
-          case `${key}/modify`:
-            return setItem(state, action);
-
-          case `${key}/delete`:
-            return deleteItemReducer(state, action);
-
-          default:
-            return state;
-        }
-      },
-      addItem = (payload: any, options? : Options) => ({
-        type    : `${key}/add`,
-        payload : {
-          ...options,
-          Data: payload,
-        },
-      }),
-      modifyItem = (payload: any, options? : Options) => ({
-        type    : `${key}/modify`,
-        payload : {
-          ...options,
-          Data: payload,
-        },
-      }),
-      deleteItem = (payload: any, options? : Options) => ({
-        type    : `${key}/delete`,
-        payload : {
-          ...options,
-          Data: payload,
-        },
-      }),
-      clearAllAction = () => ({
-        type: `${key}/clear-all`,
-      }),
-      clearTokenAction = (token: string) => ({
-        type    : `${key}/clear-token`,
-        payload : {
-          token,
-        },
-      }),
-      isFetching = (state: State, token : string) => (state.getIn([key, statusReducer, token, "fetching"]) || false) as boolean,
-      hasBeenFetched = (state: State, token : string) => (state.getIn([key, statusReducer, token, "hasBeenFetched"]) || false) as boolean,
-      getFetchedSelector = (state: State, token : string) => (state.getIn([key, statusReducer, token, "fetched"]) || false)as boolean,
-      getError = (state: State, token : string) => (
-        (state.getIn([key, statusReducer, token, "errorMessage"]) || noError) as string
-      ),
-      getData = (state: State) => (
-        (state.getIn([key, "data"]) || Immutable.Map()) as Immutable.Map<string, any>
-      ),
-      getItem = createSelector(
-        getData,
-        (state : State, id : any) => String(id),
-        (data, id) => (
-          data.get(id)
-        ),
-      ),
-      shouldFetch = createSelector(
-        isFetching,
-        getFetchedSelector,
-        getError,
-        (isFetchingValue, isFetched, error) => (
-          !isFetchingValue &&
-          !isFetched &&
-          error === noError
-        ),
-      ),
-      isFetched = createSelector(
-        getFetchedSelector,
-        getError,
-        (isFetchedState, error) => isFetchedState && error === noError,
-      ),
-      hasError = createSelector(
-        getError, (error) => error !== noError,
-      ),
-      selectors = {
-        shouldFetch,
-        getItem,
-        isFetched,
-        hasError,
-        getData,
-        hasBeenFetched,
-        getError,
-        isFetching,
-      };
-
-    return {
-      key,
-      selectors,
-      actions: {
-        clearAll   : clearAllAction,
-        clearToken : clearTokenAction,
-        addItem,
-        modifyItem,
-        deleteItem,
-      },
-      Load: createLoadGenericData({
-        url,
-        normalizeResult,
-        selectors,
-        key,
-      }),
-      reducer,
-    };
-  };

package/src/Messages/CenterLoading.tsx

@@ -1,48 +0,0 @@
-import React from "react";
-import { AppLogo } from "../Async";
-
-type CenterLoadingProp = {
-  readonly message?: string ;
-};
-
-const CenterLoading = ({ message } : CenterLoadingProp) => (
-  <div className="center-container">
-    <div className="centered-content">
-      <div className="center-loading">
-        <AppLogo hideName size={100} />
-      </div>
-      <div className="align-row">
-        <div className="special-spinner" />
-        {
-          message ? (
-            <p className="loading-text">{message}</p>
-          ) : null
-        }
-      </div>
-      <br />
-    </div>
-  </div>
-);
-
-/*
-
-// <div className="d-flex justify-content-center align-items-center h-100 w-100">
-//   <div className="text-center align-self-center">
-//     <div className="text-dark center-loading">
-//       <AppLogo hideName size={100} />
-//     </div>
-//     <div className="spinner-border text-secondary me-3 mt-5" role="status">
-//       <span className="visually-hidden">{words.LoadingData}</span>
-//     </div>
-//     {
-//       message ? (
-//         <span className="fs-2">
-//           {message}
-//         </span>
-//       ) : null
-//     }
-//   </div>
-// </div>
- */
-
-export default CenterLoading;

package/src/Messages/Error.tsx

@@ -1,77 +0,0 @@
-type ErrorMessageProps = {
-  readonly message: string;
-  readonly details?: string;
-  readonly itemNotFound?: boolean;
-  readonly onRetry?: () => void;
-};
-import React from "react";
-import { words } from "../utility";
-
-export const ErrorMessage = ({
-  message,
-  onRetry,
-}: ErrorMessageProps) => (
-  <div className="container alert alert-warning">
-    <div className="row">
-      <div className="col-2 col-sm-1">
-        <i className="fa fa-exclamation-triangle fa-2x" />
-      </div>
-      <div className="col-7 col-sm-8">
-        <h5>
-          {message}
-        </h5>
-      </div>
-      <div className="col-3 col-sm-3 text-end">
-        {typeof onRetry === "undefined" ? null : (
-          <button className="btn btn-info btn-sm" onClick={() => window.location.reload()} type="button">
-            <span className="hidden-sm-down">
-              {words.TryAgain}
-            </span>
-            <span className="visible-up d-md-none">
-              <i className="fa fa-refresh" />
-            </span>
-          </button>
-        )}
-      </div>
-    </div>
-  </div>
-);
-
-export const LargeErrorMessage = ({
-  message,
-  onRetry,
-  details,
-  itemNotFound,
-}: ErrorMessageProps) => (
-  <div className="container mt-5">
-    <div className="row">
-      <div className="offset-md-1 offset-xl-2 col-md-2 col-xl-1 text-warning text-center">
-        <i className="fa fa-exclamation-triangle fa-5x" />
-      </div>
-      <div className="col-md-8 col-xl-5">
-        <h3>
-          {message}
-        </h3>
-        <div className="mt-3 text-muted">
-          {itemNotFound ? words.ErrorNeverExisted : details || words.ErrorConnection}
-        </div>
-        <div className="text-end mt-3">
-          {typeof onRetry === "undefined" ? null : (
-            <button className="btn btn-primary btn-sm" onClick={onRetry} type="button">
-              {words.TryAgain}
-            </button>
-          )}
-        </div>
-        <div className="text-center mt-3 border-top pt-2 text-muted small">
-          {words.IfThisIsErrorPersist}
-          <button 
-            className="btn btn-link"
-            onClick={()=> window.location.reload()}
-            type="button">
-            {words.ThisPage}
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-);