@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.10

package/components/ScrollContainer/ScrollContainer/ScrollContainer.js

@@ -1,14 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _ScrollContainer;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import debounce from 'lodash.debounce';
@@ -40,11 +32,10 @@ export var ScrollContainerDataTids = {
 export var ScrollContainer = rootNode(_class = (_ScrollContainer = /*#__PURE__*/function (_React$Component) {
   function ScrollContainer() {
     var _this;
-    _classCallCheck(this, ScrollContainer);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ScrollContainer, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(ScrollContainer.defaultProps);
     _this.initialIsScrollBarVisible = _this.getProps().showScrollBar === 'always';
     _this.state = {
@@ -106,19 +97,17 @@ export var ScrollContainer = rootNode(_class = (_ScrollContainer = /*#__PURE__*/
       );
     };
     _this.handleScrollStateChange = function (scrollState, axis) {
-      var _this$props$onScrollS2, _this$props2, _this$props$onScrollS3, _this$props3;
       if (!_this.scrollY || !_this.scrollX) {
         return;
       }
       if (axis === 'x') {
-        var _this$props$onScrollS, _this$props;
         var scrollXState = convertScrollbarXScrollState(scrollState);
-        (_this$props$onScrollS = (_this$props = _this.props).onScrollStateChangeX) === null || _this$props$onScrollS === void 0 || _this$props$onScrollS.call(_this$props, scrollXState);
+        _this.props.onScrollStateChangeX == null || _this.props.onScrollStateChangeX(scrollXState);
         return;
       }
       var scrollYState = convertScrollbarYScrollState(scrollState);
-      (_this$props$onScrollS2 = (_this$props2 = _this.props).onScrollStateChange) === null || _this$props$onScrollS2 === void 0 || _this$props$onScrollS2.call(_this$props2, scrollYState);
-      (_this$props$onScrollS3 = (_this$props3 = _this.props).onScrollStateChangeY) === null || _this$props$onScrollS3 === void 0 || _this$props$onScrollS3.call(_this$props3, scrollYState);
+      _this.props.onScrollStateChange == null || _this.props.onScrollStateChange(scrollYState);
+      _this.props.onScrollStateChangeY == null || _this.props.onScrollStateChangeY(scrollYState);
     };
     _this.handleScroll = function (axis, scrollState, prevScrollState) {
       if (scrollState !== prevScrollState) {
@@ -149,10 +138,10 @@ export var ScrollContainer = rootNode(_class = (_ScrollContainer = /*#__PURE__*/
       }
     };
     _this.handleNativeScroll = function (event) {
-      var _this$scrollY, _this$scrollX, _this$props$onScroll, _this$props4;
-      (_this$scrollY = _this.scrollY) === null || _this$scrollY === void 0 || _this$scrollY.reflow();
-      (_this$scrollX = _this.scrollX) === null || _this$scrollX === void 0 || _this$scrollX.reflow();
-      (_this$props$onScroll = (_this$props4 = _this.props).onScroll) === null || _this$props$onScroll === void 0 || _this$props$onScroll.call(_this$props4, event);
+      var _this$scrollY, _this$scrollX;
+      (_this$scrollY = _this.scrollY) == null || _this$scrollY.reflow();
+      (_this$scrollX = _this.scrollX) == null || _this$scrollX.reflow();
+      _this.props.onScroll == null || _this.props.onScroll(event);
       if (_this.getProps().preventWindowScroll) {
         event.preventDefault();
         return;
@@ -175,8 +164,8 @@ export var ScrollContainer = rootNode(_class = (_ScrollContainer = /*#__PURE__*/
       if (_this.state.isHovered) {
         return;
       }
-      var isScrollBarXHovered = (_this$scrollX2 = _this.scrollX) === null || _this$scrollX2 === void 0 ? void 0 : _this$scrollX2.getHover();
-      var isScrollBarYHovered = (_this$scrollY2 = _this.scrollY) === null || _this$scrollY2 === void 0 ? void 0 : _this$scrollY2.getHover();
+      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,
@@ -216,8 +205,8 @@ export var ScrollContainer = rootNode(_class = (_ScrollContainer = /*#__PURE__*/
       var _this$scrollY3, _this$scrollX3;
       var right = getDOMRect(event.currentTarget).right - event.pageX;
       var bottom = getDOMRect(event.currentTarget).bottom - event.pageY;
-      (_this$scrollY3 = _this.scrollY) === null || _this$scrollY3 === void 0 || _this$scrollY3.setHover(right <= 12);
-      (_this$scrollX3 = _this.scrollX) === null || _this$scrollX3 === void 0 || _this$scrollX3.setHover(right >= 12 && bottom <= 12);
+      (_this$scrollY3 = _this.scrollY) == null || _this$scrollY3.setHover(right <= 12);
+      (_this$scrollX3 = _this.scrollX) == null || _this$scrollX3.setHover(right >= 12 && bottom <= 12);
       _this.getProps().showScrollBar === 'hover' && !_this.state.isHovered && _this.setState({
         isScrollBarXVisible: true,
         isScrollBarYVisible: true,
@@ -226,8 +215,8 @@ export var ScrollContainer = rootNode(_class = (_ScrollContainer = /*#__PURE__*/
     };
     _this.handleMouseLeave = function () {
       var _this$scrollY4, _this$scrollX4;
-      (_this$scrollY4 = _this.scrollY) === null || _this$scrollY4 === void 0 || _this$scrollY4.setHover(false);
-      (_this$scrollX4 = _this.scrollX) === null || _this$scrollX4 === void 0 || _this$scrollX4.setHover(false);
+      (_this$scrollY4 = _this.scrollY) == null || _this$scrollY4.setHover(false);
+      (_this$scrollX4 = _this.scrollX) == null || _this$scrollX4.setHover(false);
       if (_this.getProps().showScrollBar === 'hover') {
         _this.setState({
           isHovered: false
@@ -237,111 +226,94 @@ export var ScrollContainer = rootNode(_class = (_ScrollContainer = /*#__PURE__*/
     };
     _this.updateInnerElement = function () {
       var _this$scrollX5, _this$scrollY5;
-      (_this$scrollX5 = _this.scrollX) === null || _this$scrollX5 === void 0 || _this$scrollX5.setInnerElement(_this.inner);
-      (_this$scrollY5 = _this.scrollY) === null || _this$scrollY5 === void 0 || _this$scrollY5.setInnerElement(_this.inner);
+      (_this$scrollX5 = _this.scrollX) == null || _this$scrollX5.setInnerElement(_this.inner);
+      (_this$scrollY5 = _this.scrollY) == null || _this$scrollY5.setInnerElement(_this.inner);
     };
     return _this;
   }
-  _inherits(ScrollContainer, _React$Component);
-  return _createClass(ScrollContainer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.updateInnerElement();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var preventWindowScroll = this.getProps().preventWindowScroll;
-      if (this.inner) {
-        if (prevProps.preventWindowScroll && !preventWindowScroll) {
-          this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);
-        }
-        if (!prevProps.preventWindowScroll && preventWindowScroll) {
-          this.inner.addEventListener('wheel', this.handleInnerScrollWheel, {
-            passive: false
-          });
-        }
+  _inheritsLoose(ScrollContainer, _React$Component);
+  var _proto = ScrollContainer.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    this.updateInnerElement();
+  };
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var preventWindowScroll = this.getProps().preventWindowScroll;
+    if (this.inner) {
+      if (prevProps.preventWindowScroll && !preventWindowScroll) {
+        this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);
       }
-      if (prevProps.disabled !== this.props.disabled && !this.props.disabled) {
-        this.updateInnerElement();
+      if (!prevProps.preventWindowScroll && preventWindowScroll) {
+        this.inner.addEventListener('wheel', this.handleInnerScrollWheel, {
+          passive: false
+        });
       }
-      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
-          });
-        }
+    }
+    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
+        });
       }
     }
-  }, {
-    key: "scrollTo",
-    value:
-    /**
+  }; /**
+     * @public
+     * @param {Element} element
+     */
+  _proto.scrollTo = function scrollTo(element) {
+    if (!element || !this.inner) {
+      return;
+    }
+    this.inner.scrollLeft = element.offsetLeft;
+    this.inner.scrollTop = getScrollYOffset(element, this.inner);
+  } /**
     * @public
-    * @param {Element} element
-    */
-    function scrollTo(element) {
-      if (!element || !this.inner) {
-        return;
-      }
-      this.inner.scrollLeft = element.offsetLeft;
-      this.inner.scrollTop = getScrollYOffset(element, this.inner);
-    } /**
-      * @public
-      */
-  }, {
-    key: "scrollToTop",
-    value: function scrollToTop() {
-      if (!this.inner) {
-        return;
-      }
-      this.inner.scrollTop = 0;
-    } /**
-      * @public
-      */
-  }, {
-    key: "scrollToBottom",
-    value: function scrollToBottom() {
-      if (!this.inner) {
-        return;
-      }
-      this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;
-    } /**
-      * @public
-      */
-  }, {
-    key: "scrollToLeft",
-    value: function scrollToLeft() {
-      if (!this.inner) {
-        return;
-      }
-      this.inner.scrollLeft = 0;
-    } /**
-      * @public
-      */
-  }, {
-    key: "scrollToRight",
-    value: function scrollToRight() {
-      if (!this.inner) {
-        return;
-      }
-      this.inner.scrollLeft = this.inner.scrollWidth - this.inner.offsetWidth;
+    */;
+  _proto.scrollToTop = function scrollToTop() {
+    if (!this.inner) {
+      return;
     }
-  }, {
-    key: "hasScrollBar",
-    value: function hasScrollBar(axis) {
-      if (!this.inner) {
-        return false;
-      }
-      return axis === 'x' ? this.inner.offsetWidth < this.inner.scrollWidth : this.inner.offsetHeight < this.inner.scrollHeight;
+    this.inner.scrollTop = 0;
+  } /**
+    * @public
+    */;
+  _proto.scrollToBottom = function scrollToBottom() {
+    if (!this.inner) {
+      return;
+    }
+    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;
+  } /**
+    * @public
+    */;
+  _proto.scrollToLeft = function scrollToLeft() {
+    if (!this.inner) {
+      return;
+    }
+    this.inner.scrollLeft = 0;
+  } /**
+    * @public
+    */;
+  _proto.scrollToRight = function scrollToRight() {
+    if (!this.inner) {
+      return;
+    }
+    this.inner.scrollLeft = this.inner.scrollWidth - this.inner.offsetWidth;
+  };
+  _proto.hasScrollBar = function hasScrollBar(axis) {
+    if (!this.inner) {
+      return false;
     }
-  }]);
+    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.displayName = 'ScrollContainer', _ScrollContainer.defaultProps = {
   invert: false,
   scrollBehaviour: 'auto',

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","debounce","isInstanceOf","LayoutEvents","CommonWrapper","cx","isIE11","rootNode","getDOMRect","createPropsGetter","isTestEnv","callChildRef","styles","globalClasses","scrollSizeParametersNames","getScrollYOffset","convertScrollbarXScrollState","convertScrollbarYScrollState","ScrollBar","ScrollContainerDataTids","root","inner","ScrollContainer","_class","_ScrollContainer","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","getProps","defaultProps","initialIsScrollBarVisible","showScrollBar","state","isScrollBarXVisible","isScrollBarYVisible","isHovered","render","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","createElement","_extends","rootNodeRef","setRootNode","className","onMouseMove","handleMouseMove","onMouseLeave","handleMouseLeave","style","ref","refInner","innerIE11","onScroll","handleNativeScroll","axis","_this$getProps","offsetY","offsetX","invert","disableAnimations","isAxisX","refScrollBar","refScrollBarX","refScrollBarY","offset","isVisible","handleScroll","handleScrollStateChange","scrollState","_this$props$onScrollS2","_this$props2","_this$props$onScrollS3","_this$props3","scrollY","scrollX","_this$props$onScrollS","_this$props","scrollXState","onScrollStateChangeX","call","scrollYState","onScrollStateChange","onScrollStateChangeY","prevScrollState","_this$getProps2","showScrollBarOnMouseWheel","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","scrollRef","event","_this$scrollY","_this$scrollX","_this$props$onScroll","_this$props4","reflow","preventDefault","emit","isScrollBarVisible","setState","hideScrollBar","_this$scrollX2","_this$scrollY2","isScrollBarXHovered","getHover","isScrollBarYHovered","hideScrollBarDelay","WheelEvent","shiftKey","hasScrollBar","_scrollSizeParameters","pos","size","deltaY","_this$scrollY3","_this$scrollX3","right","currentTarget","pageX","bottom","pageY","setHover","_this$scrollY4","_this$scrollX4","updateInnerElement","_this$scrollX5","_this$scrollY5","setInnerElement","_inherits","_createClass","key","value","componentDidMount","componentDidUpdate","prevProps","scrollTo","scrollLeft","offsetLeft","scrollTop","scrollToTop","scrollToBottom","scrollHeight","offsetHeight","scrollToLeft","scrollToRight","scrollWidth","offsetWidth","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport debounce from 'lodash.debounce';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { scrollSizeParametersNames } from './ScrollContainer.constants';\nimport {\n  getScrollYOffset,\n  convertScrollbarXScrollState,\n  convertScrollbarYScrollState,\n} from './ScrollContainer.helpers';\nimport type { ScrollAxis, ScrollBarScrollState } from './ScrollBar';\nimport { ScrollBar } 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   * @default false */\n  invert?: boolean;\n\n  /** Задает максимальную высоту. */\n  maxHeight?: React.CSSProperties['maxHeight'];\n\n  /** Задает максимальную ширину. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n\n  /** Отключает скролл окна, когда меню открыто.\n   * @default false */\n  preventWindowScroll?: boolean;\n\n  /** Задает поведение скролла. (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\n   * @default 'auto' */\n  scrollBehaviour?: ScrollBehaviour;\n\n  /** Задает функцию, которая вызывается при скроле по горизонтали. */\n  onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;\n\n  /** Задает функцию, которая вызывается при скроле по вертикали. */\n  onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;\n\n  /** Задает функцию, которая вызывается при скроле.\n   * @deprecated use onScroll */\n  onScrollStateChange?: (scrollYState: ScrollContainerScrollState) => void;\n\n  /** Задает функцию, которая вызывается при скроле. */\n  onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\n\n  /** Отключает кастомный скролл. */\n  disabled?: boolean;\n\n  /** Задает смещение вертикального скроллбара. */\n  offsetY?: Partial<Record<OffsetCSSPropsY, React.CSSProperties[OffsetCSSPropsY]>>;\n\n  /** Задает смещение горизонтального скроллбара. */\n  offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;\n\n  /** Определяет, нужно ли показывать скроллбар. */\n  showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';\n\n  /** Устанавливает задержку в миллисекундах перед скрытием скроллбара.\n   * Работает только при hideScrollBar = true или showScrollBar = 'scroll' | 'hover'. */\n  hideScrollBarDelay?: number;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n  scrollRef?: React.Ref<HTMLDivElement | null>;\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' | 'disableAnimations' | 'hideScrollBarDelay' | 'showScrollBar'\n  >\n>;\n\ninterface ScrollContainerState {\n  isScrollBarXVisible: boolean;\n  isScrollBarYVisible: boolean;\n  isHovered: boolean;\n}\n\n/**\n * `ScrollContainer` используется для создания контейнера с кастомными полосами прокрутки, который обеспечивает прокрутку содержимого по горизонтали или вертикали.\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 defaultProps: DefaultProps = {\n    invert: false,\n    scrollBehaviour: 'auto',\n    preventWindowScroll: 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  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private initialIsScrollBarVisible = 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 { showScrollBar } = this.getProps();\n    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    if (this.props.scrollRef) {\n      callChildRef(this.props.scrollRef, element);\n    }\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","debounce","isInstanceOf","LayoutEvents","CommonWrapper","cx","isIE11","rootNode","getDOMRect","createPropsGetter","isTestEnv","callChildRef","styles","globalClasses","scrollSizeParametersNames","getScrollYOffset","convertScrollbarXScrollState","convertScrollbarYScrollState","ScrollBar","ScrollContainerDataTids","root","inner","ScrollContainer","_class","_ScrollContainer","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","initialIsScrollBarVisible","showScrollBar","state","isScrollBarXVisible","isScrollBarYVisible","isHovered","render","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","createElement","_extends","rootNodeRef","setRootNode","className","onMouseMove","handleMouseMove","onMouseLeave","handleMouseLeave","style","ref","refInner","innerIE11","onScroll","handleNativeScroll","axis","_this$getProps","offsetY","offsetX","invert","disableAnimations","isAxisX","refScrollBar","refScrollBarX","refScrollBarY","offset","isVisible","handleScroll","handleScrollStateChange","scrollState","scrollY","scrollX","scrollXState","onScrollStateChangeX","scrollYState","onScrollStateChange","onScrollStateChangeY","prevScrollState","_this$getProps2","showScrollBarOnMouseWheel","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","scrollRef","event","_this$scrollY","_this$scrollX","reflow","preventDefault","emit","isScrollBarVisible","setState","hideScrollBar","_this$scrollX2","_this$scrollY2","isScrollBarXHovered","getHover","isScrollBarYHovered","hideScrollBarDelay","WheelEvent","shiftKey","hasScrollBar","_scrollSizeParameters","pos","size","deltaY","_this$scrollY3","_this$scrollX3","right","currentTarget","pageX","bottom","pageY","setHover","_this$scrollY4","_this$scrollX4","updateInnerElement","_this$scrollX5","_this$scrollY5","setInnerElement","_inheritsLoose","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","scrollTo","scrollLeft","offsetLeft","scrollTop","scrollToTop","scrollToBottom","scrollHeight","offsetHeight","scrollToLeft","scrollToRight","scrollWidth","offsetWidth","Component","__KONTUR_REACT_UI__","displayName"],"sources":["ScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport debounce from 'lodash.debounce';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Nullable } from '../../typings/utility-types';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { scrollSizeParametersNames } from './ScrollContainer.constants';\nimport {\n  getScrollYOffset,\n  convertScrollbarXScrollState,\n  convertScrollbarYScrollState,\n} from './ScrollContainer.helpers';\nimport type { ScrollAxis, ScrollBarScrollState } from './ScrollBar';\nimport { ScrollBar } 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   * @default false */\n  invert?: boolean;\n\n  /** Задает максимальную высоту. */\n  maxHeight?: React.CSSProperties['maxHeight'];\n\n  /** Задает максимальную ширину. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n\n  /** Отключает скролл окна, когда меню открыто.\n   * @default false */\n  preventWindowScroll?: boolean;\n\n  /** Задает поведение скролла. (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\n   * @default 'auto' */\n  scrollBehaviour?: ScrollBehaviour;\n\n  /** Задает функцию, которая вызывается при скроле по горизонтали. */\n  onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;\n\n  /** Задает функцию, которая вызывается при скроле по вертикали. */\n  onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;\n\n  /** Задает функцию, которая вызывается при скроле.\n   * @deprecated use onScroll */\n  onScrollStateChange?: (scrollYState: ScrollContainerScrollState) => void;\n\n  /** Задает функцию, которая вызывается при скроле. */\n  onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\n\n  /** Отключает кастомный скролл. */\n  disabled?: boolean;\n\n  /** Задает смещение вертикального скроллбара. */\n  offsetY?: Partial<Record<OffsetCSSPropsY, React.CSSProperties[OffsetCSSPropsY]>>;\n\n  /** Задает смещение горизонтального скроллбара. */\n  offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;\n\n  /** Определяет, нужно ли показывать скроллбар. */\n  showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';\n\n  /** Устанавливает задержку в миллисекундах перед скрытием скроллбара.\n   * Работает только при hideScrollBar = true или showScrollBar = 'scroll' | 'hover'. */\n  hideScrollBarDelay?: number;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n  scrollRef?: React.Ref<HTMLDivElement | null>;\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' | 'disableAnimations' | 'hideScrollBarDelay' | 'showScrollBar'\n  >\n>;\n\ninterface ScrollContainerState {\n  isScrollBarXVisible: boolean;\n  isScrollBarYVisible: boolean;\n  isHovered: boolean;\n}\n\n/**\n * `ScrollContainer` используется для создания контейнера с кастомными полосами прокрутки, который обеспечивает прокрутку содержимого по горизонтали или вертикали.\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 defaultProps: DefaultProps = {\n    invert: false,\n    scrollBehaviour: 'auto',\n    preventWindowScroll: 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  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private initialIsScrollBarVisible = 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 { showScrollBar } = this.getProps();\n    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    if (this.props.scrollRef) {\n      callChildRef(this.props.scrollRef, element);\n    }\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"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 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')({
@@ -10,39 +10,39 @@ export var globalClasses = prefix('scroll-container')({
 });
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
   },
   inner: function inner() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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    "])));
+    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 = _taggedTemplateLiteral(["\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    "])));
+    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 = _taggedTemplateLiteral(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\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:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])), t.scrollContainerScrollBarColor);
   },
   visibleScrollBar: function visibleScrollBar() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
   },
   scrollBarInvert: function scrollBarInvert(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
   },
   scrollBarContainerY: function scrollBarContainerY() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
+    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 = _taggedTemplateLiteral(["\n      right: 0;\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 = _taggedTemplateLiteral(["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
   },
   scrollBarContainerX: function scrollBarContainerX(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\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);
+    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 = _taggedTemplateLiteral(["\n      bottom: 0;\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 = _taggedTemplateLiteral(["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
   }
 });

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

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

package/components/Select/Item/Item.js

@@ -1,28 +1,18 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { MenuItem } from "../../MenuItem";
 export var Item = /*#__PURE__*/function (_React$Component) {
   function Item() {
-    _classCallCheck(this, Item);
-    return _callSuper(this, Item, arguments);
+    return _React$Component.apply(this, arguments) || this;
   }
-  _inherits(Item, _React$Component);
-  return _createClass(Item, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(MenuItem, {
-        isNotSelectable: this.props.isNotSelectable
-      }, this.props.children);
-    }
-  }]);
+  _inheritsLoose(Item, _React$Component);
+  var _proto = Item.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      isNotSelectable: this.props.isNotSelectable
+    }, this.props.children);
+  };
+  return Item;
 }(React.Component);
 Item.__KONTUR_REACT_UI__ = 'SelectItem';
 Item.displayName = 'SelectItem';

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

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