@skbkontur/react-ui 4.6.0 → 4.7.0-revert-datatids

package/components/ScrollContainer/ScrollBar.d.ts

@@ -1,37 +1,37 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export declare type ScrollAxis = 'x' | 'y';
-export declare type ScrollBarScrollState = 'begin' | 'middle' | 'end';
-export interface ScrollBarState {
-    active: boolean;
-    hover: boolean;
-    scrolling: boolean;
-    size: number;
-    pos: number;
-    scrollState: ScrollBarScrollState;
-}
-export interface ScrollBarProps {
-    invert: boolean;
-    axis: ScrollAxis;
-    className?: string;
-    onScrollStateChange?: (state: ScrollBarScrollState, axis: ScrollAxis) => void;
-}
-export declare class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {
-    private inner;
-    private theme;
-    node: Nullable<HTMLElement>;
-    state: ScrollBarState;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    render(): JSX.Element;
-    private renderMain;
-    reflow: () => void;
-    setInnerElement: (inner: Nullable<HTMLElement>) => void;
-    setHover(hover: boolean): void;
-    get scrollBarState(): ScrollBarScrollState;
-    private get scrollBarStyles();
-    private refScroll;
-    private handleScrollMouseDown;
-    private handleScrollWheel;
-    private getImmediateScrollState;
-}
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+export declare type ScrollAxis = 'x' | 'y';
+export declare type ScrollBarScrollState = 'begin' | 'middle' | 'end';
+export interface ScrollBarState {
+    active: boolean;
+    hover: boolean;
+    scrolling: boolean;
+    size: number;
+    pos: number;
+    scrollState: ScrollBarScrollState;
+}
+export interface ScrollBarProps {
+    invert: boolean;
+    axis: ScrollAxis;
+    className?: string;
+    onScrollStateChange?: (state: ScrollBarScrollState, axis: ScrollAxis) => void;
+}
+export declare class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {
+    private inner;
+    private theme;
+    node: Nullable<HTMLElement>;
+    state: ScrollBarState;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): JSX.Element;
+    private renderMain;
+    reflow: () => void;
+    setInnerElement: (inner: Nullable<HTMLElement>) => void;
+    setHover(hover: boolean): void;
+    get scrollBarState(): ScrollBarScrollState;
+    private get scrollBarStyles();
+    private refScroll;
+    private handleScrollMouseDown;
+    private handleScrollWheel;
+    private getImmediateScrollState;
+}

package/components/ScrollContainer/ScrollContainer/ScrollContainer.js

@@ -16,10 +16,6 @@ import { styles, globalClasses } from "../ScrollContainer.styles";
 import { scrollSizeParametersNames } from "../ScrollContainer.constants";
 import { getScrollYOffset, convertScrollbarXScrollState, convertScrollbarYScrollState } from "../ScrollContainer.helpers";
 import { ScrollBar } from "../ScrollBar";
-export var ScrollContainerDataTids = {
-  root: 'ScrollContainer__root',
-  inner: 'ScrollContainer__inner'
-};
 export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ScrollContainer, _React$Component);
 
@@ -53,7 +49,6 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
         rootNodeRef: _this.setRootNode
       }, _this.props), /*#__PURE__*/React.createElement("div", {
-        "data-tid": ScrollContainerDataTids.root,
         className: styles.root(),
         onMouseMove: _this.handleMouseMove,
         onMouseLeave: _this.handleMouseLeave
@@ -61,7 +56,7 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
         style: innerStyle,
         ref: _this.refInner,
         className: cx(styles.inner(), globalClasses.inner, isIE11 && styles.innerIE11()),
-        "data-tid": ScrollContainerDataTids.inner,
+        "data-tid": "ScrollContainer__inner",
         onScroll: _this.handleNativeScroll
       }, props.children)));
     };

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

@@ -1 +1 @@
-{"version":3,"sources":["ScrollContainer.tsx"],"names":["React","PropTypes","LayoutEvents","CommonWrapper","cx","isIE11","rootNode","getDOMRect","createPropsGetter","styles","globalClasses","scrollSizeParametersNames","getScrollYOffset","convertScrollbarXScrollState","convertScrollbarYScrollState","ScrollBar","ScrollContainerDataTids","root","inner","ScrollContainer","getProps","defaultProps","render","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","setRootNode","handleMouseMove","handleMouseLeave","refInner","innerIE11","handleNativeScroll","axis","refScrollBar","refScrollBarX","refScrollBarY","invert","handleScrollStateChange","scrollState","scrollY","scrollX","scrollXState","onScrollStateChangeX","scrollYState","onScrollStateChange","onScrollStateChangeY","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","event","reflow","onScroll","preventDefault","emit","WheelEvent","shiftKey","hasScrollBar","pos","size","offset","deltaY","right","currentTarget","pageX","bottom","pageY","setHover","componentDidMount","setInnerElement","componentDidUpdate","prevProps","scrollTo","scrollLeft","offsetLeft","scrollTop","scrollToTop","scrollToBottom","scrollHeight","offsetHeight","scrollToLeft","scrollToRight","scrollWidth","offsetWidth","Component","__KONTUR_REACT_UI__","propTypes","bool","oneOfType","string","number","oneOf","func"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,OAAO,KAAKC,YAAZ,MAA8B,wBAA9B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,MAAT,EAAiBC,aAAjB,QAAsC,0BAAtC;AACA,SAASC,yBAAT,QAA0C,6BAA1C;AACA;AACEC,gBADF;AAEEC,4BAFF;AAGEC,4BAHF;AAIO,2BAJP;AAKA,SAAqBC,SAArB,QAA4D,aAA5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,OAAO,IAAMC,uBAAuB,GAAG;AACrCC,EAAAA,IAAI,EAAE,uBAD+B;AAErCC,EAAAA,KAAK,EAAE,wBAF8B,EAAhC;;;;;;AAQP,WAAaC,eAAb,GADCb,QACD;;;;;;;;;;;;;;;;;;AAkBUc,IAAAA,QAlBV,GAkBqBZ,iBAAiB,CAACW,eAAe,CAACE,YAAjB,CAlBtC;;;;;;;;;;;;;;;;;;;;;;;;AA0CSC,IAAAA,MA1CT,GA0CkB,YAAM;AACpB,UAAMC,KAAK,GAAG,MAAKA,KAAnB;;AAEA,UAAI,MAAKA,KAAL,CAAWC,QAAf,EAAyB;AACvB,eAAO,MAAKD,KAAL,CAAWE,QAAlB;AACD;;AAED,UAAMC,UAA+B,GAAG;AACtCC,QAAAA,cAAc,EAAE,MAAKP,QAAL,GAAgBQ,eADM;AAEtCC,QAAAA,SAAS,EAAEN,KAAK,CAACM,SAFqB;AAGtCC,QAAAA,QAAQ,EAAEP,KAAK,CAACO,QAHsB,EAAxC;;;AAMA,UAAMC,UAAU,GAAG,MAAKC,eAAL,CAAqB,GAArB,CAAnB;AACA,UAAMC,UAAU,GAAG,MAAKD,eAAL,CAAqB,GAArB,CAAnB;;AAEA;AACE,4BAAC,aAAD,aAAe,WAAW,EAAE,MAAKE,WAAjC,IAAkD,MAAKX,KAAvD;AACE;AACE,sBAAUP,uBAAuB,CAACC,IADpC;AAEE,UAAA,SAAS,EAAER,MAAM,CAACQ,IAAP,EAFb;AAGE,UAAA,WAAW,EAAE,MAAKkB,eAHpB;AAIE,UAAA,YAAY,EAAE,MAAKC,gBAJrB;;AAMGL,QAAAA,UANH;AAOGE,QAAAA,UAPH;AAQE;AACE,UAAA,KAAK,EAAEP,UADT;AAEE,UAAA,GAAG,EAAE,MAAKW,QAFZ;AAGE,UAAA,SAAS,EAAEjC,EAAE,CAACK,MAAM,CAACS,KAAP,EAAD,EAAiBR,aAAa,CAACQ,KAA/B,EAAsCb,MAAM,IAAII,MAAM,CAAC6B,SAAP,EAAhD,CAHf;AAIE,sBAAUtB,uBAAuB,CAACE,KAJpC;AAKE,UAAA,QAAQ,EAAE,MAAKqB,kBALjB;;AAOGhB,QAAAA,KAAK,CAACE,QAPT,CARF,CADF,CADF;;;;;AAsBD,KAhFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkJUO,IAAAA,eAlJV,GAkJ4B,UAACQ,IAAD,EAAsB;AAC9C,UAAMC,YAAY,GAAGD,IAAI,KAAK,GAAT,GAAe,MAAKE,aAApB,GAAoC,MAAKC,aAA9D;;AAEA;AACE,4BAAC,SAAD;AACE,UAAA,IAAI,EAAEH,IADR;AAEE,UAAA,GAAG,EAAEC,YAFP;AAGE,UAAA,MAAM,EAAE,MAAKrB,QAAL,GAAgBwB,MAH1B;AAIE,UAAA,mBAAmB,EAAE,MAAKC,uBAJ5B,GADF;;;AAQD,KA7JH;;AA+JUA,IAAAA,uBA/JV,GA+JoC,UAACC,WAAD,EAAoCN,IAApC,EAAyD;AACzF,UAAI,CAAC,MAAKO,OAAN,IAAiB,CAAC,MAAKC,OAA3B,EAAoC;AAClC;AACD;;AAED,UAAIR,IAAI,KAAK,GAAb,EAAkB;AAChB,YAAMS,YAAY,GAAGpC,4BAA4B,CAACiC,WAAD,CAAjD;;AAEA,cAAKvB,KAAL,CAAW2B,oBAAX,0BAAK3B,KAAL,CAAW2B,oBAAX,CAAkCD,YAAlC;AACA;AACD;;AAED,UAAME,YAAY,GAAGrC,4BAA4B,CAACgC,WAAD,CAAjD;;AAEA,YAAKvB,KAAL,CAAW6B,mBAAX,0BAAK7B,KAAL,CAAW6B,mBAAX,CAAiCD,YAAjC;AACA,YAAK5B,KAAL,CAAW8B,oBAAX,0BAAK9B,KAAL,CAAW8B,oBAAX,CAAkCF,YAAlC;AACD,KA/KH;;AAiLUR,IAAAA,aAjLV,GAiL0B,UAACW,SAAD,EAAoC;AAC1D,YAAKP,OAAL,GAAeO,SAAf;AACD,KAnLH;;AAqLUZ,IAAAA,aArLV,GAqL0B,UAACY,SAAD,EAAoC;AAC1D,YAAKN,OAAL,GAAeM,SAAf;AACD,KAvLH;;AAyLUjB,IAAAA,QAzLV,GAyLqB,UAACkB,OAAD,EAAiC;AAClD,UAAI,CAAC,MAAKrC,KAAN,IAAeqC,OAAf,IAA0B,MAAKnC,QAAL,GAAgBoC,mBAA9C,EAAmE;AACjED,QAAAA,OAAO,CAACE,gBAAR,CAAyB,OAAzB,EAAkC,MAAKC,sBAAvC,EAA+D,EAAEC,OAAO,EAAE,KAAX,EAA/D;AACD;AACD,UAAI,MAAKzC,KAAL,IAAc,CAACqC,OAAnB,EAA4B;AAC1B,cAAKrC,KAAL,CAAW0C,mBAAX,CAA+B,OAA/B,EAAwC,MAAKF,sBAA7C;AACD;AACD,YAAKxC,KAAL,GAAaqC,OAAb;AACD,KAjMH;;AAmMUhB,IAAAA,kBAnMV,GAmM+B,UAACsB,KAAD,EAA0C;AACrE,6BAAKb,OAAL,mCAAcc,MAAd;AACA,6BAAKf,OAAL,mCAAce,MAAd;;AAEA,YAAKvC,KAAL,CAAWwC,QAAX,0BAAKxC,KAAL,CAAWwC,QAAX,CAAsBF,KAAtB;AACA,UAAI,MAAKzC,QAAL,GAAgBoC,mBAApB,EAAyC;AACvCK,QAAAA,KAAK,CAACG,cAAN;AACA;AACD;AACD9D,MAAAA,YAAY,CAAC+D,IAAb;AACD,KA7MH;;AA+MUP,IAAAA,sBA/MV,GA+MmC,UAACG,KAAD,EAAkB;AACjD,UAAI,CAAC,MAAK3C,KAAN,IAAe,EAAE2C,KAAK,YAAYK,UAAnB,CAAnB,EAAmD;AACjD;AACD;;AAED,UAAM1B,IAAgB,GAAGqB,KAAK,CAACM,QAAN,GAAiB,GAAjB,GAAuB,GAAhD;;AAEA,UAAI,MAAKC,YAAL,CAAkB5B,IAAlB,CAAJ,EAA6B;AAC3B,oCAA8B7B,yBAAyB,CAAC6B,IAAD,CAAvD,CAAQ6B,GAAR,yBAAQA,GAAR,CAAaC,IAAb,yBAAaA,IAAb,CAAmBC,MAAnB,yBAAmBA,MAAnB;;AAEA,YAAIV,KAAK,CAACW,MAAN,GAAe,CAAf,IAAoB,MAAKtD,KAAL,CAAWoD,IAAX,KAAoB,MAAKpD,KAAL,CAAWmD,GAAX,IAAkB,MAAKnD,KAAL,CAAWqD,MAAX,CAA9D,EAAkF;AAChFV,UAAAA,KAAK,CAACG,cAAN;AACA,iBAAO,KAAP;AACD;AACD,YAAIH,KAAK,CAACW,MAAN,GAAe,CAAf,IAAoB,MAAKtD,KAAL,CAAWmD,GAAX,KAAmB,CAA3C,EAA8C;AAC5CR,UAAAA,KAAK,CAACG,cAAN;AACA,iBAAO,KAAP;AACD;AACF;AACF,KAlOH;;AAoOU7B,IAAAA,eApOV,GAoO4B,UAAC0B,KAAD,EAA6C;AACrE,UAAMY,KAAK,GAAGlE,UAAU,CAACsD,KAAK,CAACa,aAAP,CAAV,CAAgCD,KAAhC,GAAwCZ,KAAK,CAACc,KAA5D;AACA,UAAMC,MAAM,GAAGrE,UAAU,CAACsD,KAAK,CAACa,aAAP,CAAV,CAAgCE,MAAhC,GAAyCf,KAAK,CAACgB,KAA9D;;AAEA,8BAAK9B,OAAL,oCAAc+B,QAAd,CAAuBL,KAAK,IAAI,EAAhC;AACA,8BAAKzB,OAAL,oCAAc8B,QAAd,CAAuBL,KAAK,IAAI,EAAT,IAAeG,MAAM,IAAI,EAAhD;AACD,KA1OH;;AA4OUxC,IAAAA,gBA5OV,GA4O6B,YAAM;AAC/B,8BAAKW,OAAL,oCAAc+B,QAAd,CAAuB,KAAvB;AACA,8BAAK9B,OAAL,oCAAc8B,QAAd,CAAuB,KAAvB;AACD,KA/OH,6DAyBSC,iBAzBT,GAyBE,6BAA2B,oCACzB,uBAAK/B,OAAL,oCAAcgC,eAAd,CAA8B,KAAK9D,KAAnC,EACA,uBAAK6B,OAAL,oCAAciC,eAAd,CAA8B,KAAK9D,KAAnC,EACD,CA5BH,QA8BS+D,kBA9BT,GA8BE,4BAA0BC,SAA1B,EAA2D,CACzD,IAAM1B,mBAAmB,GAAG,KAAKpC,QAAL,GAAgBoC,mBAA5C,CACA,IAAI,KAAKtC,KAAT,EAAgB,CACd,IAAIgE,SAAS,CAAC1B,mBAAV,IAAiC,CAACA,mBAAtC,EAA2D,CACzD,KAAKtC,KAAL,CAAW0C,mBAAX,CAA+B,OAA/B,EAAwC,KAAKF,sBAA7C,EACD,CACD,IAAI,CAACwB,SAAS,CAAC1B,mBAAX,IAAkCA,mBAAtC,EAA2D,CACzD,KAAKtC,KAAL,CAAWuC,gBAAX,CAA4B,OAA5B,EAAqC,KAAKC,sBAA1C,EAAkE,EAAEC,OAAO,EAAE,KAAX,EAAlE,EACD,CACF,CACF,CAxCH,EAkFE;AACF;AACA;AACA,KArFA,OAsFSwB,QAtFT,GAsFE,kBAAgB5B,OAAhB,EAAgD,CAC9C,IAAI,CAACA,OAAD,IAAY,CAAC,KAAKrC,KAAtB,EAA6B,CAC3B,OACD,CAED,KAAKA,KAAL,CAAWkE,UAAX,GAAwB7B,OAAO,CAAC8B,UAAhC,CACA,KAAKnE,KAAL,CAAWoE,SAAX,GAAuB1E,gBAAgB,CAAC2C,OAAD,EAAU,KAAKrC,KAAf,CAAvC,CACD,CA7FH,CA+FE;AACF;AACA,KAjGA,QAkGSqE,WAlGT,GAkGE,uBAAqB,CACnB,IAAI,CAAC,KAAKrE,KAAV,EAAiB,CACf,OACD,CACD,KAAKA,KAAL,CAAWoE,SAAX,GAAuB,CAAvB,CACD,CAvGH,CAyGE;AACF;AACA,KA3GA,QA4GSE,cA5GT,GA4GE,0BAAwB,CACtB,IAAI,CAAC,KAAKtE,KAAV,EAAiB,CACf,OACD,CACD,KAAKA,KAAL,CAAWoE,SAAX,GAAuB,KAAKpE,KAAL,CAAWuE,YAAX,GAA0B,KAAKvE,KAAL,CAAWwE,YAA5D,CACD,CAjHH,CAmHE;AACF;AACA,KArHA,QAsHSC,YAtHT,GAsHE,wBAAsB,CACpB,IAAI,CAAC,KAAKzE,KAAV,EAAiB,CACf,OACD,CACD,KAAKA,KAAL,CAAWkE,UAAX,GAAwB,CAAxB,CACD,CA3HH,CA6HE;AACF;AACA,KA/HA,QAgISQ,aAhIT,GAgIE,yBAAuB,CACrB,IAAI,CAAC,KAAK1E,KAAV,EAAiB,CACf,OACD,CAED,KAAKA,KAAL,CAAWkE,UAAX,GAAwB,KAAKlE,KAAL,CAAW2E,WAAX,GAAyB,KAAK3E,KAAL,CAAW4E,WAA5D,CACD,CAtIH,QAwIU1B,YAxIV,GAwIE,sBAAqB5B,IAArB,EAAuC,CACrC,IAAI,CAAC,KAAKtB,KAAV,EAAiB,CACf,OAAO,KAAP,CACD,CAED,OAAOsB,IAAI,KAAK,GAAT,GACH,KAAKtB,KAAL,CAAW4E,WAAX,GAAyB,KAAK5E,KAAL,CAAW2E,WADjC,GAEH,KAAK3E,KAAL,CAAWwE,YAAX,GAA0B,KAAKxE,KAAL,CAAWuE,YAFzC,CAGD,CAhJH,0BAAqCzF,KAAK,CAAC+F,SAA3C,WACgBC,mBADhB,GACsC,iBADtC,UAGgBC,SAHhB,GAG4B,EACxBrD,MAAM,EAAE3C,SAAS,CAACiG,IADM,EAExBpE,QAAQ,EAAE7B,SAAS,CAACkG,SAAV,CAAoB,CAAClG,SAAS,CAACmG,MAAX,EAAmBnG,SAAS,CAACoG,MAA7B,CAApB,CAFc,EAGxBxE,SAAS,EAAE5B,SAAS,CAACkG,SAAV,CAAoB,CAAClG,SAAS,CAACmG,MAAX,EAAmBnG,SAAS,CAACoG,MAA7B,CAApB,CAHa,EAIxBzE,eAAe,EAAE3B,SAAS,CAACqG,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CAJO,EAKxB9C,mBAAmB,EAAEvD,SAAS,CAACiG,IALP,EAMxB9C,mBAAmB,EAAEnD,SAAS,CAACsG,IANP,EAH5B,UAYgBlF,YAZhB,GAY6C,EACzCuB,MAAM,EAAE,KADiC,EAEzChB,eAAe,EAAE,MAFwB,EAGzC4B,mBAAmB,EAAE,KAHoB,EAZ7C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { scrollSizeParametersNames } from './ScrollContainer.constants';\nimport {\n  getScrollYOffset,\n  convertScrollbarXScrollState,\n  convertScrollbarYScrollState,\n} from './ScrollContainer.helpers';\nimport { ScrollAxis, ScrollBar, ScrollBarScrollState } from './ScrollBar';\n\nexport type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';\nexport type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';\nexport type ScrollContainerScrollState = ScrollContainerScrollStateY; // deprecated\nexport type ScrollBehaviour = 'auto' | 'smooth';\n\nexport interface ScrollContainerProps extends CommonProps {\n  /**\n   * Инвертировать цвет скроллбара\n   * @default false\n   */\n  invert?: boolean;\n  maxHeight?: React.CSSProperties['maxHeight'];\n  maxWidth?: React.CSSProperties['maxWidth'];\n  /**\n   * @default false\n   */\n  preventWindowScroll?: boolean;\n  /**\n   * Поведение скролла (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\n   * @default 'auto'\n   */\n  scrollBehaviour?: ScrollBehaviour;\n  onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;\n  onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;\n  onScrollStateChange?: (scrollYState: ScrollContainerScrollState) => void; // deprecated\n  onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\n  /**\n   * Отключение кастомного скролла\n   */\n  disabled?: boolean;\n}\n\nexport const ScrollContainerDataTids = {\n  root: 'ScrollContainer__root',\n  inner: 'ScrollContainer__inner',\n} as const;\n\ntype DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll'>>;\n\n@rootNode\nexport class ScrollContainer extends React.Component<ScrollContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\n\n  public static propTypes = {\n    invert: PropTypes.bool,\n    maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),\n    preventWindowScroll: PropTypes.bool,\n    onScrollStateChange: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    invert: false,\n    scrollBehaviour: 'auto',\n    preventWindowScroll: false,\n  };\n\n  private getProps = createPropsGetter(ScrollContainer.defaultProps);\n\n  private scrollX: Nullable<ScrollBar>;\n  private scrollY: Nullable<ScrollBar>;\n  private inner: Nullable<HTMLElement>;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.scrollX?.setInnerElement(this.inner);\n    this.scrollY?.setInnerElement(this.inner);\n  }\n\n  public componentDidUpdate(prevProps: ScrollContainerProps) {\n    const preventWindowScroll = this.getProps().preventWindowScroll;\n    if (this.inner) {\n      if (prevProps.preventWindowScroll && !preventWindowScroll) {\n        this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n      }\n      if (!prevProps.preventWindowScroll && preventWindowScroll) {\n        this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n      }\n    }\n  }\n\n  public render = () => {\n    const props = this.props;\n\n    if (this.props.disabled) {\n      return this.props.children;\n    }\n\n    const innerStyle: React.CSSProperties = {\n      scrollBehavior: this.getProps().scrollBehaviour,\n      maxHeight: props.maxHeight,\n      maxWidth: props.maxWidth,\n    };\n\n    const scrollbarY = this.renderScrollbar('y');\n    const scrollbarX = this.renderScrollbar('x');\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={ScrollContainerDataTids.root}\n          className={styles.root()}\n          onMouseMove={this.handleMouseMove}\n          onMouseLeave={this.handleMouseLeave}\n        >\n          {scrollbarY}\n          {scrollbarX}\n          <div\n            style={innerStyle}\n            ref={this.refInner}\n            className={cx(styles.inner(), globalClasses.inner, isIE11 && styles.innerIE11())}\n            data-tid={ScrollContainerDataTids.inner}\n            onScroll={this.handleNativeScroll}\n          >\n            {props.children}\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  };\n\n  /**\n   * @public\n   * @param {Element} element\n   */\n  public scrollTo(element: Nullable<HTMLElement>) {\n    if (!element || !this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = element.offsetLeft;\n    this.inner.scrollTop = getScrollYOffset(element, this.inner);\n  }\n\n  /**\n   * @public\n   */\n  public scrollToTop() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToBottom() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToLeft() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollLeft = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToRight() {\n    if (!this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = this.inner.scrollWidth - this.inner.offsetWidth;\n  }\n\n  private hasScrollBar(axis: ScrollAxis) {\n    if (!this.inner) {\n      return false;\n    }\n\n    return axis === 'x'\n      ? this.inner.offsetWidth < this.inner.scrollWidth\n      : this.inner.offsetHeight < this.inner.scrollHeight;\n  }\n\n  private renderScrollbar = (axis: ScrollAxis) => {\n    const refScrollBar = axis === 'x' ? this.refScrollBarX : this.refScrollBarY;\n\n    return (\n      <ScrollBar\n        axis={axis}\n        ref={refScrollBar}\n        invert={this.getProps().invert}\n        onScrollStateChange={this.handleScrollStateChange}\n      />\n    );\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollBarScrollState, axis: ScrollAxis) => {\n    if (!this.scrollY || !this.scrollX) {\n      return;\n    }\n\n    if (axis === 'x') {\n      const scrollXState = convertScrollbarXScrollState(scrollState);\n\n      this.props.onScrollStateChangeX?.(scrollXState);\n      return;\n    }\n\n    const scrollYState = convertScrollbarYScrollState(scrollState);\n\n    this.props.onScrollStateChange?.(scrollYState);\n    this.props.onScrollStateChangeY?.(scrollYState);\n  };\n\n  private refScrollBarY = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollY = scrollbar;\n  };\n\n  private refScrollBarX = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollX = scrollbar;\n  };\n\n  private refInner = (element: HTMLElement | null) => {\n    if (!this.inner && element && this.getProps().preventWindowScroll) {\n      element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n    }\n    if (this.inner && !element) {\n      this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n    }\n    this.inner = element;\n  };\n\n  private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    this.scrollX?.reflow();\n    this.scrollY?.reflow();\n\n    this.props.onScroll?.(event);\n    if (this.getProps().preventWindowScroll) {\n      event.preventDefault();\n      return;\n    }\n    LayoutEvents.emit();\n  };\n\n  private handleInnerScrollWheel = (event: Event) => {\n    if (!this.inner || !(event instanceof WheelEvent)) {\n      return;\n    }\n\n    const axis: ScrollAxis = event.shiftKey ? 'x' : 'y';\n\n    if (this.hasScrollBar(axis)) {\n      const { pos, size, offset } = scrollSizeParametersNames[axis];\n\n      if (event.deltaY > 0 && this.inner[size] <= this.inner[pos] + this.inner[offset]) {\n        event.preventDefault();\n        return false;\n      }\n      if (event.deltaY < 0 && this.inner[pos] <= 0) {\n        event.preventDefault();\n        return false;\n      }\n    }\n  };\n\n  private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    const right = getDOMRect(event.currentTarget).right - event.pageX;\n    const bottom = getDOMRect(event.currentTarget).bottom - event.pageY;\n\n    this.scrollY?.setHover(right <= 12);\n    this.scrollX?.setHover(right >= 12 && bottom <= 12);\n  };\n\n  private handleMouseLeave = () => {\n    this.scrollY?.setHover(false);\n    this.scrollX?.setHover(false);\n  };\n}\n"]}
+{"version":3,"sources":["ScrollContainer.tsx"],"names":["React","PropTypes","LayoutEvents","CommonWrapper","cx","isIE11","rootNode","getDOMRect","createPropsGetter","styles","globalClasses","scrollSizeParametersNames","getScrollYOffset","convertScrollbarXScrollState","convertScrollbarYScrollState","ScrollBar","ScrollContainer","getProps","defaultProps","render","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","setRootNode","root","handleMouseMove","handleMouseLeave","refInner","inner","innerIE11","handleNativeScroll","axis","refScrollBar","refScrollBarX","refScrollBarY","invert","handleScrollStateChange","scrollState","scrollY","scrollX","scrollXState","onScrollStateChangeX","scrollYState","onScrollStateChange","onScrollStateChangeY","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","event","reflow","onScroll","preventDefault","emit","WheelEvent","shiftKey","hasScrollBar","pos","size","offset","deltaY","right","currentTarget","pageX","bottom","pageY","setHover","componentDidMount","setInnerElement","componentDidUpdate","prevProps","scrollTo","scrollLeft","offsetLeft","scrollTop","scrollToTop","scrollToBottom","scrollHeight","offsetHeight","scrollToLeft","scrollToRight","scrollWidth","offsetWidth","Component","__KONTUR_REACT_UI__","propTypes","bool","oneOfType","string","number","oneOf","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { scrollSizeParametersNames } from './ScrollContainer.constants';\nimport {\n  getScrollYOffset,\n  convertScrollbarXScrollState,\n  convertScrollbarYScrollState,\n} from './ScrollContainer.helpers';\nimport { ScrollAxis, ScrollBar, ScrollBarScrollState } from './ScrollBar';\n\nexport type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';\nexport type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';\nexport type ScrollContainerScrollState = ScrollContainerScrollStateY; // deprecated\nexport type ScrollBehaviour = 'auto' | 'smooth';\n\nexport interface ScrollContainerProps extends CommonProps {\n  /**\n   * Инвертировать цвет скроллбара\n   * @default false\n   */\n  invert?: boolean;\n  maxHeight?: React.CSSProperties['maxHeight'];\n  maxWidth?: React.CSSProperties['maxWidth'];\n  /**\n   * @default false\n   */\n  preventWindowScroll?: boolean;\n  /**\n   * Поведение скролла (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\n   * @default 'auto'\n   */\n  scrollBehaviour?: ScrollBehaviour;\n  onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;\n  onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;\n  onScrollStateChange?: (scrollYState: ScrollContainerScrollState) => void; // deprecated\n  onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\n  /**\n   * Отключение кастомного скролла\n   */\n  disabled?: boolean;\n}\n\ntype DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll'>>;\n\n@rootNode\nexport class ScrollContainer extends React.Component<ScrollContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\n\n  public static propTypes = {\n    invert: PropTypes.bool,\n    maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),\n    preventWindowScroll: PropTypes.bool,\n    onScrollStateChange: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    invert: false,\n    scrollBehaviour: 'auto',\n    preventWindowScroll: false,\n  };\n\n  private getProps = createPropsGetter(ScrollContainer.defaultProps);\n\n  private scrollX: Nullable<ScrollBar>;\n  private scrollY: Nullable<ScrollBar>;\n  private inner: Nullable<HTMLElement>;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.scrollX?.setInnerElement(this.inner);\n    this.scrollY?.setInnerElement(this.inner);\n  }\n\n  public componentDidUpdate(prevProps: ScrollContainerProps) {\n    const preventWindowScroll = this.getProps().preventWindowScroll;\n    if (this.inner) {\n      if (prevProps.preventWindowScroll && !preventWindowScroll) {\n        this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n      }\n      if (!prevProps.preventWindowScroll && preventWindowScroll) {\n        this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n      }\n    }\n  }\n\n  public render = () => {\n    const props = this.props;\n\n    if (this.props.disabled) {\n      return this.props.children;\n    }\n\n    const innerStyle: React.CSSProperties = {\n      scrollBehavior: this.getProps().scrollBehaviour,\n      maxHeight: props.maxHeight,\n      maxWidth: props.maxWidth,\n    };\n\n    const scrollbarY = this.renderScrollbar('y');\n    const scrollbarX = this.renderScrollbar('x');\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div className={styles.root()} onMouseMove={this.handleMouseMove} onMouseLeave={this.handleMouseLeave}>\n          {scrollbarY}\n          {scrollbarX}\n          <div\n            style={innerStyle}\n            ref={this.refInner}\n            className={cx(styles.inner(), globalClasses.inner, isIE11 && styles.innerIE11())}\n            data-tid=\"ScrollContainer__inner\"\n            onScroll={this.handleNativeScroll}\n          >\n            {props.children}\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  };\n\n  /**\n   * @public\n   * @param {Element} element\n   */\n  public scrollTo(element: Nullable<HTMLElement>) {\n    if (!element || !this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = element.offsetLeft;\n    this.inner.scrollTop = getScrollYOffset(element, this.inner);\n  }\n\n  /**\n   * @public\n   */\n  public scrollToTop() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToBottom() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToLeft() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollLeft = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToRight() {\n    if (!this.inner) {\n      return;\n    }\n\n    this.inner.scrollLeft = this.inner.scrollWidth - this.inner.offsetWidth;\n  }\n\n  private hasScrollBar(axis: ScrollAxis) {\n    if (!this.inner) {\n      return false;\n    }\n\n    return axis === 'x'\n      ? this.inner.offsetWidth < this.inner.scrollWidth\n      : this.inner.offsetHeight < this.inner.scrollHeight;\n  }\n\n  private renderScrollbar = (axis: ScrollAxis) => {\n    const refScrollBar = axis === 'x' ? this.refScrollBarX : this.refScrollBarY;\n\n    return (\n      <ScrollBar\n        axis={axis}\n        ref={refScrollBar}\n        invert={this.getProps().invert}\n        onScrollStateChange={this.handleScrollStateChange}\n      />\n    );\n  };\n\n  private handleScrollStateChange = (scrollState: ScrollBarScrollState, axis: ScrollAxis) => {\n    if (!this.scrollY || !this.scrollX) {\n      return;\n    }\n\n    if (axis === 'x') {\n      const scrollXState = convertScrollbarXScrollState(scrollState);\n\n      this.props.onScrollStateChangeX?.(scrollXState);\n      return;\n    }\n\n    const scrollYState = convertScrollbarYScrollState(scrollState);\n\n    this.props.onScrollStateChange?.(scrollYState);\n    this.props.onScrollStateChangeY?.(scrollYState);\n  };\n\n  private refScrollBarY = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollY = scrollbar;\n  };\n\n  private refScrollBarX = (scrollbar: Nullable<ScrollBar>) => {\n    this.scrollX = scrollbar;\n  };\n\n  private refInner = (element: HTMLElement | null) => {\n    if (!this.inner && element && this.getProps().preventWindowScroll) {\n      element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n    }\n    if (this.inner && !element) {\n      this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n    }\n    this.inner = element;\n  };\n\n  private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    this.scrollX?.reflow();\n    this.scrollY?.reflow();\n\n    this.props.onScroll?.(event);\n    if (this.getProps().preventWindowScroll) {\n      event.preventDefault();\n      return;\n    }\n    LayoutEvents.emit();\n  };\n\n  private handleInnerScrollWheel = (event: Event) => {\n    if (!this.inner || !(event instanceof WheelEvent)) {\n      return;\n    }\n\n    const axis: ScrollAxis = event.shiftKey ? 'x' : 'y';\n\n    if (this.hasScrollBar(axis)) {\n      const { pos, size, offset } = scrollSizeParametersNames[axis];\n\n      if (event.deltaY > 0 && this.inner[size] <= this.inner[pos] + this.inner[offset]) {\n        event.preventDefault();\n        return false;\n      }\n      if (event.deltaY < 0 && this.inner[pos] <= 0) {\n        event.preventDefault();\n        return false;\n      }\n    }\n  };\n\n  private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    const right = getDOMRect(event.currentTarget).right - event.pageX;\n    const bottom = getDOMRect(event.currentTarget).bottom - event.pageY;\n\n    this.scrollY?.setHover(right <= 12);\n    this.scrollX?.setHover(right >= 12 && bottom <= 12);\n  };\n\n  private handleMouseLeave = () => {\n    this.scrollY?.setHover(false);\n    this.scrollX?.setHover(false);\n  };\n}\n"]}

package/components/ScrollContainer/ScrollContainer.constants.d.ts

@@ -1,23 +1,23 @@
-import { ScrollBarState } from './ScrollBar';
-export declare const MIN_SCROLL_SIZE = 20;
-export declare const defaultScrollbarState: ScrollBarState;
-export declare const scrollSizeParametersNames: {
-    readonly x: {
-        readonly offset: "offsetWidth";
-        readonly size: "scrollWidth";
-        readonly pos: "scrollLeft";
-        readonly coord: "clientX";
-        readonly clientSize: "clientWidth";
-        readonly customScrollPos: "left";
-        readonly customScrollSize: "width";
-    };
-    readonly y: {
-        readonly offset: "offsetHeight";
-        readonly size: "scrollHeight";
-        readonly pos: "scrollTop";
-        readonly coord: "clientY";
-        readonly clientSize: "clientHeight";
-        readonly customScrollPos: "top";
-        readonly customScrollSize: "height";
-    };
-};
+import { ScrollBarState } from './ScrollBar';
+export declare const MIN_SCROLL_SIZE = 20;
+export declare const defaultScrollbarState: ScrollBarState;
+export declare const scrollSizeParametersNames: {
+    readonly x: {
+        readonly offset: "offsetWidth";
+        readonly size: "scrollWidth";
+        readonly pos: "scrollLeft";
+        readonly coord: "clientX";
+        readonly clientSize: "clientWidth";
+        readonly customScrollPos: "left";
+        readonly customScrollSize: "width";
+    };
+    readonly y: {
+        readonly offset: "offsetHeight";
+        readonly size: "scrollHeight";
+        readonly pos: "scrollTop";
+        readonly coord: "clientY";
+        readonly clientSize: "clientHeight";
+        readonly customScrollPos: "top";
+        readonly customScrollSize: "height";
+    };
+};

package/components/ScrollContainer/ScrollContainer.d.ts

@@ -1,91 +1,87 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Nullable } from '../../typings/utility-types';
-export declare type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';
-export declare type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';
-export declare type ScrollContainerScrollState = ScrollContainerScrollStateY;
-export declare type ScrollBehaviour = 'auto' | 'smooth';
-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;
-}
-export declare const ScrollContainerDataTids: {
-    readonly root: "ScrollContainer__root";
-    readonly inner: "ScrollContainer__inner";
-};
-declare type DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll'>>;
-export declare class ScrollContainer extends React.Component<ScrollContainerProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        invert: PropTypes.Requireable<boolean>;
-        maxWidth: PropTypes.Requireable<string | number>;
-        maxHeight: PropTypes.Requireable<string | number>;
-        scrollBehaviour: PropTypes.Requireable<string>;
-        preventWindowScroll: PropTypes.Requireable<boolean>;
-        onScrollStateChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    private scrollX;
-    private scrollY;
-    private inner;
-    private setRootNode;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ScrollContainerProps): void;
-    render: () => React.ReactNode;
-    /**
-     * @public
-     * @param {Element} element
-     */
-    scrollTo(element: Nullable<HTMLElement>): void;
-    /**
-     * @public
-     */
-    scrollToTop(): void;
-    /**
-     * @public
-     */
-    scrollToBottom(): void;
-    /**
-     * @public
-     */
-    scrollToLeft(): void;
-    /**
-     * @public
-     */
-    scrollToRight(): void;
-    private hasScrollBar;
-    private renderScrollbar;
-    private handleScrollStateChange;
-    private refScrollBarY;
-    private refScrollBarX;
-    private refInner;
-    private handleNativeScroll;
-    private handleInnerScrollWheel;
-    private handleMouseMove;
-    private handleMouseLeave;
-}
-export {};
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Nullable } from '../../typings/utility-types';
+export declare type ScrollContainerScrollStateX = 'left' | 'scroll' | 'right';
+export declare type ScrollContainerScrollStateY = 'top' | 'scroll' | 'bottom';
+export declare type ScrollContainerScrollState = ScrollContainerScrollStateY;
+export declare type ScrollBehaviour = 'auto' | 'smooth';
+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;
+}
+declare type DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll'>>;
+export declare class ScrollContainer extends React.Component<ScrollContainerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        invert: PropTypes.Requireable<boolean>;
+        maxWidth: PropTypes.Requireable<string | number>;
+        maxHeight: PropTypes.Requireable<string | number>;
+        scrollBehaviour: PropTypes.Requireable<string>;
+        preventWindowScroll: PropTypes.Requireable<boolean>;
+        onScrollStateChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private scrollX;
+    private scrollY;
+    private inner;
+    private setRootNode;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ScrollContainerProps): void;
+    render: () => React.ReactNode;
+    /**
+     * @public
+     * @param {Element} element
+     */
+    scrollTo(element: Nullable<HTMLElement>): void;
+    /**
+     * @public
+     */
+    scrollToTop(): void;
+    /**
+     * @public
+     */
+    scrollToBottom(): void;
+    /**
+     * @public
+     */
+    scrollToLeft(): void;
+    /**
+     * @public
+     */
+    scrollToRight(): void;
+    private hasScrollBar;
+    private renderScrollbar;
+    private handleScrollStateChange;
+    private refScrollBarY;
+    private refScrollBarX;
+    private refInner;
+    private handleNativeScroll;
+    private handleInnerScrollWheel;
+    private handleMouseMove;
+    private handleMouseLeave;
+}
+export {};

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 { 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;

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

@@ -1,17 +1,17 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    scrollbarX: string;
-    scrollbarY: string;
-    inner: string;
-};
-export declare const styles: {
-    root(): string;
-    inner(): string;
-    innerIE11(): string;
-    scrollBar(t: Theme): string;
-    scrollBarInvert(t: Theme): string;
-    scrollBarY(t: Theme): string;
-    scrollBarYHover(t: Theme): string;
-    scrollBarX(t: Theme): string;
-    scrollBarXHover(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    scrollbarX: string;
+    scrollbarY: string;
+    inner: string;
+};
+export declare const styles: {
+    root(): string;
+    inner(): string;
+    innerIE11(): string;
+    scrollBar(t: Theme): string;
+    scrollBarInvert(t: Theme): string;
+    scrollBarY(t: Theme): string;
+    scrollBarYHover(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/Item.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-interface ItemProps {
-    children?: React.ReactNode;
-}
-export declare class Item extends React.Component<ItemProps> {
-    static __KONTUR_REACT_UI__: string;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+interface ItemProps {
+    children?: React.ReactNode;
+}
+export declare class Item extends React.Component<ItemProps> {
+    static __KONTUR_REACT_UI__: string;
+    render(): JSX.Element;
+}
+export {};

package/components/Select/Select/Select.js

@@ -81,9 +81,6 @@ var PASS_BUTTON_PROPS = {
   onMouseLeave: true,
   onMouseOver: true
 };
-export var SelectDataTids = {
-  root: 'Select__root'
-};
 export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayout(_class = rootNode(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Select, _React$Component);
 
@@ -348,14 +345,15 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
     var _cx2;
 
     var buttonParams = this.getDefaultButtonParams();
-    var button = this.getButton(buttonParams);
+    var button = /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+      value: getSelectTheme(this.theme, this.props)
+    }, this.getButton(buttonParams));
     var isMobile = this.isMobileLayout;
     var style = {
       width: this.props.width,
       maxWidth: this.props.maxWidth || undefined
     };
     var root = /*#__PURE__*/React.createElement("span", {
-      "data-tid": SelectDataTids.root,
       className: cx((_cx2 = {}, _cx2[styles.root()] = true, _cx2[styles.rootMobile(this.theme)] = isMobile, _cx2)),
       style: style
     }, button, this.getMenuRenderer());
@@ -425,15 +423,13 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
       }
     };
     var useIsCustom = use !== 'default';
-    return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-      value: getSelectTheme(this.theme, this.props)
-    }, /*#__PURE__*/React.createElement(Button, buttonProps, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Button, buttonProps, /*#__PURE__*/React.createElement("div", {
       className: styles.selectButtonContainer()
     }, this.props._icon && /*#__PURE__*/React.createElement("div", {
       className: this.getLeftIconClass(this.props.size)
     }, this.props._icon), /*#__PURE__*/React.createElement("span", labelProps, params.label), /*#__PURE__*/React.createElement("div", {
       className: cx(styles.arrowWrap(this.theme), (_cx4 = {}, _cx4[styles.arrowDisabled(this.theme)] = this.props.disabled, _cx4[styles.customUseArrow()] = useIsCustom, _cx4))
-    }, /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null)))));
+    }, /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null))));
   };
 
   _proto.getSelectIconGap = function getSelectIconGap() {