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

package/CHANGELOG.md

@@ -3,6 +3,52 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.8.0](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/compare/react-ui-validations@1.7.0...react-ui-validations@1.8.0) (2022-03-01)
+
+
+### Bug Fixes
+
+* **react-ui:** call original refs while replacing them ([#2729](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/issues/2729)) ([cd75e9f](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/cd75e9f8fb03b469b783171cb74c099841b5ab6f))
+
+
+### Features
+
+* **FileUploader:** new component FileUploader ([#2542](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/issues/2542)) ([18d009a](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/18d009a8ebeafa2379d5fb46a564ead97c3da6a5))
+
+
+
+
+
+# [1.7.0](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/compare/react-ui-validations@1.6.0...react-ui-validations@1.7.0) (2022-01-27)
+
+
+### Bug Fixes
+
+* **react-ui:** [StrictMode] give up findDomNode ([#2518](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/issues/2518)) ([8028cdd](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/8028cdd3c2289fd48816bdaf92da6a28892f40a7))
+* **react-ui:** [StrictMode] give up legacy context ([#2694](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/issues/2694)) ([d0253cc](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/d0253ccc089764a317ccaa79aa00cc96fbb7aa0a))
+* **react-ui:** [StrictMode] give up unsafe methods ([#2514](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/issues/2514)) ([6cc2201](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/6cc2201f0e8f711441e6c63229b703c03d4b6953))
+* **react-ui:** call original refs while replacing them ([#2736](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/issues/2736)) ([01ff2ab](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/01ff2ab3243082c9347d20e844368ac775e54449))
+
+
+### Features
+
+* support React.StrictMode ([04a4bc9](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/04a4bc9f2dd35fa98ea4d9526ddd775dd1017b71))
+
+
+
+
+
+# [1.6.0](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/compare/react-ui-validations@1.5.7...react-ui-validations@1.6.0) (2021-12-27)
+
+
+### Features
+
+* **react-ui-validations:** add independent validation ([#2632](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/issues/2632)) ([f1f2a9a](https://github.com/skbkontur/retail-ui/tree/master/packages/react-ui-validations/commit/f1f2a9adf61e2b9b096f9e1f4dbeb04c4046e582))
+
+
+
+
+
 ## [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

package/README.md

@@ -39,3 +39,7 @@ export default class DataEditor extends React.Component {
 ```shell
 yarn start:docs
 ```
+
+## StrictMode
+
+Библиотека поддерживает работу в React.StrictMode начиная с версии `1.7.0`. [Подробнее](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode).

package/index.d.ts

@@ -1,256 +1,256 @@
-// 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>;
-    }
-}
-
+// 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 | React.JSXElementConstructor<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

@@ -90,13 +90,14 @@ function __generator(thisArg, body) {
     }
 }
 
-/** @deprecated */
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
 var defaultOrNamed = function (module, component) {
@@ -135,21 +136,21 @@ var ValidationTooltip = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     ValidationTooltip.prototype.render = function () {
-        var onlyChild = React__default['default'].Children.only(this.props.children);
+        var onlyChild = React__default["default"].Children.only(this.props.children);
         var child = onlyChild && onlyChild.props ? onlyChild.props.children : null;
         if (ReactUiDetection.isRadioGroup(child) ||
             ReactUiDetection.isTokenInput(child) ||
             ReactUiDetection.isSwitcher(child)) {
-            return (React__default['default'].createElement(Tooltip, { useWrapper: false, pos: this.props.pos, render: this.props.error && this.props.render, trigger: 'hover&focus' }, child));
+            return (React__default["default"].createElement(Tooltip, { useWrapper: false, pos: this.props.pos, render: this.props.error && this.props.render, trigger: 'hover&focus' }, child));
         }
-        return (React__default['default'].createElement(Tooltip, { pos: this.props.pos, render: this.props.error && this.props.render, trigger: 'hover&focus' }, this.props.children));
+        return (React__default["default"].createElement(Tooltip, { pos: this.props.pos, render: this.props.error && this.props.render, trigger: 'hover&focus' }, this.props.children));
     };
     return ValidationTooltip;
-}(React__default['default'].Component));
+}(React__default["default"].Component));
 
 function tooltip(pos) {
     return function (control, hasError, validation) {
-        return (React__default['default'].createElement(ValidationTooltip, { pos: pos, error: hasError, render: function () {
+        return (React__default["default"].createElement(ValidationTooltip, { pos: pos, error: hasError, render: function () {
                 if (!validation || !validation.message) {
                     return null;
                 }
@@ -161,16 +162,16 @@ function text(pos) {
     if (pos === void 0) { pos = 'right'; }
     if (pos === 'right') {
         return function (control, hasError, validation) {
-            return (React__default['default'].createElement("span", { style: { display: 'inline-block' } },
+            return (React__default["default"].createElement("span", { style: { display: 'inline-block' } },
                 control,
-                React__default['default'].createElement("span", { "data-validation-message": "text", style: { marginLeft: '10px', color: '#d43517' } }, (validation && validation.message) || '')));
+                React__default["default"].createElement("span", { "data-validation-message": "text", style: { marginLeft: '10px', color: '#d43517' } }, (validation && validation.message) || '')));
         };
     }
     return function (control, hasError, validation) {
-        return (React__default['default'].createElement("span", { style: { position: 'relative', display: 'inline-block' } },
+        return (React__default["default"].createElement("span", { style: { position: 'relative', display: 'inline-block' } },
             control,
-            React__default['default'].createElement("span", { style: { position: 'absolute', bottom: 0, left: 0, height: 0 } },
-                React__default['default'].createElement("span", { "data-validation-message": "text", style: {
+            React__default["default"].createElement("span", { style: { position: 'absolute', bottom: 0, left: 0, height: 0 } },
+                React__default["default"].createElement("span", { "data-validation-message": "text", style: {
                         color: '#d43517',
                         overflow: 'visible',
                         whiteSpace: 'nowrap',
@@ -190,7 +191,7 @@ 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 = React__default['default'].createContext({
+var ValidationContext = React__default["default"].createContext({
     register: function () { return undefined; },
     unregister: function () { return undefined; },
     instanceProcessBlur: function () { return undefined; },
@@ -262,7 +263,7 @@ var ValidationContextWrapper = /** @class */ (function (_super) {
         }
     };
     ValidationContextWrapper.prototype.getChildWrappersSortedByPosition = function () {
-        var wrappersWithPosition = __spreadArrays(this.childWrappers).map(function (x) { return ({
+        var wrappersWithPosition = __spreadArray([], this.childWrappers, true).map(function (x) { return ({
             target: x,
             position: x.getControlPosition(),
         }); });
@@ -308,11 +309,11 @@ var ValidationContextWrapper = /** @class */ (function (_super) {
         });
     };
     ValidationContextWrapper.prototype.render = function () {
-        return (React__default['default'].createElement(ValidationContext.Provider, { value: this },
-            React__default['default'].createElement("span", null, this.props.children)));
+        return (React__default["default"].createElement(ValidationContext.Provider, { value: this },
+            React__default["default"].createElement("span", null, this.props.children)));
     };
     return ValidationContextWrapper;
-}(React__default['default'].Component));
+}(React__default["default"].Component));
 
 var ValidationContainer = /** @class */ (function (_super) {
     __extends(ValidationContainer, _super);
@@ -347,7 +348,7 @@ var ValidationContainer = /** @class */ (function (_super) {
         return this.childContext.validate(withoutFocus);
     };
     ValidationContainer.prototype.render = function () {
-        return (React__default['default'].createElement(ValidationContextWrapper, { 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 = {
@@ -357,12 +358,12 @@ var ValidationContainer = /** @class */ (function (_super) {
         scrollOffset: function (props, propName, componentName) {
             var scrollOffset = props.scrollOffset;
             if (typeof scrollOffset === 'number') {
-                return new Error("[" + componentName + "]: scrollOffset as a number type has been deprecated, now use object { top?: number; bottom?: number; }");
+                return new Error("[".concat(componentName, "]: scrollOffset as a number type has been deprecated, now use object { top?: number; bottom?: number; }"));
             }
         },
     };
     return ValidationContainer;
-}(React__default['default'].Component));
+}(React__default["default"].Component));
 
 function smoothScrollIntoView(element, scrollOffset) {
     return __awaiter(this, void 0, void 0, function () {
@@ -563,9 +564,11 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
         return _this;
     }
     ValidationWrapperInternal.prototype.componentDidMount = function () {
-        warning__default['default'](this.context, 'ValidationWrapper should appears as child of ValidationContainer.\n' +
+        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);
+        if (this.context) {
+            this.context.register(this);
+        }
         this.applyValidation(this.props.validation);
     };
     ValidationWrapperInternal.prototype.componentWillUnmount = function () {
@@ -604,7 +607,7 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
         var _this = this;
         var children = this.props.children;
         var validation = this.state.validation;
-        var clonedChild = children ? (React__default['default'].cloneElement(children, {
+        var clonedChild = children ? (React__default["default"].cloneElement(children, {
             ref: function (x) {
                 var child = children; // todo type or maybe React.Children.only
                 if (child && child.ref) {
@@ -652,9 +655,9 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
                     (_a = children.props).onValueChange.apply(_a, args);
                 }
             },
-        })) : (React__default['default'].createElement("span", null));
+        })) : (React__default["default"].createElement("span", null));
         if (ReactUiDetection.isComboBox(clonedChild)) {
-            clonedChild = React__default['default'].cloneElement(clonedChild, {
+            clonedChild = React__default["default"].cloneElement(clonedChild, {
                 onInputValueChange: function () {
                     var _a;
                     var args = [];
@@ -669,7 +672,7 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
                 },
             });
         }
-        return this.props.errorMessage(React__default['default'].createElement("span", { ref: this.setRootNode }, clonedChild), !!validation, validation);
+        return this.props.errorMessage(React__default["default"].createElement("span", { ref: this.setRootNode }, clonedChild), !!validation, validation);
     };
     ValidationWrapperInternal.prototype.getControlPosition = function () {
         var htmlElement = this.getRootNode();
@@ -744,7 +747,7 @@ var ValidationWrapperInternal = /** @class */ (function (_super) {
     };
     ValidationWrapperInternal.contextType = ValidationContext;
     return ValidationWrapperInternal;
-}(React__default['default'].Component));
+}(React__default["default"].Component));
 
 var ValidationWrapper = /** @class */ (function (_super) {
     __extends(ValidationWrapper, _super);
@@ -761,11 +764,11 @@ var ValidationWrapper = /** @class */ (function (_super) {
                 independent: validationInfo.independent || false,
             }
             : null;
-        return (React__default['default'].createElement(ValidationWrapperInternal, { errorMessage: renderMessage || tooltip('right top'), validation: validation }, children));
+        return (React__default["default"].createElement(ValidationWrapperInternal, { errorMessage: renderMessage || tooltip('right top'), validation: validation }, children));
     };
     ValidationWrapper.__KONTUR_REACT_UI__ = 'ValidationWrapper';
     return ValidationWrapper;
-}(React__default['default'].Component));
+}(React__default["default"].Component));
 
 var ValidationBuilder = /** @class */ (function () {
     function ValidationBuilder(writer, tokens, path, data) {
@@ -789,7 +792,7 @@ var ValidationBuilder = /** @class */ (function () {
         }
         var array = info.data;
         for (var i = 0; i < array.length; ++i) {
-            var path = __spreadArrays(info.path, [i.toString()]);
+            var path = __spreadArray(__spreadArray([], info.path, true), [i.toString()], false);
             var builder = new ValidationBuilder(this.writer, this.tokens, path, array[i]);
             rule(builder, builder.data, i, array);
         }
@@ -820,7 +823,7 @@ var ValidationBuilder = /** @class */ (function () {
             }
             data = data[part];
         }
-        return { data: data, path: __spreadArrays(this.path, path) };
+        return { data: data, path: __spreadArray(__spreadArray([], this.path, true), path, true) };
     };
     return ValidationBuilder;
 }());
@@ -908,7 +911,7 @@ function extractPath(lambda) {
     if (match && match.length === 3) {
         return (match[2] || '').replace(/(^\.\s*)/g, '');
     }
-    throw new Error("Not supported or invalid path: <" + lambda + ">");
+    throw new Error("Not supported or invalid path: <".concat(lambda, ">"));
 }
 function extractTokens(path) {
     return path.split(/[\s.[\]]+/g).filter(function (x) { return x; });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/react-ui-validations",
-  "version": "1.6.0-beta.1",
+  "version": "1.8.0",
   "description": "Validations for @skbkontur/react-ui",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -20,7 +20,7 @@
     "@skbkontur/react-ui": ">=0.53.7"
   },
   "dependencies": {
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.0",
     "smoothscroll-polyfill": "^0.4.4",
     "warning": "^4.0.3"
   },