@skbkontur/react-ui 4.17.4 → 4.18.0-fix-safari-textarea

package/components/Select/Select.d.ts

@@ -1,172 +1,172 @@
-import React, { ReactNode, ReactPortal, AriaAttributes } from 'react';
-import { ButtonUse } from '../Button';
-import { DropdownContainerProps } from '../../internal/DropdownContainer';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-import { Item } from './Item';
-export interface ButtonParams extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {
-    disabled?: boolean;
-    label: React.ReactNode;
-    onClick: () => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-    opened: boolean;
-    isPlaceholder: boolean;
-    size: SizeProp;
-}
-export declare const SelectDataTids: {
-    readonly root: "Select__root";
-    readonly menu: "Select__menu";
-};
-export declare const SelectIds: {
-    readonly menu: "Select__menu";
-};
-declare type SelectItem<TValue, TItem> = [TValue, TItem, React.ReactNode?] | TItem | TValue | React.ReactElement | (() => React.ReactElement);
-export interface SelectProps<TValue, TItem> extends CommonProps, Pick<DropdownContainerProps, 'menuPos'>, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'> {
-    /** @ignore */
-    _icon?: React.ReactNode;
-    /** @ignore */
-    _renderButton?: (params: ButtonParams) => React.ReactNode;
-    defaultValue?: TValue;
-    /**
-     * Отключает использование портала
-     */
-    disablePortal?: boolean;
-    disabled?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;
-    /**
-     * Набор значений. Поддерживаются любые перечисляемые типы, в том числе
-     * `Array`, `Map`, `Immutable.Map`.
-     *
-     * Элементы воспринимаются следующим образом: если элемент — это массив, то
-     * первый элемент является значением, второй — отображается в списке,
-     * а третий – комментарий;
-     * если элемент не является массивом, то он используется и для отображения,
-     * и для значения.
-     *
-     * Для вставки разделителя можно использовать `Select.SEP`.
-     *
-     * Вставить невыделяемый элемент со своей разметкой можно так:
-     * ```
-     * <Select ...
-     *   items={[Select.static(() => <div>My Element</div>)]}
-     * />
-     * ```
-     *
-     * Чтобы добавить стандартный отступ для статического элемента:
-     * ```
-     * <Select.Item>My Element</Select.Item>
-     * ```
-     */
-    items?: Array<SelectItem<TValue, TItem>>;
-    maxMenuHeight?: number;
-    maxWidth?: React.CSSProperties['maxWidth'];
-    menuAlign?: 'left' | 'right';
-    menuWidth?: React.CSSProperties['width'];
-    onValueChange?: (value: TValue) => void;
-    onClose?: () => void;
-    onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
-    onOpen?: () => void;
-    placeholder?: React.ReactNode;
-    /**
-     * Функция для отрисовки элемента в выпадающем списке. Аргументы — *value*,
-     * *item*.
-     */
-    renderItem?: (value: TValue, item?: TItem) => React.ReactNode;
-    /**
-     * Функция для отрисовки выбранного элемента. Аргументы — *value*, *item*.
-     */
-    renderValue?: (value: TValue, item?: TItem) => React.ReactNode;
-    /**
-     * Функция для сравнения `value` с элементом из `items`
-     */
-    areValuesEqual?: (value1: TValue, value2: TValue) => boolean;
-    /**
-     * Показывать строку поиска в списке.
-     */
-    search?: boolean;
-    value?: TValue;
-    width?: number | string;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    use?: ButtonUse;
-    size?: SizeProp;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    /**
-     * Текст заголовка выпадающего меню в мобильной версии
-     */
-    mobileMenuHeaderText?: string;
-}
-export interface SelectState<TValue> {
-    opened: boolean;
-    searchPattern: string;
-    value: Nullable<TValue>;
-}
-declare type DefaultProps<TValue, TItem> = Required<Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use' | 'size'>>;
-export declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: DefaultProps<unknown, ReactNode | ReactPortal>;
-    static Item: typeof Item;
-    static SEP: () => JSX.Element;
-    static static: (element: React.ReactElement | (() => React.ReactElement)) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | (() => React.ReactElement);
-    state: SelectState<TValue>;
-    private theme;
-    private isMobileLayout;
-    private readonly locale;
-    private menu;
-    private menuId;
-    private buttonElement;
-    private getProps;
-    private setRootNode;
-    componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    open: () => void;
-    /**
-     * @public
-     */
-    close: () => void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    private getMenuRenderer;
-    private renderMain;
-    private getDefaultButtonParams;
-    private renderLabel;
-    private getLeftIconClass;
-    private renderDefaultButton;
-    private getSelectIconGap;
-    private renderMenu;
-    private getSearch;
-    private renderMobileMenu;
-    private getMobileSearch;
-    private getMenuItems;
-    private dropdownContainerGetParent;
-    private focusInput;
-    private debouncedFocusInput;
-    private refMenu;
-    private toggle;
-    private handleKey;
-    private handleSearch;
-    private select;
-    private getValue;
-    private mapItems;
-    private getItemByValue;
-    private areValuesEqual;
-    private buttonRef;
-    private getButton;
-}
-export {};
+import React, { ReactNode, ReactPortal, AriaAttributes } from 'react';
+import { ButtonUse } from '../Button';
+import { DropdownContainerProps } from '../../internal/DropdownContainer';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+import { Item } from './Item';
+export interface ButtonParams extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {
+    disabled?: boolean;
+    label: React.ReactNode;
+    onClick: () => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    opened: boolean;
+    isPlaceholder: boolean;
+    size: SizeProp;
+}
+export declare const SelectDataTids: {
+    readonly root: "Select__root";
+    readonly menu: "Select__menu";
+};
+export declare const SelectIds: {
+    readonly menu: "Select__menu";
+};
+declare type SelectItem<TValue, TItem> = [TValue, TItem, React.ReactNode?] | TItem | TValue | React.ReactElement | (() => React.ReactElement);
+export interface SelectProps<TValue, TItem> extends CommonProps, Pick<DropdownContainerProps, 'menuPos'>, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'> {
+    /** @ignore */
+    _icon?: React.ReactNode;
+    /** @ignore */
+    _renderButton?: (params: ButtonParams) => React.ReactNode;
+    defaultValue?: TValue;
+    /**
+     * Отключает использование портала
+     */
+    disablePortal?: boolean;
+    disabled?: boolean;
+    /**
+     * Состояние валидации при ошибке.
+     */
+    error?: boolean;
+    filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;
+    /**
+     * Набор значений. Поддерживаются любые перечисляемые типы, в том числе
+     * `Array`, `Map`, `Immutable.Map`.
+     *
+     * Элементы воспринимаются следующим образом: если элемент — это массив, то
+     * первый элемент является значением, второй — отображается в списке,
+     * а третий – комментарий;
+     * если элемент не является массивом, то он используется и для отображения,
+     * и для значения.
+     *
+     * Для вставки разделителя можно использовать `Select.SEP`.
+     *
+     * Вставить невыделяемый элемент со своей разметкой можно так:
+     * ```
+     * <Select ...
+     *   items={[Select.static(() => <div>My Element</div>)]}
+     * />
+     * ```
+     *
+     * Чтобы добавить стандартный отступ для статического элемента:
+     * ```
+     * <Select.Item>My Element</Select.Item>
+     * ```
+     */
+    items?: Array<SelectItem<TValue, TItem>>;
+    maxMenuHeight?: number;
+    maxWidth?: React.CSSProperties['maxWidth'];
+    menuAlign?: 'left' | 'right';
+    menuWidth?: React.CSSProperties['width'];
+    onValueChange?: (value: TValue) => void;
+    onClose?: () => void;
+    onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
+    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    onOpen?: () => void;
+    placeholder?: React.ReactNode;
+    /**
+     * Функция для отрисовки элемента в выпадающем списке. Аргументы — *value*,
+     * *item*.
+     */
+    renderItem?: (value: TValue, item?: TItem) => React.ReactNode;
+    /**
+     * Функция для отрисовки выбранного элемента. Аргументы — *value*, *item*.
+     */
+    renderValue?: (value: TValue, item?: TItem) => React.ReactNode;
+    /**
+     * Функция для сравнения `value` с элементом из `items`
+     */
+    areValuesEqual?: (value1: TValue, value2: TValue) => boolean;
+    /**
+     * Показывать строку поиска в списке.
+     */
+    search?: boolean;
+    value?: TValue;
+    width?: number | string;
+    /**
+     * Состояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    use?: ButtonUse;
+    size?: SizeProp;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    /**
+     * Текст заголовка выпадающего меню в мобильной версии
+     */
+    mobileMenuHeaderText?: string;
+}
+export interface SelectState<TValue> {
+    opened: boolean;
+    searchPattern: string;
+    value: Nullable<TValue>;
+}
+declare type DefaultProps<TValue, TItem> = Required<Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use' | 'size'>>;
+export declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: DefaultProps<unknown, ReactNode | ReactPortal>;
+    static Item: typeof Item;
+    static SEP: () => JSX.Element;
+    static static: (element: React.ReactElement | (() => React.ReactElement)) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | (() => React.ReactElement);
+    state: SelectState<TValue>;
+    private theme;
+    private isMobileLayout;
+    private readonly locale;
+    private menu;
+    private menuId;
+    private buttonElement;
+    private getProps;
+    private setRootNode;
+    componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    open: () => void;
+    /**
+     * @public
+     */
+    close: () => void;
+    /**
+     * @public
+     */
+    focus: () => void;
+    private getMenuRenderer;
+    private renderMain;
+    private getDefaultButtonParams;
+    private renderLabel;
+    private getLeftIconClass;
+    private renderDefaultButton;
+    private getSelectIconGap;
+    private renderMenu;
+    private getSearch;
+    private renderMobileMenu;
+    private getMobileSearch;
+    private getMenuItems;
+    private dropdownContainerGetParent;
+    private focusInput;
+    private debouncedFocusInput;
+    private refMenu;
+    private toggle;
+    private handleKey;
+    private handleSearch;
+    private select;
+    private getValue;
+    private mapItems;
+    private getItemByValue;
+    private areValuesEqual;
+    private buttonRef;
+    private getButton;
+}
+export {};

package/components/Select/Select.styles.d.ts

@@ -1,18 +1,18 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    rootMobile(t: Theme): string;
-    placeholder(t: Theme): string;
-    placeholderDisabled(t: Theme): string;
-    customUsePlaceholder(): string;
-    arrowWrap(t: Theme): string;
-    arrowDisabled(t: Theme): string;
-    customUseArrow(): string;
-    label(): string;
-    search(): string;
-    leftIconSmall(t: Theme): string;
-    leftIconMedium(t: Theme): string;
-    leftIconLarge(t: Theme): string;
-    leftIconLink(t: Theme): string;
-    selectButtonContainer(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    rootMobile(t: Theme): string;
+    placeholder(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
+    customUsePlaceholder(): string;
+    arrowWrap(t: Theme): string;
+    arrowDisabled(t: Theme): string;
+    customUseArrow(): string;
+    label(): string;
+    search(): string;
+    leftIconSmall(t: Theme): string;
+    leftIconMedium(t: Theme): string;
+    leftIconLarge(t: Theme): string;
+    leftIconLink(t: Theme): string;
+    selectButtonContainer(): string;
+};

package/components/Select/index.d.ts

@@ -1 +1 @@
-export * from './Select';
+export * from './Select';

package/components/Select/locale/index.d.ts

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

package/components/Select/locale/locales/en.d.ts

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

package/components/Select/locale/locales/ru.d.ts

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

package/components/Select/locale/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export interface SelectLocale {
-    placeholder: React.ReactNode;
-}
+import React from 'react';
+export interface SelectLocale {
+    placeholder: React.ReactNode;
+}

package/components/Select/selectTheme.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../../lib/theming/Theme';
-import { SelectProps } from './Select';
-export declare const getSelectTheme: (theme: Theme, props: SelectProps<any, any>) => Theme;
+import { Theme } from '../../lib/theming/Theme';
+import { SelectProps } from './Select';
+export declare const getSelectTheme: (theme: Theme, props: SelectProps<any, any>) => Theme;

package/components/SidePage/SidePage.d.ts

@@ -1,115 +1,115 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SidePageBody } from './SidePageBody';
-import { SidePageContainer } from './SidePageContainer';
-import { SidePageFooter } from './SidePageFooter';
-import { SidePageHeader } from './SidePageHeader';
-export interface SidePageProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label'> {
-    /**
-     * Добавить блокирующий фон, когда сайдпейдж открыт
-     */
-    blockBackground?: boolean;
-    /**
-     * Отключает событие onClose, также дизейблит кнопку закрытия сайдпейджа
-     */
-    disableClose?: boolean;
-    /**
-     * Не закрывать сайдпейдж при клике на фон.
-     */
-    ignoreBackgroundClick?: boolean;
-    /**
-     * Задать ширину сайдпейджа
-     */
-    width?: number | string;
-    /**
-     * Вызывается, когда пользователь запросил закрытие сайдпейджа (нажал на фон, на
-     * Escape или на крестик).
-     */
-    onClose?: () => void;
-    /**
-     * Вызывается, когда анимация открытия сайдпейджа полностью прошла
-     */
-    onOpened?: () => void;
-    /**
-     * Показывать сайдпэйдж слева
-     *
-     */
-    fromLeft?: boolean;
-    /**
-     * Отключить анимации
-     *
-     */
-    disableAnimations?: boolean;
-    /**
-     * Работает только при заблокированном фоне: `blockBackground = true`
-     */
-    disableFocusLock?: boolean;
-    /**
-     * задает отступ от края экрана
-     */
-    offset?: number | string;
-}
-export interface SidePageState {
-    stackPosition?: number;
-    hasMargin?: boolean;
-    hasShadow?: boolean;
-    hasBackground?: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    hasPanel: boolean;
-}
-export declare const SidePageDataTids: {
-    readonly root: "SidePage__root";
-    readonly container: "SidePage__container";
-};
-declare type DefaultProps = Required<Pick<SidePageProps, 'disableAnimations' | 'disableFocusLock' | 'offset' | 'role'>>;
-/**
- * Сайдпейдж
- *
- * Содержит в себе три компоненты: **SidePage.Header**,
- * **SidePage.Body** и **SidePage.Footer**
- *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
- */
-export declare class SidePage extends React.Component<SidePageProps, SidePageState> {
-    static __KONTUR_REACT_UI__: string;
-    static Header: typeof SidePageHeader;
-    static Body: typeof SidePageBody;
-    static Footer: typeof SidePageFooter;
-    static Container: typeof SidePageContainer;
-    state: SidePageState;
-    private theme;
-    private stackSubscription;
-    private layout;
-    private header;
-    private footer;
-    private rootRef;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    /**
-     * Обновляет разметку компонента.
-     * @public
-     */
-    updateLayout: () => void;
-    static defaultProps: DefaultProps;
-    private getProps;
-    render(): JSX.Element;
-    private renderMain;
-    private renderContainer;
-    private getSidePageContextProps;
-    private getWidth;
-    private renderShadow;
-    private getTransitionNames;
-    private handleStackChange;
-    private handleClickOutside;
-    private handleKeyDown;
-    private requestClose;
-    private headerRef;
-    private footerRef;
-    private layoutRef;
-    private setHasHeader;
-    private setHasFooter;
-    private setHasPanel;
-}
-export {};
+import React, { AriaAttributes, HTMLAttributes } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SidePageBody } from './SidePageBody';
+import { SidePageContainer } from './SidePageContainer';
+import { SidePageFooter } from './SidePageFooter';
+import { SidePageHeader } from './SidePageHeader';
+export interface SidePageProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label'> {
+    /**
+     * Добавить блокирующий фон, когда сайдпейдж открыт
+     */
+    blockBackground?: boolean;
+    /**
+     * Отключает событие onClose, также дизейблит кнопку закрытия сайдпейджа
+     */
+    disableClose?: boolean;
+    /**
+     * Не закрывать сайдпейдж при клике на фон.
+     */
+    ignoreBackgroundClick?: boolean;
+    /**
+     * Задать ширину сайдпейджа
+     */
+    width?: number | string;
+    /**
+     * Вызывается, когда пользователь запросил закрытие сайдпейджа (нажал на фон, на
+     * Escape или на крестик).
+     */
+    onClose?: () => void;
+    /**
+     * Вызывается, когда анимация открытия сайдпейджа полностью прошла
+     */
+    onOpened?: () => void;
+    /**
+     * Показывать сайдпэйдж слева
+     *
+     */
+    fromLeft?: boolean;
+    /**
+     * Отключить анимации
+     *
+     */
+    disableAnimations?: boolean;
+    /**
+     * Работает только при заблокированном фоне: `blockBackground = true`
+     */
+    disableFocusLock?: boolean;
+    /**
+     * задает отступ от края экрана
+     */
+    offset?: number | string;
+}
+export interface SidePageState {
+    stackPosition?: number;
+    hasMargin?: boolean;
+    hasShadow?: boolean;
+    hasBackground?: boolean;
+    hasHeader: boolean;
+    hasFooter: boolean;
+    hasPanel: boolean;
+}
+export declare const SidePageDataTids: {
+    readonly root: "SidePage__root";
+    readonly container: "SidePage__container";
+};
+declare type DefaultProps = Required<Pick<SidePageProps, 'disableAnimations' | 'disableFocusLock' | 'offset' | 'role'>>;
+/**
+ * Сайдпейдж
+ *
+ * Содержит в себе три компоненты: **SidePage.Header**,
+ * **SidePage.Body** и **SidePage.Footer**
+ *
+ * Для отображения серой плашки в футере в компонент
+ * **Footer** необходимо передать пропс **panel**
+ */
+export declare class SidePage extends React.Component<SidePageProps, SidePageState> {
+    static __KONTUR_REACT_UI__: string;
+    static Header: typeof SidePageHeader;
+    static Body: typeof SidePageBody;
+    static Footer: typeof SidePageFooter;
+    static Container: typeof SidePageContainer;
+    state: SidePageState;
+    private theme;
+    private stackSubscription;
+    private layout;
+    private header;
+    private footer;
+    private rootRef;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * Обновляет разметку компонента.
+     * @public
+     */
+    updateLayout: () => void;
+    static defaultProps: DefaultProps;
+    private getProps;
+    render(): JSX.Element;
+    private renderMain;
+    private renderContainer;
+    private getSidePageContextProps;
+    private getWidth;
+    private renderShadow;
+    private getTransitionNames;
+    private handleStackChange;
+    private handleClickOutside;
+    private handleKeyDown;
+    private requestClose;
+    private headerRef;
+    private footerRef;
+    private layoutRef;
+    private setHasHeader;
+    private setHasFooter;
+    private setHasPanel;
+}
+export {};