@skbkontur/react-ui 3.9.3 → 3.10.0-beta.1

package/components/TooltipMenu/TooltipMenu.d.ts

@@ -1,64 +1,65 @@
-import React from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { MenuItemProps } from '../MenuItem';
-import { MenuHeaderProps } from '../MenuHeader';
-import { PopupPosition } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;
-export interface TooltipMenuProps extends CommonProps {
-    children?: TooltipMenuChildType | TooltipMenuChildType[];
-    /** Максимальная высота меню */
-    menuMaxHeight?: number | string;
-    /** Ширина меню */
-    menuWidth?: number | string;
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо `caption`,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: PopupMenuProps['caption'];
-    /**
-     * Произвольный элемент, который будет отрендерен в шапке меню.
-     *
-     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
-     */
-    header?: React.ReactNode;
-    /**
-     * Произвольный элемент, который будет отрендерен в подвале меню.
-     *
-     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
-     */
-    footer?: React.ReactNode;
-    /**  Список позиций доступных для расположения выпадашки относительно `caption`.
-     *
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
-     *
-     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
-     */
-    positions?: PopupPosition[];
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations: boolean;
-}
-/**
- * Меню, раскрывающееся по клику на переданный в `caption` элемент.
- *
- * Положение меню задаётся с помощью массива `positions` и работает так:
- * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
- * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
- *
- * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
- *
- * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
- */
-export declare class TooltipMenu extends React.Component<TooltipMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        disableAnimations: boolean;
-    };
-    constructor(props: TooltipMenuProps);
-    render(): JSX.Element;
-    renderMain(): JSX.Element | null;
-}
+import React from 'react';
+import { PopupMenuProps } from '../../internal/PopupMenu';
+import { MenuItemProps } from '../MenuItem';
+import { MenuHeaderProps } from '../MenuHeader';
+import { PopupPosition } from '../../internal/Popup';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;
+export interface TooltipMenuProps extends CommonProps {
+    children?: TooltipMenuChildType | TooltipMenuChildType[];
+    /** Максимальная высота меню */
+    menuMaxHeight?: number | string;
+    /** Ширина меню */
+    menuWidth?: number | string;
+    /**
+     * Элемент или функция возвращающая элемент,
+     * если передана, используется вместо `caption`,
+     * в таком случае управлять открытием и закрытием меню
+     * придется в этой функции
+     */
+    caption: PopupMenuProps['caption'];
+    /**
+     * Произвольный элемент, который будет отрендерен в шапке меню.
+     *
+     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     */
+    header?: React.ReactNode;
+    /**
+     * Произвольный элемент, который будет отрендерен в подвале меню.
+     *
+     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
+     */
+    footer?: React.ReactNode;
+    /**  Список позиций доступных для расположения выпадашки относительно `caption`.
+     *
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     *
+     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
+     */
+    positions?: PopupPosition[];
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations: boolean;
+}
+/**
+ * Меню, раскрывающееся по клику на переданный в `caption` элемент.
+ *
+ * Положение меню задаётся с помощью массива `positions` и работает так:
+ * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
+ * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
+ *
+ * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
+ *
+ * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
+ */
+export declare class TooltipMenu extends React.Component<TooltipMenuProps> {
+    static __KONTUR_REACT_UI__: string;
+    private setRootNode;
+    static defaultProps: {
+        disableAnimations: boolean;
+    };
+    constructor(props: TooltipMenuProps);
+    render(): JSX.Element;
+    renderMain(): JSX.Element | null;
+}

package/components/TooltipMenu/index.d.ts

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

package/index.d.ts

@@ -1,48 +1,48 @@
-export * from './components/Autocomplete';
-export * from './components/Button';
-export * from './components/Center';
-export * from './components/Checkbox';
-export * from './components/ComboBox';
-export * from './components/CurrencyInput';
-export * from './components/CurrencyLabel';
-export * from './components/DateInput';
-export * from './components/DatePicker';
-export * from './components/Dropdown';
-export * from './components/DropdownMenu';
-export * from './components/FxInput';
-export * from './components/Gapped';
-export * from './components/Group';
-export * from './components/Hint';
-export * from './components/Input';
-export * from './components/Kebab';
-export * from './components/Link';
-export * from './components/Loader';
-export * from './components/MenuHeader';
-export * from './components/MenuItem';
-export * from './components/MenuSeparator';
-export * from './components/Modal';
-export * from './components/Paging';
-export * from './components/PasswordInput';
-export * from './components/Radio';
-export * from './components/RadioGroup';
-export * from './components/ScrollContainer';
-export * from './components/Select';
-export * from './components/SidePage';
-export * from './components/Spinner';
-export * from './components/Sticky';
-export * from './components/Switcher';
-export * from './components/Tabs';
-export * from './components/Textarea';
-export * from './components/Toast';
-export * from './components/Toggle';
-export * from './components/Token';
-export * from './components/TokenInput';
-export * from './components/Tooltip';
-export * from './components/TooltipMenu';
-export * from './lib/locale';
-export * from './lib/theming/ThemeContext';
-export * from './lib/theming/ThemeFactory';
-export * from './lib/theming/themes/DefaultThemeOld';
-export * from './lib/theming/themes/DefaultTheme';
-export * from './lib/theming/themes/FlatThemeOld';
-export * from './lib/theming/themes/FlatTheme';
+export * from './components/Autocomplete';
+export * from './components/Button';
+export * from './components/Center';
+export * from './components/Checkbox';
+export * from './components/ComboBox';
+export * from './components/CurrencyInput';
+export * from './components/CurrencyLabel';
+export * from './components/DateInput';
+export * from './components/DatePicker';
+export * from './components/Dropdown';
+export * from './components/DropdownMenu';
+export * from './components/FxInput';
+export * from './components/Gapped';
+export * from './components/Group';
+export * from './components/Hint';
+export * from './components/Input';
+export * from './components/Kebab';
+export * from './components/Link';
+export * from './components/Loader';
+export * from './components/MenuHeader';
+export * from './components/MenuItem';
+export * from './components/MenuSeparator';
+export * from './components/Modal';
+export * from './components/Paging';
+export * from './components/PasswordInput';
+export * from './components/Radio';
+export * from './components/RadioGroup';
+export * from './components/ScrollContainer';
+export * from './components/Select';
+export * from './components/SidePage';
+export * from './components/Spinner';
+export * from './components/Sticky';
+export * from './components/Switcher';
+export * from './components/Tabs';
+export * from './components/Textarea';
+export * from './components/Toast';
+export * from './components/Toggle';
+export * from './components/Token';
+export * from './components/TokenInput';
+export * from './components/Tooltip';
+export * from './components/TooltipMenu';
+export * from './lib/locale';
+export * from './lib/theming/ThemeContext';
+export * from './lib/theming/ThemeFactory';
+export * from './lib/theming/themes/DefaultThemeOld';
+export * from './lib/theming/themes/DefaultTheme';
+export * from './lib/theming/themes/FlatThemeOld';
+export * from './lib/theming/themes/FlatTheme';

package/internal/BGRuler.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
- */
-export declare class BGRuler extends React.Component<{
-    width?: string | number;
-    height?: string | number;
-    top?: string | number;
-    bottom?: string | number;
-    right?: string | number;
-    left?: string | number;
-    color?: string;
-}> {
-    static defaultProps: {
-        height: number;
-        top: number;
-        left: number;
-        right: number;
-        color: string;
-    };
-    private iframe;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    update: () => void;
-    render(): JSX.Element;
-    private iframeRef;
-}
+import React from 'react';
+/**
+ * Компонент рисует пиксельную линейку на заднем фоне.
+ * Помогает контролировать размеры элементов при скриншотном тестировании.
+ *
+ * @see FxInput/__stories__/FxInput.stories.tsx
+ */
+export declare class BGRuler extends React.Component<{
+    width?: string | number;
+    height?: string | number;
+    top?: string | number;
+    bottom?: string | number;
+    right?: string | number;
+    left?: string | number;
+    color?: string;
+}> {
+    static defaultProps: {
+        height: number;
+        top: number;
+        left: number;
+        right: number;
+        color: string;
+    };
+    private iframe;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    update: () => void;
+    render(): JSX.Element;
+    private iframeRef;
+}

package/internal/Calendar/Calendar.d.ts

@@ -1,66 +1,66 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { MonthViewModel } from './MonthViewModel';
-import { CalendarDateShape } from './CalendarDateShape';
-export interface CalendarProps {
-    initialMonth?: number;
-    initialYear?: number;
-    onSelect?: (date: CalendarDateShape) => void;
-    value?: Nullable<CalendarDateShape>;
-    maxDate?: CalendarDateShape;
-    minDate?: CalendarDateShape;
-    isHoliday?: (day: CalendarDateShape & {
-        isWeekend: boolean;
-    }) => boolean;
-}
-export interface CalendarState {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    today: CalendarDateShape;
-    scrollDirection: number;
-    scrollTarget: number;
-    touchStart: number;
-}
-export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        holidays: never[];
-        minDate: {
-            year: number;
-            month: number;
-            date: number;
-        };
-        maxDate: {
-            year: number;
-            month: number;
-            date: number;
-        };
-    };
-    private theme;
-    private wheelEndTimeout;
-    private root;
-    private animation;
-    private touchStartY;
-    constructor(props: CalendarProps);
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    /**
-     * Scrolls calendar to given date
-     * @public
-     */
-    scrollToMonth: (month: number, year: number) => Promise<void>;
-    private renderMain;
-    private refRoot;
-    private renderMonth;
-    private getMonthPositions;
-    private handleMonthYearChange;
-    private executeAnimations;
-    private handleTouchStart;
-    private handleTouchMove;
-    private throttledHandleTouchMove;
-    private handleWheel;
-    private handleWheelEnd;
-    private scrollToNearestWeek;
-    private scrollTo;
-    private scrollAmount;
-}
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { MonthViewModel } from './MonthViewModel';
+import { CalendarDateShape } from './CalendarDateShape';
+export interface CalendarProps {
+    initialMonth?: number;
+    initialYear?: number;
+    onSelect?: (date: CalendarDateShape) => void;
+    value?: Nullable<CalendarDateShape>;
+    maxDate?: CalendarDateShape;
+    minDate?: CalendarDateShape;
+    isHoliday?: (day: CalendarDateShape & {
+        isWeekend: boolean;
+    }) => boolean;
+}
+export interface CalendarState {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    today: CalendarDateShape;
+    scrollDirection: number;
+    scrollTarget: number;
+    touchStart: number;
+}
+export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        holidays: never[];
+        minDate: {
+            year: number;
+            month: number;
+            date: number;
+        };
+        maxDate: {
+            year: number;
+            month: number;
+            date: number;
+        };
+    };
+    private theme;
+    private wheelEndTimeout;
+    private root;
+    private animation;
+    private touchStartY;
+    constructor(props: CalendarProps);
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    /**
+     * Scrolls calendar to given date
+     * @public
+     */
+    scrollToMonth: (month: number, year: number) => Promise<void>;
+    private renderMain;
+    private refRoot;
+    private renderMonth;
+    private getMonthPositions;
+    private handleMonthYearChange;
+    private executeAnimations;
+    private handleTouchStart;
+    private handleTouchMove;
+    private throttledHandleTouchMove;
+    private handleWheel;
+    private handleWheelEnd;
+    private scrollToNearestWeek;
+    private scrollTo;
+    private scrollAmount;
+}

package/internal/Calendar/Calendar.styles.d.ts

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

package/internal/Calendar/CalendarDateShape.d.ts

@@ -1,14 +1,14 @@
-import { Nullable } from '../../typings/utility-types';
-export interface CalendarDateShape {
-    year: number;
-    month: number;
-    date: number;
-}
-export declare const isEqual: (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) => boolean | null | undefined;
-export declare const comparator: (a: CalendarDateShape, b: CalendarDateShape) => 1 | 0 | -1;
-export declare const create: (date: number, month: number, year: number) => CalendarDateShape;
-export declare const isLess: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isLessOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean | null | undefined;
-export declare const isGreater: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isGreaterOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isBetween: (date: CalendarDateShape, left?: Nullable<CalendarDateShape>, right?: Nullable<CalendarDateShape>) => boolean;
+import { Nullable } from '../../typings/utility-types';
+export interface CalendarDateShape {
+    year: number;
+    month: number;
+    date: number;
+}
+export declare const isEqual: (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) => boolean | null | undefined;
+export declare const comparator: (a: CalendarDateShape, b: CalendarDateShape) => 1 | 0 | -1;
+export declare const create: (date: number, month: number, year: number) => CalendarDateShape;
+export declare const isLess: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isLessOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean | null | undefined;
+export declare const isGreater: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isGreaterOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isBetween: (date: CalendarDateShape, left?: Nullable<CalendarDateShape>, right?: Nullable<CalendarDateShape>) => boolean;

package/internal/Calendar/CalendarScrollEvents.d.ts

@@ -1,4 +1,4 @@
-export declare function addListener(callback: () => void): {
-    remove(): void;
-};
-export declare function emit(): void;
+export declare function addListener(callback: () => void): {
+    remove(): void;
+};
+export declare function emit(): void;

package/internal/Calendar/CalendarUtils.d.ts

@@ -1,19 +1,19 @@
-import { Theme } from '../../lib/theming/Theme';
-import { MonthViewModel } from './MonthViewModel';
-import { CalendarProps, CalendarState } from './Calendar';
-export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-};
-export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-} | {
-    scrollPosition: number;
-    scrollDirection: number;
-};
-export declare const isMonthVisible: (top: number, month: MonthViewModel, theme: Theme) => boolean;
-export declare const getMonthsHeight: (months: MonthViewModel[], theme: Theme) => number;
-export declare const getMonths: (month: number, year: number) => MonthViewModel[];
+import { Theme } from '../../lib/theming/Theme';
+import { MonthViewModel } from './MonthViewModel';
+import { CalendarProps, CalendarState } from './Calendar';
+export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+};
+export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+} | {
+    scrollPosition: number;
+    scrollDirection: number;
+};
+export declare const isMonthVisible: (top: number, month: MonthViewModel, theme: Theme) => boolean;
+export declare const getMonthsHeight: (months: MonthViewModel[], theme: Theme) => number;
+export declare const getMonths: (month: number, year: number) => MonthViewModel[];

package/internal/Calendar/DayCellView.d.ts

@@ -1,13 +1,13 @@
-import { Nullable } from '../../typings/utility-types';
-import * as CDS from './CalendarDateShape';
-interface DayCellViewProps {
-    date: CDS.CalendarDateShape;
-    today?: CDS.CalendarDateShape;
-    value?: Nullable<CDS.CalendarDateShape>;
-    minDate?: CDS.CalendarDateShape;
-    maxDate?: CDS.CalendarDateShape;
-    onDateClick?: (day: CDS.CalendarDateShape) => void;
-    isWeekend?: boolean;
-}
-export declare function DayCellView(props: DayCellViewProps): JSX.Element;
-export {};
+import { Nullable } from '../../typings/utility-types';
+import * as CDS from './CalendarDateShape';
+interface DayCellViewProps {
+    date: CDS.CalendarDateShape;
+    today?: CDS.CalendarDateShape;
+    value?: Nullable<CDS.CalendarDateShape>;
+    minDate?: CDS.CalendarDateShape;
+    maxDate?: CDS.CalendarDateShape;
+    onDateClick?: (day: CDS.CalendarDateShape) => void;
+    isWeekend?: boolean;
+}
+export declare function DayCellView(props: DayCellViewProps): JSX.Element;
+export {};

package/internal/Calendar/DayCellView.styles.d.ts

@@ -1,7 +1,7 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    cell(t: Theme): string;
-    selected(t: Theme): string;
-    weekend(t: Theme): string;
-    today(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    cell(t: Theme): string;
+    selected(t: Theme): string;
+    weekend(t: Theme): string;
+    today(t: Theme): string;
+};

package/internal/Calendar/DayCellViewModel.d.ts

@@ -1,8 +1,8 @@
-export declare class DayCellViewModel {
-    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
-    date: number;
-    month: number;
-    year: number;
-    isWeekend: boolean;
-    constructor(date: number, month: number, year: number, isWeekend: boolean);
-}
+export declare class DayCellViewModel {
+    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
+    date: number;
+    month: number;
+    year: number;
+    isWeekend: boolean;
+    constructor(date: number, month: number, year: number, isWeekend: boolean);
+}