x25 17.7.0 → 17.7.2

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}
-    />
-  );
-};
-

package/src/Inputs/DateTemplate.tsx

@@ -1,147 +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 label:string;
-  readonly left?: string;
-  readonly meta: MetaProps;
-  readonly placeholder?: string;
-  readonly right?: 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 OldDateTemplate = (props : DateInputPropTypes) => {
-  const
-
-    { customClass, input = {}, onRegisterRef, tabIndex, placeholder,
-      meta = {} as MetaProps, right, left, label } = 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 (
-    <div
-      className={classnames("form-group mt-md-2 row d-flex", { "is-invalid": meta.touched && meta.error })}>
-      <label
-        className={`${left ? `${left} align-self-center` : "col-md-4 text-md-end"} form-control-label`}
-        htmlFor={input.name}>
-        {label}
-      </label>
-      <div className={right ? `${right} align-self-center` : "col-md-8"}>
-        <input
-          {...input}
-          aria-label={label}
-          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}
-        />
-        <div
-          className="invalid-feedback">
-          {meta.touched && meta.error ? (
-            <span>
-              {meta.error}
-            </span>
-          ) : null}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-