@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ccbe7cf017

package/components/ScrollContainer/ScrollContainer/ScrollContainer.js

@@ -1,17 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import PropTypes from 'prop-types';
-import cn from 'classnames';
 import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { getScrollWidth } from "../../../lib/dom/getScrollWidth";
-import { isChrome, isOpera, isSafari } from "../../../lib/utils";
-import { jsStyles } from "../ScrollContainer.styles";
-var PADDING_RIGHT = 30;
-var MIN_SCROLL_SIZE = 20;
-var SCROLL_HIDDEN = isChrome || isOpera || isSafari;
-export var ScrollContainer =
-/*#__PURE__*/
-function (_React$Component) {
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { isIE11 } from "../../../lib/client";
+import { rootNode } from "../../../lib/rootNode";
+import { getDOMRect } from "../../../lib/dom/getDOMRect";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { isTestEnv } from "../../../lib/currentEnvironment";
+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);
 
   function ScrollContainer() {
@@ -22,173 +32,116 @@ function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.state = {
-      scrollActive: false,
-      scrollSize: 0,
-      scrollPos: 0,
-      // Mouse is moving where big scrollbar can be located.
-      hover: false,
-      // True when scroll is following mouse (mouse down on scroll).
-      scrolling: false,
-      scrollState: 'top'
-    };
-    _this.inner = void 0;
-    _this.scroll = void 0;
+    _this.getProps = createPropsGetter(ScrollContainer.defaultProps);
 
-    _this.refInner = function (element) {
-      if (!_this.inner && element && _this.props.preventWindowScroll) {
-        element.addEventListener('wheel', _this.handleInnerScrollWheel, {
-          passive: false
-        });
-      }
+    _this.render = function () {
+      var props = _this.props;
 
-      if (_this.inner && !element) {
-        _this.inner.removeEventListener('wheel', _this.handleInnerScrollWheel);
+      if (_this.props.disabled) {
+        return _this.props.children;
       }
 
-      _this.inner = element;
-    };
-
-    _this.refScroll = function (element) {
-      if (!_this.scroll && element) {
-        element.addEventListener('wheel', _this.handleScrollWheel, {
-          passive: false
-        });
-      }
-
-      if (_this.scroll && !element) {
-        _this.scroll.removeEventListener('wheel', _this.handleScrollWheel);
-      }
+      var innerStyle = {
+        scrollBehavior: _this.getProps().scrollBehaviour,
+        maxHeight: props.maxHeight,
+        maxWidth: props.maxWidth
+      };
 
-      _this.scroll = element;
+      var scrollbarY = _this.renderScrollbar('y');
+
+      var scrollbarX = _this.renderScrollbar('x');
+
+      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
+      }, scrollbarY, scrollbarX, /*#__PURE__*/React.createElement("div", {
+        style: innerStyle,
+        ref: _this.refInner,
+        className: cx(styles.inner(), globalClasses.inner, isIE11 && styles.innerIE11()),
+        "data-tid": ScrollContainerDataTids.inner,
+        onScroll: _this.handleNativeScroll
+      }, props.children)));
     };
 
-    _this.handleNativeScroll = function (event) {
-      _this.reflow();
-
-      if (_this.props.preventWindowScroll) {
-        event.preventDefault();
-        return;
-      }
-
-      LayoutEvents.emit();
+    _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;
+
+      var offset = axis === 'x' ? offsetX : offsetY;
+      return /*#__PURE__*/React.createElement(ScrollBar, {
+        axis: axis,
+        ref: refScrollBar,
+        invert: invert,
+        onScrollStateChange: _this.handleScrollStateChange,
+        offset: offset,
+        hideScrollBar: hideScrollBar,
+        disableAnimations: disableAnimations,
+        hideScrollBarDelay: hideScrollBarDelay
+      });
     };
 
-    _this.reflow = function () {
-      if (!_this.inner) {
+    _this.handleScrollStateChange = function (scrollState, axis) {
+      if (!_this.scrollY || !_this.scrollX) {
         return;
       }
 
-      var containerHeight = _this.inner.offsetHeight;
-      var contentHeight = _this.inner.scrollHeight;
-      var scrollTop = _this.inner.scrollTop;
-      var scrollActive = containerHeight < contentHeight;
-
-      if (!scrollActive && !_this.state.scrollActive) {
+      if (axis === 'x') {
+        var scrollXState = convertScrollbarXScrollState(scrollState);
+        _this.props.onScrollStateChangeX == null ? void 0 : _this.props.onScrollStateChangeX(scrollXState);
         return;
       }
 
-      if (scrollActive) {
-        var scrollSize = containerHeight / contentHeight * containerHeight;
-
-        if (scrollSize < MIN_SCROLL_SIZE) {
-          scrollSize = MIN_SCROLL_SIZE;
-        }
-
-        var scrollPos = scrollTop / (contentHeight - containerHeight) * (containerHeight - scrollSize);
-
-        if (_this.state.scrollSize !== scrollSize || _this.state.scrollPos !== scrollPos) {
-          var _scrollState = _this.state.scrollState;
-
-          var updatedScrollState = _this.getImmediateScrollState();
-
-          var scrollParamsToUpdate = {
-            scrollActive: true,
-            scrollSize: scrollSize,
-            scrollPos: scrollPos,
-            scrollState: _scrollState
-          };
+      var scrollYState = convertScrollbarYScrollState(scrollState);
+      _this.props.onScrollStateChange == null ? void 0 : _this.props.onScrollStateChange(scrollYState);
+      _this.props.onScrollStateChangeY == null ? void 0 : _this.props.onScrollStateChangeY(scrollYState);
+    };
 
-          if (updatedScrollState !== _this.state.scrollState) {
-            scrollParamsToUpdate.scrollState = updatedScrollState;
+    _this.refScrollBarY = function (scrollbar) {
+      _this.scrollY = scrollbar;
+    };
 
-            if (_this.props.onScrollStateChange) {
-              _this.props.onScrollStateChange(updatedScrollState);
-            }
-          }
+    _this.refScrollBarX = function (scrollbar) {
+      _this.scrollX = scrollbar;
+    };
 
-          _this.setState(scrollParamsToUpdate);
-        }
-      } else {
-        _this.setState({
-          scrollActive: false,
-          scrollSize: 0,
-          scrollPos: 0
+    _this.refInner = function (element) {
+      if (!_this.inner && element && _this.getProps().preventWindowScroll) {
+        element.addEventListener('wheel', _this.handleInnerScrollWheel, {
+          passive: false
         });
       }
-    };
 
-    _this.handleScrollMouseDown = function (event) {
-      if (!_this.inner) {
-        return;
+      if (_this.inner && !element) {
+        _this.inner.removeEventListener('wheel', _this.handleInnerScrollWheel);
       }
 
-      var target = window.document;
-      var initialY = event.clientY;
-      var initialScrollTop = _this.inner.scrollTop;
-
-      var mouseMove = function mouseMove(mouseMoveEvent) {
-        if (!_this.inner) {
-          return;
-        }
-
-        var ratio = (_this.inner.scrollHeight - _this.inner.offsetHeight) / (_this.inner.offsetHeight - _this.state.scrollSize);
-        var deltaY = (mouseMoveEvent.clientY - initialY) * ratio;
-        _this.inner.scrollTop = initialScrollTop + deltaY;
-
-        if (mouseMoveEvent.preventDefault) {
-          mouseMoveEvent.preventDefault();
-        }
-
-        if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {
-          mouseMoveEvent.returnValue = false;
-        }
-      };
-
-      var mouseUp = function mouseUp() {
-        target.removeEventListener('mousemove', mouseMove);
-        target.removeEventListener('mouseup', mouseUp);
-
-        _this.setState({
-          scrolling: false
-        });
-      };
-
-      target.addEventListener('mousemove', mouseMove);
-      target.addEventListener('mouseup', mouseUp);
-
-      _this.setState({
-        scrolling: true
-      });
-
-      event.preventDefault();
+      _this.inner = element;
     };
 
-    _this.handleScrollWheel = function (event) {
-      if (!_this.inner || !(event instanceof WheelEvent)) {
-        return;
-      }
+    _this.handleNativeScroll = function (event) {
+      var _this$scrollY, _this$scrollX;
 
-      if (event.deltaY > 0 && _this.inner.scrollHeight <= _this.inner.scrollTop + _this.inner.offsetHeight) {
-        return;
-      }
+      (_this$scrollY = _this.scrollY) == null ? void 0 : _this$scrollY.reflow(event);
+      (_this$scrollX = _this.scrollX) == null ? void 0 : _this$scrollX.reflow(event);
+      _this.props.onScroll == null ? void 0 : _this.props.onScroll(event);
 
-      if (event.deltaY < 0 && _this.inner.scrollTop <= 0) {
+      if (_this.getProps().preventWindowScroll) {
+        event.preventDefault();
         return;
       }
 
-      _this.inner.scrollTop += event.deltaY;
-      event.preventDefault();
+      LayoutEvents.emit();
     };
 
     _this.handleInnerScrollWheel = function (event) {
@@ -196,25 +149,47 @@ function (_React$Component) {
         return;
       }
 
-      if (event.deltaY > 0 && _this.inner.scrollHeight <= _this.inner.scrollTop + _this.inner.offsetHeight) {
-        event.preventDefault();
-        return false;
-      }
+      var axis = event.shiftKey ? 'x' : 'y';
 
-      if (event.deltaY < 0 && _this.inner.scrollTop <= 0) {
-        event.preventDefault();
-        return false;
+      if (_this.hasScrollBar(axis)) {
+        var _scrollSizeParameters = scrollSizeParametersNames[axis],
+            pos = _scrollSizeParameters.pos,
+            size = _scrollSizeParameters.size,
+            offset = _scrollSizeParameters.offset;
+
+        if (event.deltaY > 0 && _this.inner[size] <= _this.inner[pos] + _this.inner[offset]) {
+          event.preventDefault();
+          return false;
+        }
+
+        if (event.deltaY < 0 && _this.inner[pos] <= 0) {
+          event.preventDefault();
+          return false;
+        }
       }
     };
 
     _this.handleMouseMove = function (event) {
-      var right = event.currentTarget.getBoundingClientRect().right - event.pageX;
+      var _this$scrollY2, _this$scrollX2;
 
-      _this.setHover(right <= 12);
+      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.handleMouseLeave = function () {
-      _this.setHover(false);
+      var _this$scrollY3, _this$scrollX3;
+
+      (_this$scrollY3 = _this.scrollY) == null ? void 0 : _this$scrollY3.setHover(false);
+      (_this$scrollX3 = _this.scrollX) == null ? void 0 : _this$scrollX3.setHover(false);
+    };
+
+    _this.updateInnerElement = function () {
+      var _this$scrollX4, _this$scrollY4;
+
+      (_this$scrollX4 = _this.scrollX) == null ? void 0 : _this$scrollX4.setInnerElement(_this.inner);
+      (_this$scrollY4 = _this.scrollY) == null ? void 0 : _this$scrollY4.setInnerElement(_this.inner);
     };
 
     return _this;
@@ -223,144 +198,112 @@ function (_React$Component) {
   var _proto = ScrollContainer.prototype;
 
   _proto.componentDidMount = function componentDidMount() {
-    this.reflow();
+    this.updateInnerElement();
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var preventWindowScroll = this.getProps().preventWindowScroll;
+
     if (this.inner) {
-      if (prevProps.preventWindowScroll && !this.props.preventWindowScroll) {
+      if (prevProps.preventWindowScroll && !preventWindowScroll) {
         this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);
       }
 
-      if (!prevProps.preventWindowScroll && this.props.preventWindowScroll) {
+      if (!prevProps.preventWindowScroll && preventWindowScroll) {
         this.inner.addEventListener('wheel', this.handleInnerScrollWheel, {
           passive: false
         });
       }
     }
 
-    this.reflow();
+    if (prevProps.disabled !== this.props.disabled && !this.props.disabled) {
+      this.updateInnerElement();
+    }
   };
+  /**
+  * @public
+  * @param {Element} element
+  */
 
-  _proto.render = function render() {
-    var state = this.state;
-    var props = this.props;
-    var scroll = null;
-
-    if (state.scrollActive) {
-      var _cn;
 
-      var scrollClass = cn((_cn = {}, _cn[jsStyles.scroll()] = true, _cn[jsStyles.scrollInvert()] = Boolean(props.invert), _cn[jsStyles.scrollHover()] = state.hover || state.scrolling, _cn));
-      var scrollStyle = {
-        top: state.scrollPos,
-        height: state.scrollSize
-      };
-      scroll = React.createElement("div", {
-        ref: this.refScroll,
-        className: scrollClass,
-        style: scrollStyle,
-        onMouseDown: this.handleScrollMouseDown
-      });
+  _proto.scrollTo = function scrollTo(element) {
+    if (!element || !this.inner) {
+      return;
     }
 
-    var innerStyle = {
-      marginRight: this.getMarginRight(),
-      maxHeight: props.maxHeight,
-      paddingRight: PADDING_RIGHT,
-      scrollBehavior: props.scrollBehaviour
-    };
-    return React.createElement("div", {
-      className: jsStyles.root(),
-      onMouseMove: this.handleMouseMove,
-      onMouseLeave: this.handleMouseLeave
-    }, scroll, React.createElement("div", {
-      "data-tid": "ScrollContainer__inner",
-      className: jsStyles.inner(),
-      style: innerStyle,
-      ref: this.refInner,
-      onScroll: this.handleNativeScroll
-    }, props.children));
+    this.inner.scrollLeft = element.offsetLeft;
+    this.inner.scrollTop = getScrollYOffset(element, this.inner);
   }
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
   ;
 
-  _proto.scrollTo = function scrollTo(element) {
-    if (!element || !this.inner) {
+  _proto.scrollToTop = function scrollToTop() {
+    if (!this.inner) {
       return;
     }
 
-    var maxScroll = element.offsetTop;
+    this.inner.scrollTop = 0;
+  }
+  /**
+  * @public
+  */
+  ;
 
-    if (this.inner.scrollTop > maxScroll) {
-      this.inner.scrollTop = maxScroll;
+  _proto.scrollToBottom = function scrollToBottom() {
+    if (!this.inner) {
       return;
     }
 
-    var minScroll = element.offsetTop + element.scrollHeight - this.inner.offsetHeight;
-
-    if (this.inner.scrollTop < minScroll) {
-      this.inner.scrollTop = minScroll;
-    }
+    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;
   }
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
   ;
 
-  _proto.scrollToTop = function scrollToTop() {
+  _proto.scrollToLeft = function scrollToLeft() {
     if (!this.inner) {
       return;
     }
 
-    this.inner.scrollTop = 0;
+    this.inner.scrollLeft = 0;
   }
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
   ;
 
-  _proto.scrollToBottom = function scrollToBottom() {
+  _proto.scrollToRight = function scrollToRight() {
     if (!this.inner) {
       return;
     }
 
-    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;
-  };
-
-  _proto.setHover = function setHover(hover) {
-    if (this.state.hover !== hover) {
-      this.setState({
-        hover: hover
-      });
-    }
+    this.inner.scrollLeft = this.inner.scrollWidth - this.inner.offsetWidth;
   };
 
-  _proto.getImmediateScrollState = function getImmediateScrollState() {
-    if (!this.inner || this.inner.scrollTop === 0) {
-      return 'top';
-    } else if (this.inner.scrollTop === this.inner.scrollHeight - this.inner.offsetHeight) {
-      return 'bottom';
-    } else {
-      return 'scroll';
+  _proto.hasScrollBar = function hasScrollBar(axis) {
+    if (!this.inner) {
+      return false;
     }
-  };
 
-  _proto.getMarginRight = function getMarginRight() {
-    return -1 * (PADDING_RIGHT + (SCROLL_HIDDEN ? 0 : getScrollWidth()));
+    return axis === 'x' ? this.inner.offsetWidth < this.inner.scrollWidth : this.inner.offsetHeight < this.inner.scrollHeight;
   };
 
   return ScrollContainer;
-}(React.Component);
-ScrollContainer.__KONTUR_REACT_UI__ = 'ScrollContainer';
-ScrollContainer.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'ScrollContainer', _class2.propTypes = {
   invert: PropTypes.bool,
+  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),
   preventWindowScroll: PropTypes.bool,
   onScrollStateChange: PropTypes.func
-};
-ScrollContainer.defaultProps = {
-  scrollBehaviour: 'auto'
-};
+}, _class2.defaultProps = {
+  invert: false,
+  scrollBehaviour: 'auto',
+  preventWindowScroll: false,
+  hideScrollBar: false,
+  disableAnimations: isTestEnv,
+  hideScrollBarDelay: 500
+}, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["ScrollContainer.tsx"],"names":["React","PropTypes","cn","LayoutEvents","getScrollWidth","isChrome","isOpera","isSafari","jsStyles","PADDING_RIGHT","MIN_SCROLL_SIZE","SCROLL_HIDDEN","ScrollContainer","state","scrollActive","scrollSize","scrollPos","hover","scrolling","scrollState","inner","scroll","refInner","element","props","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","refScroll","handleScrollWheel","handleNativeScroll","event","reflow","preventDefault","emit","containerHeight","offsetHeight","contentHeight","scrollHeight","scrollTop","updatedScrollState","getImmediateScrollState","scrollParamsToUpdate","onScrollStateChange","setState","handleScrollMouseDown","target","window","document","initialY","clientY","initialScrollTop","mouseMove","mouseMoveEvent","ratio","deltaY","Object","prototype","hasOwnProperty","call","returnValue","mouseUp","WheelEvent","handleMouseMove","right","currentTarget","getBoundingClientRect","pageX","setHover","handleMouseLeave","componentDidMount","componentDidUpdate","prevProps","render","scrollClass","scrollInvert","Boolean","invert","scrollHover","scrollStyle","top","height","innerStyle","marginRight","getMarginRight","maxHeight","paddingRight","scrollBehavior","scrollBehaviour","root","children","scrollTo","maxScroll","offsetTop","minScroll","scrollToTop","scrollToBottom","Component","__KONTUR_REACT_UI__","propTypes","bool","oneOfType","string","number","oneOf","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { isChrome, isOpera, isSafari } from '../../lib/utils';\r\n\r\nimport { jsStyles } from './ScrollContainer.styles';\r\n\r\nconst PADDING_RIGHT = 30;\r\nconst MIN_SCROLL_SIZE = 20;\r\nconst SCROLL_HIDDEN = isChrome || isOpera || isSafari;\r\n\r\nexport type ScrollContainerScrollState = 'top' | 'scroll' | 'bottom';\r\n\r\nexport type ScrollBehaviour = 'auto' | 'smooth';\r\n\r\nexport interface ScrollContainerProps {\r\n  invert?: boolean;\r\n  maxHeight?: React.CSSProperties['maxHeight'];\r\n  preventWindowScroll?: boolean;\r\n  /**\r\n   * Поведение скролла (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\r\n   * @default 'auto'\r\n   */\r\n  scrollBehaviour?: ScrollBehaviour;\r\n  onScrollStateChange?: (scrollState: ScrollContainerScrollState) => void;\r\n}\r\n\r\nexport interface ScrollContainerState {\r\n  scrollActive: boolean;\r\n  hover: boolean;\r\n  scrolling: boolean;\r\n  scrollSize: number;\r\n  scrollPos: number;\r\n  scrollState: string;\r\n}\r\n\r\nexport class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {\r\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\r\n\r\n  public static propTypes = {\r\n    invert: PropTypes.bool,\r\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n    scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),\r\n    preventWindowScroll: PropTypes.bool,\r\n    onScrollStateChange: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    scrollBehaviour: 'auto',\r\n  };\r\n\r\n  public state: ScrollContainerState = {\r\n    scrollActive: false,\r\n    scrollSize: 0,\r\n    scrollPos: 0,\r\n\r\n    // Mouse is moving where big scrollbar can be located.\r\n    hover: false,\r\n    // True when scroll is following mouse (mouse down on scroll).\r\n    scrolling: false,\r\n    scrollState: 'top',\r\n  };\r\n\r\n  private inner: Nullable<HTMLElement>;\r\n  private scroll: Nullable<HTMLElement>;\r\n\r\n  public componentDidMount() {\r\n    this.reflow();\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: ScrollContainerProps) {\r\n    if (this.inner) {\r\n      if (prevProps.preventWindowScroll && !this.props.preventWindowScroll) {\r\n        this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\r\n      }\r\n      if (!prevProps.preventWindowScroll && this.props.preventWindowScroll) {\r\n        this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\r\n      }\r\n    }\r\n    this.reflow();\r\n  }\r\n\r\n  public render() {\r\n    const state = this.state;\r\n    const props = this.props;\r\n    let scroll = null;\r\n\r\n    if (state.scrollActive) {\r\n      const scrollClass = cn({\r\n        [jsStyles.scroll()]: true,\r\n        [jsStyles.scrollInvert()]: Boolean(props.invert),\r\n        [jsStyles.scrollHover()]: state.hover || state.scrolling,\r\n      });\r\n      const scrollStyle = {\r\n        top: state.scrollPos,\r\n        height: state.scrollSize,\r\n      };\r\n      scroll = (\r\n        <div\r\n          ref={this.refScroll}\r\n          className={scrollClass}\r\n          style={scrollStyle}\r\n          onMouseDown={this.handleScrollMouseDown}\r\n        />\r\n      );\r\n    }\r\n\r\n    const innerStyle: React.CSSProperties = {\r\n      marginRight: this.getMarginRight(),\r\n      maxHeight: props.maxHeight,\r\n      paddingRight: PADDING_RIGHT,\r\n      scrollBehavior: props.scrollBehaviour,\r\n    };\r\n\r\n    return (\r\n      <div className={jsStyles.root()} onMouseMove={this.handleMouseMove} onMouseLeave={this.handleMouseLeave}>\r\n        {scroll}\r\n        <div\r\n          data-tid=\"ScrollContainer__inner\"\r\n          className={jsStyles.inner()}\r\n          style={innerStyle}\r\n          ref={this.refInner}\r\n          onScroll={this.handleNativeScroll}\r\n        >\r\n          {props.children}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public scrollTo(element: HTMLElement) {\r\n    if (!element || !this.inner) {\r\n      return;\r\n    }\r\n    const maxScroll = element.offsetTop;\r\n    if (this.inner.scrollTop > maxScroll) {\r\n      this.inner.scrollTop = maxScroll;\r\n      return;\r\n    }\r\n\r\n    const minScroll = element.offsetTop + element.scrollHeight - this.inner.offsetHeight;\r\n    if (this.inner.scrollTop < minScroll) {\r\n      this.inner.scrollTop = minScroll;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public scrollToTop() {\r\n    if (!this.inner) {\r\n      return;\r\n    }\r\n    this.inner.scrollTop = 0;\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public scrollToBottom() {\r\n    if (!this.inner) {\r\n      return;\r\n    }\r\n    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\r\n  }\r\n\r\n  private refInner = (element: HTMLElement | null) => {\r\n    if (!this.inner && element && this.props.preventWindowScroll) {\r\n      element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\r\n    }\r\n    if (this.inner && !element) {\r\n      this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\r\n    }\r\n    this.inner = element;\r\n  };\r\n\r\n  private refScroll = (element: HTMLElement | null) => {\r\n    if (!this.scroll && element) {\r\n      element.addEventListener('wheel', this.handleScrollWheel, { passive: false });\r\n    }\r\n    if (this.scroll && !element) {\r\n      this.scroll.removeEventListener('wheel', this.handleScrollWheel);\r\n    }\r\n    this.scroll = element;\r\n  };\r\n\r\n  private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\r\n    this.reflow();\r\n    if (this.props.preventWindowScroll) {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n    LayoutEvents.emit();\r\n  };\r\n\r\n  private reflow = () => {\r\n    if (!this.inner) {\r\n      return;\r\n    }\r\n\r\n    const containerHeight = this.inner.offsetHeight;\r\n    const contentHeight = this.inner.scrollHeight;\r\n    const scrollTop = this.inner.scrollTop;\r\n\r\n    const scrollActive = containerHeight < contentHeight;\r\n\r\n    if (!scrollActive && !this.state.scrollActive) {\r\n      return;\r\n    }\r\n\r\n    if (scrollActive) {\r\n      let scrollSize = (containerHeight / contentHeight) * containerHeight;\r\n\r\n      if (scrollSize < MIN_SCROLL_SIZE) {\r\n        scrollSize = MIN_SCROLL_SIZE;\r\n      }\r\n\r\n      const scrollPos = (scrollTop / (contentHeight - containerHeight)) * (containerHeight - scrollSize);\r\n\r\n      if (this.state.scrollSize !== scrollSize || this.state.scrollPos !== scrollPos) {\r\n        const { scrollState } = this.state;\r\n        const updatedScrollState = this.getImmediateScrollState();\r\n        const scrollParamsToUpdate = {\r\n          scrollActive: true,\r\n          scrollSize,\r\n          scrollPos,\r\n          scrollState,\r\n        };\r\n\r\n        if (updatedScrollState !== this.state.scrollState) {\r\n          scrollParamsToUpdate.scrollState = updatedScrollState;\r\n\r\n          if (this.props.onScrollStateChange) {\r\n            this.props.onScrollStateChange(updatedScrollState);\r\n          }\r\n        }\r\n\r\n        this.setState(scrollParamsToUpdate);\r\n      }\r\n    } else {\r\n      this.setState({\r\n        scrollActive: false,\r\n        scrollSize: 0,\r\n        scrollPos: 0,\r\n      });\r\n    }\r\n  };\r\n\r\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\r\n    if (!this.inner) {\r\n      return;\r\n    }\r\n\r\n    const target: Document = window.document;\r\n    const initialY = event.clientY;\r\n    const initialScrollTop = this.inner.scrollTop;\r\n\r\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\r\n      if (!this.inner) {\r\n        return;\r\n      }\r\n\r\n      const ratio =\r\n        (this.inner.scrollHeight - this.inner.offsetHeight) / (this.inner.offsetHeight - this.state.scrollSize);\r\n      const deltaY = (mouseMoveEvent.clientY - initialY) * ratio;\r\n\r\n      this.inner.scrollTop = initialScrollTop + deltaY;\r\n\r\n      if (mouseMoveEvent.preventDefault) {\r\n        mouseMoveEvent.preventDefault();\r\n      }\r\n\r\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\r\n        (mouseMoveEvent as MouseEvent & {\r\n          returnValue: boolean;\r\n        }).returnValue = false;\r\n      }\r\n    };\r\n\r\n    const mouseUp = () => {\r\n      target.removeEventListener('mousemove', mouseMove);\r\n      target.removeEventListener('mouseup', mouseUp);\r\n      this.setState({ scrolling: false });\r\n    };\r\n\r\n    target.addEventListener('mousemove', mouseMove);\r\n    target.addEventListener('mouseup', mouseUp);\r\n    this.setState({ scrolling: true });\r\n\r\n    event.preventDefault();\r\n  };\r\n\r\n  private handleScrollWheel = (event: Event) => {\r\n    if (!this.inner || !(event instanceof WheelEvent)) {\r\n      return;\r\n    }\r\n\r\n    if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\r\n      return;\r\n    }\r\n    if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\r\n      return;\r\n    }\r\n\r\n    this.inner.scrollTop += event.deltaY;\r\n    event.preventDefault();\r\n  };\r\n\r\n  private handleInnerScrollWheel = (event: Event) => {\r\n    if (!this.inner || !(event instanceof WheelEvent)) {\r\n      return;\r\n    }\r\n\r\n    if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\r\n      event.preventDefault();\r\n      return false;\r\n    }\r\n    if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\r\n      event.preventDefault();\r\n      return false;\r\n    }\r\n  };\r\n\r\n  private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\r\n    const right = event.currentTarget.getBoundingClientRect().right - event.pageX;\r\n    this.setHover(right <= 12);\r\n  };\r\n\r\n  private handleMouseLeave = () => {\r\n    this.setHover(false);\r\n  };\r\n\r\n  private setHover(hover: boolean) {\r\n    if (this.state.hover !== hover) {\r\n      this.setState({ hover });\r\n    }\r\n  }\r\n\r\n  private getImmediateScrollState(): ScrollContainerScrollState {\r\n    if (!this.inner || this.inner.scrollTop === 0) {\r\n      return 'top';\r\n    } else if (this.inner.scrollTop === this.inner.scrollHeight - this.inner.offsetHeight) {\r\n      return 'bottom';\r\n    } else {\r\n      return 'scroll';\r\n    }\r\n  }\r\n\r\n  private getMarginRight(): number {\r\n    return -1 * (PADDING_RIGHT + (SCROLL_HIDDEN ? 0 : getScrollWidth()));\r\n  }\r\n}\r\n"]}
+{"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 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 inner: Nullable<HTMLElement>;\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  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    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"]}