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

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 {};

package/components/SidePage/SidePage.styles.d.ts

@@ -1,48 +1,48 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    mobileRoot(): string;
-    overlay(): string;
-    body(t: Theme): string;
-    mobileBody(): string;
-    container(t: Theme): string;
-    mobileContainer(t: Theme): string;
-    containerWithoutHeader(t: Theme): string;
-    mobileContainerWithoutHeader(t: Theme): string;
-    containerWithoutFooter(t: Theme): string;
-    containerWithPanel(t: Theme): string;
-    focusLock(): string;
-    wrapper(t: Theme): string;
-    wrapperLeft(): string;
-    wrapperMarginLeft(): string;
-    wrapperMarginRight(): string;
-    headerWrapper(): string;
-    header(t: Theme): string;
-    mobileHeader(t: Theme): string;
-    headerFixed(t: Theme): string;
-    title(t: Theme): string;
-    mobileTitle(t: Theme): string;
-    titleFixed(): string;
-    background(): string;
-    backgroundGray(t: Theme): string;
-    shadow(t: Theme): string;
-    close(t: Theme): string;
-    mobileClose(t: Theme): string;
-    closeFocus(t: Theme): string;
-    wrapperClose(t: Theme): string;
-    mobileWrapperClose(t: Theme): string;
-    panel(t: Theme): string;
-    wrapperCloseFixed(t: Theme): string;
-    footerWrapper(): string;
-    footer(t: Theme): string;
-    positionStatic(): string;
-    footerContent(t: Theme): string;
-    mobileFooterContent(t: Theme): string;
-    footerFixed(t: Theme): string;
-    panelFixed(t: Theme): string;
-    transitionLeft(): string;
-    transitionRight(): string;
-    transitionActive(): string;
-    transitionLeave(): string;
-    transitionLeaveActive(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    mobileRoot(): string;
+    overlay(): string;
+    body(t: Theme): string;
+    mobileBody(): string;
+    container(t: Theme): string;
+    mobileContainer(t: Theme): string;
+    containerWithoutHeader(t: Theme): string;
+    mobileContainerWithoutHeader(t: Theme): string;
+    containerWithoutFooter(t: Theme): string;
+    containerWithPanel(t: Theme): string;
+    focusLock(): string;
+    wrapper(t: Theme): string;
+    wrapperLeft(): string;
+    wrapperMarginLeft(): string;
+    wrapperMarginRight(): string;
+    headerWrapper(): string;
+    header(t: Theme): string;
+    mobileHeader(t: Theme): string;
+    headerFixed(t: Theme): string;
+    title(t: Theme): string;
+    mobileTitle(t: Theme): string;
+    titleFixed(): string;
+    background(): string;
+    backgroundGray(t: Theme): string;
+    shadow(t: Theme): string;
+    close(t: Theme): string;
+    mobileClose(t: Theme): string;
+    closeFocus(t: Theme): string;
+    wrapperClose(t: Theme): string;
+    mobileWrapperClose(t: Theme): string;
+    panel(t: Theme): string;
+    wrapperCloseFixed(t: Theme): string;
+    footerWrapper(): string;
+    footer(t: Theme): string;
+    positionStatic(): string;
+    footerContent(t: Theme): string;
+    mobileFooterContent(t: Theme): string;
+    footerFixed(t: Theme): string;
+    panelFixed(t: Theme): string;
+    transitionLeft(): string;
+    transitionRight(): string;
+    transitionActive(): string;
+    transitionLeave(): string;
+    transitionLeaveActive(): string;
+};

package/components/SidePage/SidePageBody.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SidePageContextType } from './SidePageContext';
-export interface SidePageBodyProps extends CommonProps {
-    children?: React.ReactNode;
-}
-export declare const SidePageBodyDataTids: {
-    readonly root: "SidePageBody__root";
-};
-/**
- * Тело для сайдпейджа
- *
- * @visibleName SidePage.Body
- */
-export declare class SidePageBody extends React.Component<SidePageBodyProps> {
-    static __KONTUR_REACT_UI__: string;
-    static contextType: React.Context<SidePageContextType>;
-    context: SidePageContextType;
-    private isMobileLayout;
-    private setRootNode;
-    componentDidUpdate(): void;
-    render(): JSX.Element;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SidePageContextType } from './SidePageContext';
+export interface SidePageBodyProps extends CommonProps {
+    children?: React.ReactNode;
+}
+export declare const SidePageBodyDataTids: {
+    readonly root: "SidePageBody__root";
+};
+/**
+ * Тело для сайдпейджа
+ *
+ * @visibleName SidePage.Body
+ */
+export declare class SidePageBody extends React.Component<SidePageBodyProps> {
+    static __KONTUR_REACT_UI__: string;
+    static contextType: React.Context<SidePageContextType>;
+    context: SidePageContextType;
+    private isMobileLayout;
+    private setRootNode;
+    componentDidUpdate(): void;
+    render(): JSX.Element;
+}

package/components/SidePage/SidePageCloseButton.d.ts

@@ -1 +1 @@
-export declare const SidePageCloseButton: () => JSX.Element;
+export declare const SidePageCloseButton: () => JSX.Element;

package/components/SidePage/SidePageContainer.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type SidePageContainerProps = CommonProps;
-export declare const SidePageContainerDataTids: {
-    readonly root: "SidePageContainer__root";
-};
-/**
- * Контейнер с отступами
- *
- * @visibleName SidePage.Container
- */
-export declare class SidePageContainer extends React.Component<SidePageContainerProps> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    private isMobileLayout;
-    private setRootNode;
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type SidePageContainerProps = CommonProps;
+export declare const SidePageContainerDataTids: {
+    readonly root: "SidePageContainer__root";
+};
+/**
+ * Контейнер с отступами
+ *
+ * @visibleName SidePage.Container
+ */
+export declare class SidePageContainer extends React.Component<SidePageContainerProps> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    private isMobileLayout;
+    private setRootNode;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+}

package/components/SidePage/SidePageContext.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { SidePageFooter } from './SidePageFooter';
-import { SidePageHeader } from './SidePageHeader';
-export interface SidePageContextType {
-    requestClose: () => void;
-    getWidth: () => number | string;
-    updateLayout: () => void;
-    headerRef: (ref: SidePageHeader | null) => void;
-    footerRef: (ref: SidePageFooter | null) => void;
-    hasHeader?: boolean;
-    hasFooter?: boolean;
-    hasPanel?: boolean;
-    setHasHeader?: (value?: boolean) => void;
-    setHasFooter?: (value?: boolean) => void;
-    setHasPanel?: (value?: boolean) => void;
-}
-export declare const SidePageContext: React.Context<SidePageContextType>;
+import React from 'react';
+import { SidePageFooter } from './SidePageFooter';
+import { SidePageHeader } from './SidePageHeader';
+export interface SidePageContextType {
+    requestClose: () => void;
+    getWidth: () => number | string;
+    updateLayout: () => void;
+    headerRef: (ref: SidePageHeader | null) => void;
+    footerRef: (ref: SidePageFooter | null) => void;
+    hasHeader?: boolean;
+    hasFooter?: boolean;
+    hasPanel?: boolean;
+    setHasHeader?: (value?: boolean) => void;
+    setHasFooter?: (value?: boolean) => void;
+    setHasPanel?: (value?: boolean) => void;
+}
+export declare const SidePageContext: React.Context<SidePageContextType>;

package/components/SidePage/SidePageFooter.d.ts

@@ -1,52 +1,52 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { GappedProps } from '../Gapped';
-import { SidePageContextType } from './SidePageContext';
-export interface SidePageFooterProps extends Omit<CommonProps, 'children'> {
-    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-    /**
-     * Включает серый цвет в футере
-     */
-    panel?: boolean;
-    /**
-     * Закрепляет футер снизу сайдпейджа
-     */
-    sticky?: boolean;
-    /**
-     * Задаёт отступ между элементами футера
-     */
-    gap?: GappedProps['gap'];
-}
-interface SidePageFooterState {
-    fixed: boolean;
-}
-export declare const SidePageFooterDataTids: {
-    readonly root: "SidePageFooter__root";
-};
-/**
- * Футер сайдпейджа.
- *
- * @visibleName SidePage.Footer
- */
-export declare class SidePageFooter extends React.Component<SidePageFooterProps, SidePageFooterState> {
-    static __KONTUR_REACT_UI__: string;
-    static contextType: React.Context<SidePageContextType>;
-    context: SidePageContextType;
-    private isMobileLayout;
-    state: SidePageFooterState;
-    private theme;
-    private content;
-    private layoutSub;
-    private setRootNode;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<SidePageFooterProps>): void;
-    componentWillUnmount(): void;
-    getSticky(): boolean;
-    render(): JSX.Element;
-    update: () => void;
-    private renderMain;
-    private refContent;
-    private setProperStyles;
-    private getContentHeight;
-}
-export {};
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { GappedProps } from '../Gapped';
+import { SidePageContextType } from './SidePageContext';
+export interface SidePageFooterProps extends Omit<CommonProps, 'children'> {
+    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
+    /**
+     * Включает серый цвет в футере
+     */
+    panel?: boolean;
+    /**
+     * Закрепляет футер снизу сайдпейджа
+     */
+    sticky?: boolean;
+    /**
+     * Задаёт отступ между элементами футера
+     */
+    gap?: GappedProps['gap'];
+}
+interface SidePageFooterState {
+    fixed: boolean;
+}
+export declare const SidePageFooterDataTids: {
+    readonly root: "SidePageFooter__root";
+};
+/**
+ * Футер сайдпейджа.
+ *
+ * @visibleName SidePage.Footer
+ */
+export declare class SidePageFooter extends React.Component<SidePageFooterProps, SidePageFooterState> {
+    static __KONTUR_REACT_UI__: string;
+    static contextType: React.Context<SidePageContextType>;
+    context: SidePageContextType;
+    private isMobileLayout;
+    state: SidePageFooterState;
+    private theme;
+    private content;
+    private layoutSub;
+    private setRootNode;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<SidePageFooterProps>): void;
+    componentWillUnmount(): void;
+    getSticky(): boolean;
+    render(): JSX.Element;
+    update: () => void;
+    private renderMain;
+    private refContent;
+    private setProperStyles;
+    private getContentHeight;
+}
+export {};

package/components/SidePage/SidePageHeader.d.ts

@@ -1,48 +1,48 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SidePageContextType } from './SidePageContext';
-export interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {
-    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-    sticky?: boolean;
-    hasSeparator?: boolean;
-}
-export interface SidePageHeaderState {
-    isReadyToFix: boolean;
-}
-export declare const SidePageHeaderDataTids: {
-    readonly root: "SidePageHeader__root";
-    readonly close: "SidePage__close";
-};
-/**
- * Шапка сайдпейджа
- *
- * @visibleName SidePage.Header
- */
-export declare class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {
-    static __KONTUR_REACT_UI__: string;
-    static contextType: React.Context<SidePageContextType>;
-    context: SidePageContextType;
-    private isMobileLayout;
-    state: SidePageHeaderState;
-    static defaultProps: Partial<SidePageHeaderProps>;
-    private theme;
-    private wrapper;
-    private sticky;
-    private lastRegularHeight;
-    private setRootNode;
-    private closeIcon;
-    get regularHeight(): number;
-    get fixedHeaderHeight(): number;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    update: () => void;
-    render(): JSX.Element;
-    getStickyProp(): boolean;
-    private renderMain;
-    private renderHeader;
-    private renderHeader2022;
-    private renderClose;
-    private updateReadyToFix;
-    private wrapperRef;
-    private stickyRef;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SidePageContextType } from './SidePageContext';
+export interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {
+    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
+    sticky?: boolean;
+    hasSeparator?: boolean;
+}
+export interface SidePageHeaderState {
+    isReadyToFix: boolean;
+}
+export declare const SidePageHeaderDataTids: {
+    readonly root: "SidePageHeader__root";
+    readonly close: "SidePage__close";
+};
+/**
+ * Шапка сайдпейджа
+ *
+ * @visibleName SidePage.Header
+ */
+export declare class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {
+    static __KONTUR_REACT_UI__: string;
+    static contextType: React.Context<SidePageContextType>;
+    context: SidePageContextType;
+    private isMobileLayout;
+    state: SidePageHeaderState;
+    static defaultProps: Partial<SidePageHeaderProps>;
+    private theme;
+    private wrapper;
+    private sticky;
+    private lastRegularHeight;
+    private setRootNode;
+    private closeIcon;
+    get regularHeight(): number;
+    get fixedHeaderHeight(): number;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    update: () => void;
+    render(): JSX.Element;
+    getStickyProp(): boolean;
+    private renderMain;
+    private renderHeader;
+    private renderHeader2022;
+    private renderClose;
+    private updateReadyToFix;
+    private wrapperRef;
+    private stickyRef;
+}