Inntec React utilities

yarn add inntec-react-utils

Content

• String helpers
• Data converter helpers
• Redux form helpers

Documentation & examples

string helpers:

• cleanFormInput - strips unneeded spaces from front and back of user's input.
• makeQuery - converts object to url query.

import {string} from 'inntec-react-utils';
import {cleanFormInput, ...} from 'inntec-react-utils/lib/string'; // direct import

string.cleanFormInput('  1   2  ') // '1   2'
string.makeQuery({acces_token: '1dakjn123', value: 1}) // '?acces_token=1dakjn123&value=1'

converter helpers:

• toBool - .
• toNumber - .
• toInteger - .
• stringInputToNumber - .
• stringInputToInteger - .
• toNumbersString - .
• toStringOfLength - .

import {converter} from 'inntec-react-utils';
import {toBool, ...} from 'inntec-react-utils/lib/converter'; // direct import

converter.toBool(true) // true
converter.toBool('true') // true
converter.toBool(1) // null

reduxForm helpers:

• reduxForm.formatter - used in Field's format prop.
  • stringInput - strips unneeded front spaces.
  • numberInput - for numbers input (format 1000.13).
  • integerInput - for integer input.

import {reduxForm} from 'inntec-react-utils';
import {formatter} from 'inntec-react-utils/lib/redux-form';
import {stringInput, ...} from 'inntec-react-utils/lib/redux-form/formatter'; // direct import

reduxForm.formatter.stringInput('  1   2  ') // '1   2  '
reduxForm.formatter.numberInput('-,5') // -0.5
reduxForm.formatter.numberInput('  01   2 .4 ') // 12.4
reduxForm.formatter.integerInput('  1   2  ') // 12

• reduxForm.normalizer - used in Field's normalize prop.
  • bool - normalizes input to boolean value.
  • stringOfLength - shortens string if longer than specified.
  • numbersString - converts numbers to string representation.

import {reduxForm} from 'inntec-react-utils';
import {normalizer} from 'inntec-react-utils/lib/redux-form';
import {bool, ...} from 'inntec-react-utils/lib/redux-form/normalizer'; // direct import

reduxForm.normalizer.bool(true) // true
reduxForm.normalizer.bool('true') // true
reduxForm.normalizer.stringOfLength(2)('true') // 'tr'
reduxForm.normalizer.stringOfLength(10)('true') // 'true'
reduxForm.normalizer.numbersString('true') // 'true'
reduxForm.normalizer.numbersString(13.4) // '13.4'

• reduxForm.validations - used in Field's validate prop. Functions always return true (when conditions are met) or false (value is invalid).
  • required - .
  • isTrue - .
  • isNumber - .
  • isFixedNumber - .
  • isInteger - .
  • isEmail - validates that value is email string (folows /[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}/ regexp).
  • isPositive - .
  • stringOfLength - .

import {reduxForm} from 'inntec-react-utils';
import {normalizer} from 'inntec-react-utils/lib/redux-form';
import {required, ...} from 'inntec-react-utils/lib/redux-form/normalizer'; // direct import

reduxForm.validations.required(true) // true