@skbkontur/react-ui 5.2.0 → 5.2.1

package/cjs/internal/NativeDateInput/NativeDateInput.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-export interface NativeDateInputProps {
-    onValueChange?: (value: string) => void;
-    value: Nullable<string>;
-    minDate?: Nullable<string>;
-    maxDate?: Nullable<string>;
-    disabled?: boolean;
-}
-export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private input;
-    render(): React.JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    click: () => void;
-    private refInput;
-}
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+export interface NativeDateInputProps {
+    onValueChange?: (value: string) => void;
+    value: Nullable<string>;
+    minDate?: Nullable<string>;
+    maxDate?: Nullable<string>;
+    disabled?: boolean;
+}
+export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private input;
+    render(): React.JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    click: () => void;
+    private refInput;
+}

package/cjs/internal/NativeDateInput/NativeDateInput.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const jsStyles: {
-    inputTypeDate(): string;
-};
+export declare const jsStyles: {
+    inputTypeDate(): string;
+};

package/cjs/internal/NativeDateInput/index.d.ts

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

package/cjs/internal/NativeDateInput/utils.d.ts

@@ -1,7 +1,7 @@
-import type { Nullable } from '../../typings/utility-types';
-import type { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';
-export declare const getDateForNative: (componentDate: Nullable<string>) => string | undefined;
-export declare const getDateForComponent: (nativeDate: Nullable<string>) => string;
-export declare const getNativeDateFromShape: (componentDate: CalendarDateShape | undefined | null) => string | undefined;
-export declare const upMonthOfShape: (DateShape: CalendarDateShape | undefined) => CalendarDateShape | undefined;
-export declare const getShapeFromNativeDate: (nativeDate: Nullable<string>) => CalendarDateShape | undefined;
+import type { Nullable } from '../../typings/utility-types';
+import type { CalendarDateShape } from '../../components/Calendar/CalendarDateShape';
+export declare const getDateForNative: (componentDate: Nullable<string>) => string | undefined;
+export declare const getDateForComponent: (nativeDate: Nullable<string>) => string;
+export declare const getNativeDateFromShape: (componentDate: CalendarDateShape | undefined | null) => string | undefined;
+export declare const upMonthOfShape: (DateShape: CalendarDateShape | undefined) => CalendarDateShape | undefined;
+export declare const getShapeFromNativeDate: (nativeDate: Nullable<string>) => CalendarDateShape | undefined;

package/cjs/internal/Popup/Popup.d.ts

@@ -1,207 +1,207 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { Nullable } from '../../typings/utility-types';
-import type { Priority } from '../ZIndex';
-import type { FocusEventType, MouseEventType } from '../../typings/event-types';
-import type { CommonProps } from '../CommonWrapper';
-import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
-export declare const PopupNonPinnablePositions: string[];
-export declare const PopupPinnablePositions: string[];
-export declare const PopupPositions: readonly string[];
-export declare const DefaultPosition: string;
-export type PopupPositionsType = (typeof PopupPositions)[number];
-export type PopupPinnablePositionsType = (typeof PopupPinnablePositions)[number];
-export type ShortPopupPositionsType = 'top' | 'bottom' | 'left' | 'right';
-export declare const DUMMY_LOCATION: PopupLocation;
-export interface PopupHandlerProps {
-    onMouseEnter?: (event: MouseEventType) => void;
-    onMouseLeave?: (event: MouseEventType) => void;
-    onClick?: (event: MouseEventType) => void;
-    onFocus?: (event: FocusEventType) => void;
-    onBlur?: (event: FocusEventType) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
-export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
-    anchorElement: React.ReactNode | Element;
-    backgroundColor?: React.CSSProperties['backgroundColor'];
-    borderColor?: React.CSSProperties['borderColor'];
-    children: React.ReactNode | (() => React.ReactNode);
-    hasPin?: boolean;
-    hasShadow?: boolean;
-    disableAnimations?: boolean;
-    margin?: number;
-    maxWidth?: number | string;
-    opened: boolean;
-    pinOffset?: number;
-    pinSize?: number;
-    popupOffset?: number;
-    priority?: Priority;
-    positions?: Readonly<PopupPositionsType[]>;
-    pos?: PopupPositionsType | ShortPopupPositionsType;
-    /**
-     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
-     *
-     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
-     */
-    useWrapper?: boolean;
-    ignoreHover?: boolean;
-    width?: React.CSSProperties['width'];
-    minWidth?: React.CSSProperties['minWidth'];
-    /**
-     * При очередном рендере пытаться сохранить первоначальную позицию попапа
-     * (в том числе, когда он выходит за пределы экрана, но может быть проскролен в него).
-     *
-     * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.
-     * @see https://github.com/skbkontur/retail-ui/pull/1195
-     */
-    tryPreserveFirstRenderedPosition?: boolean;
-    withoutMobile?: boolean;
-    /** @ignore */
-    disablePortal?: boolean;
-    mobileOnCloseRequest?: () => void;
-    /**
-     * Возвращает текущую позицию попапа
-     */
-    onPositionChange?: (pos: PopupPositionsType, isFullyVisible: boolean) => void;
-}
-interface PopupLocation {
-    coordinates: {
-        left: number;
-        top: number;
-    };
-    position: PopupPositionsType;
-    isFullyVisible: boolean;
-}
-export interface PopupState {
-    location: Nullable<PopupLocation>;
-}
-export declare const PopupDataTids: {
-    readonly root: "Popup__root";
-    readonly content: "PopupContent";
-    readonly contentInner: "PopupContentInner";
-    readonly popupPin: "PopupPin__root";
-};
-export declare const PopupIds: {
-    root: "Popup__root";
-};
-type DefaultProps = Required<Pick<PopupProps, 'popupOffset' | 'hasPin' | 'hasShadow' | 'disablePortal' | 'disableAnimations' | 'useWrapper' | 'ignoreHover' | 'width' | 'priority'>>;
-export declare class Popup extends React.Component<PopupProps, PopupState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        /**
-         * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
-         */
-        anchorElement: PropTypes.Validator<NonNullable<NonNullable<HTMLElement | PropTypes.ReactNodeLike>>>;
-        /**
-         * Фон попапа и пина
-         */
-        backgroundColor: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
-        /**
-         * Показывать ли пин
-         */
-        hasPin: PropTypes.Requireable<boolean>;
-        /**
-         * Применять ли box-shadow на попапе. При false отключает границу на пине
-         */
-        hasShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Отступ попапа от элемента
-         */
-        margin: PropTypes.Requireable<number>;
-        /**
-         * Показан или скрыт попап
-         */
-        opened: PropTypes.Requireable<boolean>;
-        /**
-         * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
-         */
-        pinOffset: PropTypes.Requireable<number>;
-        /**
-         * Сторона пина без учёта границы.
-         * Пин представляет собой равносторонний треугольник, высота от попапа
-         * до "носика" пина будет соответствовать формуле (size* √3)/2
-         */
-        pinSize: PropTypes.Requireable<number>;
-        /**
-         * смещение попапа относительно родительского элемента
-         */
-        popupOffset: PropTypes.Requireable<number>;
-        /**
-         * С какой стороны показывать попап и край попапа,
-         * на котором будет отображаться пин
-         */
-        positions: PropTypes.Requireable<any[]>;
-        /**
-         * Приоритетная позиция попапа
-         */
-        pos: PropTypes.Requireable<string>;
-        /**
-         * Отключает использование портала
-         */
-        disablePortal: PropTypes.Requireable<boolean>;
-        /**
-         * Игнорировать ли события hover/click
-         */
-        ignoreHover: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    static readonly defaultRootNode: null;
-    state: PopupState;
-    private theme;
-    featureFlags: ReactUIFeatureFlags;
-    private layoutEventsToken;
-    private locationUpdateId;
-    private lastPopupContentElement;
-    private isMobileLayout;
-    private setRootNode;
-    private refForTransition;
-    private hasAnchorElementListeners;
-    private rootId;
-    anchorElement: Nullable<Element>;
-    private absoluteParent;
-    componentDidMount(): void;
-    static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState): PopupState;
-    componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    private renderMobile;
-    private renderMain;
-    private renderInPortal;
-    private renderWithoutPortal;
-    private updateAnchorElement;
-    private updateAbsoluteElement;
-    private addEventListeners;
-    private removeEventListeners;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleClick;
-    private handleFocus;
-    private handleBlur;
-    private calculateWidth;
-    private content;
-    private renderContent;
-    private prepareDataVisualState;
-    private resetLocation;
-    private renderChildren;
-    private refPopupContentElement;
-    private renderPin;
-    private handleLayoutEvent;
-    private delayUpdateLocation;
-    private cancelDelayedUpdateLocation;
-    private updateLocation;
-    private locationEquals;
-    private reorderPropsPositionsWithPriorityPos;
-    private getLocation;
-    private getPinnedPopupOffset;
-    private getRelativeShift;
-    private getCoordinates;
-    private getPinOffset;
-    private getHorizontalPosition;
-    private getVerticalPosition;
-}
-export {};
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { Nullable } from '../../typings/utility-types';
+import type { Priority } from '../ZIndex';
+import type { FocusEventType, MouseEventType } from '../../typings/event-types';
+import type { CommonProps } from '../CommonWrapper';
+import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
+export declare const PopupNonPinnablePositions: string[];
+export declare const PopupPinnablePositions: string[];
+export declare const PopupPositions: readonly string[];
+export declare const DefaultPosition: string;
+export type PopupPositionsType = (typeof PopupPositions)[number];
+export type PopupPinnablePositionsType = (typeof PopupPinnablePositions)[number];
+export type ShortPopupPositionsType = 'top' | 'bottom' | 'left' | 'right';
+export declare const DUMMY_LOCATION: PopupLocation;
+export interface PopupHandlerProps {
+    onMouseEnter?: (event: MouseEventType) => void;
+    onMouseLeave?: (event: MouseEventType) => void;
+    onClick?: (event: MouseEventType) => void;
+    onFocus?: (event: FocusEventType) => void;
+    onBlur?: (event: FocusEventType) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export interface PopupProps extends Omit<CommonProps, 'children'>, PopupHandlerProps, Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
+    anchorElement: React.ReactNode | Element;
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    borderColor?: React.CSSProperties['borderColor'];
+    children: React.ReactNode | (() => React.ReactNode);
+    hasPin?: boolean;
+    hasShadow?: boolean;
+    disableAnimations?: boolean;
+    margin?: number;
+    maxWidth?: number | string;
+    opened: boolean;
+    pinOffset?: number;
+    pinSize?: number;
+    popupOffset?: number;
+    priority?: Priority;
+    positions?: Readonly<PopupPositionsType[]>;
+    pos?: PopupPositionsType | ShortPopupPositionsType;
+    /**
+     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
+     *
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
+     */
+    useWrapper?: boolean;
+    ignoreHover?: boolean;
+    width?: React.CSSProperties['width'];
+    minWidth?: React.CSSProperties['minWidth'];
+    /**
+     * При очередном рендере пытаться сохранить первоначальную позицию попапа
+     * (в том числе, когда он выходит за пределы экрана, но может быть проскролен в него).
+     *
+     * Нужен только для Tooltip. В остальных случаях позиция перестраивается автоматически.
+     * @see https://github.com/skbkontur/retail-ui/pull/1195
+     */
+    tryPreserveFirstRenderedPosition?: boolean;
+    withoutMobile?: boolean;
+    /** @ignore */
+    disablePortal?: boolean;
+    mobileOnCloseRequest?: () => void;
+    /**
+     * Возвращает текущую позицию попапа
+     */
+    onPositionChange?: (pos: PopupPositionsType, isFullyVisible: boolean) => void;
+}
+interface PopupLocation {
+    coordinates: {
+        left: number;
+        top: number;
+    };
+    position: PopupPositionsType;
+    isFullyVisible: boolean;
+}
+export interface PopupState {
+    location: Nullable<PopupLocation>;
+}
+export declare const PopupDataTids: {
+    readonly root: "Popup__root";
+    readonly content: "PopupContent";
+    readonly contentInner: "PopupContentInner";
+    readonly popupPin: "PopupPin__root";
+};
+export declare const PopupIds: {
+    root: "Popup__root";
+};
+type DefaultProps = Required<Pick<PopupProps, 'popupOffset' | 'hasPin' | 'hasShadow' | 'disablePortal' | 'disableAnimations' | 'useWrapper' | 'ignoreHover' | 'width' | 'priority'>>;
+export declare class Popup extends React.Component<PopupProps, PopupState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static propTypes: {
+        /**
+         * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
+         */
+        anchorElement: PropTypes.Validator<NonNullable<NonNullable<HTMLElement | PropTypes.ReactNodeLike>>>;
+        /**
+         * Фон попапа и пина
+         */
+        backgroundColor: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
+        /**
+         * Показывать ли пин
+         */
+        hasPin: PropTypes.Requireable<boolean>;
+        /**
+         * Применять ли box-shadow на попапе. При false отключает границу на пине
+         */
+        hasShadow: PropTypes.Requireable<boolean>;
+        /**
+         * Отступ попапа от элемента
+         */
+        margin: PropTypes.Requireable<number>;
+        /**
+         * Показан или скрыт попап
+         */
+        opened: PropTypes.Requireable<boolean>;
+        /**
+         * Смещение пина от края попапа. Край задаётся в пропе position вторым словом
+         */
+        pinOffset: PropTypes.Requireable<number>;
+        /**
+         * Сторона пина без учёта границы.
+         * Пин представляет собой равносторонний треугольник, высота от попапа
+         * до "носика" пина будет соответствовать формуле (size* √3)/2
+         */
+        pinSize: PropTypes.Requireable<number>;
+        /**
+         * смещение попапа относительно родительского элемента
+         */
+        popupOffset: PropTypes.Requireable<number>;
+        /**
+         * С какой стороны показывать попап и край попапа,
+         * на котором будет отображаться пин
+         */
+        positions: PropTypes.Requireable<any[]>;
+        /**
+         * Приоритетная позиция попапа
+         */
+        pos: PropTypes.Requireable<string>;
+        /**
+         * Отключает использование портала
+         */
+        disablePortal: PropTypes.Requireable<boolean>;
+        /**
+         * Игнорировать ли события hover/click
+         */
+        ignoreHover: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    static readonly defaultRootNode: null;
+    state: PopupState;
+    private theme;
+    featureFlags: ReactUIFeatureFlags;
+    private layoutEventsToken;
+    private locationUpdateId;
+    private lastPopupContentElement;
+    private isMobileLayout;
+    private setRootNode;
+    private refForTransition;
+    private hasAnchorElementListeners;
+    private rootId;
+    anchorElement: Nullable<Element>;
+    private absoluteParent;
+    componentDidMount(): void;
+    static getDerivedStateFromProps(props: Readonly<PopupProps>, state: PopupState): PopupState;
+    componentDidUpdate(prevProps: PopupProps, prevState: PopupState): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private renderMobile;
+    private renderMain;
+    private renderInPortal;
+    private renderWithoutPortal;
+    private updateAnchorElement;
+    private updateAbsoluteElement;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleClick;
+    private handleFocus;
+    private handleBlur;
+    private calculateWidth;
+    private content;
+    private renderContent;
+    private prepareDataVisualState;
+    private resetLocation;
+    private renderChildren;
+    private refPopupContentElement;
+    private renderPin;
+    private handleLayoutEvent;
+    private delayUpdateLocation;
+    private cancelDelayedUpdateLocation;
+    private updateLocation;
+    private locationEquals;
+    private reorderPropsPositionsWithPriorityPos;
+    private getLocation;
+    private getPinnedPopupOffset;
+    private getRelativeShift;
+    private getCoordinates;
+    private getPinOffset;
+    private getHorizontalPosition;
+    private getVerticalPosition;
+}
+export {};

package/cjs/internal/Popup/Popup.styles.d.ts

@@ -1,17 +1,17 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    popup(t: Theme): string;
-    popupIgnoreHover(): string;
-    content(t: Theme): string;
-    contentInner(t: Theme): string;
-    shadow(t: Theme): string;
-    transitionEnter(): string;
-    'transition-enter-top'(): string;
-    'transition-enter-middle'(): string;
-    'transition-enter-bottom'(): string;
-    'transition-enter-left'(): string;
-    'transition-enter-right'(): string;
-    transitionEnterActive(): string;
-    transitionExit(): string;
-    absoluteParent(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    popup(t: Theme): string;
+    popupIgnoreHover(): string;
+    content(t: Theme): string;
+    contentInner(t: Theme): string;
+    shadow(t: Theme): string;
+    transitionEnter(): string;
+    'transition-enter-top'(): string;
+    'transition-enter-middle'(): string;
+    'transition-enter-bottom'(): string;
+    'transition-enter-left'(): string;
+    'transition-enter-right'(): string;
+    transitionEnterActive(): string;
+    transitionExit(): string;
+    absoluteParent(): string;
+};

package/cjs/internal/Popup/PopupHelper.d.ts

@@ -1,26 +1,26 @@
-import type { PopupPositionsType } from './Popup';
-export interface Rect {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-}
-export interface Offset {
-    top: number;
-    left: number;
-}
-export interface PositionObject {
-    direction: string;
-    align: string;
-}
-declare function getPositionObject(position: string): PositionObject;
-declare function getElementAbsoluteRect(element: Element): Rect;
-declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean;
-declare function canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset): boolean;
-export declare const PopupHelper: {
-    getPositionObject: typeof getPositionObject;
-    getElementAbsoluteRect: typeof getElementAbsoluteRect;
-    isFullyVisible: typeof isAbsoluteRectFullyVisible;
-    canBecomeFullyVisible: typeof canBecomeFullyVisible;
-};
-export {};
+import type { PopupPositionsType } from './Popup';
+export interface Rect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface Offset {
+    top: number;
+    left: number;
+}
+export interface PositionObject {
+    direction: string;
+    align: string;
+}
+declare function getPositionObject(position: string): PositionObject;
+declare function getElementAbsoluteRect(element: Element): Rect;
+declare function isAbsoluteRectFullyVisible(coordinates: Offset, popupRect: Rect): boolean;
+declare function canBecomeFullyVisible(positionName: PopupPositionsType, coordinates: Offset): boolean;
+export declare const PopupHelper: {
+    getPositionObject: typeof getPositionObject;
+    getElementAbsoluteRect: typeof getElementAbsoluteRect;
+    isFullyVisible: typeof isAbsoluteRectFullyVisible;
+    canBecomeFullyVisible: typeof canBecomeFullyVisible;
+};
+export {};