@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

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

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

package/components/ScrollContainer/ScrollContainer.d.ts

@@ -5,7 +5,6 @@ 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';
@@ -27,9 +26,6 @@ export interface ScrollContainerProps extends CommonProps {
     onScrollStateChangeX?: (scrollState: ScrollContainerScrollStateX) => void;
     /** Задает функцию, которая вызывается при скроле по вертикали. */
     onScrollStateChangeY?: (scrollState: ScrollContainerScrollStateY) => void;
-    /** Задает функцию, которая вызывается при скроле.
-     * @deprecated use onScroll */
-    onScrollStateChange?: (scrollYState: ScrollContainerScrollState) => void;
     /** Задает функцию, которая вызывается при скроле. */
     onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
     /** Отключает кастомный скролл. */
@@ -66,6 +62,10 @@ export declare class ScrollContainer extends React.Component<ScrollContainerProp
     inner: Nullable<HTMLElement>;
     static defaultProps: DefaultProps;
     private getProps;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private scrollX;
     private scrollY;
     getRootNode: TGetRootNode;
@@ -74,7 +74,7 @@ export declare class ScrollContainer extends React.Component<ScrollContainerProp
     state: ScrollContainerState;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ScrollContainerProps): void;
-    render: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    render(): React.ReactNode;
     /**
      * @public
      * @param {Element} element

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

@@ -1 +1 @@
-{"version":3,"names":["MIN_SCROLL_SIZE","scrollSizeParametersNames","getScrollSizeParams","inner","axis","_scrollSizeParameters","offset","size","pos","contentSize","scrollOffset","containerSize","scrollActive","scrollSize","scrollPos","Math","max","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":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,6BAA6B;;;;AAIxF,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAkB,EAAEC,IAAe,EAAK;EAC1E,IAAAC,qBAAA,GAA8BJ,yBAAyB,CAACG,IAAI,CAAC,CAArDE,MAAM,GAAAD,qBAAA,CAANC,MAAM,CAAEC,IAAI,GAAAF,qBAAA,CAAJE,IAAI,CAAEC,GAAG,GAAAH,qBAAA,CAAHG,GAAG;;EAEzB,IAAMC,WAAW,GAAGN,KAAK,CAACI,IAAI,CAAC;EAC/B,IAAMG,YAAY,GAAGP,KAAK,CAACK,GAAG,CAAC;EAC/B,IAAMG,aAAa,GAAGR,KAAK,CAACG,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,EAAEX,eAAe,CAAC;IACrFc,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;;AAED,OAAO,IAAMG,gBAAgB,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,IAAMd,MAAM,GAAGc,gBAAgB,GAAGF,OAAO,CAACK,YAAY,GAAGJ,SAAS,CAACK,YAAY;EAC/E,IAAIL,SAAS,CAACG,SAAS,GAAGhB,MAAM,EAAE;IAChC,OAAOA,MAAM;EACf;;EAEA,OAAOa,SAAS,CAACG,SAAS;AAC5B,CAAC;;AAED,OAAO,IAAMG,4BAA4B,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;;AAED,OAAO,IAAMK,4BAA4B,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":[]}
+{"version":3,"names":["MIN_SCROLL_SIZE","scrollSizeParametersNames","getScrollSizeParams","inner","axis","_scrollSizeParameters","offset","size","pos","contentSize","scrollOffset","containerSize","scrollActive","scrollSize","scrollPos","Math","max","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 interface ScrollSizeParams {\n  scrollActive: boolean;\n  scrollSize: number;\n  scrollPos: number;\n}\n\nexport const getScrollSizeParams = (inner: HTMLElement, axis: 'x' | 'y'): ScrollSizeParams => {\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): number => {\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":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,6BAA6B;;;;;;;;;;AAUxF,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAkB,EAAEC,IAAe,EAAuB;EAC5F,IAAAC,qBAAA,GAA8BJ,yBAAyB,CAACG,IAAI,CAAC,CAArDE,MAAM,GAAAD,qBAAA,CAANC,MAAM,CAAEC,IAAI,GAAAF,qBAAA,CAAJE,IAAI,CAAEC,GAAG,GAAAH,qBAAA,CAAHG,GAAG;;EAEzB,IAAMC,WAAW,GAAGN,KAAK,CAACI,IAAI,CAAC;EAC/B,IAAMG,YAAY,GAAGP,KAAK,CAACK,GAAG,CAAC;EAC/B,IAAMG,aAAa,GAAGR,KAAK,CAACG,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,EAAEX,eAAe,CAAC;IACrFc,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;;AAED,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,OAAoB,EAAEC,SAAsB,EAAa;EACxF,IAAMC,gBAAgB,GAAGF,OAAO,CAACG,SAAS;;EAE1C,IAAIF,SAAS,CAACG,SAAS,GAAGF,gBAAgB,EAAE;IAC1C,OAAOA,gBAAgB;EACzB;;EAEA,IAAMd,MAAM,GAAGc,gBAAgB,GAAGF,OAAO,CAACK,YAAY,GAAGJ,SAAS,CAACK,YAAY;EAC/E,IAAIL,SAAS,CAACG,SAAS,GAAGhB,MAAM,EAAE;IAChC,OAAOA,MAAM;EACf;;EAEA,OAAOa,SAAS,CAACG,SAAS;AAC5B,CAAC;;AAED,OAAO,IAAMG,4BAA4B,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;;AAED,OAAO,IAAMK,4BAA4B,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/components/ScrollContainer/ScrollContainer.helpers.d.ts

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

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

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+import { memoizeGetStyles, prefix } from "../../../lib/theming/Emotion";
 export var globalClasses = prefix('scroll-container')({
   scrollbarX: 'scrollbar-x',
   scrollbarY: 'scrollbar-y',
@@ -8,41 +8,41 @@ export var globalClasses = prefix('scroll-container')({
   scrollbarContainerY: 'scrollbar-container-y',
   inner: 'inner'
 });
-export var styles = memoizeStyle({
-  root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
-  },
-  inner: function inner() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
-  },
-  innerIE11: function innerIE11() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    "])));
-  },
-  scrollBar: function scrollBar(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])), t.scrollContainerScrollBarColor);
-  },
-  visibleScrollBar: function visibleScrollBar() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
-  },
-  scrollBarInvert: function scrollBarInvert(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
-  },
-  scrollBarContainerY: function scrollBarContainerY() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
-  },
-  scrollBarY: function scrollBarY(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
-  },
-  scrollBarYHover: function scrollBarYHover(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
-  },
-  scrollBarContainerX: function scrollBarContainerX(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "])), globalClasses.scrollbarContainerY, t.scrollContainerScrollBarHoverSize, globalClasses.inner, t.scrollContainerScrollBarHoverSize);
-  },
-  scrollBarX: function scrollBarX(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
-  },
-  scrollBarXHover: function scrollBarXHover(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
-  }
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
+    },
+    inner: function inner() {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
+    },
+    scrollBar: function scrollBar(t) {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])), t.scrollContainerScrollBarColor);
+    },
+    visibleScrollBar: function visibleScrollBar() {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
+    },
+    scrollBarInvert: function scrollBarInvert(t) {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
+    },
+    scrollBarContainerY: function scrollBarContainerY() {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
+    },
+    scrollBarY: function scrollBarY(t) {
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
+    },
+    scrollBarYHover: function scrollBarYHover(t) {
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
+    },
+    scrollBarContainerX: function scrollBarContainerX(t) {
+      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "])), globalClasses.scrollbarContainerY, t.scrollContainerScrollBarHoverSize, globalClasses.inner, t.scrollContainerScrollBarHoverSize);
+    },
+    scrollBarX: function scrollBarX(t) {
+      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
+    },
+    scrollBarXHover: function scrollBarXHover(t) {
+      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
+    }
+  };
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","_templateObject","_taggedTemplateLiteralLoose","_templateObject2","innerIE11","_templateObject3","scrollBar","t","_templateObject4","scrollContainerScrollBarColor","visibleScrollBar","_templateObject5","scrollBarInvert","_templateObject6","scrollContainerScrollBarInvertColor","scrollBarContainerY","_templateObject7","scrollBarY","_templateObject8","scrollContainerScrollBarSize","scrollBarYHover","_templateObject9","scrollContainerScrollBarHoverSize","scrollBarContainerX","_templateObject10","scrollBarX","_templateObject11","scrollBarXHover","_templateObject12"],"sources":["ScrollContainer.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  innerIE11() {\n    return css`\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n});\n"],"mappings":"6TAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAkB,CAAC,CAAC;EACtDE,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,aAAa;EACzBC,mBAAmB,EAAE,uBAAuB;EAC5CC,mBAAmB,EAAE,uBAAuB;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;EACjCS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOV,GAAG,CAAAW,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDJ,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAD,2BAAA;;;;;;;;;;;;;;EAcZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;;;;;EAOZ,CAAC;;EAEDI,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;IAIMK,CAAC,CAACE,6BAA6B;;;;;;;EAOjD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;;;;;EAOZ,CAAC;;EAEDU,eAAe,WAAAA,gBAACL,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;IAEMK,CAAC,CAACO,mCAAmC;;EAEvD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;EAOZ,CAAC;;EAEDe,UAAU,WAAAA,WAACV,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;IAECK,CAAC,CAACY,4BAA4B;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACb,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACCK,CAAC,CAACe,iCAAiC;;EAEhD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAChB,CAAQ,EAAE;IAC5B,OAAOjB,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAAtB,2BAAA;;;;;;;IAOLT,aAAa,CAACI,mBAAmB;IACbU,CAAC,CAACe,iCAAiC;;;IAGnD7B,aAAa,CAACK,KAAK;;;;;IAKPS,CAAC,CAACe,iCAAiC;;;;EAI1D,CAAC;;EAEDG,UAAU,WAAAA,WAAClB,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;IAEEK,CAAC,CAACY,4BAA4B;;EAE5C,CAAC;;EAEDQ,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACEK,CAAC,CAACe,iCAAiC;;EAEjD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","getStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose","_templateObject2","scrollBar","t","_templateObject3","scrollContainerScrollBarColor","visibleScrollBar","_templateObject4","scrollBarInvert","_templateObject5","scrollContainerScrollBarInvertColor","scrollBarContainerY","_templateObject6","scrollBarY","_templateObject7","scrollContainerScrollBarSize","scrollBarYHover","_templateObject8","scrollContainerScrollBarHoverSize","scrollBarContainerX","_templateObject9","scrollBarX","_templateObject10","scrollBarXHover","_templateObject11"],"sources":["ScrollContainer.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGpE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAkB,CAAC,CAAC;EACtDE,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,aAAa;EACzBC,mBAAmB,EAAE,uBAAuB;EAC5CC,mBAAmB,EAAE,uBAAuB;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,SAAS,GAAGR,gBAAgB,CAAC,UAAAS,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;IAKZ,CAAC;;IAEDN,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOG,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAD,2BAAA;;;;;;;;;;;;;;IAcZ,CAAC;;IAEDE,SAAS,WAAAA,UAACC,CAAQ,EAAE;MAClB,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;MAIMG,CAAC,CAACE,6BAA6B;;;;;;;IAOjD,CAAC;;IAEDC,gBAAgB,WAAAA,iBAAA,EAAG;MACjB,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;;;;;;;IAOZ,CAAC;;IAEDQ,eAAe,WAAAA,gBAACL,CAAQ,EAAE;MACxB,OAAON,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;MAEMG,CAAC,CAACO,mCAAmC;;IAEvD,CAAC;;IAEDC,mBAAmB,WAAAA,oBAAA,EAAG;MACpB,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;;;;;;;IAOZ,CAAC;;IAEDa,UAAU,WAAAA,WAACV,CAAQ,EAAE;MACnB,OAAON,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;MAECG,CAAC,CAACY,4BAA4B;;IAE3C,CAAC;;IAEDC,eAAe,WAAAA,gBAACb,CAAQ,EAAE;MACxB,OAAON,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;MACCG,CAAC,CAACe,iCAAiC;;IAEhD,CAAC;;IAEDC,mBAAmB,WAAAA,oBAAChB,CAAQ,EAAE;MAC5B,OAAON,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;;;;;;;MAOLX,aAAa,CAACI,mBAAmB;MACbU,CAAC,CAACe,iCAAiC;;;MAGnD7B,aAAa,CAACK,KAAK;;;;;MAKPS,CAAC,CAACe,iCAAiC;;;;IAI1D,CAAC;;IAEDG,UAAU,WAAAA,WAAClB,CAAQ,EAAE;MACnB,OAAON,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAAtB,2BAAA;;MAEEG,CAAC,CAACY,4BAA4B;;IAE5C,CAAC;;IAEDQ,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;MACxB,OAAON,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;MACEG,CAAC,CAACe,iCAAiC;;IAEjD;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -6,10 +6,9 @@ export declare const globalClasses: {
     scrollbarContainerY: string;
     inner: string;
 };
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
     inner(): string;
-    innerIE11(): string;
     scrollBar(t: Theme): string;
     visibleScrollBar(): string;
     scrollBarInvert(t: Theme): string;
@@ -19,4 +18,4 @@ export declare const styles: {
     scrollBarContainerX(t: Theme): string;
     scrollBarX(t: Theme): string;
     scrollBarXHover(t: Theme): string;
-};
+}>;

package/components/Select/ArrowDownIcon.d.ts

@@ -1,3 +1,3 @@
 export declare const ArrowDownIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
+    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
 }>;

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

@@ -1 +1 @@
-{"version":3,"names":["React","MenuItem","Item","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","createElement","isNotSelectable","props","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem';\n\ninterface ItemProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Запрещает выделение и выбор данного пункта. */\n  isNotSelectable?: boolean;\n}\nexport class Item extends React.Component<ItemProps> {\n  public static __KONTUR_REACT_UI__ = 'SelectItem';\n  public static displayName = 'SelectItem';\n\n  public render() {\n    return <MenuItem isNotSelectable={this.props.isNotSelectable}>{this.props.children}</MenuItem>;\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAQ,aAAa;;;;;;;;;AAStC,WAAaC,IAAI,0BAAAC,gBAAA,YAAAD,KAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,IAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,IAAA,CAAAM,SAAA,CAAAD,MAAA;;;;EAIRE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,oBAAOT,KAAA,CAAAU,aAAA,CAACT,QAAQ,IAACU,eAAe,EAAE,IAAI,CAACC,KAAK,CAACD,eAAgB,IAAE,IAAI,CAACC,KAAK,CAACC,QAAmB,CAAC;EAChG,CAAC,QAAAX,IAAA,GANuBF,KAAK,CAACc,SAAS,EAA5BZ,IAAI,CACDa,mBAAmB,GAAG,YAAY,CADrCb,IAAI,CAEDc,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"names":["React","MenuItem","Item","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","createElement","isNotSelectable","props","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem';\n\ninterface ItemProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Запрещает выделение и выбор данного пункта. */\n  isNotSelectable?: boolean;\n}\nexport class Item extends React.Component<ItemProps> {\n  public static __KONTUR_REACT_UI__ = 'SelectItem';\n  public static displayName = 'SelectItem';\n\n  public render(): React.JSX.Element {\n    return <MenuItem isNotSelectable={this.props.isNotSelectable}>{this.props.children}</MenuItem>;\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAQ,aAAa;;;;;;;;;AAStC,WAAaC,IAAI,0BAAAC,gBAAA,YAAAD,KAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,IAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,IAAA,CAAAM,SAAA,CAAAD,MAAA;;;;EAIRE,MAAM,GAAb,SAAAA,OAAA,EAAmC;IACjC,oBAAOT,KAAA,CAAAU,aAAA,CAACT,QAAQ,IAACU,eAAe,EAAE,IAAI,CAACC,KAAK,CAACD,eAAgB,IAAE,IAAI,CAACC,KAAK,CAACC,QAAmB,CAAC;EAChG,CAAC,QAAAX,IAAA,GANuBF,KAAK,CAACc,SAAS,EAA5BZ,IAAI,CACDa,mBAAmB,GAAG,YAAY,CADrCb,IAAI,CAEDc,WAAW,GAAG,YAAY","ignoreList":[]}

package/components/Select/Select/Select.js

@@ -4,7 +4,6 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _dec, _class, _Select;
 import React from 'react';
 import invariant from 'invariant';
-import { globalObject } from '@skbkontur/global-object';
 import debounce from 'lodash.debounce';
 import { isKeyArrowDown, isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape, isKeySpace } from "../../../lib/events/keyboard/identifiers";
 import { locale } from "../../../lib/locale/decorators";
@@ -21,19 +20,19 @@ import { getRandomID, isFunction, isNonNullable, isReactUINode } from "../../../
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { MobilePopup } from "../../../internal/MobilePopup";
-import { cx } from "../../../lib/theming/Emotion";
 import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-import { styles as linkStyles } from "../../Link/Link.styles";
+import { getStyles as getLinkStyles } from "../../Link/Link.styles";
 import { Popup } from "../../../internal/Popup";
 import { ZIndex } from "../../../internal/ZIndex";
 import { getMenuPositions } from "../../../lib/getMenuPositions";
 import { withSize } from "../../../lib/size/SizeDecorator";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { ArrowDownIcon } from "../ArrowDownIcon";
 import { Item } from "../Item";
 import { SelectLocaleHelper } from "../locale";
-import { styles } from "../Select.styles";
+import { getStyles } from "../Select.styles";
 import { getSelectTheme } from "../selectTheme";
 import { SelectDataTids } from "../tids";
 export * from "../tids";
@@ -54,17 +53,9 @@ export var SelectIds = {
 };
 
 /**
- * Раскрывающийся список `Select` позволяет выбрать значение из заранее известного набора вариантов.
- *
- * Используйте `Select` при:
- * * заполнении форм, например для выбора месяца.
- * * переключении состояний, например, фильтра.
- * * выборе предустановленных настроек, например, частоты уведомлений, часового пояса.
- *
- * Не используйте `Select` для выбора элементов меню. В таком случае воспользуйтесь компонентом Dropdown.
+ * Раскрывающийся список позволяет выбрать значение из заранее известного набора вариантов.
  */
-
-export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayout(_class = rootNode(_class = _dec(_class = withSize(_class = (_Select = /*#__PURE__*/function (_React$Component) {
+export var Select = (_dec = locale('Select', SelectLocaleHelper), withRenderEnvironment(_class = responsiveLayout(_class = rootNode(_class = _dec(_class = withSize(_class = (_Select = /*#__PURE__*/function (_React$Component) {
   function Select() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -80,7 +71,7 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
     _this.buttonElement = null;
     _this.getProps = createPropsGetter(Select.defaultProps);
 
-    /**
+    /** Открывает раскрывающийся список.
      * @public
      */
     _this.open = function () {
@@ -94,7 +85,7 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
       }
     };
 
-    /**
+    /** Закрывает раскрывающийся список.
      * @public
      */
     _this.close = function () {
@@ -109,7 +100,8 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
       }
     };
 
-    /**
+    /** Программно устанавливает фокус на кнопку.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
      * @public
      */
     _this.focus = function () {
@@ -135,7 +127,7 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
     _this.getSearch = function () {
       return /*#__PURE__*/(
         React.createElement("div", {
-          className: styles.search(),
+          className: _this.styles.search(),
           onKeyDown: _this.handleKey
         }, /*#__PURE__*/
         React.createElement(Input, {
@@ -288,14 +280,18 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
   var _proto = Select.prototype;
   _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {
     if (!prevState.opened && this.state.opened) {
-      globalObject.addEventListener == null || globalObject.addEventListener('popstate', this.close);
+      var _this$globalObject$ad, _this$globalObject;
+      (_this$globalObject$ad = (_this$globalObject = this.globalObject).addEventListener) == null || _this$globalObject$ad.call(_this$globalObject, 'popstate', this.close);
     }
     if (prevState.opened && !this.state.opened) {
-      globalObject.removeEventListener == null || globalObject.removeEventListener('popstate', this.close);
+      var _this$globalObject$re, _this$globalObject2;
+      (_this$globalObject$re = (_this$globalObject2 = this.globalObject).removeEventListener) == null || _this$globalObject$re.call(_this$globalObject2, 'popstate', this.close);
     }
   };
   _proto.render = function render() {
     var _this2 = this;
+    this.linkStyles = getLinkStyles(this.emotion);
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = ThemeFactory.create({
         menuOffsetY: theme.selectMenuOffsetY
@@ -318,7 +314,7 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
     return null;
   };
   _proto.renderMain = function renderMain() {
-    var _this$getProps$dataT, _cx;
+    var _this$getProps$dataT, _this$cx;
     var buttonParams = this.getDefaultButtonParams();
     var dataTid = (_this$getProps$dataT = this.getProps()['data-tid']) != null ? _this$getProps$dataT : SelectDataTids.root;
     var button = /*#__PURE__*/React.createElement(ThemeContext.Provider, {
@@ -331,7 +327,7 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
     };
     var root = /*#__PURE__*/React.createElement("span", {
       "data-tid": dataTid,
-      className: cx((_cx = {}, _cx[styles.root()] = true, _cx[styles.rootMobile(this.theme)] = isMobile, _cx)),
+      className: this.cx((_this$cx = {}, _this$cx[this.styles.root()] = true, _this$cx[this.styles.rootMobile(this.theme)] = isMobile, _this$cx)),
       style: style
     }, button, this.getMenuRenderer());
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
@@ -359,20 +355,20 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
   };
   _proto.getLeftIconClass = function getLeftIconClass(size) {
     if (this.getProps().use === 'link') {
-      return styles.leftIconLink(this.theme);
+      return this.styles.leftIconLink(this.theme);
     }
     switch (size) {
       case 'large':
-        return styles.leftIconLarge(this.theme);
+        return this.styles.leftIconLarge(this.theme);
       case 'medium':
-        return styles.leftIconMedium(this.theme);
+        return this.styles.leftIconMedium(this.theme);
       case 'small':
       default:
-        return styles.leftIconSmall(this.theme);
+        return this.styles.leftIconSmall(this.theme);
     }
   };
   _proto.renderDefaultButton = function renderDefaultButton(params) {
-    var _cx2, _cx3, _cx4;
+    var _this$cx2, _this$cx3, _this$cx4;
     var buttonProps = _extends({}, filterProps(this.props, PASS_BUTTON_PROPS), {
       align: 'left',
       disabled: this.props.disabled,
@@ -385,7 +381,7 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
     var use = this.getProps().use;
     var labelProps = {
       'data-tid': SelectDataTids.label,
-      className: cx((_cx2 = {}, _cx2[styles.label()] = use !== 'link', _cx2[styles.placeholder(this.theme)] = params.isPlaceholder, _cx2[styles.customUsePlaceholder()] = params.isPlaceholder && use !== 'default', _cx2[styles.placeholderDisabled(this.theme)] = params.isPlaceholder && this.props.disabled, _cx2)),
+      className: this.cx((_this$cx2 = {}, _this$cx2[this.styles.label()] = use !== 'link', _this$cx2[this.styles.placeholder(this.theme)] = params.isPlaceholder, _this$cx2[this.styles.customUsePlaceholder()] = params.isPlaceholder && use !== 'default', _this$cx2[this.styles.placeholderDisabled(this.theme)] = params.isPlaceholder && this.props.disabled, _this$cx2)),
       style: {
         paddingRight: this.getSelectIconGap()
       }
@@ -395,11 +391,11 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
       size: this.size
     });
     return /*#__PURE__*/React.createElement(Button, buttonProps, /*#__PURE__*/React.createElement("div", {
-      className: cx(styles.selectButtonContainer(), (_cx3 = {}, _cx3[linkStyles.root(this.theme)] = use === 'link', _cx3))
+      className: this.cx(this.styles.selectButtonContainer(), (_this$cx3 = {}, _this$cx3[this.linkStyles.root(this.theme)] = use === 'link', _this$cx3))
     }, this.props._icon && /*#__PURE__*/React.createElement("div", {
       className: this.getLeftIconClass(this.size)
     }, this.props._icon), /*#__PURE__*/React.createElement("span", labelProps, params.label), /*#__PURE__*/React.createElement("div", {
-      className: cx(styles.arrowWrap(this.theme), (_cx4 = {}, _cx4[styles.arrowDisabled(this.theme)] = this.props.disabled, _cx4[styles.customUseArrow()] = useIsCustom, _cx4))
+      className: this.cx(this.styles.arrowWrap(this.theme), (_this$cx4 = {}, _this$cx4[this.styles.arrowDisabled(this.theme)] = this.props.disabled, _this$cx4[this.styles.customUseArrow()] = useIsCustom, _this$cx4))
     }, icon)));
   };
   _proto.getSelectIconGap = function getSelectIconGap() {
@@ -530,7 +526,7 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
 }, _Select.staticElement = function (element) {
   invariant( /*#__PURE__*/React.isValidElement(element) || typeof element === 'function', 'Select.staticElement(element) expects element to be a valid react element.');
   return element;
-}, _Select)) || _class) || _class) || _class) || _class);
+}, _Select)) || _class) || _class) || _class) || _class) || _class);
 function renderValue(value, item) {
   return item;
 }