0.0.2 • Published 7 years ago
inntec-react-utils v0.0.2
Inntec React utilities
yarn add inntec-react-utils
Content
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'sformat
prop.stringInput
- strips unneeded front spaces.numberInput
- for numbers input (format1000.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'snormalize
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'svalidate
prop. Functions always returntrue
(when conditions are met) orfalse
(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