@skbkontur/react-ui 0.0.0-a25347e958 → 0.0.0-a2ba201dd3

package/components/ScrollContainer/ScrollContainer/ScrollContainer.js

@@ -5,6 +5,9 @@ var _class, _class2, _temp;
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import { globalObject } from '@skbkontur/global-object';
+import debounce from 'lodash.debounce';
+import { isInstanceOf } from "../../../lib/isInstanceOf";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
@@ -33,6 +36,12 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(ScrollContainer.defaultProps);
+    _this.initialIsScrollBarVisible = !_this.getProps().hideScrollBar && _this.getProps().showScrollBar === 'always';
+    _this.state = {
+      isScrollBarXVisible: _this.initialIsScrollBarVisible,
+      isScrollBarYVisible: _this.initialIsScrollBarVisible,
+      isHovered: false
+    };
 
     _this.render = function () {
       var props = _this.props;
@@ -68,26 +77,24 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
     };
 
     _this.renderScrollbar = function (axis) {
-      var refScrollBar = axis === 'x' ? _this.refScrollBarX : _this.refScrollBarY;
-
       var _this$getProps = _this.getProps(),
           offsetY = _this$getProps.offsetY,
           offsetX = _this$getProps.offsetX,
           invert = _this$getProps.invert,
-          hideScrollBar = _this$getProps.hideScrollBar,
-          disableAnimations = _this$getProps.disableAnimations,
-          hideScrollBarDelay = _this$getProps.hideScrollBarDelay;
+          disableAnimations = _this$getProps.disableAnimations;
 
-      var offset = axis === 'x' ? offsetX : offsetY;
+      var isAxisX = axis === 'x';
+      var refScrollBar = isAxisX ? _this.refScrollBarX : _this.refScrollBarY;
+      var offset = isAxisX ? offsetX : offsetY;
+      var isVisible = isAxisX ? _this.state.isScrollBarXVisible : _this.state.isScrollBarYVisible;
       return /*#__PURE__*/React.createElement(ScrollBar, {
         axis: axis,
         ref: refScrollBar,
         invert: invert,
-        onScrollStateChange: _this.handleScrollStateChange,
+        onScroll: _this.handleScroll,
         offset: offset,
-        hideScrollBar: hideScrollBar,
         disableAnimations: disableAnimations,
-        hideScrollBarDelay: hideScrollBarDelay
+        isVisible: isVisible
       });
     };
 
@@ -107,6 +114,18 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
       _this.props.onScrollStateChangeY == null ? void 0 : _this.props.onScrollStateChangeY(scrollYState);
     };
 
+    _this.handleScroll = function (axis, scrollState, prevScrollState) {
+      if (scrollState !== prevScrollState) {
+        _this.handleScrollStateChange(scrollState, axis);
+      }
+
+      var _this$getProps2 = _this.getProps(),
+          hideScrollBar = _this$getProps2.hideScrollBar,
+          showScrollBar = _this$getProps2.showScrollBar;
+
+      (hideScrollBar || showScrollBar === 'scroll') && _this.showScrollBarOnMouseWheel(axis);
+    };
+
     _this.refScrollBarY = function (scrollbar) {
       _this.scrollY = scrollbar;
     };
@@ -132,8 +151,8 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
     _this.handleNativeScroll = function (event) {
       var _this$scrollY, _this$scrollX;
 
-      (_this$scrollY = _this.scrollY) == null ? void 0 : _this$scrollY.reflow(event);
-      (_this$scrollX = _this.scrollX) == null ? void 0 : _this$scrollX.reflow(event);
+      (_this$scrollY = _this.scrollY) == null ? void 0 : _this$scrollY.reflow();
+      (_this$scrollX = _this.scrollX) == null ? void 0 : _this$scrollX.reflow();
       _this.props.onScroll == null ? void 0 : _this.props.onScroll(event);
 
       if (_this.getProps().preventWindowScroll) {
@@ -144,8 +163,48 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
       LayoutEvents.emit();
     };
 
+    _this.showScrollBarOnMouseWheel = function (axis) {
+      var isScrollBarVisible = axis === 'x' ? _this.state.isScrollBarXVisible : _this.state.isScrollBarYVisible;
+
+      if (!isScrollBarVisible) {
+        axis === 'x' ? _this.setState({
+          isScrollBarXVisible: true
+        }) : _this.setState({
+          isScrollBarYVisible: true
+        });
+      }
+
+      _this.hideScrollBar(axis);
+    };
+
+    _this.hideScrollBar = debounce(function (axis) {
+      var _this$scrollX2, _this$scrollY2;
+
+      if (_this.state.isHovered) {
+        return;
+      }
+
+      var isScrollBarXHovered = (_this$scrollX2 = _this.scrollX) == null ? void 0 : _this$scrollX2.getHover();
+      var isScrollBarYHovered = (_this$scrollY2 = _this.scrollY) == null ? void 0 : _this$scrollY2.getHover();
+
+      if (axis === 'both') {
+        !isScrollBarXHovered && !isScrollBarYHovered ? _this.setState({
+          isScrollBarXVisible: false,
+          isScrollBarYVisible: false
+        }) : _this.hideScrollBar('both');
+      } else if (axis === 'x') {
+        !isScrollBarXHovered ? _this.setState({
+          isScrollBarXVisible: false
+        }) : _this.hideScrollBar('x');
+      } else {
+        !isScrollBarYHovered ? _this.setState({
+          isScrollBarYVisible: false
+        }) : _this.hideScrollBar('y');
+      }
+    }, _this.getProps().hideScrollBarDelay);
+
     _this.handleInnerScrollWheel = function (event) {
-      if (!_this.inner || !(event instanceof WheelEvent)) {
+      if (!_this.inner || !isInstanceOf(event, globalObject.WheelEvent)) {
         return;
       }
 
@@ -170,26 +229,39 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
     };
 
     _this.handleMouseMove = function (event) {
-      var _this$scrollY2, _this$scrollX2;
+      var _this$scrollY3, _this$scrollX3;
 
       var right = getDOMRect(event.currentTarget).right - event.pageX;
       var bottom = getDOMRect(event.currentTarget).bottom - event.pageY;
-      (_this$scrollY2 = _this.scrollY) == null ? void 0 : _this$scrollY2.setHover(right <= 12);
-      (_this$scrollX2 = _this.scrollX) == null ? void 0 : _this$scrollX2.setHover(right >= 12 && bottom <= 12);
+      (_this$scrollY3 = _this.scrollY) == null ? void 0 : _this$scrollY3.setHover(right <= 12);
+      (_this$scrollX3 = _this.scrollX) == null ? void 0 : _this$scrollX3.setHover(right >= 12 && bottom <= 12);
+      _this.getProps().showScrollBar === 'hover' && !_this.state.isHovered && _this.setState({
+        isScrollBarXVisible: true,
+        isScrollBarYVisible: true,
+        isHovered: true
+      });
     };
 
     _this.handleMouseLeave = function () {
-      var _this$scrollY3, _this$scrollX3;
+      var _this$scrollY4, _this$scrollX4;
 
-      (_this$scrollY3 = _this.scrollY) == null ? void 0 : _this$scrollY3.setHover(false);
-      (_this$scrollX3 = _this.scrollX) == null ? void 0 : _this$scrollX3.setHover(false);
+      (_this$scrollY4 = _this.scrollY) == null ? void 0 : _this$scrollY4.setHover(false);
+      (_this$scrollX4 = _this.scrollX) == null ? void 0 : _this$scrollX4.setHover(false);
+
+      if (_this.getProps().showScrollBar === 'hover') {
+        _this.setState({
+          isHovered: false
+        });
+
+        _this.hideScrollBar('both');
+      }
     };
 
     _this.updateInnerElement = function () {
-      var _this$scrollX4, _this$scrollY4;
+      var _this$scrollX5, _this$scrollY5;
 
-      (_this$scrollX4 = _this.scrollX) == null ? void 0 : _this$scrollX4.setInnerElement(_this.inner);
-      (_this$scrollY4 = _this.scrollY) == null ? void 0 : _this$scrollY4.setInnerElement(_this.inner);
+      (_this$scrollX5 = _this.scrollX) == null ? void 0 : _this$scrollX5.setInnerElement(_this.inner);
+      (_this$scrollY5 = _this.scrollY) == null ? void 0 : _this$scrollY5.setInnerElement(_this.inner);
     };
 
     return _this;
@@ -219,6 +291,20 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
     if (prevProps.disabled !== this.props.disabled && !this.props.disabled) {
       this.updateInnerElement();
     }
+
+    if (prevProps.showScrollBar !== this.props.showScrollBar) {
+      if (this.props.showScrollBar === 'always') {
+        this.setState({
+          isScrollBarXVisible: true,
+          isScrollBarYVisible: true
+        });
+      } else if (this.props.showScrollBar === 'never') {
+        this.setState({
+          isScrollBarXVisible: false,
+          isScrollBarYVisible: false
+        });
+      }
+    }
   };
   /**
   * @public
@@ -292,7 +378,7 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
   };
 
   return ScrollContainer;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'ScrollContainer', _class2.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'ScrollContainer', _class2.displayName = 'ScrollContainer', _class2.propTypes = {
   invert: PropTypes.bool,
   maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@@ -305,5 +391,6 @@ export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/f
   preventWindowScroll: false,
   hideScrollBar: false,
   disableAnimations: isTestEnv,
-  hideScrollBarDelay: 500
+  hideScrollBarDelay: 500,
+  showScrollBar: 'always'
 }, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["ScrollContainer.tsx"],"names":["React","PropTypes","LayoutEvents","CommonWrapper","cx","isIE11","rootNode","getDOMRect","createPropsGetter","isTestEnv","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","offsetY","offsetX","invert","hideScrollBar","disableAnimations","hideScrollBarDelay","offset","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","deltaY","right","currentTarget","pageX","bottom","pageY","setHover","updateInnerElement","setInnerElement","componentDidMount","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';\nimport { isTestEnv } from '../../lib/currentEnvironment';\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\ntype OffsetCSSPropsY = 'top' | 'right' | 'bottom';\ntype OffsetCSSPropsX = 'right' | 'bottom' | 'left';\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   * Смещение вертикального скроллбара\n   */\n  offsetY?: Partial<Record<OffsetCSSPropsY, React.CSSProperties[OffsetCSSPropsY]>>;\n  /**\n   * Смещение горизонтального скроллбара\n   */\n  offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;\n  /**\n   * Скрывать скроллбар при отсутствии активности пользователя\n   */\n  hideScrollBar?: boolean;\n  /**\n   * Задержка перед скрытием скроллбара, ms. Работает только если `hideScrollBar = true`\n   */\n  hideScrollBarDelay?: number;\n  /**\n   * Отключить анимации\n   */\n  disableAnimations?: boolean;\n}\n\nexport const ScrollContainerDataTids = {\n  root: 'ScrollContainer__root',\n  inner: 'ScrollContainer__inner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    ScrollContainerProps,\n    'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'hideScrollBar' | 'disableAnimations' | 'hideScrollBarDelay'\n  >\n>;\n\n@rootNode\nexport class ScrollContainer extends React.Component<ScrollContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\n\n  public inner: Nullable<HTMLElement>;\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    hideScrollBar: false,\n    disableAnimations: isTestEnv,\n    hideScrollBarDelay: 500,\n  };\n\n  private getProps = createPropsGetter(ScrollContainer.defaultProps);\n\n  private scrollX: Nullable<ScrollBar>;\n  private scrollY: Nullable<ScrollBar>;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.updateInnerElement();\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    if (prevProps.disabled !== this.props.disabled && !this.props.disabled) {\n      this.updateInnerElement();\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  public 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    const { offsetY, offsetX, invert, hideScrollBar, disableAnimations, hideScrollBarDelay } = this.getProps();\n\n    const offset = axis === 'x' ? offsetX : offsetY;\n\n    return (\n      <ScrollBar\n        axis={axis}\n        ref={refScrollBar}\n        invert={invert}\n        onScrollStateChange={this.handleScrollStateChange}\n        offset={offset}\n        hideScrollBar={hideScrollBar}\n        disableAnimations={disableAnimations}\n        hideScrollBarDelay={hideScrollBarDelay}\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.scrollY?.reflow(event);\n    this.scrollX?.reflow(event);\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  private updateInnerElement = () => {\n    this.scrollX?.setInnerElement(this.inner);\n    this.scrollY?.setInnerElement(this.inner);\n  };\n}\n"]}
+{"version":3,"sources":["ScrollContainer.tsx"],"names":["React","PropTypes","globalObject","debounce","isInstanceOf","LayoutEvents","CommonWrapper","cx","isIE11","rootNode","getDOMRect","createPropsGetter","isTestEnv","styles","globalClasses","scrollSizeParametersNames","getScrollYOffset","convertScrollbarXScrollState","convertScrollbarYScrollState","ScrollBar","ScrollContainerDataTids","root","inner","ScrollContainer","getProps","defaultProps","initialIsScrollBarVisible","hideScrollBar","showScrollBar","state","isScrollBarXVisible","isScrollBarYVisible","isHovered","render","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","setRootNode","handleMouseMove","handleMouseLeave","refInner","innerIE11","handleNativeScroll","axis","offsetY","offsetX","invert","disableAnimations","isAxisX","refScrollBar","refScrollBarX","refScrollBarY","offset","isVisible","handleScroll","handleScrollStateChange","scrollState","scrollY","scrollX","scrollXState","onScrollStateChangeX","scrollYState","onScrollStateChange","onScrollStateChangeY","prevScrollState","showScrollBarOnMouseWheel","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","event","reflow","onScroll","preventDefault","emit","isScrollBarVisible","setState","isScrollBarXHovered","getHover","isScrollBarYHovered","hideScrollBarDelay","WheelEvent","shiftKey","hasScrollBar","pos","size","deltaY","right","currentTarget","pageX","bottom","pageY","setHover","updateInnerElement","setInnerElement","componentDidMount","componentDidUpdate","prevProps","scrollTo","scrollLeft","offsetLeft","scrollTop","scrollToTop","scrollToBottom","scrollHeight","offsetHeight","scrollToLeft","scrollToRight","scrollWidth","offsetWidth","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","oneOfType","string","number","oneOf","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\nimport debounce from 'lodash.debounce';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\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';\nimport { isTestEnv } from '../../lib/currentEnvironment';\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\ntype OffsetCSSPropsY = 'top' | 'right' | 'bottom';\ntype OffsetCSSPropsX = 'right' | 'bottom' | 'left';\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   * Смещение вертикального скроллбара\n   */\n  offsetY?: Partial<Record<OffsetCSSPropsY, React.CSSProperties[OffsetCSSPropsY]>>;\n  /**\n   * Смещение горизонтального скроллбара\n   */\n  offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;\n  /**\n   * Скрывать скроллбар при отсутствии активности пользователя\n   * @deprecated use showScrollBar\n   */\n  hideScrollBar?: boolean;\n  /**\n   * Показывать скроллбар\n   */\n  showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';\n  /**\n   * Задержка перед скрытием скроллбара, ms. Работает только если `hideScrollBar = true` или `showScrollBar = 'scroll' | 'hover'`\n   */\n  hideScrollBarDelay?: number;\n  /**\n   * Отключить анимации\n   */\n  disableAnimations?: boolean;\n}\n\nexport const ScrollContainerDataTids = {\n  root: 'ScrollContainer__root',\n  inner: 'ScrollContainer__inner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    ScrollContainerProps,\n    | 'invert'\n    | 'scrollBehaviour'\n    | 'preventWindowScroll'\n    | 'hideScrollBar'\n    | 'disableAnimations'\n    | 'hideScrollBarDelay'\n    | 'showScrollBar'\n  >\n>;\n\ninterface ScrollContainerState {\n  isScrollBarXVisible: boolean;\n  isScrollBarYVisible: boolean;\n  isHovered: boolean;\n}\n\n@rootNode\nexport class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\n  public static displayName = 'ScrollContainer';\n\n  public inner: Nullable<HTMLElement>;\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    hideScrollBar: false,\n    disableAnimations: isTestEnv,\n    hideScrollBarDelay: 500,\n    showScrollBar: 'always',\n  };\n\n  private getProps = createPropsGetter(ScrollContainer.defaultProps);\n\n  private scrollX: Nullable<ScrollBar>;\n  private scrollY: Nullable<ScrollBar>;\n  private setRootNode!: TSetRootNode;\n  private initialIsScrollBarVisible = !this.getProps().hideScrollBar && this.getProps().showScrollBar === 'always';\n\n  public state: ScrollContainerState = {\n    isScrollBarXVisible: this.initialIsScrollBarVisible,\n    isScrollBarYVisible: this.initialIsScrollBarVisible,\n    isHovered: false,\n  };\n\n  public componentDidMount() {\n    this.updateInnerElement();\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    if (prevProps.disabled !== this.props.disabled && !this.props.disabled) {\n      this.updateInnerElement();\n    }\n\n    if (prevProps.showScrollBar !== this.props.showScrollBar) {\n      if (this.props.showScrollBar === 'always') {\n        this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true });\n      } else if (this.props.showScrollBar === 'never') {\n        this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: 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  public 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 { offsetY, offsetX, invert, disableAnimations } = this.getProps();\n    const isAxisX = axis === 'x';\n    const refScrollBar = isAxisX ? this.refScrollBarX : this.refScrollBarY;\n    const offset = isAxisX ? offsetX : offsetY;\n    const isVisible = isAxisX ? this.state.isScrollBarXVisible : this.state.isScrollBarYVisible;\n\n    return (\n      <ScrollBar\n        axis={axis}\n        ref={refScrollBar}\n        invert={invert}\n        onScroll={this.handleScroll}\n        offset={offset}\n        disableAnimations={disableAnimations}\n        isVisible={isVisible}\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 handleScroll = (\n    axis: ScrollAxis,\n    scrollState: ScrollBarScrollState,\n    prevScrollState: ScrollBarScrollState,\n  ) => {\n    if (scrollState !== prevScrollState) {\n      this.handleScrollStateChange(scrollState, axis);\n    }\n    const { hideScrollBar, showScrollBar } = this.getProps();\n    (hideScrollBar || showScrollBar === 'scroll') && this.showScrollBarOnMouseWheel(axis);\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.scrollY?.reflow();\n    this.scrollX?.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 showScrollBarOnMouseWheel = (axis: ScrollAxis) => {\n    const isScrollBarVisible = axis === 'x' ? this.state.isScrollBarXVisible : this.state.isScrollBarYVisible;\n    if (!isScrollBarVisible) {\n      axis === 'x' ? this.setState({ isScrollBarXVisible: true }) : this.setState({ isScrollBarYVisible: true });\n    }\n    this.hideScrollBar(axis);\n  };\n\n  private readonly hideScrollBar = debounce((axis: ScrollAxis | 'both') => {\n    if (this.state.isHovered) {\n      return;\n    }\n    const isScrollBarXHovered = this.scrollX?.getHover();\n    const isScrollBarYHovered = this.scrollY?.getHover();\n    if (axis === 'both') {\n      !isScrollBarXHovered && !isScrollBarYHovered\n        ? this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false })\n        : this.hideScrollBar('both');\n    } else if (axis === 'x') {\n      !isScrollBarXHovered ? this.setState({ isScrollBarXVisible: false }) : this.hideScrollBar('x');\n    } else {\n      !isScrollBarYHovered ? this.setState({ isScrollBarYVisible: false }) : this.hideScrollBar('y');\n    }\n  }, this.getProps().hideScrollBarDelay);\n\n  private handleInnerScrollWheel = (event: Event) => {\n    if (!this.inner || !isInstanceOf(event, globalObject.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    this.getProps().showScrollBar === 'hover' &&\n      !this.state.isHovered &&\n      this.setState({ isScrollBarXVisible: true, isScrollBarYVisible: true, isHovered: true });\n  };\n\n  private handleMouseLeave = () => {\n    this.scrollY?.setHover(false);\n    this.scrollX?.setHover(false);\n    if (this.getProps().showScrollBar === 'hover') {\n      this.setState({ isHovered: false });\n      this.hideScrollBar('both');\n    }\n  };\n\n  private updateInnerElement = () => {\n    this.scrollX?.setInnerElement(this.inner);\n    this.scrollY?.setInnerElement(this.inner);\n  };\n}\n"]}

package/components/ScrollContainer/ScrollContainer.constants/ScrollContainer.constants.js

@@ -7,8 +7,7 @@ export var defaultScrollbarState = {
   active: false,
   // True when scroll is following mouse (mouse down on scroll).
   scrollingByMouseDrag: false,
-  scrollState: 'begin',
-  scrollingByMouseWheel: false
+  scrollState: 'begin'
 };
 export var scrollSizeParametersNames = {
   x: {

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

@@ -1 +1 @@
-{"version":3,"sources":["ScrollContainer.constants.ts"],"names":["MIN_SCROLL_SIZE","defaultScrollbarState","size","pos","hover","active","scrollingByMouseDrag","scrollState","scrollingByMouseWheel","scrollSizeParametersNames","x","offset","coord","clientSize","customScrollPos","customScrollSize","y"],"mappings":";;AAEA,OAAO,IAAMA,eAAe,GAAG,EAAxB;;AAEP,OAAO,IAAMC,qBAAqC,GAAG;AACnDC,EAAAA,IAAI,EAAE,CAD6C;AAEnDC,EAAAA,GAAG,EAAE,CAF8C;AAGnD;AACAC,EAAAA,KAAK,EAAE,KAJ4C;AAKnDC,EAAAA,MAAM,EAAE,KAL2C;AAMnD;AACAC,EAAAA,oBAAoB,EAAE,KAP6B;AAQnDC,EAAAA,WAAW,EAAE,OARsC;AASnDC,EAAAA,qBAAqB,EAAE,KAT4B,EAA9C;;;AAYP,OAAO,IAAMC,yBAAyB,GAAG;AACvCC,EAAAA,CAAC,EAAE;AACDC,IAAAA,MAAM,EAAE,aADP;AAEDT,IAAAA,IAAI,EAAE,aAFL;AAGDC,IAAAA,GAAG,EAAE,YAHJ;AAIDS,IAAAA,KAAK,EAAE,SAJN;AAKDC,IAAAA,UAAU,EAAE,aALX;AAMDC,IAAAA,eAAe,EAAE,MANhB;AAODC,IAAAA,gBAAgB,EAAE,OAPjB,EADoC;;AAUvCC,EAAAA,CAAC,EAAE;AACDL,IAAAA,MAAM,EAAE,cADP;AAEDT,IAAAA,IAAI,EAAE,cAFL;AAGDC,IAAAA,GAAG,EAAE,WAHJ;AAIDS,IAAAA,KAAK,EAAE,SAJN;AAKDC,IAAAA,UAAU,EAAE,cALX;AAMDC,IAAAA,eAAe,EAAE,KANhB;AAODC,IAAAA,gBAAgB,EAAE,QAPjB,EAVoC,EAAlC","sourcesContent":["import { ScrollBarState } from './ScrollBar';\n\nexport const MIN_SCROLL_SIZE = 20;\n\nexport const defaultScrollbarState: ScrollBarState = {\n  size: 0,\n  pos: 0,\n  // Mouse is moving where big scrollbar can be located.\n  hover: false,\n  active: false,\n  // True when scroll is following mouse (mouse down on scroll).\n  scrollingByMouseDrag: false,\n  scrollState: 'begin',\n  scrollingByMouseWheel: false,\n};\n\nexport const scrollSizeParametersNames = {\n  x: {\n    offset: 'offsetWidth',\n    size: 'scrollWidth',\n    pos: 'scrollLeft',\n    coord: 'clientX',\n    clientSize: 'clientWidth',\n    customScrollPos: 'left',\n    customScrollSize: 'width',\n  },\n  y: {\n    offset: 'offsetHeight',\n    size: 'scrollHeight',\n    pos: 'scrollTop',\n    coord: 'clientY',\n    clientSize: 'clientHeight',\n    customScrollPos: 'top',\n    customScrollSize: 'height',\n  },\n} as const;\n"]}
+{"version":3,"sources":["ScrollContainer.constants.ts"],"names":["MIN_SCROLL_SIZE","defaultScrollbarState","size","pos","hover","active","scrollingByMouseDrag","scrollState","scrollSizeParametersNames","x","offset","coord","clientSize","customScrollPos","customScrollSize","y"],"mappings":";;AAEA,OAAO,IAAMA,eAAe,GAAG,EAAxB;;AAEP,OAAO,IAAMC,qBAAqC,GAAG;AACnDC,EAAAA,IAAI,EAAE,CAD6C;AAEnDC,EAAAA,GAAG,EAAE,CAF8C;AAGnD;AACAC,EAAAA,KAAK,EAAE,KAJ4C;AAKnDC,EAAAA,MAAM,EAAE,KAL2C;AAMnD;AACAC,EAAAA,oBAAoB,EAAE,KAP6B;AAQnDC,EAAAA,WAAW,EAAE,OARsC,EAA9C;;;AAWP,OAAO,IAAMC,yBAAyB,GAAG;AACvCC,EAAAA,CAAC,EAAE;AACDC,IAAAA,MAAM,EAAE,aADP;AAEDR,IAAAA,IAAI,EAAE,aAFL;AAGDC,IAAAA,GAAG,EAAE,YAHJ;AAIDQ,IAAAA,KAAK,EAAE,SAJN;AAKDC,IAAAA,UAAU,EAAE,aALX;AAMDC,IAAAA,eAAe,EAAE,MANhB;AAODC,IAAAA,gBAAgB,EAAE,OAPjB,EADoC;;AAUvCC,EAAAA,CAAC,EAAE;AACDL,IAAAA,MAAM,EAAE,cADP;AAEDR,IAAAA,IAAI,EAAE,cAFL;AAGDC,IAAAA,GAAG,EAAE,WAHJ;AAIDQ,IAAAA,KAAK,EAAE,SAJN;AAKDC,IAAAA,UAAU,EAAE,cALX;AAMDC,IAAAA,eAAe,EAAE,KANhB;AAODC,IAAAA,gBAAgB,EAAE,QAPjB,EAVoC,EAAlC","sourcesContent":["import { ScrollBarState } from './ScrollBar';\n\nexport const MIN_SCROLL_SIZE = 20;\n\nexport const defaultScrollbarState: ScrollBarState = {\n  size: 0,\n  pos: 0,\n  // Mouse is moving where big scrollbar can be located.\n  hover: false,\n  active: false,\n  // True when scroll is following mouse (mouse down on scroll).\n  scrollingByMouseDrag: false,\n  scrollState: 'begin',\n};\n\nexport const scrollSizeParametersNames = {\n  x: {\n    offset: 'offsetWidth',\n    size: 'scrollWidth',\n    pos: 'scrollLeft',\n    coord: 'clientX',\n    clientSize: 'clientWidth',\n    customScrollPos: 'left',\n    customScrollSize: 'width',\n  },\n  y: {\n    offset: 'offsetHeight',\n    size: 'scrollHeight',\n    pos: 'scrollTop',\n    coord: 'clientY',\n    clientSize: 'clientHeight',\n    customScrollPos: 'top',\n    customScrollSize: 'height',\n  },\n} as const;\n"]}

package/components/ScrollContainer/ScrollContainer.d.ts

@@ -44,10 +44,15 @@ export interface ScrollContainerProps extends CommonProps {
     offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;
     /**
      * Скрывать скроллбар при отсутствии активности пользователя
+     * @deprecated use showScrollBar
      */
     hideScrollBar?: boolean;
     /**
-     * Задержка перед скрытием скроллбара, ms. Работает только если `hideScrollBar = true`
+     * Показывать скроллбар
+     */
+    showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';
+    /**
+     * Задержка перед скрытием скроллбара, ms. Работает только если `hideScrollBar = true` или `showScrollBar = 'scroll' | 'hover'`
      */
     hideScrollBarDelay?: number;
     /**
@@ -59,9 +64,15 @@ export declare const ScrollContainerDataTids: {
     readonly root: "ScrollContainer__root";
     readonly inner: "ScrollContainer__inner";
 };
-declare type DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'hideScrollBar' | 'disableAnimations' | 'hideScrollBarDelay'>>;
-export declare class ScrollContainer extends React.Component<ScrollContainerProps> {
+declare type DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'hideScrollBar' | '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>;
@@ -76,6 +87,8 @@ export declare class ScrollContainer extends React.Component<ScrollContainerProp
     private scrollX;
     private scrollY;
     private setRootNode;
+    private initialIsScrollBarVisible;
+    state: ScrollContainerState;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ScrollContainerProps): void;
     render: () => React.ReactNode;
@@ -103,10 +116,13 @@ export declare class ScrollContainer extends React.Component<ScrollContainerProp
     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;

package/components/ScrollContainer/ScrollContainer.md

@@ -171,7 +171,7 @@ const offsetY = {
 </div>
 ```
 
-Проп `hideScrollBar` скрывает скроллбар при отсутствии активности пользователя. Задержку на скрытие скроллбара можно регулировать пропом `hideScrollBarDelay` (по умолчанию 500ms)
+Проп `showScrollBar` со значением `scroll` скрывает скроллбар при отсутствии активности пользователя. Задержку на скрытие скроллбара можно регулировать пропом `hideScrollBarDelay` (по умолчанию 500ms)
 
 ```jsx harmony
 var divStyle = {
@@ -184,7 +184,7 @@ var divStyle = {
   width: 200,
 };
 <div style={divStyle}>
-  <ScrollContainer hideScrollBar={true}>
+  <ScrollContainer showScrollBar={'scroll'}>
     {Array(30).fill(null).map((_,i) => (
       <div key={i}>
         {i}
@@ -193,3 +193,30 @@ var divStyle = {
   </ScrollContainer>
 </div>
 ```
+
+Проп `showScrollBar` со значением `hover` позволяет показывать скроллбар только когда курсор находится над скролл контейнером
+
+```jsx harmony
+var divStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  position: 'relative',
+  verticalAlign: 'top',
+  width: 200,
+};
+
+
+<span>
+  <div style={divStyle}>
+    <ScrollContainer showScrollBar={'hover'}>
+      {Array(30).fill(null).map((_,i) => (
+        <div key={i}>
+          {i}
+        </div>
+      ))}
+    </ScrollContainer>
+  </div>
+</span>
+```

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

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 export var globalClasses = prefix('scroll-container')({
@@ -15,16 +15,16 @@ export var styles = memoizeStyle({
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
   },
   inner: function inner() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      overflow: scroll;\n      max-height: 100%;\n      max-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    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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    "])));
   },
   innerIE11: function innerIE11() {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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    "])));
   },
   scrollBar: function scrollBar(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n    "])), t.scrollContainerScrollBarColor);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition: opacity 0.3s ease-out, width 0.2s, height 0.2s;\n    "])), t.scrollContainerScrollBarColor);
   },
   visibleScrollBar: function visibleScrollBar() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n      transition: opacity 0.1s ease-out, width 0.2s, height 0.2s;\n    "])));
   },
   scrollBarInvert: function scrollBarInvert(t) {
     return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
@@ -33,7 +33,7 @@ export var styles = memoizeStyle({
     return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
   },
   scrollBarY: function scrollBarY(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      transition: width 0.2s;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
   },
   scrollBarYHover: function scrollBarYHover(t) {
     return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
@@ -42,21 +42,9 @@ export var styles = memoizeStyle({
     return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "])), globalClasses.scrollbarContainerY, t.scrollContainerScrollBarHoverSize, globalClasses.inner, t.scrollContainerScrollBarHoverSize);
   },
   scrollBarX: function scrollBarX(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      transition: height 0.2s;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
   },
   scrollBarXHover: function scrollBarXHover(t) {
     return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
-  },
-  transition: function transition() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      opacity: 0 !important; //override scrollBar opacity\n    "])));
-  },
-  transitionActive: function transitionActive() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      transition: opacity 100ms ease-out !important; //override scrollBarX and scrollBarY transition\n      opacity: 1 !important; //override scrollBar opacity\n    "])));
-  },
-  transitionLeave: function transitionLeave() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      opacity: 1 !important; //override scrollBar opacity\n    "])));
-  },
-  transitionLeaveActive: function transitionLeaveActive() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      opacity: 0 !important; //override scrollBar opacity\n      transition: opacity 300ms ease-out !important; //override scrollBarX and scrollBarY transition\n    "])));
   }
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["ScrollContainer.styles.ts"],"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover","transition","transitionActive","transitionLeave","transitionLeaveActive"],"mappings":"yYAAA,SAASA,GAAT,EAAcC,YAAd,EAA4BC,MAA5B,QAA0C,2BAA1C;;;AAGA,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAD,CAAN,CAA2B;AACtDE,EAAAA,UAAU,EAAE,aAD0C;AAEtDC,EAAAA,UAAU,EAAE,aAF0C;AAGtDC,EAAAA,mBAAmB,EAAE,uBAHiC;AAItDC,EAAAA,mBAAmB,EAAE,uBAJiC;AAKtDC,EAAAA,KAAK,EAAE,OAL+C,EAA3B,CAAtB;;;AAQP,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;AACjCS,EAAAA,IADiC,kBAC1B;AACL,WAAOV,GAAP;;;;;AAKD,GAPgC;;AASjCQ,EAAAA,KATiC,mBASzB;AACN,WAAOR,GAAP;;;;;;;;;;;;;;AAcD,GAxBgC;;AA0BjCW,EAAAA,SA1BiC,uBA0BrB;AACV,WAAOX,GAAP;;;;;;;AAOD,GAlCgC;;AAoCjCY,EAAAA,SApCiC,qBAoCvBC,CApCuB,EAoCb;AAClB,WAAOb,GAAP;;;;AAIgBa,IAAAA,CAAC,CAACC,6BAJlB;;;AAOD,GA5CgC;;AA8CjCC,EAAAA,gBA9CiC,8BA8Cd;AACjB,WAAOf,GAAP;;;AAGD,GAlDgC;;AAoDjCgB,EAAAA,eApDiC,2BAoDjBH,CApDiB,EAoDP;AACxB,WAAOb,GAAP;;AAEgBa,IAAAA,CAAC,CAACI,mCAFlB;;AAID,GAzDgC;;AA2DjCC,EAAAA,mBA3DiC,iCA2DX;AACpB,WAAOlB,GAAP;;;;;;;AAOD,GAnEgC;;AAqEjCmB,EAAAA,UArEiC,sBAqEtBN,CArEsB,EAqEZ;AACnB,WAAOb,GAAP;;;AAGWa,IAAAA,CAAC,CAACO,4BAHb;;AAKD,GA3EgC;;AA6EjCC,EAAAA,eA7EiC,2BA6EjBR,CA7EiB,EA6EP;AACxB,WAAOb,GAAP;AACWa,IAAAA,CAAC,CAACS,iCADb;;AAGD,GAjFgC;;AAmFjCC,EAAAA,mBAnFiC,+BAmFbV,CAnFa,EAmFH;AAC5B,WAAOb,GAAP;;;;;;;AAOKG,IAAAA,aAAa,CAACI,mBAPnB;AAQyBM,IAAAA,CAAC,CAACS,iCAR3B;;;AAWSnB,IAAAA,aAAa,CAACK,KAXvB;;;;;AAgBqBK,IAAAA,CAAC,CAACS,iCAhBvB;;;;AAoBD,GAxGgC;;AA0GjCE,EAAAA,UA1GiC,sBA0GtBX,CA1GsB,EA0GZ;AACnB,WAAOb,GAAP;;;AAGYa,IAAAA,CAAC,CAACO,4BAHd;;AAKD,GAhHgC;;AAkHjCK,EAAAA,eAlHiC,2BAkHjBZ,CAlHiB,EAkHP;AACxB,WAAOb,GAAP;AACYa,IAAAA,CAAC,CAACS,iCADd;;AAGD,GAtHgC;AAuHjCI,EAAAA,UAvHiC,wBAuHpB;AACX,WAAO1B,GAAP;;;AAGD,GA3HgC;AA4HjC2B,EAAAA,gBA5HiC,8BA4Hd;AACjB,WAAO3B,GAAP;;;;AAID,GAjIgC;AAkIjC4B,EAAAA,eAlIiC,6BAkIf;AAChB,WAAO5B,GAAP;;;AAGD,GAtIgC;AAuIjC6B,EAAAA,qBAvIiC,mCAuIT;AACtB,WAAO7B,GAAP;;;;AAID,GA5IgC,EAAD,CAA3B","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      max-height: 100%;\n      max-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    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\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      transition: width 0.2s;\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      transition: height 0.2s;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n  transition() {\n    return css`\n      opacity: 0 !important; //override scrollBar opacity\n    `;\n  },\n  transitionActive() {\n    return css`\n      transition: opacity 100ms ease-out !important; //override scrollBarX and scrollBarY transition\n      opacity: 1 !important; //override scrollBar opacity\n    `;\n  },\n  transitionLeave() {\n    return css`\n      opacity: 1 !important; //override scrollBar opacity\n    `;\n  },\n  transitionLeaveActive() {\n    return css`\n      opacity: 0 !important; //override scrollBar opacity\n      transition: opacity 300ms ease-out !important; //override scrollBarX and scrollBarY transition\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["ScrollContainer.styles.ts"],"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover"],"mappings":"6TAAA,SAASA,GAAT,EAAcC,YAAd,EAA4BC,MAA5B,QAA0C,2BAA1C;;;AAGA,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAD,CAAN,CAA2B;AACtDE,EAAAA,UAAU,EAAE,aAD0C;AAEtDC,EAAAA,UAAU,EAAE,aAF0C;AAGtDC,EAAAA,mBAAmB,EAAE,uBAHiC;AAItDC,EAAAA,mBAAmB,EAAE,uBAJiC;AAKtDC,EAAAA,KAAK,EAAE,OAL+C,EAA3B,CAAtB;;;AAQP,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;AACjCS,EAAAA,IADiC,kBAC1B;AACL,WAAOV,GAAP;;;;;AAKD,GAPgC;;AASjCQ,EAAAA,KATiC,mBASzB;AACN,WAAOR,GAAP;;;;;;;;;;;;;;AAcD,GAxBgC;;AA0BjCW,EAAAA,SA1BiC,uBA0BrB;AACV,WAAOX,GAAP;;;;;;;AAOD,GAlCgC;;AAoCjCY,EAAAA,SApCiC,qBAoCvBC,CApCuB,EAoCb;AAClB,WAAOb,GAAP;;;;AAIgBa,IAAAA,CAAC,CAACC,6BAJlB;;;;AAQD,GA7CgC;;AA+CjCC,EAAAA,gBA/CiC,8BA+Cd;AACjB,WAAOf,GAAP;;;;AAID,GApDgC;;AAsDjCgB,EAAAA,eAtDiC,2BAsDjBH,CAtDiB,EAsDP;AACxB,WAAOb,GAAP;;AAEgBa,IAAAA,CAAC,CAACI,mCAFlB;;AAID,GA3DgC;;AA6DjCC,EAAAA,mBA7DiC,iCA6DX;AACpB,WAAOlB,GAAP;;;;;;;AAOD,GArEgC;;AAuEjCmB,EAAAA,UAvEiC,sBAuEtBN,CAvEsB,EAuEZ;AACnB,WAAOb,GAAP;;AAEWa,IAAAA,CAAC,CAACO,4BAFb;;AAID,GA5EgC;;AA8EjCC,EAAAA,eA9EiC,2BA8EjBR,CA9EiB,EA8EP;AACxB,WAAOb,GAAP;AACWa,IAAAA,CAAC,CAACS,iCADb;;AAGD,GAlFgC;;AAoFjCC,EAAAA,mBApFiC,+BAoFbV,CApFa,EAoFH;AAC5B,WAAOb,GAAP;;;;;;;AAOKG,IAAAA,aAAa,CAACI,mBAPnB;AAQyBM,IAAAA,CAAC,CAACS,iCAR3B;;;AAWSnB,IAAAA,aAAa,CAACK,KAXvB;;;;;AAgBqBK,IAAAA,CAAC,CAACS,iCAhBvB;;;;AAoBD,GAzGgC;;AA2GjCE,EAAAA,UA3GiC,sBA2GtBX,CA3GsB,EA2GZ;AACnB,WAAOb,GAAP;;AAEYa,IAAAA,CAAC,CAACO,4BAFd;;AAID,GAhHgC;;AAkHjCK,EAAAA,eAlHiC,2BAkHjBZ,CAlHiB,EAkHP;AACxB,WAAOb,GAAP;AACYa,IAAAA,CAAC,CAACS,iCADd;;AAGD,GAtHgC,EAAD,CAA3B","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: opacity 0.3s ease-out, width 0.2s, height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition: opacity 0.1s ease-out, width 0.2s, 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"]}

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

@@ -19,8 +19,4 @@ export declare const styles: {
     scrollBarContainerX(t: Theme): string;
     scrollBarX(t: Theme): string;
     scrollBarXHover(t: Theme): string;
-    transition(): string;
-    transitionActive(): string;
-    transitionLeave(): string;
-    transitionLeaveActive(): string;
 };

package/components/Select/Item/Item.js

@@ -11,9 +11,12 @@ export var Item = /*#__PURE__*/function (_React$Component) {
   var _proto = Item.prototype;
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(MenuItem, null, this.props.children);
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      isNotSelectable: this.props.isNotSelectable
+    }, this.props.children);
   };
 
   return Item;
 }(React.Component);
-Item.__KONTUR_REACT_UI__ = 'SelectItem';
+Item.__KONTUR_REACT_UI__ = 'SelectItem';
+Item.displayName = 'SelectItem';

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

@@ -1 +1 @@
-{"version":3,"sources":["Item.tsx"],"names":["React","MenuItem","Item","render","props","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,aAAzB;;;;;AAKA,WAAaC,IAAb;;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACd,wBAAO,oBAAC,QAAD,QAAW,KAAKC,KAAL,CAAWC,QAAtB,CAAP;AACD,GALH,eAA0BL,KAAK,CAACM,SAAhC,EAAaJ,I,CACGK,mB,GAAsB,Y","sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem';\n\ninterface ItemProps {\n  children?: React.ReactNode;\n}\nexport class Item extends React.Component<ItemProps> {\n  public static __KONTUR_REACT_UI__ = 'SelectItem';\n\n  public render() {\n    return <MenuItem>{this.props.children}</MenuItem>;\n  }\n}\n"]}
+{"version":3,"sources":["Item.tsx"],"names":["React","MenuItem","Item","render","props","isNotSelectable","children","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,aAAzB;;;;;;AAMA,WAAaC,IAAb;;;;AAISC,EAAAA,MAJT,GAIE,kBAAgB;AACd,wBAAO,oBAAC,QAAD,IAAU,eAAe,EAAE,KAAKC,KAAL,CAAWC,eAAtC,IAAwD,KAAKD,KAAL,CAAWE,QAAnE,CAAP;AACD,GANH,eAA0BN,KAAK,CAACO,SAAhC,EAAaL,I,CACGM,mB,GAAsB,Y,CADzBN,I,CAEGO,W,GAAc,Y","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"]}

package/components/Select/Item.d.ts

@@ -1,9 +1,11 @@
 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(): JSX.Element;
 }
 export {};