@skbkontur/react-ui 4.0.0-beta.4 → 4.0.0-beta.5

package/components/MenuItem/MenuItem.d.ts

@@ -1,95 +1,95 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type MenuItemState = null | 'hover' | 'selected' | void;
-export interface MenuItemProps extends CommonProps {
-    /**
-     * @ignore
-     */
-    _enableIconPadding?: boolean;
-    /**
-     * Добавляет описание для элемента меню.
-     */
-    comment?: React.ReactNode;
-    /**
-     * Отключенное состояние.
-     */
-    disabled?: boolean;
-    /**
-     * Добавляет элементу меню иконку.
-     */
-    icon?: React.ReactElement<any>;
-    /**
-     * Меняет цвет текста на синий.
-     */
-    link?: boolean;
-    /**
-     * @ignore
-     */
-    loose?: boolean;
-    /**
-     * @ignore
-     */
-    state?: MenuItemState;
-    /**
-     * HTML-событие `onclick`.
-     */
-    onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
-    /**
-     * HTML-событие `mouseenter`.
-     */
-    onMouseEnter?: React.MouseEventHandler;
-    /**
-     * HTML-событие `mouseleave`.
-     */
-    onMouseLeave?: React.MouseEventHandler;
-    children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);
-    /**
-     * HTML-атрибут `target`.
-     */
-    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
-    /**
-     * HTML-атрибут `title`.
-     */
-    title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];
-    /**
-     * HTML-атрибут `href`.
-     */
-    href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
-    /**
-     * Заменяет корневой элемент, на компонент переданный в проп.
-     *
-     * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`.
-     */
-    component?: React.ComponentType<any>;
-    isMobile?: boolean;
-}
-/**
- *
- * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
- *
- * Сущности в которых может быть использован `MenuItem`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
- */
-export declare class MenuItem extends React.Component<MenuItemProps> {
-    static __KONTUR_REACT_UI__: string;
-    static __MENU_ITEM__: boolean;
-    static propTypes: {
-        comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        href: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        loose: PropTypes.Requireable<boolean>;
-        state: PropTypes.Requireable<string>;
-        target: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    private mouseEntered;
-    private setRootNode;
-    render(): JSX.Element;
-    private renderMain;
-    private handleMouseEnterFix;
-    private handleMouseLeave;
-    private getComponent;
-}
-export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type MenuItemState = null | 'hover' | 'selected' | void;
+export interface MenuItemProps extends CommonProps {
+    /**
+     * @ignore
+     */
+    _enableIconPadding?: boolean;
+    /**
+     * Добавляет описание для элемента меню.
+     */
+    comment?: React.ReactNode;
+    /**
+     * Отключенное состояние.
+     */
+    disabled?: boolean;
+    /**
+     * Добавляет элементу меню иконку.
+     */
+    icon?: React.ReactElement<any>;
+    /**
+     * Меняет цвет текста на синий.
+     */
+    link?: boolean;
+    /**
+     * @ignore
+     */
+    loose?: boolean;
+    /**
+     * @ignore
+     */
+    state?: MenuItemState;
+    /**
+     * HTML-событие `onclick`.
+     */
+    onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    /**
+     * HTML-событие `mouseenter`.
+     */
+    onMouseEnter?: React.MouseEventHandler;
+    /**
+     * HTML-событие `mouseleave`.
+     */
+    onMouseLeave?: React.MouseEventHandler;
+    children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);
+    /**
+     * HTML-атрибут `target`.
+     */
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    /**
+     * HTML-атрибут `title`.
+     */
+    title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];
+    /**
+     * HTML-атрибут `href`.
+     */
+    href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
+    /**
+     * Заменяет корневой элемент, на компонент переданный в проп.
+     *
+     * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`.
+     */
+    component?: React.ComponentType<any>;
+    isMobile?: boolean;
+}
+/**
+ *
+ * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuItem`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
+ */
+export declare class MenuItem extends React.Component<MenuItemProps> {
+    static __KONTUR_REACT_UI__: string;
+    static __MENU_ITEM__: boolean;
+    static propTypes: {
+        comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        href: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        loose: PropTypes.Requireable<boolean>;
+        state: PropTypes.Requireable<string>;
+        target: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    private theme;
+    private mouseEntered;
+    private setRootNode;
+    render(): JSX.Element;
+    private renderMain;
+    private handleMouseEnterFix;
+    private handleMouseLeave;
+    private getComponent;
+}
+export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/components/MenuItem/MenuItem.styles.d.ts

@@ -1,14 +1,14 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    rootMobile(t: Theme): string;
-    hover(t: Theme): string;
-    selected(t: Theme): string;
-    disabled(t: Theme): string;
-    link(t: Theme): string;
-    loose(): string;
-    withIcon(t: Theme): string;
-    comment(t: Theme): string;
-    commentHover(t: Theme): string;
-    icon(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    rootMobile(t: Theme): string;
+    hover(t: Theme): string;
+    selected(t: Theme): string;
+    disabled(t: Theme): string;
+    link(t: Theme): string;
+    loose(): string;
+    withIcon(t: Theme): string;
+    comment(t: Theme): string;
+    commentHover(t: Theme): string;
+    icon(t: Theme): string;
+};

package/components/MenuItem/index.d.ts

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

package/components/MenuSeparator/MenuSeparator.d.ts

@@ -1,12 +1,12 @@
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type MenuSeparatorProps = CommonProps;
-/**
- * Добавляет разделительную линию между элементами меню.
- *
- * Сущности в которых может быть использован `MenuSeparator`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
- */
-declare function MenuSeparator(props: MenuSeparatorProps): JSX.Element;
-declare namespace MenuSeparator {
-    var __KONTUR_REACT_UI__: string;
-}
-export { MenuSeparator };
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type MenuSeparatorProps = CommonProps;
+/**
+ * Добавляет разделительную линию между элементами меню.
+ *
+ * Сущности в которых может быть использован `MenuSeparator`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
+ */
+declare function MenuSeparator(props: MenuSeparatorProps): JSX.Element;
+declare namespace MenuSeparator {
+    var __KONTUR_REACT_UI__: string;
+}
+export { MenuSeparator };

package/components/MenuSeparator/MenuSeparator.styles.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+};

package/components/MenuSeparator/index.d.ts

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

package/components/Modal/Modal.d.ts

@@ -1,88 +1,88 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ModalFooter } from './ModalFooter';
-import { ModalHeader } from './ModalHeader';
-import { ModalBody } from './ModalBody';
-export interface ModalProps extends CommonProps {
-    /**
-     * Отключает событие onClose, также дизейблит кнопку закрытия модалки
-     */
-    disableClose?: boolean;
-    /**
-     * Выравнивание окна по верху страницы.
-     */
-    alignTop?: boolean;
-    /**
-     * Не закрывать окно при клике на фон.
-     */
-    ignoreBackgroundClick?: boolean;
-    /**
-     * Не показывать крестик для закрытия окна.
-     */
-    noClose?: boolean;
-    width?: number | string;
-    /**
-     * Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на
-     * Escape или на крестик).
-     */
-    onClose?: () => void;
-    /**
-     * Не использовать фокус-лок внутри модалки.
-     * По умолчанию true для IE11.
-     */
-    disableFocusLock?: boolean;
-}
-export interface ModalState {
-    stackPosition: number;
-    hasBackground: boolean;
-    horizontalScroll: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    hasPanel: boolean;
-}
-/**
- * Модальное окно
- *
- * Содержит в себе три компоненты: **Modal.Header**,
- * **Modal.Body** и **Modal.Footer**
- *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
- *
- * Для отключения прилипания шапки и футера
- * в соответствующий компонет нужно передать
- * проп **sticky** со значением **false**
- * (по-умолчанию прилипание включено)
- */
-export declare class Modal extends React.Component<ModalProps, ModalState> {
-    static __KONTUR_REACT_UI__: string;
-    static Header: typeof ModalHeader;
-    static Body: typeof ModalBody;
-    static Footer: typeof ModalFooter;
-    static defaultProps: {
-        disableFocusLock: boolean;
-    };
-    state: ModalState;
-    private theme;
-    private stackSubscription;
-    private containerNode;
-    private mouseDownTarget;
-    private mouseUpTarget;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private requestClose;
-    private refContainer;
-    private handleStackChange;
-    private handleContainerMouseDown;
-    private handleContainerMouseUp;
-    private handleContainerClick;
-    private handleKeyDown;
-    private checkHorizontalScrollAppearance;
-    private throttledCheckHorizontalScroll;
-    private handleResize;
-    private setHasHeader;
-    private setHasFooter;
-    private setHasPanel;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { ModalFooter } from './ModalFooter';
+import { ModalHeader } from './ModalHeader';
+import { ModalBody } from './ModalBody';
+export interface ModalProps extends CommonProps {
+    /**
+     * Отключает событие onClose, также дизейблит кнопку закрытия модалки
+     */
+    disableClose?: boolean;
+    /**
+     * Выравнивание окна по верху страницы.
+     */
+    alignTop?: boolean;
+    /**
+     * Не закрывать окно при клике на фон.
+     */
+    ignoreBackgroundClick?: boolean;
+    /**
+     * Не показывать крестик для закрытия окна.
+     */
+    noClose?: boolean;
+    width?: number | string;
+    /**
+     * Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на
+     * Escape или на крестик).
+     */
+    onClose?: () => void;
+    /**
+     * Не использовать фокус-лок внутри модалки.
+     * По умолчанию true для IE11.
+     */
+    disableFocusLock?: boolean;
+}
+export interface ModalState {
+    stackPosition: number;
+    hasBackground: boolean;
+    horizontalScroll: boolean;
+    hasHeader: boolean;
+    hasFooter: boolean;
+    hasPanel: boolean;
+}
+/**
+ * Модальное окно
+ *
+ * Содержит в себе три компоненты: **Modal.Header**,
+ * **Modal.Body** и **Modal.Footer**
+ *
+ * Для отображения серой плашки в футере в компонент
+ * **Footer** необходимо передать пропс **panel**
+ *
+ * Для отключения прилипания шапки и футера
+ * в соответствующий компонет нужно передать
+ * проп **sticky** со значением **false**
+ * (по-умолчанию прилипание включено)
+ */
+export declare class Modal extends React.Component<ModalProps, ModalState> {
+    static __KONTUR_REACT_UI__: string;
+    static Header: typeof ModalHeader;
+    static Body: typeof ModalBody;
+    static Footer: typeof ModalFooter;
+    static defaultProps: {
+        disableFocusLock: boolean;
+    };
+    state: ModalState;
+    private theme;
+    private stackSubscription;
+    private containerNode;
+    private mouseDownTarget;
+    private mouseUpTarget;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private requestClose;
+    private refContainer;
+    private handleStackChange;
+    private handleContainerMouseDown;
+    private handleContainerMouseUp;
+    private handleContainerClick;
+    private handleKeyDown;
+    private checkHorizontalScrollAppearance;
+    private throttledCheckHorizontalScroll;
+    private handleResize;
+    private setHasHeader;
+    private setHasFooter;
+    private setHasPanel;
+}

package/components/Modal/Modal.styles.d.ts

@@ -1,40 +1,40 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    bg(t: Theme): string;
-    container(): string;
-    window(t: Theme): string;
-    mobileWindow(): string;
-    centerContainer(t: Theme): string;
-    mobileCenterContainer(): string;
-    alignTop(): string;
-    close(t: Theme): string;
-    mobileClose(t: Theme): string;
-    mobileCloseWithoutHeader(): string;
-    closeWrapper(t: Theme): string;
-    mobileCloseWrapper(t: Theme): string;
-    disabled(t: Theme): string;
-    focus(t: Theme): string;
-    headerWrapper(): string;
-    header(t: Theme): string;
-    mobileHeader(t: Theme): string;
-    body(t: Theme): string;
-    mobileBody(t: Theme): string;
-    headerWithClose(t: Theme): string;
-    mobileHeaderWithClose(t: Theme): string;
-    footer(t: Theme): string;
-    mobileFooter(t: Theme): string;
-    footerWrapper(): string;
-    panel(t: Theme): string;
-    fixedHeader(t: Theme): string;
-    mobileFixedHeader(t: Theme): string;
-    fixedFooter(t: Theme): string;
-    fixedPanel(t: Theme): string;
-    headerAddPadding(): string;
-    bodyWithoutHeader(t: Theme): string;
-    mobileBodyWithoutHeader(t: Theme): string;
-    bodyWithoutPadding(): string;
-    bodyAddPaddingForPanel(t: Theme): string;
-    mobileBodyAddPaddingForPanel(t: Theme): string;
-    columnFlexContainer(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    bg(t: Theme): string;
+    container(): string;
+    window(t: Theme): string;
+    mobileWindow(): string;
+    centerContainer(t: Theme): string;
+    mobileCenterContainer(): string;
+    alignTop(): string;
+    close(t: Theme): string;
+    mobileClose(t: Theme): string;
+    mobileCloseWithoutHeader(): string;
+    closeWrapper(t: Theme): string;
+    mobileCloseWrapper(t: Theme): string;
+    disabled(t: Theme): string;
+    focus(t: Theme): string;
+    headerWrapper(): string;
+    header(t: Theme): string;
+    mobileHeader(t: Theme): string;
+    body(t: Theme): string;
+    mobileBody(t: Theme): string;
+    headerWithClose(t: Theme): string;
+    mobileHeaderWithClose(t: Theme): string;
+    footer(t: Theme): string;
+    mobileFooter(t: Theme): string;
+    footerWrapper(): string;
+    panel(t: Theme): string;
+    fixedHeader(t: Theme): string;
+    mobileFixedHeader(t: Theme): string;
+    fixedFooter(t: Theme): string;
+    fixedPanel(t: Theme): string;
+    headerAddPadding(): string;
+    bodyWithoutHeader(t: Theme): string;
+    mobileBodyWithoutHeader(t: Theme): string;
+    bodyWithoutPadding(): string;
+    bodyAddPaddingForPanel(t: Theme): string;
+    mobileBodyAddPaddingForPanel(t: Theme): string;
+    columnFlexContainer(): string;
+};

package/components/Modal/ModalBody.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ModalBodyProps extends CommonProps {
-    /**
-     * убирает отступы
-     */
-    noPadding?: boolean;
-}
-/**
- * Контейнер с отступами от края модалки
- *
- * @visibleName Modal.Body
- */
-export declare class ModalBody extends React.Component<ModalBodyProps> {
-    static __KONTUR_REACT_UI__: string;
-    static __MODAL_BODY__: boolean;
-    private theme;
-    private isMobileLayout;
-    private setRootNode;
-    render(): JSX.Element;
-    private handleResize;
-    renderMain(): JSX.Element;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ModalBodyProps extends CommonProps {
+    /**
+     * убирает отступы
+     */
+    noPadding?: boolean;
+}
+/**
+ * Контейнер с отступами от края модалки
+ *
+ * @visibleName Modal.Body
+ */
+export declare class ModalBody extends React.Component<ModalBodyProps> {
+    static __KONTUR_REACT_UI__: string;
+    static __MODAL_BODY__: boolean;
+    private theme;
+    private isMobileLayout;
+    private setRootNode;
+    render(): JSX.Element;
+    private handleResize;
+    renderMain(): JSX.Element;
+}

package/components/Modal/ModalClose.d.ts

@@ -1,2 +1,2 @@
-import { CloseProps } from './ModalContext';
-export declare function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps): JSX.Element;
+import { CloseProps } from './ModalContext';
+export declare function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps): JSX.Element;

package/components/Modal/ModalContext.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface CloseProps extends CommonProps {
-    disableClose?: boolean;
-    requestClose: () => void;
-}
-export interface ModalContextProps {
-    additionalPadding?: boolean;
-    hasHeader?: boolean;
-    close?: CloseProps;
-    horizontalScroll?: boolean;
-    setHasHeader?: (value?: boolean) => void;
-    setHasFooter?: (value?: boolean) => void;
-    setHasPanel?: (value?: boolean) => void;
-}
-export declare const ModalContext: React.Context<ModalContextProps>;
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface CloseProps extends CommonProps {
+    disableClose?: boolean;
+    requestClose: () => void;
+}
+export interface ModalContextProps {
+    additionalPadding?: boolean;
+    hasHeader?: boolean;
+    close?: CloseProps;
+    horizontalScroll?: boolean;
+    setHasHeader?: (value?: boolean) => void;
+    setHasFooter?: (value?: boolean) => void;
+    setHasPanel?: (value?: boolean) => void;
+}
+export declare const ModalContext: React.Context<ModalContextProps>;

package/components/Modal/ModalFooter.d.ts

@@ -1,21 +1,21 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ModalFooterProps extends CommonProps {
-    /**
-     * Включает серый цвет в футере
-     */
-    panel?: boolean;
-    sticky?: boolean;
-    children?: ReactNode;
-}
-/**
- * Футер модального окна.
- *
- * @visibleName Modal.Footer
- */
-declare function ModalFooter(props: ModalFooterProps): JSX.Element;
-declare namespace ModalFooter {
-    var __KONTUR_REACT_UI__: string;
-    var __MODAL_FOOTER__: boolean;
-}
-export { ModalFooter };
+import { ReactNode } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ModalFooterProps extends CommonProps {
+    /**
+     * Включает серый цвет в футере
+     */
+    panel?: boolean;
+    sticky?: boolean;
+    children?: ReactNode;
+}
+/**
+ * Футер модального окна.
+ *
+ * @visibleName Modal.Footer
+ */
+declare function ModalFooter(props: ModalFooterProps): JSX.Element;
+declare namespace ModalFooter {
+    var __KONTUR_REACT_UI__: string;
+    var __MODAL_FOOTER__: boolean;
+}
+export { ModalFooter };