# inntec-react-utils

> Common Inntec React utilities.

Latest version **0.0.2** (published 2017-06-19) · APACHE 2 license · 0 weekly downloads

## Install

```sh
npm install inntec-react-utils
pnpm add inntec-react-utils
yarn add inntec-react-utils
bun add inntec-react-utils
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2017-06-19 |
| First published | 2017-06-19 |
| Weekly downloads | 0 |
| License | APACHE 2 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | karolis_inntec |
| Keywords | inntec, react, utils, web |

## Links

- npm: https://www.npmjs.com/package/inntec-react-utils
- Repository: https://github.com/karolis-inntec/inntec-react-utils
- Homepage: https://github.com/karolis-inntec/inntec-ract-utils#readme
- Issues: https://github.com/karolis-inntec/inntec-react-utils/issues
- npm.io page: https://npm.io/package/inntec-react-utils

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.2 (latest) — 2017-06-19

## README

[![npm version](https://badge.fury.io/js/inntec-react-utils.svg)](https://badge.fury.io/js/inntec-react-utils)
[![Build Status](https://travis-ci.org/karolis-inntec/inntec-react-utils.svg?branch=master)](https://travis-ci.org/karolis-inntec/inntec-react-utils)

# Inntec React utilities

`yarn add inntec-react-utils`

## Content

- [String helpers](https://github.com/karolis-inntec/inntec-react-utils/blob/master/README.md#string-helpers)
- [Data converter helpers](https://github.com/karolis-inntec/inntec-react-utils/blob/master/README.md#converter-helpers)
- [Redux form helpers](https://github.com/karolis-inntec/inntec-react-utils#reduxform-helpers)


## Documentation & examples

### `string` helpers:

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

### `converter` helpers:

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

### `reduxForm` helpers:

- `reduxForm.formatter` - used in [Field's `format` prop](http://redux-form.com/6.6.3/docs/api/Field.md/).
    - `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](http://redux-form.com/6.6.3/docs/api/Field.md/).
    - `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](http://redux-form.com/6.6.3/docs/api/Field.md/). 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
```

---
_Source: https://npm.io/package/inntec-react-utils · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._