@skbkontur/react-ui-validations 1.5.4 → 1.6.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.5.7](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/compare/react-ui-validations@1.5.6...react-ui-validations@1.5.7) (2021-10-25)
+
+**Note:** Version bump only for package react-ui-validations
+
+
+
+
+
+## [1.5.6](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/compare/react-ui-validations@1.5.5...react-ui-validations@1.5.6) (2021-10-06)
+
+
+### Bug Fixes
+
+* **validations:** update package name ([b5e4741](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/b5e4741b157c2ab6f37188b356376f0fddf1e7cf))
+
+
+
+
+
+## [1.5.5](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/compare/react-ui-validations@1.5.4...react-ui-validations@1.5.5) (2021-09-16)
+
+
+### Bug Fixes
+
+* **validation:** hide error on editing combobox ([66c747d](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/66c747d97766459fc7fb1fb322cad72636a55e56))
+
+
+
+
+
 ## [1.5.4](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/compare/react-ui-validations@1.5.3...react-ui-validations@1.5.4) (2021-08-10)
 
 **Note:** Version bump only for package react-ui-validations

package/README.md

@@ -1,4 +1,4 @@
-# react-ui-validations
+# React UI validations
 
 [![npm](https://img.shields.io/npm/v/react-ui-validations.svg?maxAge=300&style=flat-square)](https://www.npmjs.com/package/react-ui-validations)
 
@@ -6,13 +6,13 @@
 
 ## Документация
 
-- [Docs & Demos](http://tech.skbkontur.ru/react-ui-validations/)
+- [Docs & Demos](https://tech.skbkontur.ru/react-ui-validations/)
 - [Validation guides](https://guides.kontur.ru/principles/validation/)
 
 ## Использование
 
 ```shell
-npm install --save react-ui-validations
+npm install --save @skbkontur/react-ui-validations
 ```
 
 ```jsx

package/index.d.ts

@@ -1,263 +1,256 @@
-// Generated by dts-bundle v0.7.3
-// Dependencies for this module:
-//   ../../react
-//   ../../prop-types
-
-declare module '@skbkontur/react-ui-validations' {
-    import { text, tooltip } from '@skbkontur/react-ui-validations/src/ErrorRenderer';
-    import { ValidationContainer, ValidationContainerProps } from '@skbkontur/react-ui-validations/src/ValidationContainer';
-    import { ValidationContext, ValidationContextProps } from '@skbkontur/react-ui-validations/src/ValidationContext';
-    import { TooltipPosition, ValidationTooltip, ValidationTooltipProps } from '@skbkontur/react-ui-validations/src/ValidationTooltip';
-    import { RenderErrorMessage, Validation, ValidationBehaviour } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
-    import { ValidationWrapper, ValidationInfo, ValidationWrapperProps } from '@skbkontur/react-ui-validations/src/ValidationWrapper';
-    export { ValidationContainer, ValidationContainerProps, ValidationContext, ValidationContextProps, ValidationWrapper as ValidationWrapperV1, ValidationWrapperProps as ValidationWrapperV1Props, RenderErrorMessage, ValidationBehaviour, Validation, ValidationWrapper, ValidationWrapperProps, ValidationInfo, ValidationTooltip, ValidationTooltipProps, TooltipPosition, tooltip, text, };
-    export * from '@skbkontur/react-ui-validations/src/Validations';
-}
-
-declare module '@skbkontur/react-ui-validations/src/ErrorRenderer' {
-    import { TooltipPosition } from '@skbkontur/react-ui-validations/src/ValidationTooltip';
-    import { RenderErrorMessage } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
-    export function tooltip(pos: TooltipPosition): RenderErrorMessage;
-    export function text(pos?: 'bottom' | 'right'): RenderErrorMessage;
-}
-
-declare module '@skbkontur/react-ui-validations/src/ValidationContainer' {
-    import React from 'react';
-    import { Nullable } from '@skbkontur/react-ui-validations/typings/Types';
-    export interface ScrollOffset {
-        top?: number;
-        bottom?: number;
-    }
-    export interface ValidationContainerProps {
-        children?: React.ReactNode;
-        onValidationUpdated?: (isValid?: Nullable<boolean>) => void;
-        scrollOffset?: number | ScrollOffset;
-        disableSmoothScroll: boolean;
-    }
-    export class ValidationContainer extends React.Component<ValidationContainerProps> {
-        static __KONTUR_REACT_UI__: string;
-        static defaultProps: {
-            disableSmoothScroll: boolean;
-        };
-        static propTypes: {
-            scrollOffset(props: ValidationContainerProps, propName: keyof ValidationContainerProps, componentName: string): Error | undefined;
-        };
-        submit(withoutFocus?: boolean): Promise<void>;
-        validate(withoutFocus?: boolean): Promise<boolean>;
-        render(): JSX.Element;
-    }
-}
-
-declare module '@skbkontur/react-ui-validations/src/ValidationContext' {
-    import * as PropTypes from 'prop-types';
-    import React from 'react';
-    import { ValidationWrapperInternal } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
-    import { ScrollOffset } from '@skbkontur/react-ui-validations/src/ValidationContainer';
-    export interface ValidationContextSettings {
-        scrollOffset: ScrollOffset;
-        disableSmoothScroll: boolean;
-    }
-    export interface IValidationContext {
-        register(wrapper: ValidationWrapperInternal): void;
-        unregister(wrapper: ValidationWrapperInternal): void;
-        instanceProcessBlur(wrapper: ValidationWrapperInternal): void;
-        onValidationUpdated(wrapper: ValidationWrapperInternal, isValid: boolean): void;
-        getSettings(): ValidationContextSettings;
-        isAnyWrapperInChangingMode(): boolean;
-    }
-    export interface ValidationContextProps {
-        children?: React.ReactNode;
-        onValidationUpdated?: (isValid?: boolean) => void;
-        scrollOffset?: number | ScrollOffset;
-        disableSmoothScroll: boolean;
-    }
-    export class ValidationContext extends React.Component<ValidationContextProps> implements IValidationContext {
-        static childContextTypes: {
-            validationContext: PropTypes.Requireable<any>;
-        };
-        childWrappers: ValidationWrapperInternal[];
-        getChildContext(): {
-            validationContext: IValidationContext;
-        };
-        getSettings(): ValidationContextSettings;
-        register(wrapper: ValidationWrapperInternal): void;
-        unregister(wrapper: ValidationWrapperInternal): void;
-        instanceProcessBlur(instance: ValidationWrapperInternal): void;
-        onValidationUpdated(wrapper: ValidationWrapperInternal, isValid?: boolean): void;
-        isAnyWrapperInChangingMode(): boolean;
-        onValidationRemoved(): void;
-        getChildWrappersSortedByPosition(): ValidationWrapperInternal[];
-        validate(withoutFocus: boolean): Promise<boolean>;
-        render(): JSX.Element;
-    }
-}
-
-declare module '@skbkontur/react-ui-validations/src/ValidationTooltip' {
-    import React from 'react';
-    export type TooltipPosition = 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right' | 'left top' | 'left middle' | 'left bottom' | 'right top' | 'right middle' | 'right bottom';
-    export interface ValidationTooltipProps {
-        children: React.ReactElement<any>;
-        error: boolean;
-        pos?: TooltipPosition;
-        render?: () => React.ReactNode;
-    }
-    export class ValidationTooltip extends React.Component<ValidationTooltipProps> {
-        render(): JSX.Element;
-    }
-}
-
-declare module '@skbkontur/react-ui-validations/src/ValidationWrapperInternal' {
-    import * as PropTypes from 'prop-types';
-    import React from 'react';
-    import { Nullable } from '@skbkontur/react-ui-validations/typings/Types';
-    import { IValidationContext } from '@skbkontur/react-ui-validations/src/ValidationContext';
-    export type ValidationBehaviour = 'immediate' | 'lostfocus' | 'submit';
-    export type ValidationLevel = 'error' | 'warning';
-    export interface Validation {
-        level: ValidationLevel;
-        behaviour: ValidationBehaviour;
-        message: React.ReactNode;
-    }
-    export type RenderErrorMessage = (control: React.ReactElement<any>, hasError: boolean, validation: Nullable<Validation>) => React.ReactElement<any>;
-    export interface ValidationWrapperInternalProps {
-        children?: React.ReactElement<any>;
-        validation: Nullable<Validation>;
-        errorMessage: RenderErrorMessage;
-    }
-    interface ValidationWrapperInternalState {
-        validation: Nullable<Validation>;
-    }
-    interface Point {
-        x: number;
-        y: number;
-    }
-    export class ValidationWrapperInternal extends React.Component<ValidationWrapperInternalProps, ValidationWrapperInternalState> {
-        static contextTypes: {
-            validationContext: PropTypes.Requireable<any>;
-        };
-        state: ValidationWrapperInternalState;
-        context: {
-            validationContext: IValidationContext;
-        };
-        isChanging: boolean;
-        UNSAFE_componentWillMount(): void;
-        componentDidMount(): void;
-        componentWillUnmount(): void;
-        UNSAFE_componentWillReceiveProps(nextProps: ValidationWrapperInternalProps): void;
-        focus(): Promise<void>;
-        render(): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
-        getControlPosition(): Nullable<Point>;
-        processBlur(): Promise<void>;
-        processSubmit(): Promise<void>;
-        hasError(): boolean;
-    }
-    export {};
-}
-
-declare module '@skbkontur/react-ui-validations/src/ValidationWrapper' {
-    import React from 'react';
-    import { Nullable } from '@skbkontur/react-ui-validations/typings/Types';
-    import { RenderErrorMessage, ValidationBehaviour, ValidationLevel } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
-    export interface ValidationInfo {
-        type?: Nullable<ValidationBehaviour>;
-        level?: Nullable<ValidationLevel>;
-        message: React.ReactNode;
-    }
-    export interface ValidationWrapperProps {
-        children?: React.ReactElement<any>;
-        validationInfo: Nullable<ValidationInfo>;
-        renderMessage?: Nullable<RenderErrorMessage>;
-    }
-    export class ValidationWrapper extends React.Component<ValidationWrapperProps> {
-        static __KONTUR_REACT_UI__: string;
-        render(): JSX.Element;
-    }
-}
-
-declare module '@skbkontur/react-ui-validations/src/Validations' {
-    import { ValidationBuilder } from '@skbkontur/react-ui-validations/src/Validations/ValidationBuilder';
-    import { RootValidationRule, ValidationRule, ItemValidationRule } from '@skbkontur/react-ui-validations/src/Validations/Types';
-    import { ValidationReader } from '@skbkontur/react-ui-validations/src/Validations/ValidationReader';
-    export type Validator<T> = (value: T) => ValidationReader<T>;
-    export function createValidator<T>(rule: RootValidationRule<T>): Validator<T>;
-    export { ValidationReader, ValidationBuilder, RootValidationRule, ValidationRule, ItemValidationRule };
-}
-
-declare module '@skbkontur/react-ui-validations/typings/Types' {
-    export type Nullable<T> = T | null | undefined;
-    export type Omit<T extends object, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-    export type ExtractItem<T> = T extends Array<infer TItem> ? TItem : never;
-}
-
-declare module '@skbkontur/react-ui-validations/src/Validations/ValidationBuilder' {
-    import React from 'react';
-    import { ValidationBehaviour, ValidationLevel } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
-    import { LambdaPath, PathTokensCache } from '@skbkontur/react-ui-validations/src/Validations/PathHelper';
-    import { ValidationWriter } from '@skbkontur/react-ui-validations/src/Validations/ValidationWriter';
-    import { ItemValidationRule, ValidationRule } from '@skbkontur/react-ui-validations/src/Validations/Types';
-    export class ValidationBuilder<TRoot, T> {
-        constructor(writer: ValidationWriter<TRoot>, tokens: PathTokensCache, path: string[], data: T);
-        prop<TChild>(lambdaPath: LambdaPath<T, TChild>, rule: ValidationRule<TRoot, TChild>): void;
-        array<TChild>(lambdaPath: LambdaPath<T, TChild[]>, rule: ItemValidationRule<TRoot, TChild>): void;
-        invalid(isInvalid: (value: T) => boolean, message: React.ReactNode, type?: ValidationBehaviour, level?: ValidationLevel): void;
-    }
-}
-
-declare module '@skbkontur/react-ui-validations/src/Validations/Types' {
-    import { Nullable } from '@skbkontur/react-ui-validations/typings/Types';
-    import { ValidationInfo } from '@skbkontur/react-ui-validations/src/ValidationWrapper';
-    import { ValidationBuilder } from '@skbkontur/react-ui-validations/src/Validations/ValidationBuilder';
-    export interface ValidationNode<T> {
-        validation: Nullable<ValidationInfo>;
-        children: Nullable<{
-            [K in keyof T]: ValidationNode<T[K]>;
-        }>;
-    }
-    export type ValidationRule<TRoot, T> = (builder: ValidationBuilder<TRoot, T>, value: T) => void;
-    export type ItemValidationRule<TRoot, T> = (builder: ValidationBuilder<TRoot, T>, value: T, index: number, array: T[]) => void;
-    export type RootValidationRule<T> = ValidationRule<T, T>;
-}
-
-declare module '@skbkontur/react-ui-validations/src/Validations/ValidationReader' {
-    import { ValidationInfo } from '@skbkontur/react-ui-validations/src/ValidationWrapper';
-    import { ExtractItem, Nullable } from '@skbkontur/react-ui-validations/typings/Types';
-    import { ValidationNode } from '@skbkontur/react-ui-validations/src/Validations/Types';
-    import { LambdaPath, PathTokensCache } from '@skbkontur/react-ui-validations/src/Validations/PathHelper';
-    export class ValidationReader<T> {
-        constructor(node: Nullable<ValidationNode<T>>, tokens: PathTokensCache);
-        getNode<TChild>(lambdaPath: LambdaPath<T, TChild>): ValidationReader<TChild>;
-        getNodeByIndex(index: number): ValidationReader<ExtractItem<T>>;
-        getNodeByKey<TKey extends keyof T>(key: TKey): ValidationReader<T[TKey]>;
-        get(): Nullable<ValidationInfo>;
-    }
-}
-
-declare module '@skbkontur/react-ui-validations/src/Validations/PathHelper' {
-    type NonNullableRecursive<T> = {
-        [K in keyof T]: T[K] extends object ? NonNullable<NonNullableRecursive<T[K]>> : NonNullable<T[K]>;
-    };
-    export type LambdaPath<T, TChild> = (x: NonNullable<NonNullableRecursive<T>>) => TChild;
-    export function extractPath(lambda: string): string;
-    export function extractTokens(path: string): string[];
-    export class PathTokensCache {
-        getOrAdd<T, TChild>(lambdaPath: LambdaPath<T, TChild>): string[];
-        has<T, TChild>(lambdaPath: LambdaPath<T, TChild>): boolean;
-        get size(): number;
-    }
-    export {};
-}
-
-declare module '@skbkontur/react-ui-validations/src/Validations/ValidationWriter' {
-    import { ValidationInfo } from '@skbkontur/react-ui-validations/src/ValidationWrapper';
-    import { ValidationNode } from '@skbkontur/react-ui-validations/src/Validations/Types';
-    import { ValidationReader } from '@skbkontur/react-ui-validations/src/Validations/ValidationReader';
-    import { PathTokensCache } from '@skbkontur/react-ui-validations/src/Validations/PathHelper';
-    export class ValidationWriter<T> {
-        constructor(node?: ValidationNode<T>);
-        getReader(tokens: PathTokensCache): ValidationReader<T>;
-        set(validation: ValidationInfo): void;
-        isValidated(): boolean;
-        getNode<TChild>(path: string[]): ValidationWriter<TChild>;
-    }
-}
-
+// Generated by dts-bundle v0.7.3
+// Dependencies for this module:
+//   ../../react
+
+declare module '@skbkontur/react-ui-validations' {
+    import { text, tooltip } from '@skbkontur/react-ui-validations/src/ErrorRenderer';
+    import { ValidationContainer, ValidationContainerProps } from '@skbkontur/react-ui-validations/src/ValidationContainer';
+    import { TooltipPosition, ValidationTooltip, ValidationTooltipProps } from '@skbkontur/react-ui-validations/src/ValidationTooltip';
+    import { RenderErrorMessage, Validation, ValidationBehaviour } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
+    import { ValidationWrapper, ValidationInfo, ValidationWrapperProps } from '@skbkontur/react-ui-validations/src/ValidationWrapper';
+    import { ValidationContext, ValidationContextType, ValidationContextWrapper, ValidationContextWrapperProps } from '@skbkontur/react-ui-validations/src/ValidationContextWrapper';
+    export { ValidationContainer, ValidationContainerProps, ValidationContext, ValidationContextType, ValidationContextWrapper, ValidationContextWrapperProps, ValidationWrapper as ValidationWrapperV1, ValidationWrapperProps as ValidationWrapperV1Props, RenderErrorMessage, ValidationBehaviour, Validation, ValidationWrapper, ValidationWrapperProps, ValidationInfo, ValidationTooltip, ValidationTooltipProps, TooltipPosition, tooltip, text, };
+    export * from '@skbkontur/react-ui-validations/src/Validations';
+}
+
+declare module '@skbkontur/react-ui-validations/src/ErrorRenderer' {
+    import { TooltipPosition } from '@skbkontur/react-ui-validations/src/ValidationTooltip';
+    import { RenderErrorMessage } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
+    export function tooltip(pos: TooltipPosition): RenderErrorMessage;
+    export function text(pos?: 'bottom' | 'right'): RenderErrorMessage;
+}
+
+declare module '@skbkontur/react-ui-validations/src/ValidationContainer' {
+    import React from 'react';
+    import { Nullable } from '@skbkontur/react-ui-validations/typings/Types';
+    export interface ScrollOffset {
+        top?: number;
+        bottom?: number;
+    }
+    export interface ValidationContainerProps {
+        children?: React.ReactNode;
+        onValidationUpdated?: (isValid?: Nullable<boolean>) => void;
+        scrollOffset?: number | ScrollOffset;
+        disableSmoothScroll: boolean;
+    }
+    export class ValidationContainer extends React.Component<ValidationContainerProps> {
+        static __KONTUR_REACT_UI__: string;
+        static defaultProps: {
+            disableSmoothScroll: boolean;
+        };
+        static propTypes: {
+            scrollOffset(props: ValidationContainerProps, propName: keyof ValidationContainerProps, componentName: string): Error | undefined;
+        };
+        submit(withoutFocus?: boolean): Promise<void>;
+        validate(withoutFocus?: boolean): Promise<boolean>;
+        render(): JSX.Element;
+    }
+}
+
+declare module '@skbkontur/react-ui-validations/src/ValidationTooltip' {
+    import React from 'react';
+    export type TooltipPosition = 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right' | 'left top' | 'left middle' | 'left bottom' | 'right top' | 'right middle' | 'right bottom';
+    export interface ValidationTooltipProps {
+        children: React.ReactElement<any>;
+        error: boolean;
+        pos?: TooltipPosition;
+        render?: () => React.ReactNode;
+    }
+    export class ValidationTooltip extends React.Component<ValidationTooltipProps> {
+        render(): JSX.Element;
+    }
+}
+
+declare module '@skbkontur/react-ui-validations/src/ValidationWrapperInternal' {
+    import React from 'react';
+    import { Nullable } from '@skbkontur/react-ui-validations/typings/Types';
+    import { ValidationContextType } from '@skbkontur/react-ui-validations/src/ValidationContextWrapper';
+    export type ValidationBehaviour = 'immediate' | 'lostfocus' | 'submit';
+    export type ValidationLevel = 'error' | 'warning';
+    export interface Validation {
+        level: ValidationLevel;
+        behaviour: ValidationBehaviour;
+        message: React.ReactNode;
+        independent: boolean;
+    }
+    export type RenderErrorMessage = (control: React.ReactElement<any>, hasError: boolean, validation: Nullable<Validation>) => React.ReactElement<any>;
+    export interface ValidationWrapperInternalProps {
+        children?: React.ReactElement<any>;
+        validation: Nullable<Validation>;
+        errorMessage: RenderErrorMessage;
+    }
+    interface ValidationWrapperInternalState {
+        validation: Nullable<Validation>;
+    }
+    interface Point {
+        x: number;
+        y: number;
+    }
+    export class ValidationWrapperInternal extends React.Component<ValidationWrapperInternalProps, ValidationWrapperInternalState> {
+        state: ValidationWrapperInternalState;
+        isChanging: boolean;
+        static contextType: React.Context<ValidationContextType>;
+        context: ValidationContextType;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        componentDidUpdate(): void;
+        focus(): Promise<void>;
+        render(): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+        getRootNode: () => Nullable<HTMLElement>;
+        getControlPosition(): Nullable<Point>;
+        processBlur(): Promise<void>;
+        processSubmit(): Promise<void>;
+        hasError(): boolean;
+        isIndependent(): boolean;
+    }
+    export {};
+}
+
+declare module '@skbkontur/react-ui-validations/src/ValidationWrapper' {
+    import React from 'react';
+    import { Nullable } from '@skbkontur/react-ui-validations/typings/Types';
+    import { RenderErrorMessage, ValidationBehaviour, ValidationLevel } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
+    export interface ValidationInfo {
+        type?: Nullable<ValidationBehaviour>;
+        level?: Nullable<ValidationLevel>;
+        message: React.ReactNode;
+        independent?: boolean;
+    }
+    export interface ValidationWrapperProps {
+        children?: React.ReactElement<any>;
+        validationInfo: Nullable<ValidationInfo>;
+        renderMessage?: Nullable<RenderErrorMessage>;
+    }
+    export class ValidationWrapper extends React.Component<ValidationWrapperProps> {
+        static __KONTUR_REACT_UI__: string;
+        render(): JSX.Element;
+    }
+}
+
+declare module '@skbkontur/react-ui-validations/src/ValidationContextWrapper' {
+    import React from 'react';
+    import { ValidationWrapperInternal } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
+    import { ScrollOffset } from '@skbkontur/react-ui-validations/src/ValidationContainer';
+    export interface ValidationContextSettings {
+        scrollOffset: ScrollOffset;
+        disableSmoothScroll: boolean;
+    }
+    export interface ValidationContextWrapperProps {
+        children?: React.ReactNode;
+        onValidationUpdated?: (isValid?: boolean) => void;
+        scrollOffset?: number | ScrollOffset;
+        disableSmoothScroll: boolean;
+    }
+    export interface ValidationContextType {
+        register: (wrapper: ValidationWrapperInternal) => void;
+        unregister: (wrapper: ValidationWrapperInternal) => void;
+        instanceProcessBlur: (wrapper: ValidationWrapperInternal) => void;
+        onValidationUpdated: (wrapper: ValidationWrapperInternal, isValid: boolean) => void;
+        getSettings: () => ValidationContextSettings;
+        isAnyWrapperInChangingMode: () => boolean;
+    }
+    export const ValidationContext: React.Context<ValidationContextType>;
+    export class ValidationContextWrapper extends React.Component<ValidationContextWrapperProps> {
+        childWrappers: ValidationWrapperInternal[];
+        getSettings(): ValidationContextSettings;
+        register(wrapper: ValidationWrapperInternal): void;
+        unregister(wrapper: ValidationWrapperInternal): void;
+        instanceProcessBlur(instance: ValidationWrapperInternal): void;
+        onValidationUpdated(wrapper: ValidationWrapperInternal, isValid?: boolean): void;
+        isAnyWrapperInChangingMode(): boolean;
+        onValidationRemoved(): void;
+        getChildWrappersSortedByPosition(): ValidationWrapperInternal[];
+        validate(withoutFocus: boolean): Promise<boolean>;
+        render(): JSX.Element;
+    }
+}
+
+declare module '@skbkontur/react-ui-validations/src/Validations' {
+    import { ValidationBuilder } from '@skbkontur/react-ui-validations/src/Validations/ValidationBuilder';
+    import { RootValidationRule, ValidationRule, ItemValidationRule } from '@skbkontur/react-ui-validations/src/Validations/Types';
+    import { ValidationReader } from '@skbkontur/react-ui-validations/src/Validations/ValidationReader';
+    export type Validator<T> = (value: T) => ValidationReader<T>;
+    export function createValidator<T>(rule: RootValidationRule<T>): Validator<T>;
+    export { ValidationReader, ValidationBuilder, RootValidationRule, ValidationRule, ItemValidationRule };
+}
+
+declare module '@skbkontur/react-ui-validations/typings/Types' {
+    export type Nullable<T> = T | null | undefined;
+    export type Omit<T extends object, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+    export type ExtractItem<T> = T extends Array<infer TItem> ? TItem : never;
+}
+
+declare module '@skbkontur/react-ui-validations/src/Validations/ValidationBuilder' {
+    import React from 'react';
+    import { ValidationBehaviour, ValidationLevel } from '@skbkontur/react-ui-validations/src/ValidationWrapperInternal';
+    import { ValidationInfo } from '@skbkontur/react-ui-validations/src/ValidationWrapper';
+    import { LambdaPath, PathTokensCache } from '@skbkontur/react-ui-validations/src/Validations/PathHelper';
+    import { ValidationWriter } from '@skbkontur/react-ui-validations/src/Validations/ValidationWriter';
+    import { ItemValidationRule, ValidationRule } from '@skbkontur/react-ui-validations/src/Validations/Types';
+    export class ValidationBuilder<TRoot, T> {
+        constructor(writer: ValidationWriter<TRoot>, tokens: PathTokensCache, path: string[], data: T);
+        prop<TChild>(lambdaPath: LambdaPath<T, TChild>, rule: ValidationRule<TRoot, TChild>): void;
+        array<TChild>(lambdaPath: LambdaPath<T, TChild[]>, rule: ItemValidationRule<TRoot, TChild>): void;
+        invalid(isInvalid: (value: T) => boolean, validationInfo: ValidationInfo): void;
+        invalid(isInvalid: (value: T) => boolean, message: React.ReactNode, type?: ValidationBehaviour, level?: ValidationLevel, independent?: boolean): void;
+    }
+}
+
+declare module '@skbkontur/react-ui-validations/src/Validations/Types' {
+    import { Nullable } from '@skbkontur/react-ui-validations/typings/Types';
+    import { ValidationInfo } from '@skbkontur/react-ui-validations/src/ValidationWrapper';
+    import { ValidationBuilder } from '@skbkontur/react-ui-validations/src/Validations/ValidationBuilder';
+    export interface ValidationNode<T> {
+        validation: Nullable<ValidationInfo>;
+        children: Nullable<{
+            [K in keyof T]: ValidationNode<T[K]>;
+        }>;
+    }
+    export type ValidationRule<TRoot, T> = (builder: ValidationBuilder<TRoot, T>, value: T) => void;
+    export type ItemValidationRule<TRoot, T> = (builder: ValidationBuilder<TRoot, T>, value: T, index: number, array: T[]) => void;
+    export type RootValidationRule<T> = ValidationRule<T, T>;
+}
+
+declare module '@skbkontur/react-ui-validations/src/Validations/ValidationReader' {
+    import { ValidationInfo } from '@skbkontur/react-ui-validations/src/ValidationWrapper';
+    import { ExtractItem, Nullable } from '@skbkontur/react-ui-validations/typings/Types';
+    import { ValidationNode } from '@skbkontur/react-ui-validations/src/Validations/Types';
+    import { LambdaPath, PathTokensCache } from '@skbkontur/react-ui-validations/src/Validations/PathHelper';
+    export class ValidationReader<T> {
+        constructor(node: Nullable<ValidationNode<T>>, tokens: PathTokensCache);
+        getNode<TChild>(lambdaPath: LambdaPath<T, TChild>): ValidationReader<TChild>;
+        getNodeByIndex(index: number): ValidationReader<ExtractItem<T>>;
+        getNodeByKey<TKey extends keyof T>(key: TKey): ValidationReader<T[TKey]>;
+        get(): Nullable<ValidationInfo>;
+    }
+}
+
+declare module '@skbkontur/react-ui-validations/src/Validations/PathHelper' {
+    type NonNullableRecursive<T> = {
+        [K in keyof T]: T[K] extends object ? NonNullable<NonNullableRecursive<T[K]>> : NonNullable<T[K]>;
+    };
+    export type LambdaPath<T, TChild> = (x: NonNullable<NonNullableRecursive<T>>) => TChild;
+    export function extractPath(lambda: string): string;
+    export function extractTokens(path: string): string[];
+    export class PathTokensCache {
+        getOrAdd<T, TChild>(lambdaPath: LambdaPath<T, TChild>): string[];
+        has<T, TChild>(lambdaPath: LambdaPath<T, TChild>): boolean;
+        get size(): number;
+    }
+    export {};
+}
+
+declare module '@skbkontur/react-ui-validations/src/Validations/ValidationWriter' {
+    import { ValidationInfo } from '@skbkontur/react-ui-validations/src/ValidationWrapper';
+    import { ValidationNode } from '@skbkontur/react-ui-validations/src/Validations/Types';
+    import { ValidationReader } from '@skbkontur/react-ui-validations/src/Validations/ValidationReader';
+    import { PathTokensCache } from '@skbkontur/react-ui-validations/src/Validations/PathHelper';
+    export class ValidationWriter<T> {
+        constructor(node?: ValidationNode<T>);
+        getReader(tokens: PathTokensCache): ValidationReader<T>;
+        set(validation: ValidationInfo): void;
+        isValidated(): boolean;
+        getNode<TChild>(path: string[]): ValidationWriter<TChild>;
+    }
+}
+

package/index.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var PropTypes = require('prop-types');
-var ReactDom = require('react-dom');
 var warning = require('warning');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -124,6 +122,10 @@ var ReactUiDetection = /** @class */ (function () {
         var _a;
         return childrenArray != null && ((_a = childrenArray.type) === null || _a === void 0 ? void 0 : _a.__KONTUR_REACT_UI__) === 'Switcher';
     };
+    ReactUiDetection.isComboBox = function (childrenArray) {
+        var _a;
+        return childrenArray != null && ((_a = childrenArray.type) === null || _a === void 0 ? void 0 : _a.__KONTUR_REACT_UI__) === 'ComboBox';
+    };
     return ReactUiDetection;
 }());
 
@@ -188,19 +190,26 @@ var isReactUITestEnv = Boolean(REACT_UI_TEST) || // for cases when NODE_ENV is n
 var isTestEnv = NODE_ENV === 'test' || isReactUITestEnv;
 var isBrowser = typeof window !== 'undefined';
 
-var ValidationContext = /** @class */ (function (_super) {
-    __extends(ValidationContext, _super);
-    function ValidationContext() {
+var ValidationContext = React__default['default'].createContext({
+    register: function () { return undefined; },
+    unregister: function () { return undefined; },
+    instanceProcessBlur: function () { return undefined; },
+    onValidationUpdated: function () { return undefined; },
+    getSettings: function () { return ({
+        scrollOffset: {},
+        disableSmoothScroll: false,
+    }); },
+    isAnyWrapperInChangingMode: function () { return false; },
+});
+ValidationContext.displayName = 'ValidationContext';
+var ValidationContextWrapper = /** @class */ (function (_super) {
+    __extends(ValidationContextWrapper, _super);
+    function ValidationContextWrapper() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.childWrappers = [];
         return _this;
     }
-    ValidationContext.prototype.getChildContext = function () {
-        return {
-            validationContext: this,
-        };
-    };
-    ValidationContext.prototype.getSettings = function () {
+    ValidationContextWrapper.prototype.getSettings = function () {
         var scrollOffset = {};
         if (typeof this.props.scrollOffset === 'number') {
             scrollOffset = { top: this.props.scrollOffset };
@@ -217,20 +226,20 @@ var ValidationContext = /** @class */ (function (_super) {
             disableSmoothScroll: this.props.disableSmoothScroll,
         };
     };
-    ValidationContext.prototype.register = function (wrapper) {
+    ValidationContextWrapper.prototype.register = function (wrapper) {
         this.childWrappers.push(wrapper);
     };
-    ValidationContext.prototype.unregister = function (wrapper) {
+    ValidationContextWrapper.prototype.unregister = function (wrapper) {
         this.childWrappers.splice(this.childWrappers.indexOf(wrapper), 1);
         this.onValidationRemoved();
     };
-    ValidationContext.prototype.instanceProcessBlur = function (instance) {
-        for (var _i = 0, _a = this.childWrappers.filter(function (x) { return x !== instance; }); _i < _a.length; _i++) {
+    ValidationContextWrapper.prototype.instanceProcessBlur = function (instance) {
+        for (var _i = 0, _a = this.childWrappers.filter(function (x) { return x !== instance && !x.isIndependent(); }); _i < _a.length; _i++) {
             var wrapper = _a[_i];
             wrapper.processBlur();
         }
     };
-    ValidationContext.prototype.onValidationUpdated = function (wrapper, isValid) {
+    ValidationContextWrapper.prototype.onValidationUpdated = function (wrapper, isValid) {
         var onValidationUpdated = this.props.onValidationUpdated;
         if (onValidationUpdated) {
             var isValidResult = !this.childWrappers.find(function (x) {
@@ -242,17 +251,17 @@ var ValidationContext = /** @class */ (function (_super) {
             onValidationUpdated(isValidResult);
         }
     };
-    ValidationContext.prototype.isAnyWrapperInChangingMode = function () {
+    ValidationContextWrapper.prototype.isAnyWrapperInChangingMode = function () {
         return this.childWrappers.some(function (x) { return x.isChanging; });
     };
-    ValidationContext.prototype.onValidationRemoved = function () {
+    ValidationContextWrapper.prototype.onValidationRemoved = function () {
         var onValidationUpdated = this.props.onValidationUpdated;
         if (onValidationUpdated) {
             var isValidResult = !this.childWrappers.find(function (x) { return x.hasError(); });
             onValidationUpdated(isValidResult);
         }
     };
-    ValidationContext.prototype.getChildWrappersSortedByPosition = function () {
+    ValidationContextWrapper.prototype.getChildWrappersSortedByPosition = function () {
         var wrappersWithPosition = __spreadArrays(this.childWrappers).map(function (x) { return ({
             target: x,
             position: x.getControlPosition(),
@@ -276,7 +285,7 @@ var ValidationContext = /** @class */ (function (_super) {
         });
         return wrappersWithPosition.map(function (x) { return x.target; });
     };
-    ValidationContext.prototype.validate = function (withoutFocus) {
+    ValidationContextWrapper.prototype.validate = function (withoutFocus) {
         return __awaiter(this, void 0, void 0, function () {
             var firstInvalid;
             return __generator(this, function (_a) {
@@ -298,13 +307,11 @@ var ValidationContext = /** @class */ (function (_super) {
             });
         });
     };
-    ValidationContext.prototype.render = function () {
-        return React__default['default'].createElement("span", null, this.props.children);
-    };
-    ValidationContext.childContextTypes = {
-        validationContext: PropTypes.any,
+    ValidationContextWrapper.prototype.render = function () {
+        return (React__default['default'].createElement(ValidationContext.Provider, { value: this },
+            React__default['default'].createElement("span", null, this.props.children)));
     };
-    return ValidationContext;
+    return ValidationContextWrapper;
 }(React__default['default'].Component));
 
 var ValidationContainer = /** @class */ (function (_super) {
@@ -340,7 +347,7 @@ var ValidationContainer = /** @class */ (function (_super) {
         return this.childContext.validate(withoutFocus);
     };
     ValidationContainer.prototype.render = function () {
-        return (React__default['default'].createElement(ValidationContext, { ref: this.refChildContext, scrollOffset: this.props.scrollOffset, disableSmoothScroll: this.props.disableSmoothScroll, onValidationUpdated: this.props.onValidationUpdated }, this.props.children));
+        return (React__default['default'].createElement(ValidationContextWrapper, { ref: this.refChildContext, scrollOffset: this.props.scrollOffset, disableSmoothScroll: this.props.disableSmoothScroll, onValidationUpdated: this.props.onValidationUpdated }, this.props.children));
     };
     ValidationContainer.__KONTUR_REACT_UI__ = 'ValidationContainer';
     ValidationContainer.defaultProps = {
@@ -519,11 +526,19 @@ function getType(validation) {
 function getLevel(validation) {
     return validation ? validation.level : null;
 }
+function getIndependent(validation) {
+    return validation ? validation.independent : null;
+}
 function isEqual(a, b) {
     if (a === b) {
         return true;
     }
-    return !!a && !!b && a.behaviour === b.behaviour && a.level === a.level && a.message === b.message;
+    return (!!a &&
+        !!b &&
+        a.behaviour === b.behaviour &&
+        a.level === a.level &&
+        a.message === b.message &&
+        a.independent === b.independent);
 }
 
 if (isBrowser && typeof HTMLElement === 'undefined') {
@@ -538,25 +553,26 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
             validation: null,
         };
         _this.isChanging = false;
+        _this.context = _this.context;
+        _this.setRootNode = function (element) {
+            _this.rootNode = element;
+        };
+        _this.getRootNode = function () {
+            return _this.rootNode;
+        };
         return _this;
     }
-    ValidationWrapperInternal.prototype.UNSAFE_componentWillMount = function () {
-        this.applyValidation(this.props.validation);
-    };
     ValidationWrapperInternal.prototype.componentDidMount = function () {
-        warning__default['default'](this.context.validationContext, 'ValidationWrapper should appears as child of ValidationContext.\n' +
-            'http://tech.skbkontur.ru/react-ui-validations/#/getting-started');
-        if (this.context.validationContext) {
-            this.context.validationContext.register(this);
-        }
+        warning__default['default'](this.context, 'ValidationWrapper should appears as child of ValidationContainer.\n' +
+            'https://tech.skbkontur.ru/react-ui-validations/#/getting-started');
+        this.context.register(this);
+        this.applyValidation(this.props.validation);
     };
     ValidationWrapperInternal.prototype.componentWillUnmount = function () {
-        if (this.context.validationContext) {
-            this.context.validationContext.unregister(this);
-        }
+        this.context.unregister(this);
     };
-    ValidationWrapperInternal.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
-        this.applyValidation(nextProps.validation);
+    ValidationWrapperInternal.prototype.componentDidUpdate = function () {
+        this.applyValidation(this.props.validation);
     };
     ValidationWrapperInternal.prototype.focus = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -564,9 +580,9 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        htmlElement = ReactDom.findDOMNode(this);
+                        htmlElement = this.getRootNode();
                         if (!(htmlElement instanceof HTMLElement)) return [3 /*break*/, 3];
-                        _a = this.context.validationContext.getSettings(), disableSmoothScroll = _a.disableSmoothScroll, scrollOffset = _a.scrollOffset;
+                        _a = this.context.getSettings(), disableSmoothScroll = _a.disableSmoothScroll, scrollOffset = _a.scrollOffset;
                         if (!!disableSmoothScroll) return [3 /*break*/, 2];
                         return [4 /*yield*/, smoothScrollIntoView(htmlElement, scrollOffset)];
                     case 1:
@@ -637,10 +653,26 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
                 }
             },
         })) : (React__default['default'].createElement("span", null));
-        return this.props.errorMessage(React__default['default'].createElement("span", null, clonedChild), !!validation, validation);
+        if (ReactUiDetection.isComboBox(clonedChild)) {
+            clonedChild = React__default['default'].cloneElement(clonedChild, {
+                onInputValueChange: function () {
+                    var _a;
+                    var args = [];
+                    for (var _i = 0; _i < arguments.length; _i++) {
+                        args[_i] = arguments[_i];
+                    }
+                    _this.isChanging = true;
+                    _this.forceUpdate();
+                    if (children && children.props && children.props.onInputValueChange) {
+                        (_a = children.props).onInputValueChange.apply(_a, args);
+                    }
+                },
+            });
+        }
+        return this.props.errorMessage(React__default['default'].createElement("span", { ref: this.setRootNode }, clonedChild), !!validation, validation);
     };
     ValidationWrapperInternal.prototype.getControlPosition = function () {
-        var htmlElement = ReactDom.findDOMNode(this);
+        var htmlElement = this.getRootNode();
         if (htmlElement instanceof HTMLElement) {
             var rect = htmlElement.getBoundingClientRect();
             return { x: rect.top, y: rect.left };
@@ -664,10 +696,18 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
     ValidationWrapperInternal.prototype.hasError = function () {
         return getLevel(this.state.validation) === 'error';
     };
+    ValidationWrapperInternal.prototype.isIndependent = function () {
+        return getIndependent(this.state.validation || this.props.validation) === true;
+    };
     ValidationWrapperInternal.prototype.handleBlur = function () {
-        this.processBlur();
-        this.context.validationContext.instanceProcessBlur(this);
-        this.setState({});
+        var _this = this;
+        setTimeout(function () {
+            _this.processBlur();
+            if (!_this.isIndependent()) {
+                _this.context.instanceProcessBlur(_this);
+            }
+            _this.setState({});
+        });
     };
     ValidationWrapperInternal.prototype.applyValidation = function (actual) {
         var visible = this.getVisibleValidation(actual);
@@ -682,7 +722,7 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
         return new Promise(function (resolve) {
             _this.setState({ validation: validation }, resolve);
             if (Boolean(current) !== Boolean(validation)) {
-                _this.context.validationContext.onValidationUpdated(_this, !validation);
+                _this.context.onValidationUpdated(_this, !validation);
             }
         });
     };
@@ -699,12 +739,10 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
         if (isEqual(visible, actual)) {
             return visible;
         }
-        var changing = this.context.validationContext.isAnyWrapperInChangingMode();
+        var changing = this.context.isAnyWrapperInChangingMode();
         return getVisibleValidation(visible, actual, changing);
     };
-    ValidationWrapperInternal.contextTypes = {
-        validationContext: PropTypes.any,
-    };
+    ValidationWrapperInternal.contextType = ValidationContext;
     return ValidationWrapperInternal;
 }(React__default['default'].Component));
 
@@ -720,6 +758,7 @@ var ValidationWrapper = /** @class */ (function (_super) {
                 level: validationInfo.level || 'error',
                 behaviour: validationInfo.type || 'lostfocus',
                 message: validationInfo.message,
+                independent: validationInfo.independent || false,
             }
             : null;
         return (React__default['default'].createElement(ValidationWrapperInternal, { errorMessage: renderMessage || tooltip('right top'), validation: validation }, children));
@@ -755,7 +794,7 @@ var ValidationBuilder = /** @class */ (function () {
             rule(builder, builder.data, i, array);
         }
     };
-    ValidationBuilder.prototype.invalid = function (isInvalid, message, type, level) {
+    ValidationBuilder.prototype.invalid = function (isInvalid, messageOrValidationInfo, type, level, independent) {
         var validationWriter = this.writer.getNode(this.path);
         if (validationWriter.isValidated()) {
             return;
@@ -764,7 +803,12 @@ var ValidationBuilder = /** @class */ (function () {
         if (!invalid) {
             return;
         }
-        validationWriter.set({ message: message, type: type, level: level });
+        if (isValidationInfo(messageOrValidationInfo)) {
+            validationWriter.set(messageOrValidationInfo);
+        }
+        else {
+            validationWriter.set({ message: messageOrValidationInfo, type: type, level: level, independent: independent });
+        }
     };
     ValidationBuilder.prototype.getPathInfo = function (lambdaPath) {
         var path = this.tokens.getOrAdd(lambdaPath);
@@ -779,7 +823,10 @@ var ValidationBuilder = /** @class */ (function () {
         return { data: data, path: __spreadArrays(this.path, path) };
     };
     return ValidationBuilder;
-}());
+}());
+var isValidationInfo = function (argument) {
+    return typeof argument === 'object' && Object.prototype.hasOwnProperty.call(argument, 'message');
+};
 
 var ValidationReader = /** @class */ (function () {
     function ValidationReader(node, tokens) {
@@ -909,6 +956,7 @@ function createValidator(rule) {
 exports.ValidationBuilder = ValidationBuilder;
 exports.ValidationContainer = ValidationContainer;
 exports.ValidationContext = ValidationContext;
+exports.ValidationContextWrapper = ValidationContextWrapper;
 exports.ValidationReader = ValidationReader;
 exports.ValidationTooltip = ValidationTooltip;
 exports.ValidationWrapper = ValidationWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/react-ui-validations",
-  "version": "1.5.4",
+  "version": "1.6.0-beta.1",
   "description": "Validations for @skbkontur/react-ui",
   "main": "./index.js",
   "types": "./index.d.ts",