@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_ThemeContext","_isInstanceOf","_ScrollContainer","_ScrollContainer2","_ScrollContainer3","ScrollBar","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","containerRef","React","createRef","state","_extends2","default","defaultScrollbarState","renderMain","_this$cx","_inlineStyles","props","active","_scrollSizeParameters","scrollSizeParametersNames","axis","customScrollPos","customScrollSize","classNames","cx","className","styles","scrollBar","theme","scrollBarStyles","scrollBarInvert","invert","visibleScrollBar","isVisible","inlineStyles","pos","size","createElement","ref","scrollBarContainerClassNames","style","offset","refScroll","onMouseDown","handleScrollMouseDown","reflow","inner","_getScrollSizeParams","getScrollSizeParams","scrollSize","scrollPos","scrollActive","scrollState","getImmediateScrollState","onScroll","setState","setInnerElement","element","handleScrollWheel","event","node","addEventListener","passive","removeEventListener","_scrollSizeParameters2","coord","initialCoord","target","globalObject","document","initialScrollPos","mouseMove","mouseMoveEvent","current","remainingScrollingContent","remainingScrollingSpace","ratio","delta","preventDefault","Object","prototype","hasOwnProperty","returnValue","mouseUp","scrollingByMouseDrag","isInstanceOf","WheelEvent","shiftKey","_scrollSizeParameters3","offsetHeight","deltaY","_scrollSizeParameters4","clientSize","maxScrollPos","Math","abs","_inheritsLoose2","_proto","componentDidMount","componentDidUpdate","render","_this2","RenderEnvironmentContext","Consumer","_ref","emotion","getStyles","ThemeContext","setHover","hover","getHover","_createClass2","key","get","_this$cx3","_this$cx2","scrollBarX","globalClasses","scrollbarX","scrollBarXHover","scrollBarY","scrollbarY","scrollBarYHover","scrollbarContainerX","scrollBarContainerX","scrollbarContainerY","scrollBarContainerY","Component"],"sources":["ScrollBar.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { defaultScrollbarState, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport { getStyles, globalClasses } from './ScrollContainer.styles';\nimport { getScrollSizeParams } from './ScrollContainer.helpers';\nimport type { ScrollContainerProps } from './ScrollContainer';\n\nexport type ScrollAxis = 'x' | 'y';\nexport type ScrollBarScrollState = 'begin' | 'middle' | 'end';\n\nexport interface ScrollBarState {\n  active: boolean;\n  hover: boolean;\n  scrollingByMouseDrag: boolean;\n  size: number; // in percentages\n  pos: number; // in percentages\n  scrollState: ScrollBarScrollState;\n}\n\nexport interface ScrollBarProps {\n  /** Инвертирует цвет скроллбара. */\n  invert: boolean;\n\n  /** Задает ось скроллбара. */\n  axis: ScrollAxis;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Задает функцию, которая вызывается при скролле. */\n  onScroll?: (axis: ScrollAxis, state: ScrollBarScrollState, prevState: ScrollBarScrollState) => void;\n\n  /** Задает отступ от края экрана. */\n  offset: ScrollContainerProps['offsetY'] | ScrollContainerProps['offsetX'];\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Определяет, виден ли скроллбар. */\n  isVisible: boolean;\n}\n\nexport class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {\n  private inner: Nullable<HTMLElement>;\n  private containerRef = React.createRef<HTMLDivElement>();\n  private globalObject!: GlobalObject;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n\n  public node: Nullable<HTMLElement>;\n  public state: ScrollBarState = {\n    ...defaultScrollbarState,\n  };\n\n  public componentDidMount() {\n    this.reflow();\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          this.globalObject = globalObject;\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const state = this.state;\n    const props = this.props;\n\n    if (!state.active) {\n      return null;\n    }\n\n    const { customScrollPos, customScrollSize } = scrollSizeParametersNames[this.props.axis];\n\n    const classNames = this.cx(props.className, this.styles.scrollBar(this.theme), this.scrollBarStyles, {\n      [this.styles.scrollBarInvert(this.theme)]: props.invert,\n      [this.styles.visibleScrollBar()]: props.isVisible,\n    });\n\n    const inlineStyles: React.CSSProperties = {\n      [customScrollPos]: `${state.pos}%`,\n      [customScrollSize]: `${state.size}%`,\n    };\n\n    return (\n      <div ref={this.containerRef} className={this.scrollBarContainerClassNames} style={props.offset}>\n        <div\n          ref={this.refScroll}\n          style={inlineStyles}\n          className={classNames}\n          onMouseDown={this.handleScrollMouseDown}\n          data-tid={`ScrollContainer__ScrollBar-${props.axis}`}\n        />\n      </div>\n    );\n  };\n\n  public reflow = () => {\n    if (!this.inner) {\n      return;\n    }\n\n    const props = this.props;\n    const state = this.state;\n\n    const { scrollSize, scrollPos, scrollActive } = getScrollSizeParams(this.inner, props.axis);\n\n    if (!scrollActive && !state.active) {\n      return;\n    }\n\n    if (state.active !== scrollActive || state.size !== scrollSize || state.pos !== scrollPos) {\n      const scrollState = this.getImmediateScrollState();\n\n      if (state.pos !== scrollPos) {\n        this.props.onScroll?.(props.axis, scrollState, state.scrollState);\n      }\n\n      this.setState({\n        ...this.state,\n        active: scrollActive,\n        size: scrollSize,\n        pos: scrollPos,\n        scrollState,\n      });\n    }\n  };\n\n  public setInnerElement = (inner: Nullable<HTMLElement>) => {\n    this.inner = inner;\n    this.reflow();\n  };\n\n  public setHover(hover: boolean) {\n    if (this.state.active && this.state.hover !== hover) {\n      this.setState({ ...this.state, hover });\n    }\n  }\n\n  public getHover() {\n    return this.state.hover;\n  }\n\n  public get scrollBarState() {\n    return this.state.scrollState;\n  }\n\n  private get scrollBarStyles() {\n    const state = this.state;\n\n    if (this.props.axis === 'x') {\n      return this.cx(this.styles.scrollBarX(this.theme), globalClasses.scrollbarX, {\n        [this.styles.scrollBarXHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n      });\n    }\n\n    return this.cx(this.styles.scrollBarY(this.theme), globalClasses.scrollbarY, {\n      [this.styles.scrollBarYHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n    });\n  }\n\n  private get scrollBarContainerClassNames() {\n    const { axis } = this.props;\n\n    if (axis === 'x') {\n      return this.cx(globalClasses.scrollbarContainerX, this.styles.scrollBarContainerX(this.theme));\n    }\n\n    return this.cx(globalClasses.scrollbarContainerY, this.styles.scrollBarContainerY());\n  }\n\n  private refScroll = (element: HTMLElement | null) => {\n    const handleScrollWheel = (event: Event) => this.handleScrollWheel(event, this.props.axis);\n\n    if (!this.node && element) {\n      element.addEventListener('wheel', handleScrollWheel, { passive: false });\n    }\n    if (this.node && !element) {\n      this.node.removeEventListener('wheel', handleScrollWheel);\n    }\n    this.node = element;\n  };\n\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.inner) {\n      return;\n    }\n\n    const { offset, size, pos, coord } = scrollSizeParametersNames[this.props.axis];\n\n    const initialCoord = event[coord];\n    const target = this.globalObject.document;\n    const initialScrollPos = this.inner[pos];\n    const state = this.state;\n\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\n      if (!this.inner || !this.containerRef.current) {\n        return;\n      }\n\n      const remainingScrollingContent = this.inner[size] - this.inner[offset];\n      const remainingScrollingSpace = (this.containerRef.current[offset] / 100) * (100 - state.size);\n\n      const ratio = remainingScrollingContent / remainingScrollingSpace;\n      const delta = (mouseMoveEvent[coord] - initialCoord) * ratio;\n\n      this.inner[pos] = initialScrollPos + delta;\n\n      if (mouseMoveEvent.preventDefault) {\n        mouseMoveEvent.preventDefault();\n      }\n\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\n        (\n          mouseMoveEvent as MouseEvent & {\n            returnValue: boolean;\n          }\n        ).returnValue = false;\n      }\n    };\n\n    const mouseUp = () => {\n      target?.removeEventListener('mousemove', mouseMove);\n      target?.removeEventListener('mouseup', mouseUp);\n      this.setState({ ...this.state, scrollingByMouseDrag: false });\n    };\n\n    target?.addEventListener('mousemove', mouseMove);\n    target?.addEventListener('mouseup', mouseUp);\n    this.setState({ ...this.state, scrollingByMouseDrag: true });\n\n    event.preventDefault();\n  };\n\n  private handleScrollWheel = (event: Event, axis: ScrollAxis) => {\n    if (!this.inner || !isInstanceOf(event, this.globalObject.WheelEvent) || (axis === 'x' && !event.shiftKey)) {\n      return;\n    }\n\n    const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n    const scrollSize = this.inner[size];\n    const scrollPos = this.inner[pos];\n    const offsetHeight = this.inner[offset];\n\n    if (event.deltaY > 0 && scrollSize <= scrollPos + offsetHeight) {\n      return;\n    }\n    if (event.deltaY < 0 && scrollPos <= 0) {\n      return;\n    }\n\n    this.inner[pos] += event.deltaY;\n\n    event.preventDefault();\n  };\n\n  private getImmediateScrollState = (): ScrollBarScrollState => {\n    const { pos, size, clientSize } = scrollSizeParametersNames[this.props.axis];\n\n    if (!this.inner || this.inner[pos] === 0) {\n      return 'begin';\n    }\n    // Zoom in Chrome causes problems\n    // https://github.com/skbkontur/retail-ui/pull/2705#issue-806286945\n    const maxScrollPos = this.inner[size] - this.inner[clientSize];\n    if (Math.abs(maxScrollPos - this.inner[pos]) <= 1) {\n      return 'end';\n    }\n\n    return 'middle';\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_Emotion","_isInstanceOf","_ScrollContainer","_ScrollContainer2","_ScrollContainer3","ScrollBar","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","containerRef","React","createRef","state","_extends2","default","defaultScrollbarState","renderMain","_cx","_inlineStyles","props","active","_scrollSizeParameters","scrollSizeParametersNames","axis","customScrollPos","customScrollSize","classNames","cx","className","styles","scrollBar","theme","scrollBarStyles","scrollBarInvert","invert","visibleScrollBar","isVisible","inlineStyles","pos","size","createElement","ref","scrollBarContainerClassNames","style","offset","refScroll","onMouseDown","handleScrollMouseDown","reflow","inner","_getScrollSizeParams","getScrollSizeParams","scrollSize","scrollPos","scrollActive","scrollState","getImmediateScrollState","onScroll","setState","setInnerElement","element","handleScrollWheel","event","node","addEventListener","passive","removeEventListener","_scrollSizeParameters2","coord","initialCoord","target","globalObject","document","initialScrollPos","mouseMove","mouseMoveEvent","current","remainingScrollingContent","remainingScrollingSpace","ratio","delta","preventDefault","Object","prototype","hasOwnProperty","returnValue","mouseUp","scrollingByMouseDrag","isInstanceOf","WheelEvent","shiftKey","_scrollSizeParameters3","offsetHeight","deltaY","_scrollSizeParameters4","clientSize","maxScrollPos","Math","abs","_inheritsLoose2","_proto","componentDidMount","componentDidUpdate","render","_this2","ThemeContext","Consumer","setHover","hover","getHover","_createClass2","key","get","_cx3","_cx2","scrollBarX","globalClasses","scrollbarX","scrollBarXHover","scrollBarY","scrollbarY","scrollBarYHover","scrollbarContainerX","scrollBarContainerX","scrollbarContainerY","scrollBarContainerY","Component"],"sources":["ScrollBar.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { defaultScrollbarState, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { getScrollSizeParams } from './ScrollContainer.helpers';\nimport type { ScrollContainerProps } from './ScrollContainer';\n\nexport type ScrollAxis = 'x' | 'y';\nexport type ScrollBarScrollState = 'begin' | 'middle' | 'end';\n\nexport interface ScrollBarState {\n  active: boolean;\n  hover: boolean;\n  scrollingByMouseDrag: boolean;\n  size: number; // in percentages\n  pos: number; // in percentages\n  scrollState: ScrollBarScrollState;\n}\n\nexport interface ScrollBarProps {\n  /** Инвертирует цвет скроллбара. */\n  invert: boolean;\n\n  /** Задает ось скроллбара. */\n  axis: ScrollAxis;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Задает функцию, которая вызывается при скролле. */\n  onScroll?: (axis: ScrollAxis, state: ScrollBarScrollState, prevState: ScrollBarScrollState) => void;\n\n  /** Задает отступ от края экрана. */\n  offset: ScrollContainerProps['offsetY'] | ScrollContainerProps['offsetX'];\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Определяет, виден ли скроллбар. */\n  isVisible: boolean;\n}\n\nexport class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {\n  private inner: Nullable<HTMLElement>;\n  private containerRef = React.createRef<HTMLDivElement>();\n  private theme!: Theme;\n\n  public node: Nullable<HTMLElement>;\n  public state: ScrollBarState = {\n    ...defaultScrollbarState,\n  };\n\n  public componentDidMount() {\n    this.reflow();\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const state = this.state;\n    const props = this.props;\n\n    if (!state.active) {\n      return null;\n    }\n\n    const { customScrollPos, customScrollSize } = scrollSizeParametersNames[this.props.axis];\n\n    const classNames = cx(props.className, styles.scrollBar(this.theme), this.scrollBarStyles, {\n      [styles.scrollBarInvert(this.theme)]: props.invert,\n      [styles.visibleScrollBar()]: props.isVisible,\n    });\n\n    const inlineStyles: React.CSSProperties = {\n      [customScrollPos]: `${state.pos}%`,\n      [customScrollSize]: `${state.size}%`,\n    };\n\n    return (\n      <div ref={this.containerRef} className={this.scrollBarContainerClassNames} style={props.offset}>\n        <div\n          ref={this.refScroll}\n          style={inlineStyles}\n          className={classNames}\n          onMouseDown={this.handleScrollMouseDown}\n          data-tid={`ScrollContainer__ScrollBar-${props.axis}`}\n        />\n      </div>\n    );\n  };\n\n  public reflow = () => {\n    if (!this.inner) {\n      return;\n    }\n\n    const props = this.props;\n    const state = this.state;\n\n    const { scrollSize, scrollPos, scrollActive } = getScrollSizeParams(this.inner, props.axis);\n\n    if (!scrollActive && !state.active) {\n      return;\n    }\n\n    if (state.active !== scrollActive || state.size !== scrollSize || state.pos !== scrollPos) {\n      const scrollState = this.getImmediateScrollState();\n\n      if (state.pos !== scrollPos) {\n        this.props.onScroll?.(props.axis, scrollState, state.scrollState);\n      }\n\n      this.setState({\n        ...this.state,\n        active: scrollActive,\n        size: scrollSize,\n        pos: scrollPos,\n        scrollState,\n      });\n    }\n  };\n\n  public setInnerElement = (inner: Nullable<HTMLElement>) => {\n    this.inner = inner;\n    this.reflow();\n  };\n\n  public setHover(hover: boolean) {\n    if (this.state.active && this.state.hover !== hover) {\n      this.setState({ ...this.state, hover });\n    }\n  }\n\n  public getHover() {\n    return this.state.hover;\n  }\n\n  public get scrollBarState() {\n    return this.state.scrollState;\n  }\n\n  private get scrollBarStyles() {\n    const state = this.state;\n\n    if (this.props.axis === 'x') {\n      return cx(styles.scrollBarX(this.theme), globalClasses.scrollbarX, {\n        [styles.scrollBarXHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n      });\n    }\n\n    return cx(styles.scrollBarY(this.theme), globalClasses.scrollbarY, {\n      [styles.scrollBarYHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n    });\n  }\n\n  private get scrollBarContainerClassNames() {\n    const { axis } = this.props;\n\n    if (axis === 'x') {\n      return cx(globalClasses.scrollbarContainerX, styles.scrollBarContainerX(this.theme));\n    }\n\n    return cx(globalClasses.scrollbarContainerY, styles.scrollBarContainerY());\n  }\n\n  private refScroll = (element: HTMLElement | null) => {\n    const handleScrollWheel = (event: Event) => this.handleScrollWheel(event, this.props.axis);\n\n    if (!this.node && element) {\n      element.addEventListener('wheel', handleScrollWheel, { passive: false });\n    }\n    if (this.node && !element) {\n      this.node.removeEventListener('wheel', handleScrollWheel);\n    }\n    this.node = element;\n  };\n\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.inner) {\n      return;\n    }\n\n    const { offset, size, pos, coord } = scrollSizeParametersNames[this.props.axis];\n\n    const initialCoord = event[coord];\n    const target = globalObject.document;\n    const initialScrollPos = this.inner[pos];\n    const state = this.state;\n\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\n      if (!this.inner || !this.containerRef.current) {\n        return;\n      }\n\n      const remainingScrollingContent = this.inner[size] - this.inner[offset];\n      const remainingScrollingSpace = (this.containerRef.current[offset] / 100) * (100 - state.size);\n\n      const ratio = remainingScrollingContent / remainingScrollingSpace;\n      const delta = (mouseMoveEvent[coord] - initialCoord) * ratio;\n\n      this.inner[pos] = initialScrollPos + delta;\n\n      if (mouseMoveEvent.preventDefault) {\n        mouseMoveEvent.preventDefault();\n      }\n\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\n        (\n          mouseMoveEvent as MouseEvent & {\n            returnValue: boolean;\n          }\n        ).returnValue = false;\n      }\n    };\n\n    const mouseUp = () => {\n      target?.removeEventListener('mousemove', mouseMove);\n      target?.removeEventListener('mouseup', mouseUp);\n      this.setState({ ...this.state, scrollingByMouseDrag: false });\n    };\n\n    target?.addEventListener('mousemove', mouseMove);\n    target?.addEventListener('mouseup', mouseUp);\n    this.setState({ ...this.state, scrollingByMouseDrag: true });\n\n    event.preventDefault();\n  };\n\n  private handleScrollWheel = (event: Event, axis: ScrollAxis) => {\n    if (!this.inner || !isInstanceOf(event, globalObject.WheelEvent) || (axis === 'x' && !event.shiftKey)) {\n      return;\n    }\n\n    const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n    const scrollSize = this.inner[size];\n    const scrollPos = this.inner[pos];\n    const offsetHeight = this.inner[offset];\n\n    if (event.deltaY > 0 && scrollSize <= scrollPos + offsetHeight) {\n      return;\n    }\n    if (event.deltaY < 0 && scrollPos <= 0) {\n      return;\n    }\n\n    this.inner[pos] += event.deltaY;\n\n    event.preventDefault();\n  };\n\n  private getImmediateScrollState = (): ScrollBarScrollState => {\n    const { pos, size, clientSize } = scrollSizeParametersNames[this.props.axis];\n\n    if (!this.inner || this.inner[pos] === 0) {\n      return 'begin';\n    }\n    // Zoom in Chrome causes problems\n    // https://github.com/skbkontur/retail-ui/pull/2705#issue-806286945\n    const maxScrollPos = this.inner[size] - this.inner[clientSize];\n    if (Math.abs(maxScrollPos - this.inner[pos]) <= 1) {\n      return 'end';\n    }\n\n    return 'middle';\n  };\n}\n"],"mappings":"yaAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;;;AAIA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA,8BAAgE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCnDQ,SAAS,GAAAC,OAAA,CAAAD,SAAA,0BAAAE,gBAAA,YAAAF,UAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;IAEZU,YAAY,gBAAGC,cAAK,CAACC,SAAS,CAAiB,CAAC,CAAAZ,KAAA;;;;IAIjDa,KAAK,OAAAC,SAAA,CAAAC,OAAA;IACPC,sCAAqB,EAAAhB,KAAA;;;;;;;;;;;;;;;;;;;;;;IAsBlBiB,UAAU,GAAG,YAAM,KAAAC,GAAA,EAAAC,aAAA;MACzB,IAAMN,KAAK,GAAGb,KAAA,CAAKa,KAAK;MACxB,IAAMO,KAAK,GAAGpB,KAAA,CAAKoB,KAAK;;MAExB,IAAI,CAACP,KAAK,CAACQ,MAAM,EAAE;QACjB,OAAO,IAAI;MACb;;MAEA,IAAAC,qBAAA,GAA8CC,0CAAyB,CAACvB,KAAA,CAAKoB,KAAK,CAACI,IAAI,CAAC,CAAhFC,eAAe,GAAAH,qBAAA,CAAfG,eAAe,CAAEC,gBAAgB,GAAAJ,qBAAA,CAAhBI,gBAAgB;;MAEzC,IAAMC,UAAU,GAAG,IAAAC,WAAE,EAACR,KAAK,CAACS,SAAS,EAAEC,wBAAM,CAACC,SAAS,CAAC/B,KAAA,CAAKgC,KAAK,CAAC,EAAEhC,KAAA,CAAKiC,eAAe,GAAAf,GAAA,OAAAA,GAAA;MACtFY,wBAAM,CAACI,eAAe,CAAClC,KAAA,CAAKgC,KAAK,CAAC,IAAGZ,KAAK,CAACe,MAAM,EAAAjB,GAAA;MACjDY,wBAAM,CAACM,gBAAgB,CAAC,CAAC,IAAGhB,KAAK,CAACiB,SAAS,EAAAnB,GAAA;MAC7C,CAAC;;MAEF,IAAMoB,YAAiC,IAAAnB,aAAA,OAAAA,aAAA;MACpCM,eAAe,IAAMZ,KAAK,CAAC0B,GAAG,QAAApB,aAAA;MAC9BO,gBAAgB,IAAMb,KAAK,CAAC2B,IAAI,QAAArB,aAAA,CAClC;;;MAED;QACEhC,MAAA,CAAA4B,OAAA,CAAA0B,aAAA,UAAKC,GAAG,EAAE1C,KAAA,CAAKU,YAAa,EAACmB,SAAS,EAAE7B,KAAA,CAAK2C,4BAA6B,EAACC,KAAK,EAAExB,KAAK,CAACyB,MAAO;QAC7F1D,MAAA,CAAA4B,OAAA,CAAA0B,aAAA;UACEC,GAAG,EAAE1C,KAAA,CAAK8C,SAAU;UACpBF,KAAK,EAAEN,YAAa;UACpBT,SAAS,EAAEF,UAAW;UACtBoB,WAAW,EAAE/C,KAAA,CAAKgD,qBAAsB;UACxC,4CAAwC5B,KAAK,CAACI,IAAO;QACtD;QACE,CAAC;;IAEV,CAAC,CAAAxB,KAAA;;IAEMiD,MAAM,GAAG,YAAM;MACpB,IAAI,CAACjD,KAAA,CAAKkD,KAAK,EAAE;QACf;MACF;;MAEA,IAAM9B,KAAK,GAAGpB,KAAA,CAAKoB,KAAK;MACxB,IAAMP,KAAK,GAAGb,KAAA,CAAKa,KAAK;;MAExB,IAAAsC,oBAAA,GAAgD,IAAAC,qCAAmB,EAACpD,KAAA,CAAKkD,KAAK,EAAE9B,KAAK,CAACI,IAAI,CAAC,CAAnF6B,UAAU,GAAAF,oBAAA,CAAVE,UAAU,CAAEC,SAAS,GAAAH,oBAAA,CAATG,SAAS,CAAEC,YAAY,GAAAJ,oBAAA,CAAZI,YAAY;;MAE3C,IAAI,CAACA,YAAY,IAAI,CAAC1C,KAAK,CAACQ,MAAM,EAAE;QAClC;MACF;;MAEA,IAAIR,KAAK,CAACQ,MAAM,KAAKkC,YAAY,IAAI1C,KAAK,CAAC2B,IAAI,KAAKa,UAAU,IAAIxC,KAAK,CAAC0B,GAAG,KAAKe,SAAS,EAAE;QACzF,IAAME,WAAW,GAAGxD,KAAA,CAAKyD,uBAAuB,CAAC,CAAC;;QAElD,IAAI5C,KAAK,CAAC0B,GAAG,KAAKe,SAAS,EAAE;UAC3BtD,KAAA,CAAKoB,KAAK,CAACsC,QAAQ,YAAnB1D,KAAA,CAAKoB,KAAK,CAACsC,QAAQ,CAAGtC,KAAK,CAACI,IAAI,EAAEgC,WAAW,EAAE3C,KAAK,CAAC2C,WAAW,CAAC;QACnE;;QAEAxD,KAAA,CAAK2D,QAAQ,KAAA7C,SAAA,CAAAC,OAAA;QACRf,KAAA,CAAKa,KAAK;UACbQ,MAAM,EAAEkC,YAAY;UACpBf,IAAI,EAAEa,UAAU;UAChBd,GAAG,EAAEe,SAAS;UACdE,WAAW,EAAXA,WAAW;QACZ,CAAC;MACJ;IACF,CAAC,CAAAxD,KAAA;;IAEM4D,eAAe,GAAG,UAACV,KAA4B,EAAK;MACzDlD,KAAA,CAAKkD,KAAK,GAAGA,KAAK;MAClBlD,KAAA,CAAKiD,MAAM,CAAC,CAAC;IACf,CAAC,CAAAjD,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwCO8C,SAAS,GAAG,UAACe,OAA2B,EAAK;MACnD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAY,UAAK/D,KAAA,CAAK8D,iBAAiB,CAACC,KAAK,EAAE/D,KAAA,CAAKoB,KAAK,CAACI,IAAI,CAAC;;MAE1F,IAAI,CAACxB,KAAA,CAAKgE,IAAI,IAAIH,OAAO,EAAE;QACzBA,OAAO,CAACI,gBAAgB,CAAC,OAAO,EAAEH,iBAAiB,EAAE,EAAEI,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;MAC1E;MACA,IAAIlE,KAAA,CAAKgE,IAAI,IAAI,CAACH,OAAO,EAAE;QACzB7D,KAAA,CAAKgE,IAAI,CAACG,mBAAmB,CAAC,OAAO,EAAEL,iBAAiB,CAAC;MAC3D;MACA9D,KAAA,CAAKgE,IAAI,GAAGH,OAAO;IACrB,CAAC,CAAA7D,KAAA;;IAEOgD,qBAAqB,GAAG,UAACe,KAAuC,EAAK;MAC3E,IAAI,CAAC/D,KAAA,CAAKkD,KAAK,EAAE;QACf;MACF;;MAEA,IAAAkB,sBAAA,GAAqC7C,0CAAyB,CAACvB,KAAA,CAAKoB,KAAK,CAACI,IAAI,CAAC,CAAvEqB,MAAM,GAAAuB,sBAAA,CAANvB,MAAM,CAAEL,IAAI,GAAA4B,sBAAA,CAAJ5B,IAAI,CAAED,GAAG,GAAA6B,sBAAA,CAAH7B,GAAG,CAAE8B,KAAK,GAAAD,sBAAA,CAALC,KAAK;;MAEhC,IAAMC,YAAY,GAAGP,KAAK,CAACM,KAAK,CAAC;MACjC,IAAME,MAAM,GAAGC,0BAAY,CAACC,QAAQ;MACpC,IAAMC,gBAAgB,GAAG1E,KAAA,CAAKkD,KAAK,CAACX,GAAG,CAAC;MACxC,IAAM1B,KAAK,GAAGb,KAAA,CAAKa,KAAK;;MAExB,IAAM8D,SAAS,GAAG,SAAZA,SAASA,CAAIC,cAA0B,EAAK;QAChD,IAAI,CAAC5E,KAAA,CAAKkD,KAAK,IAAI,CAAClD,KAAA,CAAKU,YAAY,CAACmE,OAAO,EAAE;UAC7C;QACF;;QAEA,IAAMC,yBAAyB,GAAG9E,KAAA,CAAKkD,KAAK,CAACV,IAAI,CAAC,GAAGxC,KAAA,CAAKkD,KAAK,CAACL,MAAM,CAAC;QACvE,IAAMkC,uBAAuB,GAAI/E,KAAA,CAAKU,YAAY,CAACmE,OAAO,CAAChC,MAAM,CAAC,GAAG,GAAG,IAAK,GAAG,GAAGhC,KAAK,CAAC2B,IAAI,CAAC;;QAE9F,IAAMwC,KAAK,GAAGF,yBAAyB,GAAGC,uBAAuB;QACjE,IAAME,KAAK,GAAG,CAACL,cAAc,CAACP,KAAK,CAAC,GAAGC,YAAY,IAAIU,KAAK;;QAE5DhF,KAAA,CAAKkD,KAAK,CAACX,GAAG,CAAC,GAAGmC,gBAAgB,GAAGO,KAAK;;QAE1C,IAAIL,cAAc,CAACM,cAAc,EAAE;UACjCN,cAAc,CAACM,cAAc,CAAC,CAAC;QACjC;;QAEA,IAAIC,MAAM,CAACC,SAAS,CAACC,cAAc,CAAC9E,IAAI,CAACqE,cAAc,EAAE,aAAa,CAAC,EAAE;;UAErEA,cAAc;;;UAGdU,WAAW,GAAG,KAAK;QACvB;MACF,CAAC;;MAED,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;QACpBhB,MAAM,YAANA,MAAM,CAAEJ,mBAAmB,CAAC,WAAW,EAAEQ,SAAS,CAAC;QACnDJ,MAAM,YAANA,MAAM,CAAEJ,mBAAmB,CAAC,SAAS,EAAEoB,OAAO,CAAC;QAC/CvF,KAAA,CAAK2D,QAAQ,KAAA7C,SAAA,CAAAC,OAAA,MAAMf,KAAA,CAAKa,KAAK,IAAE2E,oBAAoB,EAAE,KAAK,GAAE,CAAC;MAC/D,CAAC;;MAEDjB,MAAM,YAANA,MAAM,CAAEN,gBAAgB,CAAC,WAAW,EAAEU,SAAS,CAAC;MAChDJ,MAAM,YAANA,MAAM,CAAEN,gBAAgB,CAAC,SAAS,EAAEsB,OAAO,CAAC;MAC5CvF,KAAA,CAAK2D,QAAQ,KAAA7C,SAAA,CAAAC,OAAA,MAAMf,KAAA,CAAKa,KAAK,IAAE2E,oBAAoB,EAAE,IAAI,GAAE,CAAC;;MAE5DzB,KAAK,CAACmB,cAAc,CAAC,CAAC;IACxB,CAAC,CAAAlF,KAAA;;IAEO8D,iBAAiB,GAAG,UAACC,KAAY,EAAEvC,IAAgB,EAAK;MAC9D,IAAI,CAACxB,KAAA,CAAKkD,KAAK,IAAI,CAAC,IAAAuC,0BAAY,EAAC1B,KAAK,EAAES,0BAAY,CAACkB,UAAU,CAAC,IAAKlE,IAAI,KAAK,GAAG,IAAI,CAACuC,KAAK,CAAC4B,QAAS,EAAE;QACrG;MACF;;MAEA,IAAAC,sBAAA,GAA8BrE,0CAAyB,CAACC,IAAI,CAAC,CAArDqB,MAAM,GAAA+C,sBAAA,CAAN/C,MAAM,CAAEL,IAAI,GAAAoD,sBAAA,CAAJpD,IAAI,CAAED,GAAG,GAAAqD,sBAAA,CAAHrD,GAAG;;MAEzB,IAAMc,UAAU,GAAGrD,KAAA,CAAKkD,KAAK,CAACV,IAAI,CAAC;MACnC,IAAMc,SAAS,GAAGtD,KAAA,CAAKkD,KAAK,CAACX,GAAG,CAAC;MACjC,IAAMsD,YAAY,GAAG7F,KAAA,CAAKkD,KAAK,CAACL,MAAM,CAAC;;MAEvC,IAAIkB,KAAK,CAAC+B,MAAM,GAAG,CAAC,IAAIzC,UAAU,IAAIC,SAAS,GAAGuC,YAAY,EAAE;QAC9D;MACF;MACA,IAAI9B,KAAK,CAAC+B,MAAM,GAAG,CAAC,IAAIxC,SAAS,IAAI,CAAC,EAAE;QACtC;MACF;;MAEAtD,KAAA,CAAKkD,KAAK,CAACX,GAAG,CAAC,IAAIwB,KAAK,CAAC+B,MAAM;;MAE/B/B,KAAK,CAACmB,cAAc,CAAC,CAAC;IACxB,CAAC,CAAAlF,KAAA;;IAEOyD,uBAAuB,GAAG,YAA4B;MAC5D,IAAAsC,sBAAA,GAAkCxE,0CAAyB,CAACvB,KAAA,CAAKoB,KAAK,CAACI,IAAI,CAAC,CAApEe,GAAG,GAAAwD,sBAAA,CAAHxD,GAAG,CAAEC,IAAI,GAAAuD,sBAAA,CAAJvD,IAAI,CAAEwD,UAAU,GAAAD,sBAAA,CAAVC,UAAU;;MAE7B,IAAI,CAAChG,KAAA,CAAKkD,KAAK,IAAIlD,KAAA,CAAKkD,KAAK,CAACX,GAAG,CAAC,KAAK,CAAC,EAAE;QACxC,OAAO,OAAO;MAChB;MACA;MACA;MACA,IAAM0D,YAAY,GAAGjG,KAAA,CAAKkD,KAAK,CAACV,IAAI,CAAC,GAAGxC,KAAA,CAAKkD,KAAK,CAAC8C,UAAU,CAAC;MAC9D,IAAIE,IAAI,CAACC,GAAG,CAACF,YAAY,GAAGjG,KAAA,CAAKkD,KAAK,CAACX,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,KAAK;MACd;;MAEA,OAAO,QAAQ;IACjB,CAAC,QAAAvC,KAAA,MAAAoG,eAAA,CAAArF,OAAA,EAAAlB,SAAA,EAAAE,gBAAA,MAAAsG,MAAA,GAAAxG,SAAA,CAAAuF,SAAA,CAAAiB,MAAA,CAlOMC,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,CAACrD,MAAM,CAAC,CAAC,CACf,CAAC,CAAAoD,MAAA,CAEME,kBAAkB,GAAzB,SAAAA,mBAAA,EAA4B,CAC1B,IAAI,CAACtD,MAAM,CAAC,CAAC,CACf,CAAC,CAAAoD,MAAA,CAEMG,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEtH,MAAA,CAAA4B,OAAA,CAAA0B,aAAA,CAAClD,aAAA,CAAAmH,YAAY,CAACC,QAAQ,QACnB,UAAC3E,KAAK,EAAK,CACVyE,MAAI,CAACzE,KAAK,GAAGA,KAAK,CAClB,OAAOyE,MAAI,CAACxF,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAoF,MAAA,CAuEMO,QAAQ,GAAf,SAAAA,SAAgBC,KAAc,EAAE,CAC9B,IAAI,IAAI,CAAChG,KAAK,CAACQ,MAAM,IAAI,IAAI,CAACR,KAAK,CAACgG,KAAK,KAAKA,KAAK,EAAE,CACnD,IAAI,CAAClD,QAAQ,KAAA7C,SAAA,CAAAC,OAAA,MAAM,IAAI,CAACF,KAAK,IAAEgG,KAAK,EAALA,KAAK,GAAE,CAAC,CACzC,CACF,CAAC,CAAAR,MAAA,CAEMS,QAAQ,GAAf,SAAAA,SAAA,EAAkB,CAChB,OAAO,IAAI,CAACjG,KAAK,CAACgG,KAAK,CACzB,CAAC,YAAAE,aAAA,CAAAhG,OAAA,EAAAlB,SAAA,KAAAmH,GAAA,oBAAAC,GAAA,EAED,SAAAA,IAAA,EAA4B,CAC1B,OAAO,IAAI,CAACpG,KAAK,CAAC2C,WAAW,CAC/B,CAAC,MAAAwD,GAAA,qBAAAC,GAAA,EAED,SAAAA,IAAA,EAA8B,KAAAC,IAAA,CAC5B,IAAMrG,KAAK,GAAG,IAAI,CAACA,KAAK,CAExB,IAAI,IAAI,CAACO,KAAK,CAACI,IAAI,KAAK,GAAG,EAAE,KAAA2F,IAAA,CAC3B,OAAO,IAAAvF,WAAE,EAACE,wBAAM,CAACsF,UAAU,CAAC,IAAI,CAACpF,KAAK,CAAC,EAAEqF,+BAAa,CAACC,UAAU,GAAAH,IAAA,OAAAA,IAAA,CAC9DrF,wBAAM,CAACyF,eAAe,CAAC,IAAI,CAACvF,KAAK,CAAC,IAAGnB,KAAK,CAACgG,KAAK,IAAIhG,KAAK,CAAC2E,oBAAoB,EAAA2B,IAAA,CAChF,CAAC,CACJ,CAEA,OAAO,IAAAvF,WAAE,EAACE,wBAAM,CAAC0F,UAAU,CAAC,IAAI,CAACxF,KAAK,CAAC,EAAEqF,+BAAa,CAACI,UAAU,GAAAP,IAAA,OAAAA,IAAA,CAC9DpF,wBAAM,CAAC4F,eAAe,CAAC,IAAI,CAAC1F,KAAK,CAAC,IAAGnB,KAAK,CAACgG,KAAK,IAAIhG,KAAK,CAAC2E,oBAAoB,EAAA0B,IAAA,CAChF,CAAC,CACJ,CAAC,MAAAF,GAAA,kCAAAC,GAAA,EAED,SAAAA,IAAA,EAA2C,CACzC,IAAQzF,IAAI,GAAK,IAAI,CAACJ,KAAK,CAAnBI,IAAI,CAEZ,IAAIA,IAAI,KAAK,GAAG,EAAE,CAChB,OAAO,IAAAI,WAAE,EAACyF,+BAAa,CAACM,mBAAmB,EAAE7F,wBAAM,CAAC8F,mBAAmB,CAAC,IAAI,CAAC5F,KAAK,CAAC,CAAC,CACtF,CAEA,OAAO,IAAAJ,WAAE,EAACyF,+BAAa,CAACQ,mBAAmB,EAAE/F,wBAAM,CAACgG,mBAAmB,CAAC,CAAC,CAAC,CAC5E,CAAC,OAtI4BnH,cAAK,CAACoH,SAAS","ignoreList":[]}

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

@@ -66,9 +66,6 @@ export declare class ScrollContainer extends React.Component<ScrollContainerProp
     inner: Nullable<HTMLElement>;
     static defaultProps: DefaultProps;
     private getProps;
-    private globalObject;
-    private cx;
-    private styles;
     private scrollX;
     private scrollY;
     getRootNode: TGetRootNode;
@@ -77,7 +74,7 @@ export declare class ScrollContainer extends React.Component<ScrollContainerProp
     state: ScrollContainerState;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ScrollContainerProps): void;
-    render: () => React.JSX.Element;
+    render: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
     /**
      * @public
      * @param {Element} element

package/cjs/components/ScrollContainer/ScrollContainer.js

@@ -1,14 +1,13 @@
 "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 _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
-
 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");
@@ -131,9 +130,6 @@ ScrollContainer = exports.ScrollContainer = (0, _rootNode.rootNode)(_class = (_S
 
 
 
-
-
-
     initialIsScrollBarVisible = _this.getProps().showScrollBar === 'always';_this.
 
     state = {
@@ -171,51 +167,41 @@ ScrollContainer = exports.ScrollContainer = (0, _rootNode.rootNode)(_class = (_S
 
 
     render = function () {
-      return /*#__PURE__*/(
-        _react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null,
-        function (_ref) {var globalObject = _ref.globalObject,emotion = _ref.emotion;
-          _this.globalObject = globalObject;
-          _this.cx = emotion.cx;
-          _this.styles = (0, _ScrollContainer2.getStyles)(emotion);
-
-          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: _this.styles.root(),
-              onMouseMove: _this.handleMouseMove,
-              onMouseLeave: _this.handleMouseLeave },
-
-            scrollbarY,
-            scrollbarX, /*#__PURE__*/
-            _react.default.createElement("div", {
-              style: innerStyle,
-              ref: _this.refInner,
-              className: _this.cx(_this.styles.inner(), _ScrollContainer2.globalClasses.inner, _client.isIE11 && _this.styles.innerIE11()),
-              "data-tid": ScrollContainerDataTids.inner,
-              onScroll: _this.handleNativeScroll },
-
-            props.children
-            )
-            )
-            ));
+      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.
@@ -394,7 +380,7 @@ ScrollContainer = exports.ScrollContainer = (0, _rootNode.rootNode)(_class = (_S
     }, _this.getProps().hideScrollBarDelay);_this.
 
     handleInnerScrollWheel = function (event) {
-      if (!_this.inner || !(0, _isInstanceOf.isInstanceOf)(event, _this.globalObject.WheelEvent)) {
+      if (!_this.inner || !(0, _isInstanceOf.isInstanceOf)(event, _globalObject.globalObject.WheelEvent)) {
         return;
       }
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_RenderEnvironmentContext","_isInstanceOf","LayoutEvents","_interopRequireWildcard","_CommonWrapper","_client","_rootNode","_getDOMRect","_createPropsGetter","_currentEnvironment","_callChildRef","_ScrollContainer2","_ScrollContainer3","_ScrollContainer4","_ScrollBar","_class","_ScrollContainer","ScrollContainerDataTids","exports","root","inner","ScrollContainer","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","initialIsScrollBarVisible","showScrollBar","state","isScrollBarXVisible","isScrollBarYVisible","isHovered","render","default","createElement","RenderEnvironmentContext","Consumer","_ref","globalObject","emotion","cx","styles","getStyles","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","onMouseMove","handleMouseMove","onMouseLeave","handleMouseLeave","style","ref","refInner","globalClasses","isIE11","innerIE11","onScroll","handleNativeScroll","axis","_this$getProps","offsetY","offsetX","invert","disableAnimations","isAxisX","refScrollBar","refScrollBarX","refScrollBarY","offset","isVisible","ScrollBar","handleScroll","handleScrollStateChange","scrollState","scrollY","scrollX","scrollXState","convertScrollbarXScrollState","onScrollStateChangeX","scrollYState","convertScrollbarYScrollState","onScrollStateChange","onScrollStateChangeY","prevScrollState","_this$getProps2","showScrollBarOnMouseWheel","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","scrollRef","callChildRef","event","_this$scrollY","_this$scrollX","reflow","preventDefault","emit","isScrollBarVisible","setState","hideScrollBar","debounce","_this$scrollX2","_this$scrollY2","isScrollBarXHovered","getHover","isScrollBarYHovered","hideScrollBarDelay","isInstanceOf","WheelEvent","shiftKey","hasScrollBar","_scrollSizeParameters","scrollSizeParametersNames","pos","size","deltaY","_this$scrollY3","_this$scrollX3","right","getDOMRect","currentTarget","pageX","bottom","pageY","setHover","_this$scrollY4","_this$scrollX4","updateInnerElement","_this$scrollX5","_this$scrollY5","setInnerElement","_inheritsLoose2","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","scrollTo","scrollLeft","offsetLeft","scrollTop","getScrollYOffset","scrollToTop","scrollToBottom","scrollHeight","offsetHeight","scrollToLeft","scrollToRight","scrollWidth","offsetWidth","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["ScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\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 { 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 { getStyles, 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 globalObject!: GlobalObject;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\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    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          this.globalObject = globalObject;\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\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={this.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={this.cx(this.styles.inner(), globalClasses.inner, isIE11 && this.styles.innerIE11())}\n                  data-tid={ScrollContainerDataTids.inner}\n                  onScroll={this.handleNativeScroll}\n                >\n                  {props.children}\n                </div>\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\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, this.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","_interopRequireDefault","require","_globalObject","_lodash","_isInstanceOf","LayoutEvents","_interopRequireWildcard","_CommonWrapper","_Emotion","_client","_rootNode","_getDOMRect","_createPropsGetter","_currentEnvironment","_callChildRef","_ScrollContainer2","_ScrollContainer3","_ScrollContainer4","_ScrollBar","_class","_ScrollContainer","ScrollContainerDataTids","exports","root","inner","ScrollContainer","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","initialIsScrollBarVisible","showScrollBar","state","isScrollBarXVisible","isScrollBarYVisible","isHovered","render","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","default","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","styles","onMouseMove","handleMouseMove","onMouseLeave","handleMouseLeave","style","ref","refInner","cx","globalClasses","isIE11","innerIE11","onScroll","handleNativeScroll","axis","_this$getProps","offsetY","offsetX","invert","disableAnimations","isAxisX","refScrollBar","refScrollBarX","refScrollBarY","offset","isVisible","ScrollBar","handleScroll","handleScrollStateChange","scrollState","scrollY","scrollX","scrollXState","convertScrollbarXScrollState","onScrollStateChangeX","scrollYState","convertScrollbarYScrollState","onScrollStateChange","onScrollStateChangeY","prevScrollState","_this$getProps2","showScrollBarOnMouseWheel","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","scrollRef","callChildRef","event","_this$scrollY","_this$scrollX","reflow","preventDefault","emit","isScrollBarVisible","setState","hideScrollBar","debounce","_this$scrollX2","_this$scrollY2","isScrollBarXHovered","getHover","isScrollBarYHovered","hideScrollBarDelay","isInstanceOf","globalObject","WheelEvent","shiftKey","hasScrollBar","_scrollSizeParameters","scrollSizeParametersNames","pos","size","deltaY","_this$scrollY3","_this$scrollX3","right","getDOMRect","currentTarget","pageX","bottom","pageY","setHover","_this$scrollY4","_this$scrollX4","updateInnerElement","_this$scrollX5","_this$scrollY5","setInnerElement","_inheritsLoose2","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","scrollTo","scrollLeft","offsetLeft","scrollTop","getScrollYOffset","scrollToTop","scrollToBottom","scrollHeight","offsetHeight","scrollToLeft","scrollToRight","scrollWidth","offsetWidth","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"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/cjs/components/ScrollContainer/ScrollContainer.md

@@ -0,0 +1,224 @@
+### Базовый пример
+```jsx harmony
+function items(count) {
+  var items = [];
+  for (var i = 0; i < count; ++i) {
+    items.push(i);
+  }
+  return items;
+}
+
+var divStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  position: 'relative',
+  verticalAlign: 'top',
+  width: 200,
+};
+var absStyle = {
+  border: '1px solid',
+  boxSizing: 'border-box',
+  position: 'absolute',
+  width: '100%',
+};
+
+<div>
+  <div style={divStyle}>
+    <ScrollContainer>
+      {items(20).map((i) => (
+        <div key={i}>{i}</div>
+      ))}
+    </ScrollContainer>
+  </div>
+  <div style={{ ...divStyle, background: '#888' }}>
+    <ScrollContainer invert>
+      {items(20).map((i) => (
+        <div key={i}>{i}</div>
+      ))}
+    </ScrollContainer>
+  </div>
+  <div style={divStyle}>
+    <div style={absStyle}>
+      <ScrollContainer>
+        {items(3).map((i) => (
+          <div key={i}>{i}</div>
+        ))}
+      </ScrollContainer>
+    </div>
+  </div>
+  <div style={divStyle}>
+    <div style={absStyle}>
+      <ScrollContainer maxHeight={150}>
+        {items(30).map((i) => (
+          <div key={i}>{i}</div>
+        ))}
+      </ScrollContainer>
+    </div>
+  </div>
+</div>;
+```
+
+### Горизонтальный scrollbar
+
+```jsx harmony
+var divStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  position: 'relative',
+  verticalAlign: 'top',
+  width: 200,
+};
+var absStyle = {
+  border: '1px solid',
+  boxSizing: 'border-box',
+  position: 'absolute',
+  width: '100%',
+};
+
+function items(count) {
+  var items = [];
+  for (var i = 0; i < count; ++i) {
+    items.push(i);
+  }
+  return items;
+}
+
+var containerStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  width: 200,
+};
+
+var innerStyle = {
+  width: 400,
+};
+
+<div>
+  <div style={divStyle}>
+    <ScrollContainer>
+      {items(5).map((i) => (
+        <div style={innerStyle} key={i}>
+          {i}
+        </div>
+      ))}
+    </ScrollContainer>
+  </div>
+  <div style={{ ...divStyle, background: '#888' }}>
+    <ScrollContainer invert>
+      {items(20).map((i) => (
+        <div style={innerStyle} key={i}>
+          {i}
+        </div>
+      ))}
+    </ScrollContainer>
+  </div>
+  <div style={divStyle}>
+    <div style={absStyle}>
+      <ScrollContainer maxHeight={150}>
+        {items(3).map((i) => (
+          <div style={innerStyle} key={i}>
+            {i}
+          </div>
+        ))}
+      </ScrollContainer>
+    </div>
+  </div>
+  <div style={divStyle}>
+    <div style={absStyle}>
+      <ScrollContainer maxHeight={150} maxWidth={200}>
+        {items(30).map((i) => (
+          <div style={innerStyle} key={i}>
+            {i}
+          </div>
+        ))}
+      </ScrollContainer>
+    </div>
+  </div>
+</div>;
+```
+
+### Смещение скроллбара
+
+```jsx harmony
+const containerStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  width: 200,
+};
+
+const offsetY = {
+  top: 8,
+  bottom: 8,
+  right: 8,
+};
+
+<div style={containerStyle}>
+  <ScrollContainer offsetY={offsetY}>
+    {Array(30).fill(null).map((_,i) => (
+      <div key={i}>
+        {i}
+      </div>
+    ))}
+  </ScrollContainer>
+</div>
+```
+
+### Скрытие если нет активности пользователя
+Проп `showScrollBar` со значением `scroll` скрывает скроллбар при отсутствии активности пользователя. Задержку на скрытие скроллбара можно регулировать пропом `hideScrollBarDelay` (по умолчанию 500ms)
+
+```jsx harmony
+var divStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  position: 'relative',
+  verticalAlign: 'top',
+  width: 200,
+};
+<div style={divStyle}>
+  <ScrollContainer showScrollBar={'scroll'}>
+    {Array(30).fill(null).map((_,i) => (
+      <div key={i}>
+        {i}
+      </div>
+    ))}
+  </ScrollContainer>
+</div>
+```
+
+### Показ скролбара при наведении
+Проп `showScrollBar` со значением `hover` позволяет показывать скроллбар только когда курсор находится над скролл контейнером
+
+```jsx harmony
+var divStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  position: 'relative',
+  verticalAlign: 'top',
+  width: 200,
+};
+
+
+<span>
+  <div style={divStyle}>
+    <ScrollContainer showScrollBar={'hover'}>
+      {Array(30).fill(null).map((_,i) => (
+        <div key={i}>
+          {i}
+        </div>
+      ))}
+    </ScrollContainer>
+  </div>
+</span>
+```

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

@@ -1,4 +1,3 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     scrollbarX: string;
@@ -7,7 +6,7 @@ export declare const globalClasses: {
     scrollbarContainerY: string;
     inner: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(): string;
     inner(): string;
     innerIE11(): string;