refactor(Code style): add eslint rules for consistent type imports

eslint.config.js

@@ -100,6 +100,7 @@ module.exports = [
       '@typescript-eslint/ban-types': 2,
       '@typescript-eslint/camelcase': 0,
       '@typescript-eslint/array-type': [1, { default: 'array-simple' }],
+      '@typescript-eslint/consistent-type-imports': 'error',
       'jsx-a11y/click-events-have-key-events': 0,
       'jsx-a11y/no-static-element-interactions': 0,
       'jsx-a11y/no-noninteractive-tabindex': 0,

packages/react-ui-validations/.storybook/decorators/Theme/ThemeDecorator.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Decorator } from '@storybook/react';
+import type { Decorator } from '@storybook/react';
 import {
   DARK_THEME,
   DARK_THEME_5_0,

packages/react-ui-validations/.storybook/preview.tsx

@@ -1,8 +1,9 @@
 import { setFilter } from '@skbkontur/react-props2attrs';
 import { findAmongParents } from '@skbkontur/react-sorge/lib';
 import React from 'react';
-import { Preview } from '@storybook/react';
-import { LIVE_EXAMPLES_ADDON_ID, Config as LiveConfig } from '@skbkontur/storybook-addon-live-examples';
+import type { Preview } from '@storybook/react';
+import type { Config as LiveConfig } from '@skbkontur/storybook-addon-live-examples';
+import { LIVE_EXAMPLES_ADDON_ID } from '@skbkontur/storybook-addon-live-examples';
 import { addons } from '@storybook/manager-api';
 import { isNonNullable } from '@skbkontur/react-ui/lib/utils';
 import styled from 'styled-components';

packages/react-ui-validations/docs/Pages/Concepts/InlineValidations/ControlsWithValidations.ts

@@ -1,9 +1,12 @@
-import React, { ComponentType } from 'react';
-import { DatePicker, DatePickerProps } from '@skbkontur/react-ui/components/DatePicker';
+import type { ComponentType } from 'react';
+import React from 'react';
+import type { DatePickerProps } from '@skbkontur/react-ui/components/DatePicker';
+import { DatePicker } from '@skbkontur/react-ui/components/DatePicker';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import { RenderErrorMessage, ValidationInfo, ValidationWrapper } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { RenderErrorMessage, ValidationInfo } from '../../../../src';
+import { ValidationWrapper } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 
 type ValidationFunc<T> = (value: Nullable<T>) => Nullable<ValidationInfo>;
 interface ValidationProps<TValue> {

packages/react-ui-validations/docs/Pages/Concepts/InlineValidations/InlineValidations.demo.tsx

@@ -3,7 +3,7 @@ import { Button } from '@skbkontur/react-ui/components/Button';
 
 import { ValidationContainer } from '../../../../src';
 import { Form } from '../../../Common/Form';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 
 import { Input, DatePicker, lessThanDate } from './ControlsWithValidations';
 

packages/react-ui-validations/docs/Pages/Displaying/ErrorMessages/TextValidation.demo.tsx

@@ -1,13 +1,9 @@
 import React from 'react';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import {
-  ValidationContainer,
-  ValidationWrapper,
-  ValidationInfo,
-  text,
-} from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper, text } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 export default class TextValidationDemo extends React.Component {

packages/react-ui-validations/docs/Pages/Displaying/ErrorMessages/TooltipValidation.demo.tsx

@@ -1,13 +1,9 @@
 import React from 'react';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import {
-  ValidationContainer,
-  ValidationWrapper,
-  ValidationInfo,
-  tooltip,
-} from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper, tooltip } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface TooltipValidationDemoState {

packages/react-ui-validations/docs/Pages/Displaying/FeatureFlags/FeatureFlagsExampleValidationsRemoveDivWrapper.demo.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import { Button, Checkbox } from '@skbkontur/react-ui';
 
-import { ValidationContainer, ValidationInfo, ValidationWrapper } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 
 interface CheckboxState {
   checked: boolean;

packages/react-ui-validations/docs/Pages/Displaying/FormValidity/FormValidity.demo.tsx

@@ -3,13 +3,9 @@ import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 import { Gapped } from '@skbkontur/react-ui/components/Gapped';
 
-import {
-  ValidationBehaviour,
-  ValidationContainer,
-  ValidationInfo,
-  ValidationWrapper,
-} from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationBehaviour, ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface FormValidityDemoState {

packages/react-ui-validations/docs/Pages/Displaying/ScrollToValidation/ScrollToValidation.demo.tsx

@@ -2,10 +2,11 @@ import React from 'react';
 import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import { ValidationContainer, ValidationInfo, ValidationWrapper } from '../../../../src';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper } from '../../../../src';
 import { Form } from '../../../Common/Form';
 import { SpaceFiller } from '../../../Common/SpaceFiller';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 
 export default class ScrollToValidationDemo extends React.Component {
   public state = {

packages/react-ui-validations/docs/Pages/Displaying/ValidationLevel/ValidationError.demo.tsx

@@ -1,13 +1,9 @@
 import React, { useState } from 'react';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import {
-  ValidationContainer,
-  ValidationWrapper,
-  ValidationInfo,
-  text,
-} from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper, text } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 const validate = (value: string): Nullable<ValidationInfo> => {

packages/react-ui-validations/docs/Pages/Displaying/ValidationLevel/ValidationWarning.demo.tsx

@@ -1,13 +1,9 @@
 import React, { useState } from 'react';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import {
-  ValidationContainer,
-  ValidationWrapper,
-  ValidationInfo,
-  text,
-} from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper, text } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 const validate = (value: string): Nullable<ValidationInfo> => {

packages/react-ui-validations/docs/Pages/Displaying/ValidationType/ImmediateValidation.demo.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import { ValidationContainer, ValidationWrapper, ValidationInfo } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 export default class ImmediateValidationDemo extends React.Component {

packages/react-ui-validations/docs/Pages/Displaying/ValidationType/LostfocusValidation.demo.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import { ValidationContainer, ValidationWrapper, ValidationInfo } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface LostfocusValidationDemoState {

packages/react-ui-validations/docs/Pages/Displaying/ValidationType/SubmitValidation.demo.tsx

@@ -2,8 +2,9 @@ import React from 'react';
 import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import { ValidationContainer, ValidationWrapper, ValidationInfo } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 export default class SubmitValidationDemo extends React.Component {

packages/react-ui-validations/docs/Pages/Examples/ArrayExample/ArrayExample.demo.tsx

@@ -10,7 +10,7 @@ import {
   ValidationContainer,
   ValidationWrapper,
 } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface ArrayExampleDemoState {

packages/react-ui-validations/docs/Pages/Examples/CustomControls/CustomControls.demo.tsx

@@ -1,12 +1,8 @@
 import React from 'react';
 import { Button, Gapped, Input, Select } from '@skbkontur/react-ui';
 
-import {
-  ValidationBehaviour,
-  ValidationContainer,
-  ValidationInfo,
-  ValidationWrapper,
-} from '../../../../src';
+import type { ValidationBehaviour, ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper } from '../../../../src';
 import { Form } from '../../../Common/Form';
 
 interface CustomControlProps<Elem = HTMLElement> {

packages/react-ui-validations/docs/Pages/Examples/Editors/Editors.demo.tsx

@@ -10,7 +10,7 @@ import { Select } from '@skbkontur/react-ui/components/Select';
 import { Textarea } from '@skbkontur/react-ui/components/Textarea';
 
 import { createValidator, ValidationContainer, ValidationWrapper } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 export interface ContactInfo {

packages/react-ui-validations/docs/Pages/Examples/GuidesExample/GuidesExample.demo.tsx

@@ -3,7 +3,7 @@ import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
 import { ValidationContainer, ValidationWrapper, createValidator } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface Organization {

packages/react-ui-validations/docs/Pages/Validator/Arrays/ObjectArray.demo.tsx

@@ -3,7 +3,7 @@ import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
 import { createValidator, ValidationContainer, ValidationWrapper } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface ContactInfo {

packages/react-ui-validations/docs/Pages/Validator/Arrays/PrimitiveTypeArray.demo.tsx

@@ -3,7 +3,7 @@ import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
 import { ValidationContainer, ValidationWrapper, createValidator } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 const validate = createValidator<string[]>((b) => {

packages/react-ui-validations/docs/Pages/Validator/Independent/LostfocusDependent.demo.tsx

@@ -1,13 +1,9 @@
 import React from 'react';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import {
-  ValidationContainer,
-  ValidationWrapper,
-  ValidationInfo,
-  text,
-} from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper, text } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 export default class LostfocusDependentDemo extends React.Component {

packages/react-ui-validations/docs/Pages/Validator/Independent/LostfocusIndependent.demo.tsx

@@ -1,13 +1,9 @@
 import React from 'react';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import {
-  ValidationContainer,
-  ValidationWrapper,
-  ValidationInfo,
-  text,
-} from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { ValidationInfo } from '../../../../src';
+import { ValidationContainer, ValidationWrapper, text } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface LostfocusDependentErrorValidationDemoState {

packages/react-ui-validations/docs/Pages/Validator/Independent/Mixture.demo.tsx

@@ -1,14 +1,9 @@
 import React from 'react';
 import { Button, Gapped, Input } from '@skbkontur/react-ui';
 
-import { Nullable } from '../../../../typings/Types';
-import {
-  text,
-  ValidationBehaviour,
-  ValidationContainer,
-  ValidationInfo,
-  ValidationWrapper,
-} from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
+import type { ValidationBehaviour, ValidationInfo } from '../../../../src';
+import { text, ValidationContainer, ValidationWrapper } from '../../../../src';
 import { Form } from '../../../Common/Form';
 
 interface IndependentCompareState {

packages/react-ui-validations/docs/Pages/Validator/MissingNodes/MissingObjectNode.demo.tsx

@@ -4,7 +4,7 @@ import { Input } from '@skbkontur/react-ui/components/Input';
 import { Toggle } from '@skbkontur/react-ui/components/Toggle';
 
 import { ValidationContainer, ValidationWrapper, createValidator } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface ContactInfo {

packages/react-ui-validations/docs/Pages/Validator/MissingNodes/MissingUiNode.demo.tsx

@@ -4,7 +4,7 @@ import { Input } from '@skbkontur/react-ui/components/Input';
 import { Toggle } from '@skbkontur/react-ui/components/Toggle';
 
 import { ValidationContainer, ValidationWrapper, createValidator } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface ContactInfo {

packages/react-ui-validations/docs/Pages/Validator/Objects/FlatObject.demo.tsx

@@ -3,7 +3,7 @@ import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
 import { createValidator, ValidationContainer, ValidationWrapper } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface ContactInfo {

packages/react-ui-validations/docs/Pages/Validator/Objects/NestedObject.demo.tsx

@@ -3,7 +3,7 @@ import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
 import { ValidationContainer, ValidationWrapper, createValidator } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface FullName {

packages/react-ui-validations/docs/Pages/Validator/Objects/PrimitiveType.demo.tsx

@@ -3,7 +3,7 @@ import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
 import { ValidationContainer, ValidationWrapper, createValidator } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
 
 interface PrimitiveTypeDemoState {

packages/react-ui-validations/docs/Pages/Validator/Reusable/Reusable.demo.tsx

@@ -2,15 +2,10 @@ import React from 'react';
 import { Button } from '@skbkontur/react-ui/components/Button';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import { Nullable } from '../../../../typings/Types';
+import type { Nullable } from '../../../../typings/Types';
 import { Form } from '../../../Common/Form';
-import {
-  ValidationContainer,
-  ValidationWrapper,
-  createValidator,
-  ValidationBuilder,
-  ValidationRule,
-} from '../../../../src';
+import type { ValidationBuilder, ValidationRule } from '../../../../src';
+import { ValidationContainer, ValidationWrapper, createValidator } from '../../../../src';
 
 interface ReusableDemoState {
   email: string;

packages/react-ui-validations/docs/Pages_NEW/Concepts/InlineValidations/ControlsWithValidations.ts

@@ -1,9 +1,12 @@
-import React, { ComponentType } from 'react';
-import { DatePicker, DatePickerProps } from '@skbkontur/react-ui/components/DatePicker';
+import type { ComponentType } from 'react';
+import React from 'react';
+import type { DatePickerProps } from '@skbkontur/react-ui/components/DatePicker';
+import { DatePicker } from '@skbkontur/react-ui/components/DatePicker';
 import { Input } from '@skbkontur/react-ui/components/Input';
 
-import { RenderErrorMessage, ValidationInfo, ValidationWrapper } from '../../../../src';
-import { Nullable } from '../../../../typings/Types';
+import type { RenderErrorMessage, ValidationInfo } from '../../../../src';
+import { ValidationWrapper } from '../../../../src';
+import type { Nullable } from '../../../../typings/Types';
 
 type ValidationFunc<T> = (value: Nullable<T>) => Nullable<ValidationInfo>;
 interface ValidationProps<TValue> {