@skbkontur/react-ui 5.2.0 → 5.2.1

package/components/MenuItem/MenuItem.d.ts

@@ -1,114 +1,114 @@
-import type { AriaAttributes, HTMLAttributes } from 'react';
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { SizeProp } from '../../lib/types/props';
-import type { MenuContextType } from '../../internal/Menu/MenuContext';
-export type MenuItemState = null | 'hover' | 'selected' | void;
-export interface MenuItemProps extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Omit<CommonProps, 'children'> {
-    /** Добавляет отступ иконке.
-     * @ignore */
-    _enableIconPadding?: boolean;
-    /** Добавляет описание для элемента меню. */
-    comment?: React.ReactNode;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** Добавляет иконку элементу меню. */
-    icon?: React.ReactElement<any>;
-    /**
-     * Меняет цвет текста на синий.
-     * @deprecated
-     */
-    link?: boolean;
-    /** Задает размер контрола. */
-    size?: SizeProp;
-    /** @ignore */
-    loose?: boolean;
-    /** @ignore */
-    state?: MenuItemState;
-    /** Задает функцию, которая вызывается при клике. */
-    onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */
-    onMouseEnter?: React.MouseEventHandler;
-    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
-    onMouseLeave?: React.MouseEventHandler;
-    /** @ignore */
-    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'];
-    /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен "noopener noreferrer". */
-    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
-    /** Заменяет корневой элемент, на компонент переданный в проп.
-     * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */
-    component?: React.ComponentType<any>;
-    /** Запрещает выделение и выбор данного пункта меню. */
-    isNotSelectable?: boolean;
-    /** Устанавливает стиль для отображения в мобильной версии. */
-    isMobile?: boolean;
-    /** @ignore */
-    scrollIntoView?: boolean;
-}
-export declare const MenuItemDataTids: {
-    readonly root: "MenuItem__root";
-    readonly content: "MenuItem__content";
-    readonly comment: "MenuItem__comment";
-};
-/**
- * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
- *
- * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.
- */
-export declare class MenuItem extends React.Component<MenuItemProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static __MENU_ITEM__: boolean;
-    static propTypes: {
-        comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        href: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        loose: PropTypes.Requireable<boolean>;
-        state: PropTypes.Requireable<string>;
-        target: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<string>;
-    };
-    state: {
-        iconOffsetTop: number;
-        highlighted: boolean;
-    };
-    private theme;
-    private mouseEntered;
-    private setRootNode;
-    private rootRef;
-    private contentRef;
-    static contextType: React.Context<MenuContextType>;
-    context: MenuContextType;
-    render(): React.JSX.Element;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: Readonly<MenuItemProps>): void;
-    highlight: () => void;
-    unhighlight: () => void;
-    select: (event: React.SyntheticEvent<HTMLElement>) => void;
-    isEnabled: () => boolean;
-    navigate: () => void;
-    private getRootSizeClassName;
-    private getIconSizeClassName;
-    private getWithIconSizeClassName;
-    private renderMain;
-    private get activeState();
-    private get isHover();
-    private get isSelected();
-    private handleMouseEnterFix;
-    private handleMouseLeave;
-    private handleClick;
-    private setRootRef;
-    private getComponent;
-    private hasIconAmongItems;
-}
-export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+import type { MenuContextType } from '../../internal/Menu/MenuContext';
+export type MenuItemState = null | 'hover' | 'selected' | void;
+export interface MenuItemProps extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Omit<CommonProps, 'children'> {
+    /** Добавляет отступ иконке.
+     * @ignore */
+    _enableIconPadding?: boolean;
+    /** Добавляет описание для элемента меню. */
+    comment?: React.ReactNode;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Добавляет иконку элементу меню. */
+    icon?: React.ReactElement<any>;
+    /**
+     * Меняет цвет текста на синий.
+     * @deprecated
+     */
+    link?: boolean;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** @ignore */
+    loose?: boolean;
+    /** @ignore */
+    state?: MenuItemState;
+    /** Задает функцию, которая вызывается при клике. */
+    onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */
+    onMouseEnter?: React.MouseEventHandler;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: React.MouseEventHandler;
+    /** @ignore */
+    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'];
+    /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен "noopener noreferrer". */
+    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
+    /** Заменяет корневой элемент, на компонент переданный в проп.
+     * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */
+    component?: React.ComponentType<any>;
+    /** Запрещает выделение и выбор данного пункта меню. */
+    isNotSelectable?: boolean;
+    /** Устанавливает стиль для отображения в мобильной версии. */
+    isMobile?: boolean;
+    /** @ignore */
+    scrollIntoView?: boolean;
+}
+export declare const MenuItemDataTids: {
+    readonly root: "MenuItem__root";
+    readonly content: "MenuItem__content";
+    readonly comment: "MenuItem__comment";
+};
+/**
+ * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+export declare class MenuItem extends React.Component<MenuItemProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static __MENU_ITEM__: boolean;
+    static propTypes: {
+        comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        href: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        loose: PropTypes.Requireable<boolean>;
+        state: PropTypes.Requireable<string>;
+        target: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        size: PropTypes.Requireable<string>;
+    };
+    state: {
+        iconOffsetTop: number;
+        highlighted: boolean;
+    };
+    private theme;
+    private mouseEntered;
+    private setRootNode;
+    private rootRef;
+    private contentRef;
+    static contextType: React.Context<MenuContextType>;
+    context: MenuContextType;
+    render(): React.JSX.Element;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<MenuItemProps>): void;
+    highlight: () => void;
+    unhighlight: () => void;
+    select: (event: React.SyntheticEvent<HTMLElement>) => void;
+    isEnabled: () => boolean;
+    navigate: () => void;
+    private getRootSizeClassName;
+    private getIconSizeClassName;
+    private getWithIconSizeClassName;
+    private renderMain;
+    private get activeState();
+    private get isHover();
+    private get isSelected();
+    private handleMouseEnterFix;
+    private handleMouseLeave;
+    private handleClick;
+    private setRootRef;
+    private getComponent;
+    private hasIconAmongItems;
+}
+export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/components/MenuItem/MenuItem.mixins.d.ts

@@ -1,3 +1,3 @@
-export declare const menuItemSizeMixin: (menuItemPaddingX: string, menuItemPaddingY: string, menuItemLineHeight: string, menuItemFontSize: string) => string;
-export declare const iconSizeMixin: (menuItemIconWidth: string, menuItemPaddingX: string) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;
+export declare const menuItemSizeMixin: (menuItemPaddingX: string, menuItemPaddingY: string, menuItemLineHeight: string, menuItemFontSize: string) => string;
+export declare const iconSizeMixin: (menuItemIconWidth: string, menuItemPaddingX: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

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

@@ -1,28 +1,28 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const getMenuItemPaddings: ({ menuItemPaddingX, menuItemPaddingY, }: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {
-    paddingX: string;
-    paddingY: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    rootMobile(t: Theme): string;
-    hover(t: Theme): string;
-    selected(t: Theme): string;
-    disabled(t: Theme): string;
-    nonSelectable(): string;
-    link(t: Theme): string;
-    loose(): string;
-    withIconSmall(t: Theme): string;
-    withIconMedium(t: Theme): string;
-    withIconLarge(t: Theme): string;
-    comment(t: Theme): string;
-    commentHover(t: Theme): string;
-    icon(): string;
-    iconSmall(t: Theme): string;
-    iconMedium(t: Theme): string;
-    iconLarge(t: Theme): string;
-    mobileContentWithIcon(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getMenuItemPaddings: ({ menuItemPaddingX, menuItemPaddingY, }: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {
+    paddingX: string;
+    paddingY: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    rootMobile(t: Theme): string;
+    hover(t: Theme): string;
+    selected(t: Theme): string;
+    disabled(t: Theme): string;
+    nonSelectable(): string;
+    link(t: Theme): string;
+    loose(): string;
+    withIconSmall(t: Theme): string;
+    withIconMedium(t: Theme): string;
+    withIconLarge(t: Theme): string;
+    comment(t: Theme): string;
+    commentHover(t: Theme): string;
+    icon(): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+    mobileContentWithIcon(): 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 type { CommonProps } from '../../internal/CommonWrapper';
-export type MenuSeparatorProps = CommonProps;
-export declare const MenuSeparatorDataTids: {
-    readonly root: "MenuSeparator__root";
-};
-/**
- * `MenuSeparator` добавляет разделительную линию между элементами меню.
- *
- * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.
- */
-declare const MenuSeparator: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, CommonProps> & Record<never, never>;
-export { MenuSeparator };
+import type { CommonProps } from '../../internal/CommonWrapper';
+export type MenuSeparatorProps = CommonProps;
+export declare const MenuSeparatorDataTids: {
+    readonly root: "MenuSeparator__root";
+};
+/**
+ * `MenuSeparator` добавляет разделительную линию между элементами меню.
+ *
+ * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+declare const MenuSeparator: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, CommonProps> & Record<never, never>;
+export { MenuSeparator };

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

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

package/components/MenuSeparator/index.d.ts

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

package/components/MiniModal/MiniModal.d.ts

@@ -1,25 +1,25 @@
-import type { ModalProps } from '../Modal';
-import { Modal } from '../Modal';
-import { MiniModalFooter } from './MiniModalFooter';
-import { MiniModalHeader } from './MiniModalHeader';
-import { MiniModalBody } from './MiniModalBody';
-import { MiniModalIndent } from './MiniModalIndent';
-export declare const MiniModalDataTids: {
-    readonly icon: "MiniModal__icon";
-    readonly title: "MiniModal__title";
-    readonly description: "MiniModal__description";
-    readonly actions: "MiniModal__actions";
-    readonly indent: "MiniModal__indent";
-};
-/**
- * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.
- * Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
- *
- * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
- */
-export declare const MiniModal: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Modal, ModalProps> & {
-    Header: typeof MiniModalHeader;
-    Indent: typeof MiniModalIndent;
-    Footer: typeof MiniModalFooter;
-    Body: typeof MiniModalBody;
-};
+import type { ModalProps } from '../Modal';
+import { Modal } from '../Modal';
+import { MiniModalFooter } from './MiniModalFooter';
+import { MiniModalHeader } from './MiniModalHeader';
+import { MiniModalBody } from './MiniModalBody';
+import { MiniModalIndent } from './MiniModalIndent';
+export declare const MiniModalDataTids: {
+    readonly icon: "MiniModal__icon";
+    readonly title: "MiniModal__title";
+    readonly description: "MiniModal__description";
+    readonly actions: "MiniModal__actions";
+    readonly indent: "MiniModal__indent";
+};
+/**
+ * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.
+ * Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
+ *
+ * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
+ */
+export declare const MiniModal: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Modal, ModalProps> & {
+    Header: typeof MiniModalHeader;
+    Indent: typeof MiniModalIndent;
+    Footer: typeof MiniModalFooter;
+    Body: typeof MiniModalBody;
+};

package/components/MiniModal/MiniModal.styles.d.ts

@@ -1,11 +1,11 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    icon(): string;
-    description(): string;
-    title(): string;
-    titleWithIcon(t: Theme): string;
-    actions(): string;
-    actionsIndent(t: Theme): string;
-    actionsRow(t: Theme): string;
-    actionsColumn(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    icon(): string;
+    description(): string;
+    title(): string;
+    titleWithIcon(t: Theme): string;
+    actions(): string;
+    actionsIndent(t: Theme): string;
+    actionsRow(t: Theme): string;
+    actionsColumn(t: Theme): string;
+};

package/components/MiniModal/MiniModalBody.d.ts

@@ -1,7 +1,7 @@
-import type { ModalBodyProps } from '../Modal';
-/**
- * Обёртка над Modal.Body
- *
- * @visibleName MiniModal.Body
- */
-export declare const MiniModalBody: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, ModalBodyProps> & Record<never, never>;
+import type { ModalBodyProps } from '../Modal';
+/**
+ * Обёртка над Modal.Body
+ *
+ * @visibleName MiniModal.Body
+ */
+export declare const MiniModalBody: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, ModalBodyProps> & Record<never, never>;

package/components/MiniModal/MiniModalFooter.d.ts

@@ -1,13 +1,13 @@
-import type { ModalFooterProps } from '../Modal';
-interface MiniModalFooterProps extends ModalFooterProps {
-    /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.
-     * @default row */
-    direction?: 'row' | 'column';
-}
-/**
- * Обёртка над Modal.Footer
- *
- * @visibleName MiniModal.Footer
- */
-export declare const MiniModalFooter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MiniModalFooterProps> & Record<never, never>;
-export {};
+import type { ModalFooterProps } from '../Modal';
+interface MiniModalFooterProps extends ModalFooterProps {
+    /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.
+     * @default row */
+    direction?: 'row' | 'column';
+}
+/**
+ * Обёртка над Modal.Footer
+ *
+ * @visibleName MiniModal.Footer
+ */
+export declare const MiniModalFooter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MiniModalFooterProps> & Record<never, never>;
+export {};

package/components/MiniModal/MiniModalHeader.d.ts

@@ -1,14 +1,14 @@
-import type { ReactNode } from 'react';
-import type { ModalHeaderProps } from '../Modal';
-interface MiniModalHeaderProps extends ModalHeaderProps {
-    /** Задает иконку в шапку компонента.
-     * @default InfoCircleIcon64Regular */
-    icon?: ReactNode;
-}
-/**
- * Обёртка над Modal.Header
- *
- * @visibleName MiniModal.Header
- */
-export declare const MiniModalHeader: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MiniModalHeaderProps> & Record<never, never>;
-export {};
+import type { ReactNode } from 'react';
+import type { ModalHeaderProps } from '../Modal';
+interface MiniModalHeaderProps extends ModalHeaderProps {
+    /** Задает иконку в шапку компонента.
+     * @default InfoCircleIcon64Regular */
+    icon?: ReactNode;
+}
+/**
+ * Обёртка над Modal.Header
+ *
+ * @visibleName MiniModal.Header
+ */
+export declare const MiniModalHeader: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MiniModalHeaderProps> & Record<never, never>;
+export {};

package/components/MiniModal/MiniModalIndent.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-/**
- * Отступ между кнопками
- *
- * @visibleName MiniModal.Indent
- */
-export declare const MiniModalIndent: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>> & Record<never, never>;
+import React from 'react';
+/**
+ * Отступ между кнопками
+ *
+ * @visibleName MiniModal.Indent
+ */
+export declare const MiniModalIndent: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>> & Record<never, never>;

package/components/MiniModal/getMiniModalTheme.d.ts

@@ -1,2 +1,2 @@
-import type { Theme, ThemeIn } from '../../lib/theming/Theme';
-export declare const getMiniModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Readonly<Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>>;
+import type { Theme, ThemeIn } from '../../lib/theming/Theme';
+export declare const getMiniModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Readonly<Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>>;

package/components/MiniModal/index.d.ts

@@ -1,5 +1,5 @@
-export * from './MiniModal';
-export * from './MiniModalHeader';
-export * from './MiniModalBody';
-export * from './MiniModalFooter';
-export * from './MiniModalIndent';
+export * from './MiniModal';
+export * from './MiniModalHeader';
+export * from './MiniModalBody';
+export * from './MiniModalFooter';
+export * from './MiniModalIndent';