@skbkontur/react-ui 4.10.0 → 4.11.0-revert-datatids

package/internal/CustomComboBox/CustomComboBox.d.ts

@@ -1,141 +1,139 @@
-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;
-    itemWrapper?: (item?: T) => React.ComponentType<unknown>;
-    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 const CustomComboBoxDataTids: {
-    readonly comboBoxView: "ComboBoxView__root";
-};
-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 isMobileLayout;
-    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;
-}
+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 { DropdownContainerProps } from '../DropdownContainer';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+export interface CustomComboBoxProps<T> extends Pick<DropdownContainerProps, 'menuPos'>, 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;
+    itemWrapper?: (item?: T) => React.ComponentType<unknown>;
+    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 isMobileLayout;
+    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

@@ -38,10 +38,6 @@ var calculatePos = function calculatePos(pos, minPos, maxPos) {
   return pos;
 };
 
-export var DateSelectDataTids = {
-  caption: 'DateSelect__caption',
-  menuItem: 'DateSelect__menuItem'
-};
 export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(DateSelect, _React$PureComponent);
 
@@ -313,7 +309,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       ref: this.refRoot
     };
     return /*#__PURE__*/React.createElement("span", rootProps, /*#__PURE__*/React.createElement("div", {
-      "data-tid": DateSelectDataTids.caption,
+      "data-tid": "DateSelect__caption",
       className: styles.caption(),
       onClick: this.open
     }, this.getItem(0), /*#__PURE__*/React.createElement("div", {
@@ -367,7 +363,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
         onClick: _this3.handleItemClick(i)
       };
       items.push( /*#__PURE__*/React.createElement("div", _extends({
-        "data-tid": DateSelectDataTids.menuItem,
+        "data-tid": "DateSelect__menuItem",
         "data-prop-disabled": disableItems,
         key: i,
         className: className,