@skbkontur/react-ui 3.9.2 → 3.10.0-beta.1

package/internal/CustomComboBox/CustomComboBox.d.ts

@@ -1,135 +1,136 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { Input, InputIconType } from '../../components/Input';
-import { Menu } from '../Menu';
-import { InputLikeText } from '../InputLikeText';
-import { MenuItemState } from '../../components/MenuItem';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export interface CustomComboBoxProps<T> extends CommonProps {
-    align?: 'left' | 'center' | 'right';
-    autoFocus?: boolean;
-    borderless?: boolean;
-    disablePortal?: boolean;
-    disabled?: boolean;
-    /**
-     * Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    maxLength?: number;
-    menuAlign?: 'left' | 'right';
-    drawArrow?: boolean;
-    leftIcon?: InputIconType;
-    rightIcon?: InputIconType;
-    searchOnFocus?: boolean;
-    onValueChange?: (value: T) => void;
-    onInputValueChange?: (value: string) => Nullable<string> | void;
-    onUnexpectedInput?: (value: string) => void | null | T;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
-    placeholder?: string;
-    size?: 'small' | 'medium' | 'large';
-    totalCount?: number;
-    value?: Nullable<T>;
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    width?: string | number;
-    maxMenuHeight?: number | string;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
-    renderValue: (value: T) => React.ReactNode;
-    renderAddButton?: (query?: string) => React.ReactNode;
-    valueToString: (value: T) => string;
-    itemToValue: (item: T) => string | number;
-    getItems: (query: string) => Promise<T[]>;
-    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
-}
-export interface CustomComboBoxState<T> {
-    editing: boolean;
-    loading: boolean;
-    opened: boolean;
-    textValue: string;
-    items: Nullable<T[]>;
-    inputChanged: boolean;
-    focused: boolean;
-    repeatRequest: () => void;
-    requestStatus: ComboBoxRequestStatus;
-}
-export declare const DELAY_BEFORE_SHOW_LOADER = 300;
-export declare const LOADER_SHOW_TIME = 1000;
-export declare const DefaultState: {
-    inputChanged: boolean;
-    editing: boolean;
-    items: null;
-    loading: boolean;
-    opened: boolean;
-    focused: boolean;
-    textValue: string;
-    repeatRequest: () => undefined;
-    requestStatus: ComboBoxRequestStatus;
-};
-export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    state: CustomComboBoxState<T>;
-    input: Nullable<Input>;
-    menu: Nullable<Menu>;
-    inputLikeText: Nullable<InputLikeText>;
-    requestId: number;
-    loaderShowDelay: Nullable<Promise<void>>;
-    private focused;
-    private cancelationToken;
-    private reducer;
-    cancelLoaderDelay: () => void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    selectInputText: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    /**
-     * @public
-     */
-    search(query?: string): Promise<void>;
-    /**
-     * @public
-     */
-    cancelSearch(): void;
-    /**
-     * @public
-     */
-    open(): void;
-    /**
-     * @public
-     */
-    close(): void;
-    render(): JSX.Element;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>): void;
-    /**
-     * @public
-     */
-    reset(): void;
-    private dispatch;
-    private handleEffect;
-    private getProps;
-    private getState;
-    private handleValueChange;
-    private handleFocus;
-    private handleClickOutside;
-    private handleBlur;
-    private handleInputBlur;
-    private handleInputClick;
-}
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { Input, InputIconType } from '../../components/Input';
+import { Menu } from '../Menu';
+import { InputLikeText } from '../InputLikeText';
+import { MenuItemState } from '../../components/MenuItem';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+export interface CustomComboBoxProps<T> extends CommonProps {
+    align?: 'left' | 'center' | 'right';
+    autoFocus?: boolean;
+    borderless?: boolean;
+    disablePortal?: boolean;
+    disabled?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    maxLength?: number;
+    menuAlign?: 'left' | 'right';
+    drawArrow?: boolean;
+    leftIcon?: InputIconType;
+    rightIcon?: InputIconType;
+    searchOnFocus?: boolean;
+    onValueChange?: (value: T) => void;
+    onInputValueChange?: (value: string) => Nullable<string> | void;
+    onUnexpectedInput?: (value: string) => void | null | T;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseOver?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    placeholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    totalCount?: number;
+    value?: Nullable<T>;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    width?: string | number;
+    maxMenuHeight?: number | string;
+    renderNotFound?: () => React.ReactNode;
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
+    renderValue: (value: T) => React.ReactNode;
+    renderAddButton?: (query?: string) => React.ReactNode;
+    valueToString: (value: T) => string;
+    itemToValue: (item: T) => string | number;
+    getItems: (query: string) => Promise<T[]>;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+}
+export interface CustomComboBoxState<T> {
+    editing: boolean;
+    loading: boolean;
+    opened: boolean;
+    textValue: string;
+    items: Nullable<T[]>;
+    inputChanged: boolean;
+    focused: boolean;
+    repeatRequest: () => void;
+    requestStatus: ComboBoxRequestStatus;
+}
+export declare const DELAY_BEFORE_SHOW_LOADER = 300;
+export declare const LOADER_SHOW_TIME = 1000;
+export declare const DefaultState: {
+    inputChanged: boolean;
+    editing: boolean;
+    items: null;
+    loading: boolean;
+    opened: boolean;
+    focused: boolean;
+    textValue: string;
+    repeatRequest: () => undefined;
+    requestStatus: ComboBoxRequestStatus;
+};
+export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    state: CustomComboBoxState<T>;
+    input: Nullable<Input>;
+    menu: Nullable<Menu>;
+    inputLikeText: Nullable<InputLikeText>;
+    requestId: number;
+    loaderShowDelay: Nullable<Promise<void>>;
+    private focused;
+    private cancelationToken;
+    private reducer;
+    cancelLoaderDelay: () => void;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    selectInputText: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private setRootNode;
+    /**
+     * @public
+     */
+    search(query?: string): Promise<void>;
+    /**
+     * @public
+     */
+    cancelSearch(): void;
+    /**
+     * @public
+     */
+    open(): void;
+    /**
+     * @public
+     */
+    close(): void;
+    render(): JSX.Element;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>): void;
+    /**
+     * @public
+     */
+    reset(): void;
+    private dispatch;
+    private handleEffect;
+    private getProps;
+    private getState;
+    private handleValueChange;
+    private handleFocus;
+    private handleClickOutside;
+    private handleBlur;
+    private handleInputBlur;
+    private handleInputClick;
+}

package/internal/CustomComboBox/CustomComboBox.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const styles: {
-    root(): string;
-    spinnerWrapper(): string;
-    rightIconWrapper(): string;
-};
+export declare const styles: {
+    root(): string;
+    spinnerWrapper(): string;
+    rightIconWrapper(): string;
+};

package/internal/CustomComboBox/CustomComboBoxReducer.d.ts

@@ -1,71 +1,71 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CustomComboBox, CustomComboBoxProps, CustomComboBoxState } from './CustomComboBox';
-export declare type CustomComboBoxAction<T> = {
-    type: 'ValueChange';
-    value: T;
-    keepFocus: boolean;
-} | {
-    type: 'TextChange';
-    value: string;
-} | {
-    type: 'KeyPress';
-    event: React.KeyboardEvent;
-} | {
-    type: 'DidUpdate';
-    prevProps: CustomComboBoxProps<T>;
-    prevState: CustomComboBoxState<T>;
-} | {
-    type: 'Mount';
-} | {
-    type: 'Focus';
-} | {
-    type: 'InputClick';
-} | {
-    type: 'Blur';
-} | {
-    type: 'Reset';
-} | {
-    type: 'Open';
-} | {
-    type: 'Close';
-} | {
-    type: 'Search';
-    query: string;
-} | {
-    type: 'RequestItems';
-} | {
-    type: 'ReceiveItems';
-    items: T[];
-} | {
-    type: 'RequestFailure';
-    repeatRequest: () => void;
-} | {
-    type: 'CancelRequest';
-};
-export declare type CustomComboBoxEffect<T> = (dispatch: (action: CustomComboBoxAction<T>) => void, getState: () => CustomComboBoxState<T>, getProps: () => CustomComboBoxProps<T>, getInstance: () => CustomComboBox<T>) => void;
-declare type Effect = CustomComboBoxEffect<any>;
-interface EffectFactory {
-    Search: (query: string) => Effect;
-    DebouncedSearch: Effect & {
-        cancel(): void;
-        flush(): void;
-    };
-    CancelRequest: Effect;
-    Blur: Effect;
-    Focus: Effect;
-    ValueChange: (value: any) => Effect;
-    UnexpectedInput: (textValue: string, items: Nullable<any[]>) => Effect;
-    InputChange: Effect;
-    InputFocus: Effect;
-    HighlightMenuItem: Effect;
-    SelectMenuItem: (event: React.KeyboardEvent<HTMLElement>) => Effect;
-    InputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => Effect;
-    MoveMenuHighlight: (direction: 'up' | 'down') => Effect;
-    ResetHighlightedMenuItem: Effect;
-    Reflow: Effect;
-    SelectInputText: Effect;
-}
-export declare const Effect: EffectFactory;
-export declare function reducer<T>(state: CustomComboBoxState<T>, props: CustomComboBoxProps<T>, action: CustomComboBoxAction<T>): Pick<CustomComboBoxState<T>, never> | [Pick<CustomComboBoxState<T>, never>, Array<CustomComboBoxEffect<T>>];
-export {};
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { CustomComboBox, CustomComboBoxProps, CustomComboBoxState } from './CustomComboBox';
+export declare type CustomComboBoxAction<T> = {
+    type: 'ValueChange';
+    value: T;
+    keepFocus: boolean;
+} | {
+    type: 'TextChange';
+    value: string;
+} | {
+    type: 'KeyPress';
+    event: React.KeyboardEvent;
+} | {
+    type: 'DidUpdate';
+    prevProps: CustomComboBoxProps<T>;
+    prevState: CustomComboBoxState<T>;
+} | {
+    type: 'Mount';
+} | {
+    type: 'Focus';
+} | {
+    type: 'InputClick';
+} | {
+    type: 'Blur';
+} | {
+    type: 'Reset';
+} | {
+    type: 'Open';
+} | {
+    type: 'Close';
+} | {
+    type: 'Search';
+    query: string;
+} | {
+    type: 'RequestItems';
+} | {
+    type: 'ReceiveItems';
+    items: T[];
+} | {
+    type: 'RequestFailure';
+    repeatRequest: () => void;
+} | {
+    type: 'CancelRequest';
+};
+export declare type CustomComboBoxEffect<T> = (dispatch: (action: CustomComboBoxAction<T>) => void, getState: () => CustomComboBoxState<T>, getProps: () => CustomComboBoxProps<T>, getInstance: () => CustomComboBox<T>) => void;
+declare type Effect = CustomComboBoxEffect<any>;
+interface EffectFactory {
+    Search: (query: string) => Effect;
+    DebouncedSearch: Effect & {
+        cancel(): void;
+        flush(): void;
+    };
+    CancelRequest: Effect;
+    Blur: Effect;
+    Focus: Effect;
+    ValueChange: (value: any) => Effect;
+    UnexpectedInput: (textValue: string, items: Nullable<any[]>) => Effect;
+    InputChange: Effect;
+    InputFocus: Effect;
+    HighlightMenuItem: Effect;
+    SelectMenuItem: (event: React.KeyboardEvent<HTMLElement>) => Effect;
+    InputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => Effect;
+    MoveMenuHighlight: (direction: 'up' | 'down') => Effect;
+    ResetHighlightedMenuItem: Effect;
+    Reflow: Effect;
+    SelectInputText: Effect;
+}
+export declare const Effect: EffectFactory;
+export declare function reducer<T>(state: CustomComboBoxState<T>, props: CustomComboBoxProps<T>, action: CustomComboBoxAction<T>): Pick<CustomComboBoxState<T>, never> | [Pick<CustomComboBoxState<T>, never>, Array<CustomComboBoxEffect<T>>];
+export {};

package/internal/CustomComboBox/CustomComboBoxTypes.d.ts

@@ -1,6 +1,6 @@
-export declare enum ComboBoxRequestStatus {
-    Pending = 0,
-    Success = 1,
-    Failed = 2,
-    Unknown = 3
-}
+export declare enum ComboBoxRequestStatus {
+    Pending = 0,
+    Success = 1,
+    Failed = 2,
+    Unknown = 3
+}

package/internal/CustomComboBox/index.d.ts

@@ -1,2 +1,2 @@
-export * from './CustomComboBox';
-export * from './ComboBoxMenu';
+export * from './CustomComboBox';
+export * from './ComboBoxMenu';

package/internal/CustomComboBox/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { ComboBoxLocale } from './types';
-export * from './types';
-export declare const CustomComboBoxLocaleHelper: LocaleHelper<ComboBoxLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { ComboBoxLocale } from './types';
+export * from './types';
+export declare const CustomComboBoxLocaleHelper: LocaleHelper<ComboBoxLocale>;

package/internal/CustomComboBox/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { ComboBoxLocale } from '../types';
-export declare const componentsLocales: ComboBoxLocale;
+import { ComboBoxLocale } from '../types';
+export declare const componentsLocales: ComboBoxLocale;

package/internal/CustomComboBox/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { ComboBoxLocale } from '../types';
-export declare const componentsLocales: ComboBoxLocale;
+import { ComboBoxLocale } from '../types';
+export declare const componentsLocales: ComboBoxLocale;

package/internal/CustomComboBox/locale/types.d.ts

@@ -1,5 +1,5 @@
-export interface ComboBoxLocale {
-    notFound: string;
-    errorNetworkButton: string;
-    errorNetworkMessage: string;
-}
+export interface ComboBoxLocale {
+    notFound: string;
+    errorNetworkButton: string;
+    errorNetworkMessage: string;
+}

package/internal/DateSelect/DateSelect/DateSelect.js

@@ -22,8 +22,8 @@ var itemsToMoveCount = -5;
 var monthsCount = 12;
 var defaultMinYear = 1900;
 var defaultMaxYear = 2100;
-export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(DateSelect, _React$Component);
+export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(DateSelect, _React$PureComponent);
 
   function DateSelect() {
     var _this;
@@ -32,7 +32,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       args[_key] = arguments[_key];
     }
 
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
     _this.state = {
       botCapped: false,
       current: 0,
@@ -240,7 +240,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
 
   var _proto = DateSelect.prototype;
 
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps() {
+  _proto.componentDidUpdate = function componentDidUpdate() {
     this.setNodeTop();
   };
 
@@ -489,7 +489,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
   };
 
   return DateSelect;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = {
   disabled: PropTypes.bool,
   type: PropTypes.string,
   value: PropTypes.number.isRequired,