x25 17.7.0 → 17.7.3

package/src/Async/RouteLoading.tsx

@@ -1,79 +0,0 @@
-type LoadingPropTypes = {
-  readonly error?: any;
-  readonly timedOut: boolean;
-  readonly pastDelay: boolean;
-  readonly retry: () => any;
-};
-import React from "react";
-import { LoadingMessage } from "../Messages/Loading";
-import { UpdateApplicationMessage } from "../Messages/Update";
-import { words } from "../utility";
-import TheError from "../utility/dev/TheError";
-import SimulatedException from "./SimulatedException";
-
-const
-  RouteLoading = ({ error : theError, retry, pastDelay, timedOut }: LoadingPropTypes) => {
-    if (theError) {
-
-      if (theError.name === "ChunkLoadError") {
-        return (
-          <UpdateApplicationMessage />
-        );
-      }
-
-      // eslint-disable-next-line no-undef
-      if (process.env.NODE_ENV === "development") {
-        return (
-          <TheError
-            error={theError}
-            refresh={retry}
-          />
-        );
-      }
-
-      throw new SimulatedException(theError);
-    } else if (timedOut) {
-      return (
-        <div>{words.ItLoadsSlower}
-          <button
-            className="btn btn-primary btn-block"
-            onClick={retry} type="button">{words.TryAgain}
-          </button>
-        </div>
-      );
-    } else if (pastDelay) {
-      // When the loader has taken longer than the delay
-      return (
-        <div className="mt-3">
-          <LoadingMessage message={words.PleaseWait} />
-        </div>
-      );
-    }
-
-    // When the loader has just started
-    return null;
-
-    // if (error) {
-    //   return (
-    //     <ErrorBoundary />
-    //   );
-    // }
-
-    // if (timedOut) {
-    //   return (
-    //     <div>{words.ItLoadsSlower}
-    //       <button className="btn btn-primary btn-block" onClick={retry} type="button">
-    //         {words.TryAgain}
-    //       </button>
-    //     </div>
-    //   );
-    // }
-
-    // return (
-    //   <div className="mt-3">
-    //     <LoadingMessage message={words.PleaseWait} />
-    //   </div>
-    //   )
-  };
-
-export default RouteLoading;

package/src/Async/SimulatedException.ts

@@ -1,15 +0,0 @@
-/* eslint-disable max-classes-per-file */
-class CustomError extends Error {
-  constructor (theError : any) {
-    super(theError);
-    this.message = theError.message;
-    this.name = theError.name;
-    this.stack = theError.stack;
-  }
-
-}
-
-
-class SimulatedException extends CustomError {}
-
-export default SimulatedException;

package/src/Async/helpers.ts

@@ -1,58 +0,0 @@
-/* eslint-disable prefer-object-has-own */
-/* eslint-disable no-undefined */
-
-import { Reducers } from "./types";
-
-export const
-  has = (obj : any, key : string) : boolean => {
-    const keyParts = key.split(".");
-
-    return Boolean(obj) && (
-      keyParts.length > 1
-        ? has(obj[key.split(".")[0]], keyParts.slice(1).join("."))
-        : Object.hasOwnProperty.call(obj, key)
-    );
-  },
-  get = (obj: any, key: string, defaultValue: any) => {
-
-
-    let theObject = obj;
-
-    const
-      theKey = typeof key === "string" && String(key).includes(".") ? key.split(".") : key,
-      getKey = (current: number) => {
-        if (typeof theObject !== "object") {
-          return undefined;
-        }
-
-        return theObject[theKey[current]];
-      };
-
-    for (let current = 0; current < theKey.length; current += 1) {
-      theObject = theObject ? getKey(current) : undefined;
-    }
-
-
-    return theObject === undefined ? defaultValue : theObject;
-  },
-  /* eslint-disable */
-  set = (obj : any, keys : any, val : any) => {
-	keys.split && (keys=keys.split('.'));
-	var i=0, l=keys.length, t=obj, x, k;
-	while (i < l) {
-		k = keys[i++];
-		if (k === '__proto__' || k === 'constructor' || k === 'prototype') break;
-		t = t[k] = (i === l) ? val : (typeof(x=t[k])===typeof(keys)) ? x : (keys[i]*0 !== 0 || !!~(''+keys[i]).indexOf('.')) ? {} : [];
-	}
-}
-
-
-export class CombineReducersError extends Error {
-  reducers: Reducers;
-
-  constructor (message : string, reducers : Reducers) {
-    super(message);
-    this.name = "CombineReducersError";
-    this.reducers = reducers;
-  }
-}

package/src/Async/index.tsx

@@ -1,72 +0,0 @@
-/* eslint-disable new-cap, react/prefer-stateless-function, react/require-optimization */
-import * as React from "react";
-import Loadable from "react-loadable";
-import InitModule from "./InitModule";
-import RouteLoading from "./RouteLoading";
-import { Loaded } from "./types";
-
-// type injectPaginatorTypes = {
-//   key: string,
-//   itemsReducer: any;
-//   pagesReducer: any;
-// };
-// import { injectReducer } from "redux-injector";
-// import { injectModals } from "../Modal/util";
-const timeout = 15000;
-
-export let ErrorBoundary = ({ children } : any) => (
-  children
-);
-
-export let AppLogo : any = null;
-
-// const injectPaginator = ({ key, itemsReducer, pagesReducer } : injectPaginatorTypes) => {
-//   injectReducer(`entities.${key}`, itemsReducer);
-//   injectReducer(`paginations.${key}`, pagesReducer);
-// };
-// const renderWithReducer = (route, props) => {
-//   const { Component, reducers, modals, paginators } = route.default;
-//
-//   if (reducers) {
-//     if (Array.isArray(reducers)) {
-//       for (const { key, func } of reducers) {
-//         injectReducer(key, func);
-//       }
-//     } else {
-//       const { key, func } = reducers;
-//
-//       injectReducer(key, func);
-//     }
-//   }
-//
-//   if (modals) {
-//     injectModals(modals);
-//   }
-//
-//   if (paginators) {
-//     if (Array.isArray(paginators)) {
-//       for (const paginator of paginators) {
-//         injectPaginator(paginator);
-//       }
-//     } else {
-//       injectPaginator(paginators);
-//     }
-//   }
-//
-//   return <Component {...props} />;
-// };
-export const
-  setErrorBoundary = (theError: any) => {
-    ErrorBoundary = theError;
-  },
-  setAppLogo = (theLogo: any) => {
-    AppLogo = theLogo;
-  },
-  createAsyncRoute = (loader : any) => Loadable({
-    loader,
-    loading : RouteLoading,
-    render  : (loaded : Loaded, props : any) => (
-      <InitModule loaded={loaded} props={props} />
-    ),
-    timeout,
-  });

package/src/Async/types.ts

@@ -1,39 +0,0 @@
-// import * as React from "react";
-import type { ModalsTypes } from "../Modal/types";
-import type { State } from "src/types";
-
-export type Reducer = (state: State, action: any) => any;
-
-// export type Reducers = {
-//   [key : string] : Reducer
-// }
-export type Reducers = any;
-
-export type ReducerOptionsType = {
-  key: string;
-  func: Reducer;
-};
-export type PaginatorType = {
-  key: string;
-  itemsReducer: Reducer;
-  pagesReducer: Reducer;
-};
-export type ReducersTypes = Array<ReducerOptionsType> | ReducerOptionsType;
-export type PaginatorsTypes = Array<PaginatorType> | PaginatorType;
-
-export type ModuleParts = {
-  module: string;
-  Component: any;
-
-  reducers?: ReducersTypes;
-  modals?: ModalsTypes;
-  paginators?: PaginatorsTypes;
-};
-
-export type Loaded = {
-  default : ModuleParts;
-}
-
-
-export type InitModule = (module: ModuleParts, moduleIsLoadedCb: () => any) => any;
-

package/src/Async/util.ts

@@ -1,110 +0,0 @@
-/* eslint-disable no-prototype-builtins */
-import { createStore, combineReducers } from "redux";
-import { injectModals as performInjectModals } from "../Modal/util";
-import { CombineReducersError, has, set } from "./helpers";
-import { InitModule, PaginatorType, Reducer, Reducers } from "./types";
-
-let
-  store : any = {
-    injectedReducers: {},
-  },
-  combine = combineReducers;
-
-const
-  combineReducersRecurse = (reducers : any) => {
-  // If this is a leaf or already combined.
-    if (typeof reducers === "function") {
-      return reducers;
-    }
-
-    // If this is an object of functions, combine reducers.
-    if (typeof reducers === "object") {
-      const combinedReducers : Reducers = {};
-
-      for (const key of Object.keys(reducers)) {
-        combinedReducers[key] = combineReducersRecurse(reducers[key]);
-      }
-      return combine(combinedReducers);
-    }
-
-    // If we get here we have an invalid item in the reducer path.
-    throw new CombineReducersError("Invalid item in reducer tree", reducers);
-  };
-
-export const
-  createInjectStore = (initialReducers: Reducers, ...args: any[]) => {
-    // If last item is an object, it is overrides.
-    if (typeof args[args.length - 1] === "object") {
-      const
-        overrides = args.pop(),
-        overridesExists = (
-          overrides.hasOwnProperty("combineReducers") &&
-          typeof overrides.combineReducers === "function"
-        );
-
-      if (overridesExists) {
-        combine = overrides.combineReducers;
-      }
-    }
-
-    store = createStore(
-      combineReducersRecurse(initialReducers),
-      ...args,
-    );
-
-    store.injectedReducers = initialReducers;
-
-    return store;
-  },
-  initModule : InitModule = ({ reducers, modals, paginators }, moduleIsLoadedCb) => {
-    const
-      injectReducer = (key : string, reducer : Reducer, force = false) => {
-        if (has(store.injectedReducers, key) || force) {
-          return;
-        }
-
-        set(store.injectedReducers, key, reducer);
-        store.replaceReducer(combineReducersRecurse(store.injectedReducers));
-      },
-      injectReducers = () => {
-        if (reducers) {
-          if (Array.isArray(reducers)) {
-            for (const { key, func } of reducers) {
-              injectReducer(key, func);
-            }
-          } else {
-            const { key, func } = reducers;
-
-            injectReducer(key, func);
-          }
-        }
-      },
-      injectModals = () => {
-        if (modals) {
-          performInjectModals(modals);
-        }
-      },
-      injectPaginators = () => {
-        const injectPaginator = ({ key, itemsReducer, pagesReducer }: PaginatorType) => {
-          injectReducer(`entities.${key}`, itemsReducer);
-          injectReducer(`paginations.${key}`, pagesReducer);
-        };
-
-        if (paginators) {
-          if (Array.isArray(paginators)) {
-            for (const paginator of paginators) {
-              injectPaginator(paginator);
-            }
-          } else {
-            injectPaginator(paginators);
-          }
-        }
-      };
-
-    injectReducers();
-    injectModals();
-    injectPaginators();
-
-    moduleIsLoadedCb();
-  };
-

package/src/Developer/JSONSyntaxFromData.tsx

@@ -1,24 +0,0 @@
-
-
-import React from "react";
-import JSONSyntaxFromText from "./JSONSyntaxFromText";
-import { InnerDataProps } from "./types";
-
-const 
-  JSONSyntaxFromDataInner = (props : InnerDataProps) => {
-
-    const
-      { data, isImmutable = false, height } = props,
-      text = React.useMemo(() => JSON.stringify((
-        isImmutable ? data.toJS() : data
-      ), null,
-      "  "), [data]);
-
-    return (
-      <JSONSyntaxFromText height={height} text={text} />
-    );
-
-  },
-  JSONSyntaxFromData = React.memo(JSONSyntaxFromDataInner);
-
-export default JSONSyntaxFromData;

package/src/Developer/JSONSyntaxFromText.tsx

@@ -1,33 +0,0 @@
-/* eslint-disable react/no-danger */
-/* eslint-disable no-magic-numbers */
-
-import React from "react";
-import { InnerTextProps } from "./types";
-import { getJSONTags } from "./util";
-
-const
-  InnerText = ({ text, height, divClass } : InnerTextProps) => {
-
-    const
-      data = React.useMemo(() => getJSONTags(text), [text]);
-
-    return (
-      <pre
-        className={`alert alert-secondary ${divClass ? divClass : ""}`} style={{
-          height: height ? height : 200,
-        }}>
-        <span
-          className="json-object"
-          dangerouslySetInnerHTML={{
-            __html: data,
-          }}
-        />
-      </pre>
-    );
-
-  },
-  JSONSyntaxFromText = React.memo(InnerText);
-
-export default JSONSyntaxFromText;
-
-

package/src/Developer/types.ts

@@ -1,14 +0,0 @@
-type CommonJSON = {
-  readonly height?: number;
-  readonly divClass? : string  
-}
-  
-export type InnerDataProps = CommonJSON & {
-  readonly data : any;
-  readonly isImmutable?: boolean;
-}
-  
-export  type InnerTextProps = CommonJSON & {
-  readonly text : string;
-}
-  

package/src/Developer/util.ts

@@ -1,41 +0,0 @@
-/* eslint-disable no-magic-numbers */
-/* eslint-disable react/no-danger */
-/* eslint-disable prefer-named-capture-group */
-
-export const 
-  getJSONTags = (json : string) => {
-    try {
-      let data = json;
-
-      if (!data || data === "") {
-        return "";
-      }
-
-      data = data.
-        replace(/&/gu, "&").
-        replace(/</gu, "&lt;").
-        replace(/>/gu, "&gt;");
-
-      return data.replace(
-        /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\\-]?\d+)?)/gu,
-        (match) => {
-          let cls = "number";
-
-          if ((/^"/u).test(match)) {
-            if ((/:$/u).test(match)) {
-              cls = "key";
-            } else {
-              cls = "string";
-            }
-          } else if ((/true|false/u).test(match)) {
-            cls = "boolean";
-          } else if ((/null/u).test(match)) {
-            cls = "null";
-          }
-          return `<span class="${cls}">${match}</span>`;
-        },
-      );
-    } catch (error) {
-      return json;
-    }
-  };

package/src/Inputs/CaptchaBox.tsx

@@ -1,78 +0,0 @@
-
-import classnames from "classnames";
-import Tooltip from "rc-tooltip";
-import React from "react";
-import { words } from "../utility";
-import { MetaProps } from "src/types";
-
-type CaptchaPropTypes = {
-  readonly id: string;
-  readonly tabIndex?: string;
-  readonly field?: any;
-  readonly label?: string;
-  readonly autoFocus?: boolean;
-  readonly left?: string;
-  readonly right?: string;
-  readonly meta?: MetaProps;
-};
-
-
-const InfoIcon = () => (
-  <div className="d-inline float-end">
-    <Tooltip
-      arrowContent={<div className="rc-tooltip-arrow-inner" />}
-      destroyTooltipOnHide
-      overlay={words.CaptchaDescription}
-      placement="top">
-      <i className="fa fa-info-circle fa-2x text-info pull-end" id="TooltipExample" />
-    </Tooltip>
-  </div>
-);
-
-export const OldCaptchaBox = (props: CaptchaPropTypes) => {
-  const { autoFocus, id, field, tabIndex, label, left, right,  meta = {} as MetaProps } = props;
-
-  if (typeof id === "undefined" || id === "") {
-    return null;
-  }
-
-  return (
-    <div className="form-group row d-flex">
-      <label
-        className={`${left ? `${left} align-self-center` : "col-md-4 text-md-end"} form-control-label align-self-center`}
-        htmlFor={field.name}>
-        {`${words.CaptchaVerify} `}
-        <InfoIcon />
-      </label>
-      <div className={right ? `${right} align-self-center` : "col-md-8 align-self-center"}>
-        <div className="custom-class">
-          <span className="custom-control-description text-muted">
-            {words.CaptchaTypeNumbers}
-          </span>
-          <div className="text-center my-1">
-            <img alt="CaptchaBox" src={`/captcha/${id}.png`} />
-          </div>
-        </div>
-        <input
-          {...field} 
-          aria-label={label} 
-          autoFocus={autoFocus} 
-          className={classnames("form-control", {
-            "is-invalid": meta?.touched && meta?.error,
-          })}
-          disabled={meta?.submitting}
-          id={field.name}
-          placeholder={words.CaptchaTypeNumbers}
-          tabIndex={tabIndex}
-        />
-        <div className="invalid-feedback">
-          {meta?.touched && meta?.error ? (
-            <span>
-              {meta?.error}
-            </span>
-          ) : null}
-        </div>
-      </div>
-    </div>
-  );
-};

package/src/Inputs/DateInput.tsx

@@ -1,124 +0,0 @@
-
-import classnames from "classnames";
-import React from "react";
-import { MetaProps } from "../types";
-import { formatDate, normalizeDate, words } from "../utility";
-import { isValidDate } from "../utility/validation";
-
-type DateInputPropTypes = {
-  readonly currency?: boolean;
-  readonly customClass?: any;
-  readonly input: any;
-  readonly meta: MetaProps;
-  readonly placeholder?: string;
-  readonly tabIndex?: string;
-  readonly value?: string;
-  readonly formatValue: (raw: string) => string;
-  readonly normalizeValue: (raw: string) => any;
-  readonly onBlur?: () => void;
-  readonly onChange?: (event: any) => void;
-  readonly onRegisterRef?: (callback: (node: any) => void) => void;
-}
-
-const
-  addZeroIfNeeded = (raw : string) => {
-    const
-      nrOfElements = 3,
-      canAddZero = (
-        (typeof raw === "string") &&
-        (raw.split(".").length === nrOfElements)
-      );
-
-    if (!canAddZero) {
-      return raw;
-    }
-
-    const
-      perform = (value : string) => (
-        value.length === 1 ? `0${value}` : value
-      ),
-      parts = raw.split("."),
-      part1 = perform(parts[0]),
-      part2 = perform(parts[1]),
-      [, , part3] = parts,
-
-      newValue = [part1, part2, part3].join(".");
-
-
-    if (isValidDate(newValue)) {
-      return newValue;
-    }
-
-    return raw;
-  },
-  normalizeRawDate = (raw: string): string => {
-    if (isValidDate(raw)) {
-      return normalizeDate(raw);
-    }
-
-    return "";
-  },
-
-  formatRawDate = (raw: string): string => {
-    if (typeof raw !== "undefined") {
-      return formatDate(raw);
-    }
-
-    return "";
-  };
-
-export const OldDateInput = (props : DateInputPropTypes) => {
-  const
-
-    { customClass, input = {}, onRegisterRef, tabIndex, placeholder,
-      meta = {} as MetaProps } = props,
-
-    [value, setValue] = React.useState(input.value),
-
-    valueToShow = formatRawDate(value),
-
-    updateValue = (targetValue : string) => {
-
-      const normalizedValue = normalizeRawDate(addZeroIfNeeded(targetValue));
-
-      setValue(targetValue);
-      input.onChange(normalizedValue);
-
-    },
-
-    handleBlur = (event : any) => {
-      const
-        { target: { value : targetValue } } = event,
-        newValue = addZeroIfNeeded(targetValue),
-        hasChanged = targetValue !== newValue;
-
-      if (hasChanged) {
-        updateValue(newValue);
-      }
-
-      input.onBlur(event);
-    },
-
-    handleChange = ({ target: { value : targetValue } }: any) => {
-      updateValue(targetValue);
-    };
-
-  return (
-    <input
-      {...input}
-      className={classnames(`form-control ${customClass || ""}`, {
-        "is-invalid": meta.touched && meta.error,
-      })}
-      disabled={meta.submitting}
-      id={input.name}
-      onBlur={handleBlur}
-      onChange={handleChange}
-      placeholder={placeholder || words.DateFormat}
-      ref={onRegisterRef}
-      tabIndex={tabIndex}
-      type="text"
-      value={valueToShow}
-    />
-  );
-};
-