x25 3.0.0 → 17.0.0

package/src/Inputs/InputTemplate.jsx

@@ -1,79 +0,0 @@
-// @flow
-
-type InputTemplatePropTypes = {
-  +autoFocus?: boolean;
-  +input: any;
-  +label: string;
-  +placeholder: string;
-  +type: string;
-  +divClass?: string;
-  +inputClass?:string;
-  +meta: {
-    touched: boolean;
-    error?: any;
-    submitting: boolean;
-  };
-  +tabIndex?: string;
-  +left?: string;
-  +right?: string;
-
-  +onRegisterRef?: (callback : (node : any) => void) => void;
-};
-
-import React from "react";
-import classnames from "classnames";
-
-export const InputTemplate = ({
-  input,
-  type,
-  label,
-  onRegisterRef,
-  autoFocus,
-  inputClass,
-  divClass,
-  placeholder,
-  left,
-  tabIndex,
-  right,
-  meta: { submitting, touched, error },
-} : InputTemplatePropTypes) => {
-  const
-    warningClass = `${touched && error ? " is-invalid" : ""}`,
-    customClass = `${inputClass ? ` ${inputClass}` : ""}`,
-    classForInput = `form-control ${warningClass}${customClass}`,
-    classForDiv = `form-group row ${divClass ? divClass : ""}`;
-
-  return (
-    <div className={classnames(classForDiv, { "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}
-          autoComplete={input.name}
-          autoFocus={autoFocus}
-          className={classForInput}
-          disabled={submitting}
-          id={input.name}
-          placeholder={placeholder}
-          ref={onRegisterRef ? onRegisterRef : null}
-          tabIndex={tabIndex}
-          type={type}
-        />
-        <div className="invalid-feedback">
-          {
-            touched && error && (
-              <span>
-                {error}
-              </span>
-            )
-          }
-        </div>
-      </div>
-    </div>
-  );
-};

package/src/Inputs/LabelTemplate.jsx

@@ -1,47 +0,0 @@
-// @flow
-
-type LabelTemplatePropTypes = {
-  +input: any;
-  +label: string;
-  +tabIndex?: string;
-  +offset?: string;
-  +meta: {
-    submitting : boolean;
-    touched: boolean;
-    error?: any;
-  };
-};
-
-import React from "react";
-
-export const LabelTemplate = (
-  { input, tabIndex, label, offset, meta: { submitting, touched, error } }: LabelTemplatePropTypes,
-) => (
-  <div className="container">
-    <div className="form-group row mb-1">
-      <div className={`${offset || ""} col custom-control custom-checkbox`}>
-        <input
-          {...input}
-          aria-label={label}
-          className="custom-control-input"
-          disabled={submitting}
-          id={input.name}
-          tabIndex={tabIndex}
-          type="checkbox"
-        />
-        <label className="custom-control-label" htmlFor={input.name}>
-          {label}
-        </label>
-        <div className="invalid-feedback">
-          {
-            touched && error && (
-              <span>
-                {error}
-              </span>
-            )
-          }
-        </div>
-      </div>
-    </div>
-  </div>
-);

package/src/Inputs/NumericInput.jsx

@@ -1,142 +0,0 @@
-/* eslint-disable */
-// @flow
-
-type NumericPropTypes = {
-  +currency?: boolean;
-  +optional?: boolean;
-  +size?: number;
-  +customClass?: any;
-
-  +input: any;
-  +label?: string;
-  +meta: {
-    error?: string;
-    submitting: boolean;
-    touched: boolean;
-  };
-  +tabIndex?: string;
-  +placeholder?: string;
-  +value?: string;
-
-  +formatValue: (raw: any, optional?: bool) => string;
-  +normalizeValue: (raw: any) => any;
-  +onBlur?: () => void;
-  +onChange?: (event : any) => void;
-  +onRegisterRef?: any;
-};
-
-type NumericStateTypes = {
-  value: any
-};
-
-import React from "react";
-import classnames from "classnames";
-
-import { formatZeroValue, normalizeFloat, handleBlur, cwrp } from "../utility";
-
-export class NumericInput extends React.Component<NumericPropTypes, NumericStateTypes> {
-
-  static defaultProps = {
-    formatValue    : formatZeroValue,
-    normalizeValue : normalizeFloat,
-  }
-
-  props: NumericPropTypes;
-
-  state: NumericStateTypes;
-
-  handleBlur: () => any;
-  handleKeyDown: (event : any) => void;
-  handleChange: () => void;
-
-  constructor (props : NumericPropTypes) {
-    super();
-
-    this.state = {
-      value: props.input.value,
-    };
-
-    this.handleKeyDown = (event : any) => {
-      if (event.key === "Enter") {
-        this.handleBlur();
-      }
-    };
-
-    this.handleBlur = () => {
-      handleBlur(this);
-    };
-
-    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 : NumericPropTypes) {
-    cwrp(this, nextProps);
-  }
-
-  render () {
-    const {
-      customClass,
-      input,
-      label,
-      currency,
-      tabIndex,
-      onRegisterRef,
-      meta: {
-        submitting,
-        touched,
-        error,
-      },
-      formatValue,
-      size,
-      placeholder,
-    } = this.props;
-
-    const inputComponent = (
-      <input
-        aria-label={label}
-        className={classnames(`form-control ${(customClass || "")}`, {
-          "is-invalid": touched && error,
-        })}
-        disabled={submitting}
-        id={input.name}
-        maxLength={size}
-        onBlur={this.handleBlur}
-        onChange={this.handleChange}
-        onFocus={input.onFocus}
-        onKeyDown={this.handleKeyDown}
-        placeholder={placeholder || label}
-        ref={onRegisterRef}
-        tabIndex={tabIndex}
-        type="text"
-        value={formatValue(this.state.value, this.props.optional)}
-      />
-    );
-
-    if (typeof currency === "undefined" || currency === false) {
-      return (
-        <div className="form-group-inline">
-          {inputComponent}
-        </div>
-      );
-    }
-
-    return (
-      <div className="input-group">
-        { inputComponent }
-        <div className="input-group-append">
-          <span className="input-group-text">
-            {currency}
-          </span>
-        </div>
-      </div>
-    );
-  }
-}

package/src/Inputs/NumericTemplate.jsx

@@ -1,155 +0,0 @@
-/* eslint-disable */
-// @flow
-
-type NumericPropTypes = {
-  +optional?: boolean;
-  +size?: number;
-  +customClass?: any;
-  +divClass?: any;
-
-  +input: any;
-  +label?: string;
-  +meta: {
-    error?: string;
-    submitting: boolean;
-    touched: boolean;
-  };
-  +placeholder?: string;
-  +value?: string;
-  +autoFocus?: boolean;
-  +type: string;
-  +inputClass?:string;
-  +left?: string;
-  +tabIndex? : string;
-  +right?: string;
-
-  +formatValue: (raw: any, optional?: bool) => string;
-  +normalizeValue: (raw: string | null) => any;
-  +onBlur?: () => void;
-  +onChange?: (event : any) => void;
-  +onRegisterRef?: any;
-};
-
-type NumericStateTypes = {
-  value: any;
-};
-
-import React from "react";
-import classnames from "classnames";
-
-import { formatZeroValue, handleBlur, normalizeFloat, cwrp } from "../utility";
-
-export class NumericTemplate extends React.Component<NumericPropTypes, NumericStateTypes> {
-
-    static defaultProps = {
-      formatValue    : formatZeroValue,
-      normalizeValue : normalizeFloat,
-    }
-
-  props: NumericPropTypes;
-
-  state: NumericStateTypes;
-
-  handleBlur: () => void;
-  handleKeyDown: (event : any) => void;
-  handleChange: () => void;
-
-  constructor (props : NumericPropTypes) {
-    super();
-
-    this.state = {
-      value: props.input.value,
-    };
-
-    this.handleKeyDown = (event : any) => {
-      if (event.key === "Enter") {
-        this.handleBlur();
-      }
-    };
-
-    this.handleBlur = () => {
-      handleBlur(this);
-    };
-
-    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 : NumericPropTypes) {
-    cwrp(this, nextProps);
-  }
-
-  render () {
-    const {
-      input,
-      label,
-      onRegisterRef,
-      meta: {
-        submitting,
-        touched,
-        error,
-      },
-      formatValue,
-      type,
-      autoFocus,
-      inputClass,
-      placeholder,
-      left,
-      size,
-      right,
-      tabIndex,
-      divClass,
-    } = this.props;
-
-    const
-      warningClass = `${touched && error ? " is-invalid" : ""}`,
-      customClass = `${inputClass ? ` ${inputClass}` : ""}`,
-      classForInput = `form-control ${warningClass}${customClass}`,
-      classForDiv = `form-group row ${divClass ? divClass : ""}`;
-
-    return (
-      <div className={classnames(classForDiv, { "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
-            aria-label={label}
-            autoFocus={autoFocus}
-            className={classForInput}
-            disabled={submitting}
-            id={input.name}
-            maxLength={size}
-            onBlur={this.handleBlur}
-            onChange={this.handleChange}
-            onFocus={input.onFocus}
-            onKeyDown={this.handleKeyDown}
-            placeholder={placeholder}
-            ref={onRegisterRef}
-            tabIndex={tabIndex}
-            type={type}
-            value={formatValue(this.state.value, this.props.optional)}
-          />
-          <div className="invalid-feedback">
-            {
-              touched && error && (
-                <span>
-                  {error}
-                </span>
-              )
-            }
-          </div>
-        </div>
-      </div>
-    );
-  }
-}

package/src/Inputs/Selects/County.jsx

@@ -1,19 +0,0 @@
-// @flow;
-
-import type { State } from "src\\types";
-
-import { connect } from "react-redux";
-import { selectors } from "../../reducer";
-
-import CustomSelect from "./Custom";
-
-const
-  mapStateToProps = (state : State) => ({
-    data        : selectors.getCountiesSorted(state),
-    label       : "Județ",
-    isImmutable : true,
-    nameKey     : "Name",
-    valueKey    : "Short",
-  });
-
-export default connect(mapStateToProps)(CustomSelect);

package/src/Inputs/Selects/Custom.jsx

@@ -1,55 +0,0 @@
-// @flow
-
-type SelectMonthPropTypes = {
-  +disabled: boolean;
-  +input: any;
-  +valueKey?: string;
-  +nameKey?: string;
-  +label?: string;
-  +isImmutable?: bool;
-  +showEmptyOption?: bool;
-  +tabIndex?: string;
-  +left?: string;
-  +inputClass?: string;
-  +right?: string;
-  +id?: string;
-  +data: any;
-  +meta: {
-    touched: boolean;
-    error?: any;
-    submitting: boolean;
-  };
-};
-
-import React from "react";
-
-import Simple from "./Simple";
-
-const CustomSelect = (props : SelectMonthPropTypes) => {
-  const { input, meta: { touched, error }, left, right, label, id } = props;
-  const customID = `custom-select-${input.name}${id || ""}`;
-
-  return (
-    <div className="form-group row">
-      <label
-        className={`${left ? left : "col-md-4 text-md-right"} form-control-label`}
-        htmlFor={customID}>
-        {label}
-      </label>
-      <div className={right ? right : "col-md-8"}>
-        <Simple {...props} />
-        <div className="invalid-feedback">
-          {
-            touched && error && (
-              <span>
-                {error}
-              </span>
-            )
-          }
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default CustomSelect;

package/src/Inputs/Selects/Simple.jsx

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

package/src/Inputs/Selects/index.jsx

@@ -1,37 +0,0 @@
-// @flow
-
-import SelectCounty from "./County";
-import CustomSelect from "./Custom";
-import SimpleCustomSelect from "./Simple";
-
-import { months, years, normalizeSelectNumeric } from "../../utility";
-
-import { Field } from "redux-form/immutable";
-
-import React from "react";
-
-const SelectMonth = (props : any) => (
-  <Field
-    {...props}
-    component={props.simple ? SimpleCustomSelect : CustomSelect}
-    data={months}
-    normalize={normalizeSelectNumeric}
-  />
-);
-
-const SelectYear = (props : any) => (
-  <Field
-    {...props}
-    component={props.simple ? SimpleCustomSelect : CustomSelect}
-    data={years}
-    normalize={normalizeSelectNumeric}
-  />
-);
-
-export {
-  SelectMonth,
-  SelectYear,
-  SelectCounty,
-  CustomSelect,
-  SimpleCustomSelect,
-};

package/src/Inputs/SimpleInput.jsx

@@ -1,40 +0,0 @@
-// @flow
-
-export type SimpleInputPropTypes = {
-  +customClass?: any;
-  +input: any;
-  +tabIndex?: string;
-  +label?: string;
-  +meta: {
-    submitting: boolean;
-    touched: boolean;
-    error?: string;
-  };
-  +placeholder?: string;
-};
-
-import React from "react";
-import classnames from "classnames";
-
-export const SimpleInput = ({
-  customClass,
-  input,
-  label,
-  tabIndex,
-  meta: { submitting, touched, error },
-  placeholder,
-}: SimpleInputPropTypes) => (
-  <input
-    {...input}
-    aria-label={label}
-    autoComplete={input.name}
-    className={classnames(`form-control ${customClass || ""}`, {
-      "is-invalid": touched && error,
-    })}
-    disabled={submitting}
-    id={input.name}
-    placeholder={placeholder || label}
-    tabIndex={tabIndex}
-    type="text"
-  />
-);

package/src/Inputs/SimpleTextarea.jsx

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