0.1.4 • Published 2 years ago
@wildberries/validators v0.1.4
@wildberries/validators
Sollution for validations
Benefits:
- Works isomorphic (node and browser environments)
- Provides validators for simple values and simple pattern based
- Provides functions for validations for react-final-form
- Provides function to validate values with custom patterns
Examples of usage
installation
npm install @wildberries/validators
SimpleValidator usage
import { SimpleValidator } from "@wildberries/validators";
const minValidatedValue: ValidatorReturnsType = new SimpleValidator().minLenghtValidate(1)('12313')
const maxValidatedValue: ValidatorReturnsType = new SimpleValidator().maxLenghtValidate(1)('12313')
const requiredValidatedValue: ValidatorReturnsType = new SimpleValidator().requiredValidator('')
PatternValidator usage
import { PatternValidator } from "@wildberries/validators";
const numberValidatedValue: ValidatorReturnsType = new PatternValidator().numbersOnly('12313')
const cyrillicValidatedValue: ValidatorReturnsType = new PatternValidator().cyrillicsOnly('12313')
const decimalValidatedValue: ValidatorReturnsType = new PatternValidator().decimalNumbers('12313')
const emailValidatedValue: ValidatorReturnsType = new PatternValidator().email('12313')
const phoneValidatedValue: ValidatorReturnsType = new PatternValidator().phoneNumber('12313')
const dateValidatedValue: ValidatorReturnsType = new PatternValidator().dateOnly('12313')
const customValidatedValue: ValidatorReturnsType = new PatternValidator().customPatternValidate(
{
value:'foo',
pattern:/^[foo]$/,
errorTextValue:'not'
}
)
Custom validation usage
import { getIsValueMatchPattern } from "@wildberries/validators";
const isValueMatch: boolean = getIsValueMatchPattern(
{
value:'foo',
pattern:/^[foo]$/
}
)
Validators with React-Final-Form usage
import { Form } from 'react-final-form';
import { FormTextInput } from '@/components/form-text-input'
import { PatternValidator, composeValidators, SimpleValidator } from "@wildberries/validators";
const simpleValidator = new SimpleValidator()
const patternValidator = new PatternValidator()
const fieldValidations: string = composeValidators(
[
simpleValidator.requiredValidator,
simpleValidator.maxLenghtValidate(13),
patternValidator.phoneNumber,
]
),
<Form
onSubmit={onSubmit}
initialValues={initialValues}
render={({ handleSubmit }) => (
<form onSubmit={handleSubmit} className={cn('Example-form')}>
<div className={cn('Example-form__button-container')}>
<Field
name={name}
component={FormTextInput}
validate={fieldValidations}
/>
</div>
<div className={cn('Example-form__button-container')}>
<Button
text={buttonText}
variant="main"
size="big"
type="submit"
/>
</div>
</form>
)}
/>
1.2.2-beta.4
2 years ago
0.1.4
5 years ago
0.1.4-beta.1
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.2-beta-0
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago
0.0.4-beta.2
5 years ago
0.0.4-beta.0
5 years ago
0.0.4-beta.1
5 years ago
0.0.3
5 years ago
0.0.2-beta.0
5 years ago
0.0.2-beta.1
5 years ago
0.0.1
5 years ago
0.0.1-beta.0
5 years ago