@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3cc4f2ce5f

package/components/ScrollContainer/ScrollContainer.d.ts

@@ -1,127 +1,121 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Nullable } from '../../typings/utility-types';
-import { ScrollAxis } from './ScrollBar';
-export type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';
-export type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';
-export type ScrollContainerScrollState = ScrollContainerScrollStateY;
-export type ScrollBehaviour = 'auto' | 'smooth';
-type OffsetCSSPropsY = 'top' | 'right' | 'bottom';
-type OffsetCSSPropsX = 'right' | 'bottom' | 'left';
-export interface ScrollContainerProps extends CommonProps {
-    /**
-     * Инвертировать цвет скроллбара
-     * @default false
-     */
-    invert?: boolean;
-    maxHeight?: React.CSSProperties['maxHeight'];
-    maxWidth?: React.CSSProperties['maxWidth'];
-    /**
-     * @default false
-     */
-    preventWindowScroll?: boolean;
-    /**
-     * Поведение скролла (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)
-     * @default 'auto'
-     */
-    scrollBehaviour?: ScrollBehaviour;
-    onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;
-    onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;
-    onScrollStateChange?: (scrollYState: ScrollContainerScrollState) => void;
-    onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
-    /**
-     * Отключение кастомного скролла
-     */
-    disabled?: boolean;
-    /**
-     * Смещение вертикального скроллбара
-     */
-    offsetY?: Partial<Record<OffsetCSSPropsY, React.CSSProperties[OffsetCSSPropsY]>>;
-    /**
-     * Смещение горизонтального скроллбара
-     */
-    offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;
-    /**
-     * Показывать скроллбар
-     */
-    showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';
-    /**
-     * Задержка перед скрытием скроллбара, ms. Работает только `showScrollBar = 'scroll' | 'hover'`
-     */
-    hideScrollBarDelay?: number;
-    /**
-     * Отключить анимации
-     */
-    disableAnimations?: boolean;
-    scrollRef?: React.Ref<HTMLDivElement | null>;
-}
-export declare const ScrollContainerDataTids: {
-    readonly root: "ScrollContainer__root";
-    readonly inner: "ScrollContainer__inner";
-};
-type DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'disableAnimations' | 'hideScrollBarDelay' | 'showScrollBar'>>;
-interface ScrollContainerState {
-    isScrollBarXVisible: boolean;
-    isScrollBarYVisible: boolean;
-    isHovered: boolean;
-}
-export declare class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    inner: Nullable<HTMLElement>;
-    static propTypes: {
-        invert: PropTypes.Requireable<boolean>;
-        maxWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        maxHeight: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        scrollBehaviour: PropTypes.Requireable<string>;
-        preventWindowScroll: PropTypes.Requireable<boolean>;
-        onScrollStateChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    private scrollX;
-    private scrollY;
-    private setRootNode;
-    private initialIsScrollBarVisible;
-    state: ScrollContainerState;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ScrollContainerProps): void;
-    render: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
-    /**
-     * @public
-     * @param {Element} element
-     */
-    scrollTo(element: Nullable<HTMLElement>): void;
-    /**
-     * @public
-     */
-    scrollToTop(): void;
-    /**
-     * @public
-     */
-    scrollToBottom(): void;
-    /**
-     * @public
-     */
-    scrollToLeft(): void;
-    /**
-     * @public
-     */
-    scrollToRight(): void;
-    hasScrollBar(axis: ScrollAxis): boolean;
-    private renderScrollbar;
-    private handleScrollStateChange;
-    private handleScroll;
-    private refScrollBarY;
-    private refScrollBarX;
-    private refInner;
-    private handleNativeScroll;
-    private showScrollBarOnMouseWheel;
-    private readonly hideScrollBar;
-    private handleInnerScrollWheel;
-    private handleMouseMove;
-    private handleMouseLeave;
-    private updateInnerElement;
-}
-export {};
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { Nullable } from '../../typings/utility-types';
+import type { ScrollAxis } from './ScrollBar';
+export type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';
+export type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';
+export type ScrollContainerScrollState = ScrollContainerScrollStateY;
+export type ScrollBehaviour = 'auto' | 'smooth';
+type OffsetCSSPropsY = 'top' | 'right' | 'bottom';
+type OffsetCSSPropsX = 'right' | 'bottom' | 'left';
+export interface ScrollContainerProps extends CommonProps {
+    /** Инвертирует цвет скроллбара.
+     * @default false */
+    invert?: boolean;
+    /** Задает максимальную высоту. */
+    maxHeight?: React.CSSProperties['maxHeight'];
+    /** Задает максимальную ширину. */
+    maxWidth?: React.CSSProperties['maxWidth'];
+    /** Отключает скролл окна, когда меню открыто.
+     * @default false */
+    preventWindowScroll?: boolean;
+    /** Задает поведение скролла. (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)
+     * @default 'auto' */
+    scrollBehaviour?: ScrollBehaviour;
+    /** Задает функцию, которая вызывается при скроле по горизонтали. */
+    onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;
+    /** Задает функцию, которая вызывается при скроле по вертикали. */
+    onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;
+    /** Задает функцию, которая вызывается при скроле.
+     * @deprecated use onScroll */
+    onScrollStateChange?: (scrollYState: ScrollContainerScrollState) => void;
+    /** Задает функцию, которая вызывается при скроле. */
+    onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
+    /** Отключает кастомный скролл. */
+    disabled?: boolean;
+    /** Задает смещение вертикального скроллбара. */
+    offsetY?: Partial<Record<OffsetCSSPropsY, React.CSSProperties[OffsetCSSPropsY]>>;
+    /** Задает смещение горизонтального скроллбара. */
+    offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;
+    /** Определяет, нужно ли показывать скроллбар. */
+    showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';
+    /** Устанавливает задержку в миллисекундах перед скрытием скроллбара.
+     * Работает только при hideScrollBar = true или showScrollBar = 'scroll' | 'hover'. */
+    hideScrollBarDelay?: number;
+    /** Отключает анимацию. */
+    disableAnimations?: boolean;
+    scrollRef?: React.Ref<HTMLDivElement | null>;
+}
+export declare const ScrollContainerDataTids: {
+    readonly root: "ScrollContainer__root";
+    readonly inner: "ScrollContainer__inner";
+};
+type DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'disableAnimations' | 'hideScrollBarDelay' | 'showScrollBar'>>;
+interface ScrollContainerState {
+    isScrollBarXVisible: boolean;
+    isScrollBarYVisible: boolean;
+    isHovered: boolean;
+}
+/**
+ * `ScrollContainer` используется для создания контейнера с кастомными полосами прокрутки, который обеспечивает прокрутку содержимого по горизонтали или вертикали.
+ */
+export declare class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    inner: Nullable<HTMLElement>;
+    static propTypes: {
+        invert: PropTypes.Requireable<boolean>;
+        maxWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        maxHeight: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        scrollBehaviour: PropTypes.Requireable<string>;
+        preventWindowScroll: PropTypes.Requireable<boolean>;
+        onScrollStateChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private scrollX;
+    private scrollY;
+    private setRootNode;
+    private initialIsScrollBarVisible;
+    state: ScrollContainerState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ScrollContainerProps): void;
+    render: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    /**
+     * @public
+     * @param {Element} element
+     */
+    scrollTo(element: Nullable<HTMLElement>): void;
+    /**
+     * @public
+     */
+    scrollToTop(): void;
+    /**
+     * @public
+     */
+    scrollToBottom(): void;
+    /**
+     * @public
+     */
+    scrollToLeft(): void;
+    /**
+     * @public
+     */
+    scrollToRight(): void;
+    hasScrollBar(axis: ScrollAxis): boolean;
+    private renderScrollbar;
+    private handleScrollStateChange;
+    private handleScroll;
+    private refScrollBarY;
+    private refScrollBarX;
+    private refInner;
+    private handleNativeScroll;
+    private showScrollBarOnMouseWheel;
+    private readonly hideScrollBar;
+    private handleInnerScrollWheel;
+    private handleMouseMove;
+    private handleMouseLeave;
+    private updateInnerElement;
+}
+export {};

package/components/ScrollContainer/ScrollContainer.helpers/ScrollContainer.helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["MIN_SCROLL_SIZE","scrollSizeParametersNames","getScrollSizeParams","inner","axis","_scrollSizeParameters","offset","size","pos","contentSize","scrollOffset","containerSize","scrollActive","scrollSize","scrollPos","Math","max","getScrollYOffset","element","container","elementTopOffset","offsetTop","scrollTop","scrollHeight","offsetHeight","convertScrollbarXScrollState","state","scrollBarState","begin","end","middle","convertScrollbarYScrollState"],"sources":["ScrollContainer.helpers.ts"],"sourcesContent":["import { MIN_SCROLL_SIZE, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport { ScrollBarScrollState } from './ScrollBar';\nimport { ScrollContainerScrollStateX, ScrollContainerScrollStateY } from './ScrollContainer';\n\nexport const getScrollSizeParams = (inner: HTMLElement, axis: 'x' | 'y') => {\n  const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n  const contentSize = inner[size];\n  const scrollOffset = inner[pos];\n  const containerSize = inner[offset];\n\n  const scrollActive = containerSize < contentSize;\n\n  let scrollSize = 0;\n  let scrollPos = 0;\n\n  if (scrollActive) {\n    scrollSize = Math.max((containerSize / contentSize) * containerSize, MIN_SCROLL_SIZE);\n    scrollPos = (scrollOffset / (contentSize - containerSize)) * (containerSize - scrollSize);\n\n    // Convert pixels to percentages\n    scrollSize = containerSize && (100 / containerSize) * scrollSize;\n    scrollPos = containerSize && (100 / containerSize) * scrollPos;\n  }\n\n  return {\n    scrollActive,\n    scrollSize,\n    scrollPos,\n  };\n};\n\nexport const getScrollYOffset = (element: HTMLElement, container: HTMLElement) => {\n  const elementTopOffset = element.offsetTop;\n\n  if (container.scrollTop > elementTopOffset) {\n    return elementTopOffset;\n  }\n\n  const offset = elementTopOffset + element.scrollHeight - container.offsetHeight;\n  if (container.scrollTop < offset) {\n    return offset;\n  }\n\n  return container.scrollTop;\n};\n\nexport const convertScrollbarXScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateX => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateX> = {\n    begin: 'left',\n    end: 'right',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n\nexport const convertScrollbarYScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateY => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateY> = {\n    begin: 'top',\n    end: 'bottom',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,6BAA6B;;;;AAIxF,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAkB,EAAEC,IAAe,EAAK;EAC1E,IAAAC,qBAAA,GAA8BJ,yBAAyB,CAACG,IAAI,CAAC,CAArDE,MAAM,GAAAD,qBAAA,CAANC,MAAM,CAAEC,IAAI,GAAAF,qBAAA,CAAJE,IAAI,CAAEC,GAAG,GAAAH,qBAAA,CAAHG,GAAG;;EAEzB,IAAMC,WAAW,GAAGN,KAAK,CAACI,IAAI,CAAC;EAC/B,IAAMG,YAAY,GAAGP,KAAK,CAACK,GAAG,CAAC;EAC/B,IAAMG,aAAa,GAAGR,KAAK,CAACG,MAAM,CAAC;;EAEnC,IAAMM,YAAY,GAAGD,aAAa,GAAGF,WAAW;;EAEhD,IAAII,UAAU,GAAG,CAAC;EAClB,IAAIC,SAAS,GAAG,CAAC;;EAEjB,IAAIF,YAAY,EAAE;IAChBC,UAAU,GAAGE,IAAI,CAACC,GAAG,CAAEL,aAAa,GAAGF,WAAW,GAAIE,aAAa,EAAEX,eAAe,CAAC;IACrFc,SAAS,GAAIJ,YAAY,IAAID,WAAW,GAAGE,aAAa,CAAC,IAAKA,aAAa,GAAGE,UAAU,CAAC;;IAEzF;IACAA,UAAU,GAAGF,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIE,UAAU;IAChEC,SAAS,GAAGH,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIG,SAAS;EAChE;;EAEA,OAAO;IACLF,YAAY,EAAZA,YAAY;IACZC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA;EACF,CAAC;AACH,CAAC;;AAED,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,OAAoB,EAAEC,SAAsB,EAAK;EAChF,IAAMC,gBAAgB,GAAGF,OAAO,CAACG,SAAS;;EAE1C,IAAIF,SAAS,CAACG,SAAS,GAAGF,gBAAgB,EAAE;IAC1C,OAAOA,gBAAgB;EACzB;;EAEA,IAAMd,MAAM,GAAGc,gBAAgB,GAAGF,OAAO,CAACK,YAAY,GAAGJ,SAAS,CAACK,YAAY;EAC/E,IAAIL,SAAS,CAACG,SAAS,GAAGhB,MAAM,EAAE;IAChC,OAAOA,MAAM;EACf;;EAEA,OAAOa,SAAS,CAACG,SAAS;AAC5B,CAAC;;AAED,OAAO,IAAMG,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIC,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,MAAM;IACbC,GAAG,EAAE,OAAO;IACZC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC;;AAED,OAAO,IAAMK,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIL,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,KAAK;IACZC,GAAG,EAAE,QAAQ;IACbC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC","ignoreList":[]}
+{"version":3,"names":["MIN_SCROLL_SIZE","scrollSizeParametersNames","getScrollSizeParams","inner","axis","_scrollSizeParameters","offset","size","pos","contentSize","scrollOffset","containerSize","scrollActive","scrollSize","scrollPos","Math","max","getScrollYOffset","element","container","elementTopOffset","offsetTop","scrollTop","scrollHeight","offsetHeight","convertScrollbarXScrollState","state","scrollBarState","begin","end","middle","convertScrollbarYScrollState"],"sources":["ScrollContainer.helpers.ts"],"sourcesContent":["import { MIN_SCROLL_SIZE, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport type { ScrollBarScrollState } from './ScrollBar';\nimport type { ScrollContainerScrollStateX, ScrollContainerScrollStateY } from './ScrollContainer';\n\nexport const getScrollSizeParams = (inner: HTMLElement, axis: 'x' | 'y') => {\n  const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n  const contentSize = inner[size];\n  const scrollOffset = inner[pos];\n  const containerSize = inner[offset];\n\n  const scrollActive = containerSize < contentSize;\n\n  let scrollSize = 0;\n  let scrollPos = 0;\n\n  if (scrollActive) {\n    scrollSize = Math.max((containerSize / contentSize) * containerSize, MIN_SCROLL_SIZE);\n    scrollPos = (scrollOffset / (contentSize - containerSize)) * (containerSize - scrollSize);\n\n    // Convert pixels to percentages\n    scrollSize = containerSize && (100 / containerSize) * scrollSize;\n    scrollPos = containerSize && (100 / containerSize) * scrollPos;\n  }\n\n  return {\n    scrollActive,\n    scrollSize,\n    scrollPos,\n  };\n};\n\nexport const getScrollYOffset = (element: HTMLElement, container: HTMLElement) => {\n  const elementTopOffset = element.offsetTop;\n\n  if (container.scrollTop > elementTopOffset) {\n    return elementTopOffset;\n  }\n\n  const offset = elementTopOffset + element.scrollHeight - container.offsetHeight;\n  if (container.scrollTop < offset) {\n    return offset;\n  }\n\n  return container.scrollTop;\n};\n\nexport const convertScrollbarXScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateX => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateX> = {\n    begin: 'left',\n    end: 'right',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n\nexport const convertScrollbarYScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateY => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateY> = {\n    begin: 'top',\n    end: 'bottom',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,6BAA6B;;;;AAIxF,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAkB,EAAEC,IAAe,EAAK;EAC1E,IAAAC,qBAAA,GAA8BJ,yBAAyB,CAACG,IAAI,CAAC,CAArDE,MAAM,GAAAD,qBAAA,CAANC,MAAM,CAAEC,IAAI,GAAAF,qBAAA,CAAJE,IAAI,CAAEC,GAAG,GAAAH,qBAAA,CAAHG,GAAG;;EAEzB,IAAMC,WAAW,GAAGN,KAAK,CAACI,IAAI,CAAC;EAC/B,IAAMG,YAAY,GAAGP,KAAK,CAACK,GAAG,CAAC;EAC/B,IAAMG,aAAa,GAAGR,KAAK,CAACG,MAAM,CAAC;;EAEnC,IAAMM,YAAY,GAAGD,aAAa,GAAGF,WAAW;;EAEhD,IAAII,UAAU,GAAG,CAAC;EAClB,IAAIC,SAAS,GAAG,CAAC;;EAEjB,IAAIF,YAAY,EAAE;IAChBC,UAAU,GAAGE,IAAI,CAACC,GAAG,CAAEL,aAAa,GAAGF,WAAW,GAAIE,aAAa,EAAEX,eAAe,CAAC;IACrFc,SAAS,GAAIJ,YAAY,IAAID,WAAW,GAAGE,aAAa,CAAC,IAAKA,aAAa,GAAGE,UAAU,CAAC;;IAEzF;IACAA,UAAU,GAAGF,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIE,UAAU;IAChEC,SAAS,GAAGH,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIG,SAAS;EAChE;;EAEA,OAAO;IACLF,YAAY,EAAZA,YAAY;IACZC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA;EACF,CAAC;AACH,CAAC;;AAED,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,OAAoB,EAAEC,SAAsB,EAAK;EAChF,IAAMC,gBAAgB,GAAGF,OAAO,CAACG,SAAS;;EAE1C,IAAIF,SAAS,CAACG,SAAS,GAAGF,gBAAgB,EAAE;IAC1C,OAAOA,gBAAgB;EACzB;;EAEA,IAAMd,MAAM,GAAGc,gBAAgB,GAAGF,OAAO,CAACK,YAAY,GAAGJ,SAAS,CAACK,YAAY;EAC/E,IAAIL,SAAS,CAACG,SAAS,GAAGhB,MAAM,EAAE;IAChC,OAAOA,MAAM;EACf;;EAEA,OAAOa,SAAS,CAACG,SAAS;AAC5B,CAAC;;AAED,OAAO,IAAMG,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIC,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,MAAM;IACbC,GAAG,EAAE,OAAO;IACZC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC;;AAED,OAAO,IAAMK,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIL,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,KAAK;IACZC,GAAG,EAAE,QAAQ;IACbC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC","ignoreList":[]}

package/components/ScrollContainer/ScrollContainer.helpers.d.ts

@@ -1,10 +1,10 @@
-import { ScrollBarScrollState } from './ScrollBar';
-import { ScrollContainerScrollStateX, ScrollContainerScrollStateY } from './ScrollContainer';
-export declare const getScrollSizeParams: (inner: HTMLElement, axis: 'x' | 'y') => {
-    scrollActive: boolean;
-    scrollSize: number;
-    scrollPos: number;
-};
-export declare const getScrollYOffset: (element: HTMLElement, container: HTMLElement) => number;
-export declare const convertScrollbarXScrollState: (state: ScrollBarScrollState) => ScrollContainerScrollStateX;
-export declare const convertScrollbarYScrollState: (state: ScrollBarScrollState) => ScrollContainerScrollStateY;
+import type { ScrollBarScrollState } from './ScrollBar';
+import type { ScrollContainerScrollStateX, ScrollContainerScrollStateY } from './ScrollContainer';
+export declare const getScrollSizeParams: (inner: HTMLElement, axis: 'x' | 'y') => {
+    scrollActive: boolean;
+    scrollSize: number;
+    scrollPos: number;
+};
+export declare const getScrollYOffset: (element: HTMLElement, container: HTMLElement) => number;
+export declare const convertScrollbarXScrollState: (state: ScrollBarScrollState) => ScrollContainerScrollStateX;
+export declare const convertScrollbarYScrollState: (state: ScrollBarScrollState) => ScrollContainerScrollStateY;

package/components/ScrollContainer/ScrollContainer.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 function items(count) {
   var items = [];
@@ -59,7 +60,7 @@ var absStyle = {
 </div>;
 ```
 
-Горизонтальный scrollbar.
+### Горизонтальный scrollbar
 
 ```jsx harmony
 var divStyle = {
@@ -142,8 +143,7 @@ var innerStyle = {
 </div>;
 ```
 
-
-Смещение скроллбара
+### Смещение скроллбара
 
 ```jsx harmony
 const containerStyle = {
@@ -171,6 +171,7 @@ const offsetY = {
 </div>
 ```
 
+### Скрытие если нет активности пользователя
 Проп `showScrollBar` со значением `scroll` скрывает скроллбар при отсутствии активности пользователя. Задержку на скрытие скроллбара можно регулировать пропом `hideScrollBarDelay` (по умолчанию 500ms)
 
 ```jsx harmony
@@ -194,6 +195,7 @@ var divStyle = {
 </div>
 ```
 
+### Показ скролбара при наведении
 Проп `showScrollBar` со значением `hover` позволяет показывать скроллбар только когда курсор находится над скролл контейнером
 
 ```jsx harmony

package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","_templateObject","_taggedTemplateLiteralLoose","_templateObject2","innerIE11","_templateObject3","scrollBar","t","_templateObject4","scrollContainerScrollBarColor","visibleScrollBar","_templateObject5","scrollBarInvert","_templateObject6","scrollContainerScrollBarInvertColor","scrollBarContainerY","_templateObject7","scrollBarY","_templateObject8","scrollContainerScrollBarSize","scrollBarYHover","_templateObject9","scrollContainerScrollBarHoverSize","scrollBarContainerX","_templateObject10","scrollBarX","_templateObject11","scrollBarXHover","_templateObject12"],"sources":["ScrollContainer.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  innerIE11() {\n    return css`\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n});\n"],"mappings":"6TAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAkB,CAAC,CAAC;EACtDE,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,aAAa;EACzBC,mBAAmB,EAAE,uBAAuB;EAC5CC,mBAAmB,EAAE,uBAAuB;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;EACjCS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOV,GAAG,CAAAW,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDJ,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAD,2BAAA;;;;;;;;;;;;;;EAcZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;;;;;EAOZ,CAAC;;EAEDI,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;IAIMK,CAAC,CAACE,6BAA6B;;;;;;;EAOjD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;;;;;EAOZ,CAAC;;EAEDU,eAAe,WAAAA,gBAACL,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;IAEMK,CAAC,CAACO,mCAAmC;;EAEvD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;EAOZ,CAAC;;EAEDe,UAAU,WAAAA,WAACV,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;IAECK,CAAC,CAACY,4BAA4B;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACb,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACCK,CAAC,CAACe,iCAAiC;;EAEhD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAChB,CAAQ,EAAE;IAC5B,OAAOjB,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAAtB,2BAAA;;;;;;;IAOLT,aAAa,CAACI,mBAAmB;IACbU,CAAC,CAACe,iCAAiC;;;IAGnD7B,aAAa,CAACK,KAAK;;;;;IAKPS,CAAC,CAACe,iCAAiC;;;;EAI1D,CAAC;;EAEDG,UAAU,WAAAA,WAAClB,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;IAEEK,CAAC,CAACY,4BAA4B;;EAE5C,CAAC;;EAEDQ,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACEK,CAAC,CAACe,iCAAiC;;EAEjD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","_templateObject","_taggedTemplateLiteralLoose","_templateObject2","innerIE11","_templateObject3","scrollBar","t","_templateObject4","scrollContainerScrollBarColor","visibleScrollBar","_templateObject5","scrollBarInvert","_templateObject6","scrollContainerScrollBarInvertColor","scrollBarContainerY","_templateObject7","scrollBarY","_templateObject8","scrollContainerScrollBarSize","scrollBarYHover","_templateObject9","scrollContainerScrollBarHoverSize","scrollBarContainerX","_templateObject10","scrollBarX","_templateObject11","scrollBarXHover","_templateObject12"],"sources":["ScrollContainer.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  innerIE11() {\n    return css`\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n});\n"],"mappings":"6TAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAkB,CAAC,CAAC;EACtDE,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,aAAa;EACzBC,mBAAmB,EAAE,uBAAuB;EAC5CC,mBAAmB,EAAE,uBAAuB;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;EACjCS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOV,GAAG,CAAAW,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDJ,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAD,2BAAA;;;;;;;;;;;;;;EAcZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;;;;;EAOZ,CAAC;;EAEDI,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;IAIMK,CAAC,CAACE,6BAA6B;;;;;;;EAOjD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;;;;;EAOZ,CAAC;;EAEDU,eAAe,WAAAA,gBAACL,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;IAEMK,CAAC,CAACO,mCAAmC;;EAEvD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;EAOZ,CAAC;;EAEDe,UAAU,WAAAA,WAACV,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;IAECK,CAAC,CAACY,4BAA4B;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACb,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACCK,CAAC,CAACe,iCAAiC;;EAEhD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAChB,CAAQ,EAAE;IAC5B,OAAOjB,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAAtB,2BAAA;;;;;;;IAOLT,aAAa,CAACI,mBAAmB;IACbU,CAAC,CAACe,iCAAiC;;;IAGnD7B,aAAa,CAACK,KAAK;;;;;IAKPS,CAAC,CAACe,iCAAiC;;;;EAI1D,CAAC;;EAEDG,UAAU,WAAAA,WAAClB,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;IAEEK,CAAC,CAACY,4BAA4B;;EAE5C,CAAC;;EAEDQ,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACEK,CAAC,CAACe,iCAAiC;;EAEjD;AACF,CAAC,CAAC","ignoreList":[]}

package/components/ScrollContainer/ScrollContainer.styles.d.ts

@@ -1,22 +1,22 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    scrollbarX: string;
-    scrollbarY: string;
-    scrollbarContainerX: string;
-    scrollbarContainerY: string;
-    inner: string;
-};
-export declare const styles: {
-    root(): string;
-    inner(): string;
-    innerIE11(): string;
-    scrollBar(t: Theme): string;
-    visibleScrollBar(): string;
-    scrollBarInvert(t: Theme): string;
-    scrollBarContainerY(): string;
-    scrollBarY(t: Theme): string;
-    scrollBarYHover(t: Theme): string;
-    scrollBarContainerX(t: Theme): string;
-    scrollBarX(t: Theme): string;
-    scrollBarXHover(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    scrollbarX: string;
+    scrollbarY: string;
+    scrollbarContainerX: string;
+    scrollbarContainerY: string;
+    inner: string;
+};
+export declare const styles: {
+    root(): string;
+    inner(): string;
+    innerIE11(): string;
+    scrollBar(t: Theme): string;
+    visibleScrollBar(): string;
+    scrollBarInvert(t: Theme): string;
+    scrollBarContainerY(): string;
+    scrollBarY(t: Theme): string;
+    scrollBarYHover(t: Theme): string;
+    scrollBarContainerX(t: Theme): string;
+    scrollBarX(t: Theme): string;
+    scrollBarXHover(t: Theme): string;
+};

package/components/ScrollContainer/index.d.ts

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

package/components/Select/ArrowDownIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ArrowDownIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ArrowDownIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/components/Select/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","MenuItem","Item","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","createElement","isNotSelectable","props","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem';\n\ninterface ItemProps {\n  children?: React.ReactNode;\n  isNotSelectable?: boolean;\n}\nexport class Item extends React.Component<ItemProps> {\n  public static __KONTUR_REACT_UI__ = 'SelectItem';\n  public static displayName = 'SelectItem';\n\n  public render() {\n    return <MenuItem isNotSelectable={this.props.isNotSelectable}>{this.props.children}</MenuItem>;\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAQ,aAAa;;;;;;AAMtC,WAAaC,IAAI,0BAAAC,gBAAA,YAAAD,KAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,IAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,IAAA,CAAAM,SAAA,CAAAD,MAAA;;;;EAIRE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,oBAAOT,KAAA,CAAAU,aAAA,CAACT,QAAQ,IAACU,eAAe,EAAE,IAAI,CAACC,KAAK,CAACD,eAAgB,IAAE,IAAI,CAACC,KAAK,CAACC,QAAmB,CAAC;EAChG,CAAC,QAAAX,IAAA,GANuBF,KAAK,CAACc,SAAS,EAA5BZ,IAAI,CACDa,mBAAmB,GAAG,YAAY,CADrCb,IAAI,CAEDc,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"names":["React","MenuItem","Item","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","createElement","isNotSelectable","props","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem';\n\ninterface ItemProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Запрещает выделение и выбор данного пункта. */\n  isNotSelectable?: boolean;\n}\nexport class Item extends React.Component<ItemProps> {\n  public static __KONTUR_REACT_UI__ = 'SelectItem';\n  public static displayName = 'SelectItem';\n\n  public render() {\n    return <MenuItem isNotSelectable={this.props.isNotSelectable}>{this.props.children}</MenuItem>;\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAQ,aAAa;;;;;;;;;AAStC,WAAaC,IAAI,0BAAAC,gBAAA,YAAAD,KAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,IAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,IAAA,CAAAM,SAAA,CAAAD,MAAA;;;;EAIRE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,oBAAOT,KAAA,CAAAU,aAAA,CAACT,QAAQ,IAACU,eAAe,EAAE,IAAI,CAACC,KAAK,CAACD,eAAgB,IAAE,IAAI,CAACC,KAAK,CAACC,QAAmB,CAAC;EAChG,CAAC,QAAAX,IAAA,GANuBF,KAAK,CAACc,SAAS,EAA5BZ,IAAI,CACDa,mBAAmB,GAAG,YAAY,CADrCb,IAAI,CAEDc,WAAW,GAAG,YAAY","ignoreList":[]}

package/components/Select/Item.d.ts

@@ -1,11 +1,13 @@
-import React from 'react';
-interface ItemProps {
-    children?: React.ReactNode;
-    isNotSelectable?: boolean;
-}
-export declare class Item extends React.Component<ItemProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    render(): React.JSX.Element;
-}
-export {};
+import React from 'react';
+interface ItemProps {
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Запрещает выделение и выбор данного пункта. */
+    isNotSelectable?: boolean;
+}
+export declare class Item extends React.Component<ItemProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    render(): React.JSX.Element;
+}
+export {};

package/components/Select/Select/Select.js

@@ -34,6 +34,8 @@ import { Item } from "../Item";
 import { SelectLocaleHelper } from "../locale";
 import { styles } from "../Select.styles";
 import { getSelectTheme } from "../selectTheme";
+import { SelectDataTids } from "../tids";
+export * from "../tids";
 var PASS_BUTTON_PROPS = {
   id: true,
   disabled: true,
@@ -41,18 +43,25 @@ var PASS_BUTTON_PROPS = {
   use: true,
   size: true,
   warning: true,
+  corners: true,
   onMouseEnter: true,
   onMouseLeave: true,
   onMouseOver: true
 };
-export var SelectDataTids = {
-  root: 'Select__root',
-  menu: 'Select__menu',
-  label: 'Select__label'
-};
 export var SelectIds = {
   menu: SelectDataTids.menu
 };
+
+/**
+ * Раскрывающийся список `Select` позволяет выбрать значение из заранее известного набора вариантов.
+ *
+ * Используйте `Select` при:
+ * * заполнении форм, например для выбора месяца.
+ * * переключении состояний, например, фильтра.
+ * * выборе предустановленных настроек, например, частоты уведомлений, часового пояса.
+ *
+ * Не используйте `Select` для выбора элементов меню. В таком случае воспользуйтесь компонентом Dropdown.
+ */
 export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayout(_class = rootNode(_class = _dec(_class = (_Select = /*#__PURE__*/function (_React$Component) {
   function Select() {
     var _this;