Inntec React utilities

yarn add inntec-react-utils

Content

- String helpers
- Data converter helpers
- Redux form helpers

Documentation & examples

$3

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

``js
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'
`

$3

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

`js
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
`

$3

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

`js
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.

`js
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 - .

`js
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
``