@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

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

@@ -1,35 +0,0 @@
-"use strict";exports.__esModule = true;exports.scrollSizeParametersNames = exports.defaultScrollbarState = exports.MIN_SCROLL_SIZE = void 0;
-
-var MIN_SCROLL_SIZE = exports.MIN_SCROLL_SIZE = 20;
-
-var defaultScrollbarState = exports.defaultScrollbarState = {
-  size: 0,
-  pos: 0,
-  // Mouse is moving where big scrollbar can be located.
-  hover: false,
-  active: false,
-  // True when scroll is following mouse (mouse down on scroll).
-  scrollingByMouseDrag: false,
-  scrollState: 'begin'
-};
-
-var scrollSizeParametersNames = exports.scrollSizeParametersNames = {
-  x: {
-    offset: 'offsetWidth',
-    size: 'scrollWidth',
-    pos: 'scrollLeft',
-    coord: 'clientX',
-    clientSize: 'clientWidth',
-    customScrollPos: 'left',
-    customScrollSize: 'width'
-  },
-  y: {
-    offset: 'offsetHeight',
-    size: 'scrollHeight',
-    pos: 'scrollTop',
-    coord: 'clientY',
-    clientSize: 'clientHeight',
-    customScrollPos: 'top',
-    customScrollSize: 'height'
-  }
-};

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

@@ -1 +0,0 @@
-{"version":3,"names":["MIN_SCROLL_SIZE","exports","defaultScrollbarState","size","pos","hover","active","scrollingByMouseDrag","scrollState","scrollSizeParametersNames","x","offset","coord","clientSize","customScrollPos","customScrollSize","y"],"sources":["ScrollContainer.constants.ts"],"sourcesContent":["import type { ScrollBarState } from './ScrollBar';\n\nexport const MIN_SCROLL_SIZE = 20;\n\nexport const defaultScrollbarState: ScrollBarState = {\n  size: 0,\n  pos: 0,\n  // Mouse is moving where big scrollbar can be located.\n  hover: false,\n  active: false,\n  // True when scroll is following mouse (mouse down on scroll).\n  scrollingByMouseDrag: false,\n  scrollState: 'begin',\n};\n\nexport const scrollSizeParametersNames = {\n  x: {\n    offset: 'offsetWidth',\n    size: 'scrollWidth',\n    pos: 'scrollLeft',\n    coord: 'clientX',\n    clientSize: 'clientWidth',\n    customScrollPos: 'left',\n    customScrollSize: 'width',\n  },\n  y: {\n    offset: 'offsetHeight',\n    size: 'scrollHeight',\n    pos: 'scrollTop',\n    coord: 'clientY',\n    clientSize: 'clientHeight',\n    customScrollPos: 'top',\n    customScrollSize: 'height',\n  },\n} as const;\n"],"mappings":";;AAEO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,EAAE;;AAE1B,IAAME,qBAAqC,GAAAD,OAAA,CAAAC,qBAAA,GAAG;EACnDC,IAAI,EAAE,CAAC;EACPC,GAAG,EAAE,CAAC;EACN;EACAC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACb;EACAC,oBAAoB,EAAE,KAAK;EAC3BC,WAAW,EAAE;AACf,CAAC;;AAEM,IAAMC,yBAAyB,GAAAR,OAAA,CAAAQ,yBAAA,GAAG;EACvCC,CAAC,EAAE;IACDC,MAAM,EAAE,aAAa;IACrBR,IAAI,EAAE,aAAa;IACnBC,GAAG,EAAE,YAAY;IACjBQ,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,aAAa;IACzBC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,CAAC,EAAE;IACDL,MAAM,EAAE,cAAc;IACtBR,IAAI,EAAE,cAAc;IACpBC,GAAG,EAAE,WAAW;IAChBQ,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,cAAc;IAC1BC,eAAe,EAAE,KAAK;IACtBC,gBAAgB,EAAE;EACpB;AACF,CAAU","ignoreList":[]}

package/cjs/components/ScrollContainer/ScrollContainer.d.ts

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

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

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

package/cjs/components/ScrollContainer/ScrollContainer.helpers.js

@@ -1,66 +0,0 @@
-"use strict";exports.__esModule = true;exports.getScrollYOffset = exports.getScrollSizeParams = exports.convertScrollbarYScrollState = exports.convertScrollbarXScrollState = void 0;var _ScrollContainer = require("./ScrollContainer.constants");
-
-
-
-var getScrollSizeParams = exports.getScrollSizeParams = function getScrollSizeParams(inner, axis) {
-  var _scrollSizeParameters = _ScrollContainer.scrollSizeParametersNames[axis],offset = _scrollSizeParameters.offset,size = _scrollSizeParameters.size,pos = _scrollSizeParameters.pos;
-
-  var contentSize = inner[size];
-  var scrollOffset = inner[pos];
-  var containerSize = inner[offset];
-
-  var scrollActive = containerSize < contentSize;
-
-  var scrollSize = 0;
-  var scrollPos = 0;
-
-  if (scrollActive) {
-    scrollSize = Math.max(containerSize / contentSize * containerSize, _ScrollContainer.MIN_SCROLL_SIZE);
-    scrollPos = scrollOffset / (contentSize - containerSize) * (containerSize - scrollSize);
-
-    // Convert pixels to percentages
-    scrollSize = containerSize && 100 / containerSize * scrollSize;
-    scrollPos = containerSize && 100 / containerSize * scrollPos;
-  }
-
-  return {
-    scrollActive: scrollActive,
-    scrollSize: scrollSize,
-    scrollPos: scrollPos
-  };
-};
-
-var getScrollYOffset = exports.getScrollYOffset = function getScrollYOffset(element, container) {
-  var elementTopOffset = element.offsetTop;
-
-  if (container.scrollTop > elementTopOffset) {
-    return elementTopOffset;
-  }
-
-  var offset = elementTopOffset + element.scrollHeight - container.offsetHeight;
-  if (container.scrollTop < offset) {
-    return offset;
-  }
-
-  return container.scrollTop;
-};
-
-var convertScrollbarXScrollState = exports.convertScrollbarXScrollState = function convertScrollbarXScrollState(state) {
-  var scrollBarState = {
-    begin: 'left',
-    end: 'right',
-    middle: 'scroll'
-  };
-
-  return scrollBarState[state];
-};
-
-var convertScrollbarYScrollState = exports.convertScrollbarYScrollState = function convertScrollbarYScrollState(state) {
-  var scrollBarState = {
-    begin: 'top',
-    end: 'bottom',
-    middle: 'scroll'
-  };
-
-  return scrollBarState[state];
-};

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

@@ -1 +0,0 @@
-{"version":3,"names":["_ScrollContainer","require","getScrollSizeParams","exports","inner","axis","_scrollSizeParameters","scrollSizeParametersNames","offset","size","pos","contentSize","scrollOffset","containerSize","scrollActive","scrollSize","scrollPos","Math","max","MIN_SCROLL_SIZE","getScrollYOffset","element","container","elementTopOffset","offsetTop","scrollTop","scrollHeight","offsetHeight","convertScrollbarXScrollState","state","scrollBarState","begin","end","middle","convertScrollbarYScrollState"],"sources":["ScrollContainer.helpers.ts"],"sourcesContent":["import { MIN_SCROLL_SIZE, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport type { ScrollBarScrollState } from './ScrollBar';\nimport type { ScrollContainerScrollStateX, ScrollContainerScrollStateY } from './ScrollContainer';\n\nexport const getScrollSizeParams = (inner: HTMLElement, axis: 'x' | 'y') => {\n  const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n  const contentSize = inner[size];\n  const scrollOffset = inner[pos];\n  const containerSize = inner[offset];\n\n  const scrollActive = containerSize < contentSize;\n\n  let scrollSize = 0;\n  let scrollPos = 0;\n\n  if (scrollActive) {\n    scrollSize = Math.max((containerSize / contentSize) * containerSize, MIN_SCROLL_SIZE);\n    scrollPos = (scrollOffset / (contentSize - containerSize)) * (containerSize - scrollSize);\n\n    // Convert pixels to percentages\n    scrollSize = containerSize && (100 / containerSize) * scrollSize;\n    scrollPos = containerSize && (100 / containerSize) * scrollPos;\n  }\n\n  return {\n    scrollActive,\n    scrollSize,\n    scrollPos,\n  };\n};\n\nexport const getScrollYOffset = (element: HTMLElement, container: HTMLElement) => {\n  const elementTopOffset = element.offsetTop;\n\n  if (container.scrollTop > elementTopOffset) {\n    return elementTopOffset;\n  }\n\n  const offset = elementTopOffset + element.scrollHeight - container.offsetHeight;\n  if (container.scrollTop < offset) {\n    return offset;\n  }\n\n  return container.scrollTop;\n};\n\nexport const convertScrollbarXScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateX => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateX> = {\n    begin: 'left',\n    end: 'right',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n\nexport const convertScrollbarYScrollState = (state: ScrollBarScrollState): ScrollContainerScrollStateY => {\n  const scrollBarState: Record<ScrollBarScrollState, ScrollContainerScrollStateY> = {\n    begin: 'top',\n    end: 'bottom',\n    middle: 'scroll',\n  };\n\n  return scrollBarState[state];\n};\n"],"mappings":"qLAAA,IAAAA,gBAAA,GAAAC,OAAA;;;;AAIO,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIE,KAAkB,EAAEC,IAAe,EAAK;EAC1E,IAAAC,qBAAA,GAA8BC,0CAAyB,CAACF,IAAI,CAAC,CAArDG,MAAM,GAAAF,qBAAA,CAANE,MAAM,CAAEC,IAAI,GAAAH,qBAAA,CAAJG,IAAI,CAAEC,GAAG,GAAAJ,qBAAA,CAAHI,GAAG;;EAEzB,IAAMC,WAAW,GAAGP,KAAK,CAACK,IAAI,CAAC;EAC/B,IAAMG,YAAY,GAAGR,KAAK,CAACM,GAAG,CAAC;EAC/B,IAAMG,aAAa,GAAGT,KAAK,CAACI,MAAM,CAAC;;EAEnC,IAAMM,YAAY,GAAGD,aAAa,GAAGF,WAAW;;EAEhD,IAAII,UAAU,GAAG,CAAC;EAClB,IAAIC,SAAS,GAAG,CAAC;;EAEjB,IAAIF,YAAY,EAAE;IAChBC,UAAU,GAAGE,IAAI,CAACC,GAAG,CAAEL,aAAa,GAAGF,WAAW,GAAIE,aAAa,EAAEM,gCAAe,CAAC;IACrFH,SAAS,GAAIJ,YAAY,IAAID,WAAW,GAAGE,aAAa,CAAC,IAAKA,aAAa,GAAGE,UAAU,CAAC;;IAEzF;IACAA,UAAU,GAAGF,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIE,UAAU;IAChEC,SAAS,GAAGH,aAAa,IAAK,GAAG,GAAGA,aAAa,GAAIG,SAAS;EAChE;;EAEA,OAAO;IACLF,YAAY,EAAZA,YAAY;IACZC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA;EACF,CAAC;AACH,CAAC;;AAEM,IAAMI,gBAAgB,GAAAjB,OAAA,CAAAiB,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIC,OAAoB,EAAEC,SAAsB,EAAK;EAChF,IAAMC,gBAAgB,GAAGF,OAAO,CAACG,SAAS;;EAE1C,IAAIF,SAAS,CAACG,SAAS,GAAGF,gBAAgB,EAAE;IAC1C,OAAOA,gBAAgB;EACzB;;EAEA,IAAMf,MAAM,GAAGe,gBAAgB,GAAGF,OAAO,CAACK,YAAY,GAAGJ,SAAS,CAACK,YAAY;EAC/E,IAAIL,SAAS,CAACG,SAAS,GAAGjB,MAAM,EAAE;IAChC,OAAOA,MAAM;EACf;;EAEA,OAAOc,SAAS,CAACG,SAAS;AAC5B,CAAC;;AAEM,IAAMG,4BAA4B,GAAAzB,OAAA,CAAAyB,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAIC,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,MAAM;IACbC,GAAG,EAAE,OAAO;IACZC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC;;AAEM,IAAMK,4BAA4B,GAAA/B,OAAA,CAAA+B,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAIL,KAA2B,EAAkC;EACxG,IAAMC,cAAyE,GAAG;IAChFC,KAAK,EAAE,KAAK;IACZC,GAAG,EAAE,QAAQ;IACbC,MAAM,EAAE;EACV,CAAC;;EAED,OAAOH,cAAc,CAACD,KAAK,CAAC;AAC9B,CAAC","ignoreList":[]}

package/cjs/components/ScrollContainer/ScrollContainer.js

@@ -1,438 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ScrollContainerDataTids = exports.ScrollContainer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _globalObject = require("@skbkontur/global-object");
-var _lodash = _interopRequireDefault(require("lodash.debounce"));
-
-var _isInstanceOf = require("../../lib/isInstanceOf");
-var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
-
-var _CommonWrapper = require("../../internal/CommonWrapper");
-
-var _Emotion = require("../../lib/theming/Emotion");
-var _client = require("../../lib/client");
-
-var _rootNode = require("../../lib/rootNode");
-var _getDOMRect = require("../../lib/dom/getDOMRect");
-var _createPropsGetter = require("../../lib/createPropsGetter");
-var _currentEnvironment = require("../../lib/currentEnvironment");
-var _callChildRef = require("../../lib/callChildRef/callChildRef");
-
-var _ScrollContainer2 = require("./ScrollContainer.styles");
-var _ScrollContainer3 = require("./ScrollContainer.constants");
-var _ScrollContainer4 = require("./ScrollContainer.helpers");
-
-
-
-
-
-var _ScrollBar = require("./ScrollBar");var _class, _ScrollContainer;
-
-
-
-// deprecated
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var ScrollContainerDataTids = exports.ScrollContainerDataTids = {
-  root: 'ScrollContainer__root',
-  inner: 'ScrollContainer__inner'
-};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * `ScrollContainer` используется для создания контейнера с кастомными полосами прокрутки, который обеспечивает прокрутку содержимого по горизонтали или вертикали.
- */var
-
-ScrollContainer = exports.ScrollContainer = (0, _rootNode.rootNode)(_class = (_ScrollContainer = /*#__PURE__*/function (_React$Component) {function ScrollContainer() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getProps = (0, _createPropsGetter.createPropsGetter)(ScrollContainer.defaultProps);_this.
-
-
-
-
-
-    initialIsScrollBarVisible = _this.getProps().showScrollBar === 'always';_this.
-
-    state = {
-      isScrollBarXVisible: _this.initialIsScrollBarVisible,
-      isScrollBarYVisible: _this.initialIsScrollBarVisible,
-      isHovered: false
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    render = function () {
-      var props = _this.props;
-
-      if (_this.props.disabled) {
-        return _this.props.children;
-      }
-
-      var innerStyle = {
-        scrollBehavior: _this.getProps().scrollBehaviour,
-        maxHeight: props.maxHeight,
-        maxWidth: props.maxWidth
-      };
-
-      var scrollbarY = _this.renderScrollbar('y');
-      var scrollbarX = _this.renderScrollbar('x');
-
-      return /*#__PURE__*/(
-        _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this.setRootNode }, _this.props), /*#__PURE__*/
-        _react.default.createElement("div", {
-          "data-tid": ScrollContainerDataTids.root,
-          className: _ScrollContainer2.styles.root(),
-          onMouseMove: _this.handleMouseMove,
-          onMouseLeave: _this.handleMouseLeave },
-
-        scrollbarY,
-        scrollbarX, /*#__PURE__*/
-        _react.default.createElement("div", {
-          style: innerStyle,
-          ref: _this.refInner,
-          className: (0, _Emotion.cx)(_ScrollContainer2.styles.inner(), _ScrollContainer2.globalClasses.inner, _client.isIE11 && _ScrollContainer2.styles.innerIE11()),
-          "data-tid": ScrollContainerDataTids.inner,
-          onScroll: _this.handleNativeScroll },
-
-        props.children
-        )
-        )
-        ));
-
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderScrollbar = function (axis) {
-      var _this$getProps = _this.getProps(),offsetY = _this$getProps.offsetY,offsetX = _this$getProps.offsetX,invert = _this$getProps.invert,disableAnimations = _this$getProps.disableAnimations;
-      var isAxisX = axis === 'x';
-      var refScrollBar = isAxisX ? _this.refScrollBarX : _this.refScrollBarY;
-      var offset = isAxisX ? offsetX : offsetY;
-      var isVisible = isAxisX ? _this.state.isScrollBarXVisible : _this.state.isScrollBarYVisible;
-
-      return /*#__PURE__*/(
-        _react.default.createElement(_ScrollBar.ScrollBar, {
-          axis: axis,
-          ref: refScrollBar,
-          invert: invert,
-          onScroll: _this.handleScroll,
-          offset: offset,
-          disableAnimations: disableAnimations,
-          isVisible: isVisible }
-        ));
-
-    };_this.
-
-    handleScrollStateChange = function (scrollState, axis) {
-      if (!_this.scrollY || !_this.scrollX) {
-        return;
-      }
-
-      if (axis === 'x') {
-        var scrollXState = (0, _ScrollContainer4.convertScrollbarXScrollState)(scrollState);
-
-        _this.props.onScrollStateChangeX == null || _this.props.onScrollStateChangeX(scrollXState);
-        return;
-      }
-
-      var scrollYState = (0, _ScrollContainer4.convertScrollbarYScrollState)(scrollState);
-
-      _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) {
-        _this.handleScrollStateChange(scrollState, axis);
-      }
-      var _this$getProps2 = _this.getProps(),showScrollBar = _this$getProps2.showScrollBar;
-      showScrollBar === 'scroll' && _this.showScrollBarOnMouseWheel(axis);
-    };_this.
-
-    refScrollBarY = function (scrollbar) {
-      _this.scrollY = scrollbar;
-    };_this.
-
-    refScrollBarX = function (scrollbar) {
-      _this.scrollX = scrollbar;
-    };_this.
-
-    refInner = function (element) {
-      if (!_this.inner && element && _this.getProps().preventWindowScroll) {
-        element.addEventListener('wheel', _this.handleInnerScrollWheel, { passive: false });
-      }
-      if (_this.inner && !element) {
-        _this.inner.removeEventListener('wheel', _this.handleInnerScrollWheel);
-      }
-      _this.inner = element;
-
-      if (_this.props.scrollRef) {
-        (0, _callChildRef.callChildRef)(_this.props.scrollRef, element);
-      }
-    };_this.
-
-    handleNativeScroll = function (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;
-      }
-      LayoutEvents.emit();
-    };_this.
-
-    showScrollBarOnMouseWheel = function (axis) {
-      var isScrollBarVisible = axis === 'x' ? _this.state.isScrollBarXVisible : _this.state.isScrollBarYVisible;
-      if (!isScrollBarVisible) {
-        axis === 'x' ? _this.setState({ isScrollBarXVisible: true }) : _this.setState({ isScrollBarYVisible: true });
-      }
-      _this.hideScrollBar(axis);
-    };_this.
-
-    hideScrollBar = (0, _lodash.default)(function (axis) {var _this$scrollX2, _this$scrollY2;
-      if (_this.state.isHovered) {
-        return;
-      }
-      var isScrollBarXHovered = (_this$scrollX2 = _this.scrollX) == null ? void 0 : _this$scrollX2.getHover();
-      var isScrollBarYHovered = (_this$scrollY2 = _this.scrollY) == null ? void 0 : _this$scrollY2.getHover();
-      if (axis === 'both') {
-        !isScrollBarXHovered && !isScrollBarYHovered ?
-        _this.setState({ isScrollBarXVisible: false, isScrollBarYVisible: false }) :
-        _this.hideScrollBar('both');
-      } else if (axis === 'x') {
-        !isScrollBarXHovered ? _this.setState({ isScrollBarXVisible: false }) : _this.hideScrollBar('x');
-      } else {
-        !isScrollBarYHovered ? _this.setState({ isScrollBarYVisible: false }) : _this.hideScrollBar('y');
-      }
-    }, _this.getProps().hideScrollBarDelay);_this.
-
-    handleInnerScrollWheel = function (event) {
-      if (!_this.inner || !(0, _isInstanceOf.isInstanceOf)(event, _globalObject.globalObject.WheelEvent)) {
-        return;
-      }
-
-      var axis = event.shiftKey ? 'x' : 'y';
-
-      if (_this.hasScrollBar(axis)) {
-        var _scrollSizeParameters = _ScrollContainer3.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 _this$scrollY3, _this$scrollX3;
-      var right = (0, _getDOMRect.getDOMRect)(event.currentTarget).right - event.pageX;
-      var bottom = (0, _getDOMRect.getDOMRect)(event.currentTarget).bottom - event.pageY;
-
-      (_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, isHovered: true });
-    };_this.
-
-    handleMouseLeave = function () {var _this$scrollY4, _this$scrollX4;
-      (_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 });
-        _this.hideScrollBar('both');
-      }
-    };_this.
-
-    updateInnerElement = function () {var _this$scrollX5, _this$scrollY5;
-      (_this$scrollX5 = _this.scrollX) == null || _this$scrollX5.setInnerElement(_this.inner);
-      (_this$scrollY5 = _this.scrollY) == null || _this$scrollY5.setInnerElement(_this.inner);
-    };return _this;}(0, _inheritsLoose2.default)(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.preventWindowScroll && preventWindowScroll) {this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: 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 });}}}; /**
-   * @public
-   * @param {Element} element
-   */_proto.scrollTo = function scrollTo(element) {if (!element || !this.inner) {return;}this.inner.scrollLeft = element.offsetLeft;this.inner.scrollTop = (0, _ScrollContainer4.getScrollYOffset)(element, this.inner);} /**
-   * @public
-   */;_proto.scrollToTop = function scrollToTop() {if (!this.inner) {return;}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.default.Component), _ScrollContainer.__KONTUR_REACT_UI__ = 'ScrollContainer', _ScrollContainer.displayName = 'ScrollContainer', _ScrollContainer.defaultProps = { invert: false, scrollBehaviour: 'auto', preventWindowScroll: false, disableAnimations: _currentEnvironment.isTestEnv, hideScrollBarDelay: 500, showScrollBar: 'always' }, _ScrollContainer)) || _class;