@skbkontur/react-ui 5.1.0 → 5.1.2

package/components/Radio/Radio.d.ts

@@ -1,76 +1,76 @@
-import React, { AriaAttributes } from 'react';
-import { Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';
-import { SizeProp } from '../../lib/types/props';
-export interface RadioProps<T> extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /** Переводит контрол в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Переводит контрол в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Задает размер. */
-    size?: SizeProp;
-    /** Задает состояние фокуса. */
-    focused?: boolean;
-    /** Задает функцию, которая вызывается при изменении value. */
-    onValueChange?: (value: T) => void;
-    /** Задает HTML-событие `onmouseenter`.
-     * @ignore */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Задает HTML-событие `onmouseleave`.
-     * @ignore */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Задает HTML-событие `onmouseover`.
-     * @ignore */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Устанавливает значение. */
-    value: T;
-}> {
-}
-export interface RadioState {
-    focusedByKeyboard: boolean;
-}
-export declare const RadioDataTids: {
-    readonly root: "Radio__root";
-};
-type DefaultProps = Required<Pick<RadioProps<any>, 'focused' | 'size'>>;
-/**
- * Радио-кнопки `Radio` используются, когда может быть выбран только один вариант из нескольких.
- */
-export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    state: {
-        focusedByKeyboard: boolean;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    static contextType: React.Context<RadioGroupContextType<any>>;
-    context: RadioGroupContextType<T>;
-    private inputEl;
-    private setRootNode;
-    private theme;
-    private getRootSizeClassName;
-    private getCircleSizeClassName;
-    private getCheckedSizeClassName;
-    render(): React.JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    renderMain: (props: CommonWrapperRestProps<RadioProps<T>>) => React.JSX.Element;
-    private _isInRadioGroup;
-    private renderCaption;
-    private handleChange;
-    private handleMouseOver;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleFocus;
-    private resetFocus;
-    private handleBlur;
-}
-export {};
+import React, { AriaAttributes } from 'react';
+import { Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import { RadioGroupContextType } from '../RadioGroup/RadioGroupContext';
+import { SizeProp } from '../../lib/types/props';
+export interface RadioProps<T> extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает размер. */
+    size?: SizeProp;
+    /** Задает состояние фокуса. */
+    focused?: boolean;
+    /** Задает функцию, которая вызывается при изменении value. */
+    onValueChange?: (value: T) => void;
+    /** Задает HTML-событие `onmouseenter`.
+     * @ignore */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Задает HTML-событие `onmouseleave`.
+     * @ignore */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Задает HTML-событие `onmouseover`.
+     * @ignore */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Устанавливает значение. */
+    value: T;
+}> {
+}
+export interface RadioState {
+    focusedByKeyboard: boolean;
+}
+export declare const RadioDataTids: {
+    readonly root: "Radio__root";
+};
+type DefaultProps = Required<Pick<RadioProps<any>, 'focused' | 'size'>>;
+/**
+ * Радио-кнопки `Radio` используются, когда может быть выбран только один вариант из нескольких.
+ */
+export declare class Radio<T> extends React.Component<RadioProps<T>, RadioState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    state: {
+        focusedByKeyboard: boolean;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    static contextType: React.Context<RadioGroupContextType<any>>;
+    context: RadioGroupContextType<T>;
+    private inputEl;
+    private setRootNode;
+    private theme;
+    private getRootSizeClassName;
+    private getCircleSizeClassName;
+    private getCheckedSizeClassName;
+    render(): React.JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    renderMain: (props: CommonWrapperRestProps<RadioProps<T>>) => React.JSX.Element;
+    private _isInRadioGroup;
+    private renderCaption;
+    private handleChange;
+    private handleMouseOver;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocus;
+    private resetFocus;
+    private handleBlur;
+}
+export {};

package/components/Radio/Radio.mixins.d.ts

@@ -1,5 +1,5 @@
-export declare const radioSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, radioSize: string) => string;
-export declare const circleSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, radioSize: string, radioBorderWidthCompensation: string, radioCircleOffsetY: string) => string;
-export declare const radioCheckedMixin: (bulletSize: string) => string;
-export declare const afterOutlineMixin: (radioOutlineWidth: string) => string;
-export declare const outlineColorMixin: (shadow: string, borderColor: string) => string;
+export declare const radioSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, radioSize: string) => string;
+export declare const circleSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, radioSize: string, radioBorderWidthCompensation: string, radioCircleOffsetY: string) => string;
+export declare const radioCheckedMixin: (bulletSize: string) => string;
+export declare const afterOutlineMixin: (radioOutlineWidth: string) => string;
+export declare const outlineColorMixin: (shadow: string, borderColor: string) => string;

package/components/Radio/Radio.styles.d.ts

@@ -1,30 +1,30 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    circle: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    rootIE11(): string;
-    rootChecked(t: Theme): string;
-    circle(t: Theme): string;
-    circleSmall(t: Theme): string;
-    circleMedium(t: Theme): string;
-    circleLarge(t: Theme): string;
-    focus(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-    checked(t: Theme): string;
-    checkedSmall(t: Theme): string;
-    checkedMedium(t: Theme): string;
-    checkedLarge(t: Theme): string;
-    checkedDisabled(t: Theme): string;
-    input(): string;
-    disabled(t: Theme): string;
-    caption(t: Theme): string;
-    captionIE11(): string;
-    captionDisabled(t: Theme): string;
-    placeholder(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    circle: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    rootIE11(): string;
+    rootChecked(t: Theme): string;
+    circle(t: Theme): string;
+    circleSmall(t: Theme): string;
+    circleMedium(t: Theme): string;
+    circleLarge(t: Theme): string;
+    focus(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    checked(t: Theme): string;
+    checkedSmall(t: Theme): string;
+    checkedMedium(t: Theme): string;
+    checkedLarge(t: Theme): string;
+    checkedDisabled(t: Theme): string;
+    input(): string;
+    disabled(t: Theme): string;
+    caption(t: Theme): string;
+    captionIE11(): string;
+    captionDisabled(t: Theme): string;
+    placeholder(): string;
+};

package/components/Radio/__creevey__/Radio.creevey.d.mts

@@ -1 +1 @@
-export {};
+export {};

package/components/Radio/index.d.ts

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

package/components/RadioGroup/Prevent.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export interface PreventProps {
-    children?: React.ReactNode;
-}
-export declare class Prevent extends React.Component<PreventProps> {
-    render(): React.JSX.Element;
-    private _prevent;
-}
+import React from 'react';
+export interface PreventProps {
+    children?: React.ReactNode;
+}
+export declare class Prevent extends React.Component<PreventProps> {
+    render(): React.JSX.Element;
+    private _prevent;
+}

package/components/RadioGroup/RadioGroup.d.ts

@@ -1,87 +1,87 @@
-import React, { AriaAttributes } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Prevent } from './Prevent';
-export interface RadioGroupProps<T = string | number> extends CommonProps {
-    /** Задает значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из параметра `items`. */
-    defaultValue?: T;
-    /** Задает значение радиогруппы. Должно быть одним из значений радиокнопок.
-     * Если не указано, то компонент будет работать, как неконтролируемый. */
-    value?: T;
-    /** Задает массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,
-     * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.
-     * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.
-     * Может быть использовано, если не передан параметр `children`. */
-    items?: T[] | Array<[T, React.ReactNode]>;
-    /** Устанавливает аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется случайное имя. */
-    name?: string;
-    /** Получает уникальный ключ по элементу
-     * @param item - элемент, по которуму нужно получить ключ. */
-    toKey?: (item: T) => string | number;
-    /** Делает все радиокнопки недоступными. */
-    disabled?: boolean;
-    /** Переводит все радиокнопки в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Переводит все радиокнопки в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Выравнивает элементы items в строку. Не работает с children. */
-    inline?: boolean;
-    /** Задает ширину радиогруппы. Не работает с `children`. */
-    width?: React.CSSProperties['width'];
-    /** Задает функцию, которая отображает контент радиокнопки. Не работает с `children`.
-     * @param {Value} itemValue - значение радиокнопки.
-     * @param {Data} data - значение для отрисовки радиокнопки. */
-    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
-    /** @ignore */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
-    /** Задает функцию, которая вызывается при изменении значения радиогруппы (value). */
-    onValueChange?: (value: T) => void;
-    /** Задает функцию, которая вызывается при потере радиогруппой фокуса. */
-    onBlur?: (event: FocusEvent) => void;
-    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
-    onMouseLeave?: () => any;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
-    onMouseOver?: () => any;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
-    onMouseEnter?: () => any;
-}
-export interface RadioGroupState<T> {
-    activeItem?: T;
-}
-export declare const RadioGroupDataTids: {
-    readonly root: "RadioGroup__root";
-};
-type DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;
-/**
- * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.
- *
- * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.
- * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.
- *
- * Значения активного элемента сравниваются по строгому равенству `===`.
- */
-export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    static Prevent: typeof Prevent;
-    private node;
-    private name;
-    private getProps;
-    private setRootNode;
-    constructor(props: RadioGroupProps<T>);
-    private getRadioGroupContextValue;
-    render(): React.JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    private getValue;
-    private getName;
-    private isControlled;
-    private handleSelect;
-    private renderChildren;
-    private renderRadio;
-    private getKeyByItem;
-    private ref;
-}
-export {};
+import React, { AriaAttributes } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Prevent } from './Prevent';
+export interface RadioGroupProps<T = string | number> extends CommonProps {
+    /** Задает значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из параметра `items`. */
+    defaultValue?: T;
+    /** Задает значение радиогруппы. Должно быть одним из значений радиокнопок.
+     * Если не указано, то компонент будет работать, как неконтролируемый. */
+    value?: T;
+    /** Задает массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,
+     * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.
+     * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.
+     * Может быть использовано, если не передан параметр `children`. */
+    items?: T[] | Array<[T, React.ReactNode]>;
+    /** Устанавливает аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется случайное имя. */
+    name?: string;
+    /** Получает уникальный ключ по элементу
+     * @param item - элемент, по которуму нужно получить ключ. */
+    toKey?: (item: T) => string | number;
+    /** Делает все радиокнопки недоступными. */
+    disabled?: boolean;
+    /** Переводит все радиокнопки в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Переводит все радиокнопки в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Выравнивает элементы items в строку. Не работает с children. */
+    inline?: boolean;
+    /** Задает ширину радиогруппы. Не работает с `children`. */
+    width?: React.CSSProperties['width'];
+    /** Задает функцию, которая отображает контент радиокнопки. Не работает с `children`.
+     * @param {Value} itemValue - значение радиокнопки.
+     * @param {Data} data - значение для отрисовки радиокнопки. */
+    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
+    /** @ignore */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
+    /** Задает функцию, которая вызывается при изменении значения радиогруппы (value). */
+    onValueChange?: (value: T) => void;
+    /** Задает функцию, которая вызывается при потере радиогруппой фокуса. */
+    onBlur?: (event: FocusEvent) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: () => any;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
+    onMouseOver?: () => any;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
+    onMouseEnter?: () => any;
+}
+export interface RadioGroupState<T> {
+    activeItem?: T;
+}
+export declare const RadioGroupDataTids: {
+    readonly root: "RadioGroup__root";
+};
+type DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;
+/**
+ * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.
+ *
+ * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.
+ * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.
+ *
+ * Значения активного элемента сравниваются по строгому равенству `===`.
+ */
+export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    static Prevent: typeof Prevent;
+    private node;
+    private name;
+    private getProps;
+    private setRootNode;
+    constructor(props: RadioGroupProps<T>);
+    private getRadioGroupContextValue;
+    render(): React.JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    private getValue;
+    private getName;
+    private isControlled;
+    private handleSelect;
+    private renderChildren;
+    private renderRadio;
+    private getKeyByItem;
+    private ref;
+}
+export {};

package/components/RadioGroup/RadioGroup.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const styles: {
-    root(): string;
-    item(): string;
-    itemFirst(): string;
-    itemInline(): string;
-};
+export declare const styles: {
+    root(): string;
+    item(): string;
+    itemFirst(): string;
+    itemInline(): string;
+};

package/components/RadioGroup/RadioGroupContext.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-export interface RadioGroupContextType<T> {
-    activeItem: T | undefined;
-    onSelect: (value: T) => void;
-    name: string;
-    disabled: boolean | undefined;
-    error: boolean | undefined;
-    warning: boolean | undefined;
-}
-export declare const RadioGroupContext: React.Context<RadioGroupContextType<any>>;
+import React from 'react';
+export interface RadioGroupContextType<T> {
+    activeItem: T | undefined;
+    onSelect: (value: T) => void;
+    name: string;
+    disabled: boolean | undefined;
+    error: boolean | undefined;
+    warning: boolean | undefined;
+}
+export declare const RadioGroupContext: React.Context<RadioGroupContextType<any>>;

package/components/RadioGroup/__creevey__/RadioGroup.creevey.d.mts

@@ -1 +1 @@
-export {};
+export {};

package/components/RadioGroup/index.d.ts

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

package/components/ResponsiveLayout/ResponsiveLayout.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';
-interface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {
-    /** Задает функцию, которая вызывается при изменении лейаута. */
-    onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;
-    /** @ignore */
-    children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);
-    /** Позволяет кастомизировать возвращаемые флаги. */
-    customMediaQueries?: T;
-}
-/**
- * Компонент `ResponsiveLayout` для определения текущего лэйаута.
- */
-export declare function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>): React.JSX.Element;
-export declare namespace ResponsiveLayout {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-}
-export {};
+import React from 'react';
+import { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';
+interface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {
+    /** Задает функцию, которая вызывается при изменении лейаута. */
+    onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;
+    /** @ignore */
+    children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);
+    /** Позволяет кастомизировать возвращаемые флаги. */
+    customMediaQueries?: T;
+}
+/**
+ * Компонент `ResponsiveLayout` для определения текущего лэйаута.
+ */
+export declare function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>): React.JSX.Element;
+export declare namespace ResponsiveLayout {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}
+export {};

package/components/ResponsiveLayout/ResponsiveLayoutEvents.d.ts

@@ -1,11 +1,11 @@
-interface mediaQueryData {
-    mql: MediaQueryList;
-    listeners: Array<(e: MediaQueryListEvent) => void>;
-}
-export interface listenerToken {
-    remove: () => void;
-}
-export declare const eventListenersMap: Map<string, mediaQueryData>;
-export declare function addResponsiveLayoutListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void): listenerToken;
-export declare function checkMatches(mediaQuery: string): boolean;
-export {};
+interface mediaQueryData {
+    mql: MediaQueryList;
+    listeners: Array<(e: MediaQueryListEvent) => void>;
+}
+export interface listenerToken {
+    remove: () => void;
+}
+export declare const eventListenersMap: Map<string, mediaQueryData>;
+export declare function addResponsiveLayoutListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void): listenerToken;
+export declare function checkMatches(mediaQuery: string): boolean;
+export {};

package/components/ResponsiveLayout/decorator.d.ts

@@ -1,31 +1,31 @@
-import React from 'react';
-import { ResponsiveLayoutFlags } from './types';
-export declare function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): {
-    new (...args: any[]): {
-        layout: ResponsiveLayoutFlags;
-        currentLayout: ResponsiveLayoutFlags<import("./types").EmptyObject>;
-        isMobileLayout: boolean;
-        renderWithLayout: (currentLayout: ResponsiveLayoutFlags) => React.ReactNode;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{}>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-} & T;
+import React from 'react';
+import { ResponsiveLayoutFlags } from './types';
+export declare function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): {
+    new (...args: any[]): {
+        layout: ResponsiveLayoutFlags;
+        currentLayout: ResponsiveLayoutFlags<import("./types").EmptyObject>;
+        isMobileLayout: boolean;
+        renderWithLayout: (currentLayout: ResponsiveLayoutFlags) => React.ReactNode;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+} & T;

package/components/ResponsiveLayout/index.d.ts

@@ -1,3 +1,3 @@
-export * from './ResponsiveLayout';
-export * from './useResponsiveLayout';
-export * from './types';
+export * from './ResponsiveLayout';
+export * from './useResponsiveLayout';
+export * from './types';

package/components/ResponsiveLayout/types.d.ts

@@ -1,11 +1,11 @@
-export type MediaQueriesType = Record<string, string>;
-export type EmptyObject = Record<never, never>;
-export interface ResponsiveLayoutOptions<MQ extends MediaQueriesType> {
-    customMediaQueries?: MQ;
-}
-export type ResponsiveLayoutFlags<T extends MediaQueriesType = EmptyObject> = {
-    [K in keyof T]?: boolean;
-} & ResponsiveLayoutFlagsInternal;
-export interface ResponsiveLayoutFlagsInternal {
-    isMobile: boolean;
-}
+export type MediaQueriesType = Record<string, string>;
+export type EmptyObject = Record<never, never>;
+export interface ResponsiveLayoutOptions<MQ extends MediaQueriesType> {
+    customMediaQueries?: MQ;
+}
+export type ResponsiveLayoutFlags<T extends MediaQueriesType = EmptyObject> = {
+    [K in keyof T]?: boolean;
+} & ResponsiveLayoutFlagsInternal;
+export interface ResponsiveLayoutFlagsInternal {
+    isMobile: boolean;
+}