x25 3.0.0 → 17.0.0

package/src/Inputs/CaptchaBox.jsx

@@ -1,131 +0,0 @@
-// @flow
-
-type CaptchaPropTypes = {
-  +type: string;
-  +id: string;
-  +tabIndex?: string;
-  +input: any;
-  +label: string;
-  +autoFocus?: boolean;
-  +left?: string;
-  +right?: string;
-  +meta: {
-    touched: boolean;
-    error?: any;
-    submitting: boolean;
-  }
-};
-
-type InfoIconStateTypes = {
-  showTooltip: boolean;
-};
-
-
-import React from "react";
-import { Tooltip } from "reactstrap";
-import classnames from "classnames";
-
-class InfoIcon extends React.Component<{}, InfoIconStateTypes> {
-
-  state: InfoIconStateTypes;
-
-  toggle: () => void;
-
-  constructor (props) {
-    super(props);
-
-    this.state = {
-      showTooltip: false,
-    };
-
-    this.toggle = () => {
-      this.setState((prevState : InfoIconStateTypes) => ({
-        showTooltip: !prevState.showTooltip,
-      }));
-    };
-  }
-
-  render () {
-    return (
-      <div className="d-inline float-right">
-        <i
-          className="fa fa-info-circle fa-2x text-info pull-right"
-          id="TooltipExample"
-        />
-        <Tooltip
-          isOpen={this.state.showTooltip}
-          placement="right"
-          target="TooltipExample"
-          toggle={this.toggle}>
-          {`Scopul acestei verificări este de a deosebi o personă de un robot.
-          De obicei, acest cod apare atunci cand se fololește excesiv
-          o functionalitate din aplicație`}
-        </Tooltip>
-      </div>
-    );
-  }
-}
-
-export const CaptchaBox = (props : CaptchaPropTypes) => {
-  const {
-    autoFocus,
-    id,
-    input,
-    tabIndex,
-    label,
-    left,
-    right,
-    meta: { touched, error, submitting },
-    type,
-  } = props;
-
-  if (typeof id === "undefined" || id === "") {
-    return null;
-  }
-
-  return (
-    <div className="form-group row">
-      <label
-        className={`${left ? left : "col-md-4 text-md-right"} form-control-label`}
-        htmlFor={input.name}>
-        {"Verificare "}
-        <InfoIcon />
-      </label>
-      <div className={right ? right : "col-md-8"}>
-        <div className="custom-class">
-          <span className="custom-control-description text-muted">
-            {"Tastează numere din imaginea de mai jos"}
-          </span>
-          <div className="text-center my-1">
-            <img
-              alt="CaptchaBox"
-              src={`/captcha/${id}.png`}
-            />
-          </div>
-        </div>
-        <input
-          {...input}
-          aria-label={label}
-          autoFocus={autoFocus}
-          className={classnames("form-control", {
-            "is-invalid": touched && error,
-          })}
-          disabled={submitting}
-          id={input.name}
-          placeholder="Tastează numerele"
-          tabIndex={tabIndex}
-          type={type}
-        />
-        <div className="invalid-feedback">
-          {
-            touched && error ? (
-              <span>
-                {error}
-              </span>
-            ) : null
-          }
-        </div>
-      </div>
-    </div>
-  );
-};

package/src/Inputs/DateInput.jsx

@@ -1,188 +0,0 @@
-// @flow
-/* eslint-disable */
-
-type DateInputPropTypes = {
-  +customClass?: any;
-  +input: any;
-  +meta: {
-    error?: string;
-    submitting: boolean;
-    touched: boolean;
-  };
-  +placeholder?: string;
-  +value?: string;
-  +tabIndex?: string;
-  +currency?: boolean;
-
-  +formatValue: (raw: string) => string;
-  +normalizeValue: (raw: string) => any;
-  +onBlur?: () => void;
-  +onChange?: (event : any) => void;
-  +onRegisterRef?: (callback : (node : any) => void) => void;
-};
-
-type DateInputStateTypes = {
-  value: string,
-};
-
-import React from "react";
-import classnames from "classnames";
-
-import {
-  formatDate,
-  isValidDate,
-  normalizeDate,
-} from "../utility";
-
-const normalizeRawDate = (raw : string) : string => {
-
-  /* eslint-disable no-magic-numbers */
-
-  if (isValidDate(raw)) {
-    return normalizeDate(raw);
-  }
-
-  return raw;
-};
-
-const formatRawDate = (raw : string) : string => {
-
-  /* eslint-disable no-magic-numbers */
-
-
-  if (typeof raw !== "undefined") {
-    return formatDate(raw);
-  }
-
-  return "";
-};
-
-export class DateInput extends React.Component<DateInputPropTypes, DateInputStateTypes> {
-
-  static defaultProps = {
-    formatValue    : formatRawDate,
-    normalizeValue : normalizeRawDate,
-  }
-
-  props: DateInputPropTypes;
-
-  state: DateInputStateTypes;
-
-  handleBlur: () => void;
-  handleKeyDown: (event : any) => void;
-  handleChange: () => void;
-
-  constructor (props : DateInputPropTypes) {
-    super();
-
-    this.state = {
-      value: formatRawDate(props.input.value),
-    };
-
-    this.handleKeyDown = (event : any) => {
-      if (event.key === "Enter") {
-        this.handleBlur();
-      }
-    };
-
-    this.handleBlur = () => {
-      const { onBlur } = this.props.input;
-
-      const { input, normalizeValue } = this.props;
-
-      const { value: currentValue } = this.state;
-
-      const normalizedValue = normalizeValue(currentValue),
-        shouldRenderAgain = (
-          (normalizedValue !== "") &&
-        (currentValue !== normalizedValue)
-        );
-
-      input.onChange(normalizedValue);
-
-      /*
-       * Swallow the event to prevent Redux Form from
-       * extracting the form value
-       */
-      onBlur();
-
-      if (shouldRenderAgain) {
-        this.setState({
-          value: formatDate(normalizedValue),
-        });
-      }
-    };
-
-    this.handleChange = ({ target : { value } } : any) => {
-      this.props.input.onChange();
-
-      /*
-       * Update the internal state to trigger a re-render
-       * using the formatted value
-       */
-      this.setState({ value });
-    };
-  }
-
-  UNSAFE_componentWillReceiveProps (nextProps : DateInputPropTypes) {
-    const {
-      input: {
-        value: newValue,
-      },
-    } = nextProps;
-
-    const { value: currentValue } = this.state;
-
-    const shouldRenderAgain = (
-      isValidDate(newValue) &&
-      (currentValue !== newValue)
-    );
-
-    if (newValue === "") {
-      this.setState({
-        value: "",
-      });
-    }
-
-    if (shouldRenderAgain) {
-      this.setState({
-        value: formatDate(newValue),
-      });
-    }
-  }
-
-  render () {
-    const {
-      customClass,
-      input,
-      onRegisterRef,
-      meta: {
-        submitting,
-        touched,
-        error,
-      },
-      tabIndex,
-      formatValue,
-      placeholder,
-    } = this.props;
-
-    return (
-      <input
-        {...input}
-        className={classnames(`form-control ${(customClass || "")}`, {
-          "is-invalid": touched && error,
-        })}
-        disabled={submitting}
-        id={input.name}
-        onBlur={this.handleBlur}
-        onChange={this.handleChange}
-        onKeyDown={this.handleKeyDown}
-        placeholder={placeholder || "ZZ.LL.ANUL"}
-        ref={onRegisterRef}
-        tabIndex={tabIndex}
-        type="text"
-        value={formatValue(this.state.value)}
-      />
-    );
-  }
-}

package/src/Inputs/DateTemplate.jsx

@@ -1,213 +0,0 @@
-// @flow
-/* eslint-disable */
-
-type DateTemplatePropTypes = {
-  +customClass?: any;
-  +input: any;
-  +label?: string;
-  +meta: {
-    error?: string;
-    submitting: boolean;
-    touched: boolean;
-  };
-  +left?: string;
-  +right?: string;
-  +placeholder?: string;
-  +value?: string;
-  +tabIndex?: string;
-  +currency?: boolean;
-
-  +formatValue: (raw: string) => string;
-  +normalizeValue: (raw: string) => any;
-  +onBlur?: () => void;
-  +onChange?: (event : any) => void;
-  +onRegisterRef?: (callback : (node : any) => void) => void;
-};
-
-type DateTemplateStateTypes = {
-  value: string,
-};
-
-import React from "react";
-import classnames from "classnames";
-
-import {
-  formatDate,
-  isValidDate,
-  normalizeDate,
-} from "../utility";
-
-const normalizeRawDate = (raw : string) : string => {
-
-  /* eslint-disable no-magic-numbers */
-
-  if (isValidDate(raw)) {
-    return normalizeDate(raw);
-  }
-
-  return raw;
-};
-
-const formatRawDate = (raw : string) : string => {
-
-  /* eslint-disable no-magic-numbers */
-
-
-  if (typeof raw !== "undefined") {
-    return formatDate(raw);
-  }
-
-  return "";
-};
-
-export class DateTemplate extends React.Component<DateTemplatePropTypes, DateTemplateStateTypes> {
-
-  static defaultProps = {
-    formatValue    : formatRawDate,
-    normalizeValue : normalizeRawDate,
-  }
-
-  props: DateTemplatePropTypes;
-
-  state: DateTemplateStateTypes;
-
-  handleBlur: () => void;
-  handleKeyDown: (event : any) => void;
-  handleChange: () => void;
-
-  constructor (props : DateTemplatePropTypes) {
-    super();
-
-    this.state = {
-      value: formatRawDate(props.input.value),
-    };
-
-    this.handleKeyDown = (event : any) => {
-      if (event.key === "Enter") {
-        this.handleBlur();
-      }
-    };
-
-    this.handleBlur = () => {
-      const { onBlur } = this.props.input;
-
-      const { input, normalizeValue } = this.props;
-
-      const { value: currentValue } = this.state;
-
-      const normalizedValue = normalizeValue(currentValue),
-        shouldRenderAgain = (
-          (normalizedValue !== "") &&
-        (currentValue !== normalizedValue)
-        );
-
-      input.onChange(normalizedValue);
-
-      /*
-       * Swallow the event to prevent Redux Form from
-       * extracting the form value
-       */
-      onBlur();
-
-      if (shouldRenderAgain) {
-        this.setState({
-          value: formatDate(normalizedValue),
-        });
-      }
-    };
-
-    this.handleChange = ({ target : { value } } : any) => {
-      this.props.input.onChange();
-
-      /*
-       * Update the internal state to trigger a re-render
-       * using the formatted value
-       */
-      this.setState({ value });
-    };
-  }
-
-  UNSAFE_componentWillReceiveProps (nextProps : DateTemplatePropTypes) {
-    const {
-      input: {
-        value: newValue,
-      },
-    } = nextProps;
-
-    const { value: currentValue } = this.state;
-
-    const shouldRenderAgain = (
-      isValidDate(newValue) &&
-      (currentValue !== newValue)
-    );
-
-    if (newValue === "") {
-      this.setState({
-        value: "",
-      });
-    }
-
-    if (shouldRenderAgain) {
-      this.setState({
-        value: formatDate(newValue),
-      });
-    }
-  }
-
-  render () {
-    const {
-      customClass,
-      input,
-      label,
-      onRegisterRef,
-      meta: {
-        submitting,
-        touched,
-        error,
-      },
-      left,
-      right,
-      tabIndex,
-      formatValue,
-      placeholder,
-    } = this.props;
-
-    return (
-      <div className={classnames("form-group row", { "is-invalid": touched && error })}>
-        <label
-          className={`${left ? left : "col-md-4 text-md-right"} form-control-label`}
-          htmlFor={input.name}>
-          {label}
-        </label>
-        <div className={right ? right : "col-md-8"}>
-          <input
-            {...input}
-            aria-label={label}
-            className={classnames(`form-control ${(customClass || "")}`, {
-              "is-invalid": touched && error,
-            })}
-            disabled={submitting}
-            id={input.name}
-            onBlur={this.handleBlur}
-            onChange={this.handleChange}
-            onKeyDown={this.handleKeyDown}
-            placeholder={placeholder || "ZZ.LL.ANUL"}
-            ref={onRegisterRef}
-            tabIndex={tabIndex}
-            type="text"
-            value={formatValue(this.state.value)}
-          />
-          <div className="invalid-feedback">
-            {
-              touched && error && (
-                <span>
-                  {error}
-                </span>
-              )
-            }
-          </div>
-        </div>
-      </div>
-    );
-  }
-}

package/src/Inputs/DelayInputChange.jsx

@@ -1,130 +0,0 @@
-// @flow
-/* eslint-disable */
-
-import React from "react";
-
-type TypeInputPropTypes = {
-  +change : (event : any) => void;
-  +value: any;
-  +tabIndex?: string;
-  +delay?: number;
-};
-
-type TypeInputStateTypes = {
-  value: string;
-  isWaiting: bool;
-};
-
-const delay = 700;
-
-import { LoadingMessage } from "../Messages";
-
-export class DelayInputChange extends React.Component<TypeInputPropTypes, TypeInputStateTypes> {
-  props: TypeInputPropTypes;
-  state: TypeInputStateTypes;
-
-  timeout: any;
-
-  delayChange: (event : any) => void;
-  handleKeyPressed: (event : any) => void;
-  stopWaiting: (value : string) => void;
-
-  constructor (props : TypeInputPropTypes) {
-    super(props);
-
-    this.timeout = null;
-
-    this.state = {
-      isWaiting : false,
-      value     : this.props.value,
-    };
-
-    this.handleKeyPressed = (event : any) => {
-      if (event.key === "Enter") {
-        this.stopWaiting(this.state.value);
-      }
-    };
-
-    this.stopWaiting = (value :string) => {
-      clearTimeout(this.timeout);
-
-      this.setState({
-        isWaiting: false,
-        value,
-      }, () => {
-        this.props.change({
-          target: {
-            value,
-          },
-        });
-      });
-    };
-
-    this.delayChange = ({ target : { value } }) => {
-      clearTimeout(this.timeout);
-
-      if (value === "") {
-        this.stopWaiting(value);
-      } else {
-        const that = this;
-
-        that.setState({
-          isWaiting: true,
-          value,
-        }, () => {
-
-          that.timeout = setTimeout(() => {
-            that.setState({
-              isWaiting: false,
-            });
-            that.props.change({
-              target: {
-                value,
-              },
-            });
-          }, this.props.delay || delay);
-        });
-      }
-    };
-  }
-
-  UNSAFE_componentWillReceiveProps (nextProps : TypeInputPropTypes) {
-    if (this.props.value !== nextProps.value) {
-      this.setState({
-        value: nextProps.value,
-      });
-    }
-  }
-
-  shouldComponentUpdate (nextProps : TypeInputPropTypes, nextState :TypeInputStateTypes) {
-    return (
-      this.props.value !== nextProps.value ||
-      this.state.value !== nextState.value ||
-      this.state.isWaiting !== nextState.isWaiting
-    );
-  }
-
-  render () {
-    const { value, isWaiting } = this.state;
-
-    const { tabIndex } = this.props;
-
-    return (
-      <div className="delay-input">
-        <input
-          {...this.props}
-          change=""
-          onChange={this.delayChange}
-          onKeyPress={this.handleKeyPressed}
-          tabIndex={tabIndex}
-          value={value}
-        />
-        {
-          isWaiting ? (
-            <LoadingMessage className="loading-spinner d-inline-block" sm />
-          ) : null
-        }
-      </div>
-    );
-  }
-}

package/src/Inputs/FocusTemplate.jsx

@@ -1,41 +0,0 @@
-// @flow
-/* eslint-disable react/prefer-stateless-function, react/require-optimization */
-
-type FocusTemplatePropTypes = {
-  +autoFocus?: boolean;
-  +input: any;
-  +label: string;
-  +placeholder: string;
-  +type: string;
-  +meta: {
-    submitting: boolean;
-    touched: boolean;
-    error?: any;
-  };
-
-  +onRegisterRef: (callback : (node : any) => void) => void;
-};
-
-import React from "react";
-
-import { InputTemplate } from "./InputTemplate";
-
-export class FocusTemplate extends React.Component<FocusTemplatePropTypes> {
-  props: FocusTemplatePropTypes;
-
-  shouldComponentUpdate (nextProps: FocusTemplatePropTypes) {
-    return (
-      this.props.input !== nextProps.input ||
-       this.props.label !== nextProps.label ||
-       this.props.meta.submitting !== nextProps.meta.submitting ||
-       this.props.meta.touched !== nextProps.meta.touched ||
-       this.props.meta.error !== nextProps.meta.error
-    );
-  }
-
-  render () {
-    return (
-      <InputTemplate {...this.props} />
-    );
-  }
-}