npm - @skbkontur/react-ui - Versions diffs - 5.6.9-5e213.0 → 5.6.9 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2366) hide show

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

	@@ -1 +1 @@
1	- {"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","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","ScrollContainerDataTids","exports","root","inner","ScrollContainer","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","getProps","createPropsGetter","defaultProps","initialIsScrollBarVisible","showScrollBar","state","isScrollBarXVisible","isScrollBarYVisible","isHovered","render","props","disabled","children","innerStyle","scrollBehavior","scrollBehaviour","maxHeight","maxWidth","scrollbarY","renderScrollbar","scrollbarX","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","_this$props$onScrollS2","_this$props2","_this$props$onScrollS3","_this$props3","scrollY","scrollX","_this$props$onScrollS","_this$props","scrollXState","convertScrollbarXScrollState","onScrollStateChangeX","call","scrollYState","convertScrollbarYScrollState","onScrollStateChange","onScrollStateChangeY","prevScrollState","_this$getProps2","showScrollBarOnMouseWheel","scrollbar","element","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","scrollRef","callChildRef","event","_this$scrollY","_this$scrollX","_this$props$onScroll","_this$props4","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","_inherits2","_createClass2","key","value","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":[]}
1	+ {"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.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('scroll-container')({
@@ -11,7 +11,7 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('scroll-contain
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
@@ -19,7 +19,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   inner: function inner() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
@@ -36,7 +36,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   innerIE11: function innerIE11() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    "])));
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
@@ -46,7 +46,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   scrollBar: function scrollBar(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
@@ -60,7 +60,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   visibleScrollBar: function visibleScrollBar() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
@@ -70,14 +70,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   scrollBarInvert: function scrollBarInvert(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      background: #ccc;\n      background: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: #ccc;\n      background: ", ";\n    "])),
     t.scrollContainerScrollBarInvertColor);
   },
   scrollBarContainerY: function scrollBarContainerY() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
@@ -87,20 +87,20 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   scrollBarY: function scrollBarY(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n      right: 0;\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: 0;\n      width: ", ";\n    "])),
     t.scrollContainerScrollBarSize);
   },
   scrollBarYHover: function scrollBarYHover(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n    "])),
     t.scrollContainerScrollBarHoverSize);
   },
   scrollBarContainerX: function scrollBarContainerX(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
@@ -123,14 +123,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
   scrollBarX: function scrollBarX(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n      bottom: 0;\n      height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      height: ", ";\n    "])),
     t.scrollContainerScrollBarSize);
   },
   scrollBarXHover: function scrollBarXHover(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n      height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
     t.scrollContainerScrollBarHoverSize);
   }

package/cjs/components/ScrollContainer/ScrollContainer.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","globalClasses","exports","prefix","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","memoizeStyle","root","css","~~_taggedTemplateLiteral2~~","default","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover"],"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":"~~sUAAA~~,IAAAA,QAAA,GAAAC,OAAA,8BAAsE,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;;AAG/D,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,kBAAkB,CAAC,CAAC;EACtDC,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,aAAa;EACzBC,mBAAmB,EAAE,uBAAuB;EAC5CC,mBAAmB,EAAE,uBAAuB;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEK,IAAMC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAvB,eAAA,KAAAA,eAAA,OAAAwB,~~uBAAA~~,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDN,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOI,YAAG,EAAAtB,gBAAA,KAAAA,gBAAA,OAAAuB,~~uBAAA~~,CAAAC,OAAA;;;;;;;;;;;;;;EAcZ,CAAC;;EAEDC,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOH,YAAG,EAAArB,gBAAA,KAAAA,gBAAA,OAAAsB,~~uBAAA~~,CAAAC,OAAA;;;;;;;EAOZ,CAAC;;EAEDE,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,WAAOL,YAAG,EAAApB,gBAAA,KAAAA,gBAAA,OAAAqB,~~uBAAA~~,CAAAC,OAAA;;;;IAIMG,CAAC,CAACC,6BAA6B;;;;;;;EAOjD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,WAAOP,YAAG,EAAAnB,gBAAA,KAAAA,gBAAA,OAAAoB,~~uBAAA~~,CAAAC,OAAA;;;;;;;EAOZ,CAAC;;EAEDM,eAAe,WAAAA,gBAACH,CAAQ,EAAE;IACxB,WAAOL,YAAG,EAAAlB,gBAAA,KAAAA,gBAAA,OAAAmB,~~uBAAA~~,CAAAC,OAAA;;IAEMG,CAAC,CAACI,mCAAmC;;EAEvD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAOV,YAAG,EAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,~~uBAAA~~,CAAAC,OAAA;;;;;;;EAOZ,CAAC;;EAEDS,UAAU,WAAAA,WAACN,CAAQ,EAAE;IACnB,WAAOL,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,~~uBAAA~~,CAAAC,OAAA;;IAECG,CAAC,CAACO,4BAA4B;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACR,CAAQ,EAAE;IACxB,WAAOL,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,~~uBAAA~~,CAAAC,OAAA;IACCG,CAAC,CAACS,iCAAiC;;EAEhD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAACV,CAAQ,EAAE;IAC5B,WAAOL,YAAG,EAAAd,iBAAA,KAAAA,iBAAA,OAAAe,~~uBAAA~~,CAAAC,OAAA;;;;;;;IAOLb,aAAa,CAACM,mBAAmB;IACbU,CAAC,CAACS,iCAAiC;;;IAGnDzB,aAAa,CAACO,KAAK;;;;;IAKPS,CAAC,CAACS,iCAAiC;;;;EAI1D,CAAC;;EAEDE,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,WAAOL,YAAG,EAAAb,iBAAA,KAAAA,iBAAA,OAAAc,~~uBAAA~~,CAAAC,OAAA;;IAEEG,CAAC,CAACO,4BAA4B;;EAE5C,CAAC;;EAEDK,eAAe,WAAAA,gBAACZ,CAAQ,EAAE;IACxB,WAAOL,YAAG,EAAAZ,iBAAA,KAAAA,iBAAA,OAAAa,~~uBAAA~~,CAAAC,OAAA;IACEG,CAAC,CAACS,iCAAiC;;EAEjD;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","globalClasses","exports","prefix","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover"],"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":"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","ignoreList":[]}

package/cjs/components/ScrollContainer/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";~~Object~~.~~defineProperty(exports, "~~__esModule", { ~~value:~~ true });var _ScrollContainer = require("./ScrollContainer");Object.keys(_ScrollContainer).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _ScrollContainer[key]) return;~~Object.defineProperty(~~exports, key, { ~~enumerable: true, get: function get() {return~~ _ScrollContainer[key];} });~~});~~
1	+ "use strict";exports.__esModule = true;var _ScrollContainer = require("./ScrollContainer");Object.keys(_ScrollContainer).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _ScrollContainer[key]) return;exports[key] = _ScrollContainer[key];});

package/cjs/components/ScrollContainer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_ScrollContainer","require","Object","keys","forEach","key","exports"~~,"defineProperty","enumerable","get"~~],"sources":["index.tsx"],"sourcesContent":["export * from './ScrollContainer';\n"],"mappings":"~~2EAAA~~,IAAAA,gBAAA,GAAAC,OAAA,sBAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA,~~UAAAH~~,~~MAAA~~,~~CAAAK,cAAA,~~CAAAD,~~OAAA,EAAAD,~~GAAA,~~IAAAG~~,~~UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,~~gBAAA,CAAAK,GAAA","ignoreList":[]}
1	+ {"version":3,"names":["_ScrollContainer","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './ScrollContainer';\n"],"mappings":"uCAAA,IAAAA,gBAAA,GAAAC,OAAA,sBAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/Select/ArrowDownIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ArrowDownIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowDownIcon = void 0;var _react = _interopRequireDefault(require("react"));
 var _ArrowCDownIcon16Regular = require("../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular");
 var _ArrowCDownIcon20Regular = require("../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular");

package/cjs/components/Select/ArrowDownIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_ArrowCDownIcon16Regular","_ArrowCDownIcon20Regular","_ArrowCDownIcon24Regular","_iconSizer","ArrowDownIcon","exports","iconSizer","small","default","createElement","ArrowCDownIcon16Regular","medium","ArrowCDownIcon20Regular","large","ArrowCDownIcon24Regular"],"sources":["ArrowDownIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowCDownIcon16Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular';\nimport { ArrowCDownIcon20Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular';\nimport { ArrowCDownIcon24Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ArrowDownIcon = iconSizer(\n {\n small: () => <ArrowCDownIcon16Regular />,\n medium: () => <ArrowCDownIcon20Regular />,\n large: () => <ArrowCDownIcon24Regular />,\n },\n 'ArrowDownIcon',\n);\n"],"mappings":"~~uMAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;;AAEO,IAAMK,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,oBAAS;EACpC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,wBAAA,CAAAU,uBAAuB,MAAE,CAAC;IACxCC,MAAM,EAAE,SAAAA,OAAA,uBAAMd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,wBAAA,CAAAW,uBAAuB,MAAE,CAAC;IACzCC,KAAK,EAAE,SAAAA,MAAA,uBAAMhB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,wBAAA,CAAAY,uBAAuB,MAAE,CAAC;EAC1C,CAAC;EACD;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_ArrowCDownIcon16Regular","_ArrowCDownIcon20Regular","_ArrowCDownIcon24Regular","_iconSizer","ArrowDownIcon","exports","iconSizer","small","default","createElement","ArrowCDownIcon16Regular","medium","ArrowCDownIcon20Regular","large","ArrowCDownIcon24Regular"],"sources":["ArrowDownIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowCDownIcon16Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular';\nimport { ArrowCDownIcon20Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular';\nimport { ArrowCDownIcon24Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ArrowDownIcon = iconSizer(\n {\n small: () => <ArrowCDownIcon16Regular />,\n medium: () => <ArrowCDownIcon20Regular />,\n large: () => <ArrowCDownIcon24Regular />,\n },\n 'ArrowDownIcon',\n);\n"],"mappings":"mKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;;AAEO,IAAMK,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,oBAAS;EACpC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,wBAAA,CAAAU,uBAAuB,MAAE,CAAC;IACxCC,MAAM,EAAE,SAAAA,OAAA,uBAAMd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,wBAAA,CAAAW,uBAAuB,MAAE,CAAC;IACzCC,KAAK,EAAE,SAAAA,MAAA,uBAAMhB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,wBAAA,CAAAY,uBAAuB,MAAE,CAAC;EAC1C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/components/Select/Item.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.Item = void 0;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Item = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _MenuItem = require("../MenuItem");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}var
+var _MenuItem = require("../MenuItem");var
@@ -9,10 +9,10 @@ var _MenuItem = require("../MenuItem");function _callSuper(t, o, e) {return o =
-Item = exports.Item = /*#__PURE__*/function (_React$Component) {function Item() {(0, _classCallCheck2.default)(this, Item);return _callSuper(this, Item, arguments);}(0, _inherits2.default)(Item, _React$Component);return (0, _createClass2.default)(Item, [{ key: "render", value:
+Item = exports.Item = /*#__PURE__*/function (_React$Component) {function Item() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(Item, _React$Component);var _proto = Item.prototype;_proto.
-    function render() {
-      return /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { isNotSelectable: this.props.isNotSelectable }, this.props.children);
-    } }]);}(_react.default.Component);Item.__KONTUR_REACT_UI__ = 'SelectItem';Item.displayName = 'SelectItem';
+  render = function render() {
+    return /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { isNotSelectable: this.props.isNotSelectable }, this.props.children);
+  };return Item;}(_react.default.Component);Item.__KONTUR_REACT_UI__ = 'SelectItem';Item.displayName = 'SelectItem';

package/cjs/components/Select/Item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_MenuItem","~~_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","~~Item","exports","_React$Component","~~_classCallCheck2~~","arguments","~~_inherits2~~","~~_createClass2~~","~~key~~","~~value~~","render","createElement","MenuItem","isNotSelectable","props","children","React","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":"~~sxBAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,SAAA,GAAAD,OAAA,gBAAuC,SAAAE,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;;;;;;;;~~AAS1BS~~,IAAI,GAAAC,OAAA,CAAAD,IAAA,0BAAAE,gBAAA,YAAAF,KAAA,~~OAAAG~~,gBAAA,~~CAAAV~~,~~OAAA~~,~~QAAAO~~,~~IAAA,SAAAZ,UAAA,OAAAY,IAAA,EAAAI,~~SAAA,~~OAAAC~~,~~UAAA~~,~~CAAAZ~~,OAAA,~~EAAAO~~,IAAA,EAAAE,gBAAA,~~aAAAI~~,~~aAAA~~,~~CAAAb~~,~~OAAA,EAAAO,~~IAAA,~~KAAAO~~,~~GAAA~~,~~YAAAC~~,~~KAAA~~;;;;~~IAIf~~,~~SAAAC~~,OAAA,EAAgB;~~MACd~~,~~oBAAOzB~~,MAAA,~~CAAAS~~,OAAA,~~CAAAiB~~,aAAA,~~CAACvB~~,SAAA,~~CAAAwB~~,QAAQ,IAACC,eAAe,EAAE,IAAI,CAACC,KAAK,CAACD,eAAgB,IAAE,IAAI,CAACC,KAAK,CAACC,QAAmB,CAAC;~~IAChG~~,CAAC,~~OANuBC~~,cAAK,CAACC,SAAS,EAA5BhB,IAAI,CACDiB,mBAAmB,GAAG,YAAY,CADrCjB,IAAI,CAEDkB,WAAW,GAAG,YAAY","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_MenuItem","Item","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","createElement","MenuItem","isNotSelectable","props","children","React","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":"wPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,SAAA,GAAAD,OAAA,gBAAuC;;;;;;;;;AAS1BE,IAAI,GAAAC,OAAA,CAAAD,IAAA,0BAAAE,gBAAA,YAAAF,KAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,IAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;EAIRE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,oBAAOb,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACX,SAAA,CAAAY,QAAQ,IAACC,eAAe,EAAE,IAAI,CAACC,KAAK,CAACD,eAAgB,IAAE,IAAI,CAACC,KAAK,CAACC,QAAmB,CAAC;EAChG,CAAC,QAAAd,IAAA,GANuBe,cAAK,CAACC,SAAS,EAA5BhB,IAAI,CACDiB,mBAAmB,GAAG,YAAY,CADrCjB,IAAI,CAEDkB,WAAW,GAAG,YAAY","ignoreList":[]}

package/cjs/components/Select/Select.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });var _exportNames = { SelectIds: true, Select: true };exports.SelectIds = exports.Select = void 0;var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;var _exportNames = { SelectIds: true, Select: true };exports.SelectIds = exports.Select = void 0;var _createForOfIteratorHelperLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelperLoose"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _invariant = _interopRequireDefault(require("invariant"));
 var _globalObject = require("@skbkontur/global-object");
@@ -52,7 +52,7 @@ var _Select2 = require("./Select.styles");
 var _selectTheme = require("./selectTheme");
 var _tids = require("./tids");
-Object.keys(_tids).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _tids[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _tids[key];} });});var _dec, _class, _Select;function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+Object.keys(_tids).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _tids[key]) return;exports[key] = _tids[key];});var _dec, _class, _Select;
@@ -269,7 +269,7 @@ var SelectIds = exports.SelectIds = {
-Select = exports.Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper), (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (0, _SizeDecorator.withSize)(_class = (_Select = /*#__PURE__*/function (_React$Component) {function Select() {var _this;(0, _classCallCheck2.default)(this, Select);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, Select, [].concat(args));_this.
+Select = exports.Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper), (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (0, _SizeDecorator.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++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
@@ -662,7 +662,7 @@ Select = exports.Select = (_dec = (0, _decorators.locale)('Select', _locale.Sele
     // fix cases when an Input is rendered in portal
     // https://github.com/skbkontur/retail-ui/issues/1995
-    _this.focusInput = function (input) {return input === null || input === void 0 ? void 0 : input.focus();};_this.
+    _this.focusInput = function (input) {return input == null ? void 0 : input.focus();};_this.
     debouncedFocusInput = (0, _lodash.default)(_this.focusInput);_this.
     refMenu = function (menu) {
@@ -716,7 +716,7 @@ Select = exports.Select = (_dec = (0, _decorators.locale)('Select', _locale.Sele
     handleSearch = function (value) {var _this$menu;
       _this.setState({ searchPattern: value });
-      (_this$menu = _this.menu) === null || _this$menu === void 0 || _this$menu.highlightItem(0);
+      (_this$menu = _this.menu) == null || _this$menu.highlightItem(0);
     };_this.
@@ -797,10 +797,10 @@ Select = exports.Select = (_dec = (0, _decorators.locale)('Select', _locale.Sele
         'aria-describedby': _this.props['aria-describedby'],
         'aria-expanded': _this.state.opened ? 'true' : 'false',
         'aria-controls': _this.menuId,
-        'aria-label': (_props$ariaLabel = buttonElement.props['aria-label']) !== null && _props$ariaLabel !== void 0 ? _props$ariaLabel : _this.props['aria-label']
+        'aria-label': (_props$ariaLabel = buttonElement.props['aria-label']) != null ? _props$ariaLabel : _this.props['aria-label']
       }) :
       buttonElement;
-    };return _this;}(0, _inherits2.default)(Select, _React$Component);return (0, _createClass2.default)(Select, [{ key: "componentDidUpdate", value: function componentDidUpdate(_prevProps, prevState) {if (!prevState.opened && this.state.opened) {var _globalObject$addEven;(_globalObject$addEven = _globalObject.globalObject.addEventListener) === null || _globalObject$addEven === void 0 || _globalObject$addEven.call(_globalObject.globalObject, 'popstate', this.close);}if (prevState.opened && !this.state.opened) {var _globalObject$removeE;(_globalObject$removeE = _globalObject.globalObject.removeEventListener) === null || _globalObject$removeE === void 0 || _globalObject$removeE.call(_globalObject.globalObject, 'popstate', this.close);}} }, { key: "render", value: function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.selectMenuOffsetY }, theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});} }, { key: "getMenuRenderer", value: function getMenuRenderer() {if (this.props.disabled) {return null;}if (this.isMobileLayout) {return this.renderMobileMenu();}if (this.state.opened) {return this.renderMenu();}return null;} }, { key: "renderMain", value: function renderMain() {var _this$getProps$dataT;var buttonParams = this.getDefaultButtonParams();var dataTid = (_this$getProps$dataT = this.getProps()['data-tid']) !== null && _this$getProps$dataT !== void 0 ? _this$getProps$dataT : _tids.SelectDataTids.root;var button = /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _selectTheme.getSelectTheme)(this.theme, this.props) }, this.getButton(buttonParams));var isMobile = this.isMobileLayout;var style = { width: this.props.width, maxWidth: this.props.maxWidth || undefined };var root = /*#__PURE__*/_react.default.createElement("span", { "data-tid": dataTid, className: (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Select2.styles.root(), true), _Select2.styles.rootMobile(this.theme), isMobile)), style: style }, button, this.getMenuRenderer());return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: isMobile ? false : this.state.opened }, root));} }, { key: "renderLabel", value: function renderLabel() {var _this$props$placehold, _this$locale;var value = this.getValue();var item = this.getItemByValue(value);if ((0, _utils.isNonNullable)(value)) {return { label: this.getProps().renderValue(value, item), isPlaceholder: false };}return { label: /*#__PURE__*/_react.default.createElement("span", null, (_this$props$placehold = this.props.placeholder) !== null && _this$props$placehold !== void 0 ? _this$props$placehold : (_this$locale = this.locale) === null || _this$locale === void 0 ? void 0 : _this$locale.placeholder), isPlaceholder: true };} }, { key: "getLeftIconClass", value: function getLeftIconClass(size) {if (this.getProps().use === 'link') {return _Select2.styles.leftIconLink(this.theme);}switch (size) {case 'large':return _Select2.styles.leftIconLarge(this.theme);case 'medium':return _Select2.styles.leftIconMedium(this.theme);case 'small':default:return _Select2.styles.leftIconSmall(this.theme);}} }, { key: "renderDefaultButton", value: function renderDefaultButton(params) {var buttonProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _filterProps.filterProps)(this.props, PASS_BUTTON_PROPS)), {}, { align: 'left', disabled: this.props.disabled, width: '100%', onClick: params.onClick, onKeyDown: params.onKeyDown, active: params.opened, size: params.size });var use = this.getProps().use;var labelProps = { 'data-tid': _tids.SelectDataTids.label, className: (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Select2.styles.label(), use !== 'link'), _Select2.styles.placeholder(this.theme), params.isPlaceholder), _Select2.styles.customUsePlaceholder(), params.isPlaceholder && use !== 'default'), _Select2.styles.placeholderDisabled(this.theme), params.isPlaceholder && this.props.disabled)), style: { paddingRight: this.getSelectIconGap() } };var useIsCustom = use !== 'default';var icon = /*#__PURE__*/_react.default.createElement(_ArrowDownIcon.ArrowDownIcon, { size: this.size });return /*#__PURE__*/_react.default.createElement(_Button.Button, buttonProps, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select2.styles.selectButtonContainer(), (0, _defineProperty2.default)({}, _Link.styles.root(this.theme), use === 'link')) }, this.props._icon && /*#__PURE__*/_react.default.createElement("div", { className: this.getLeftIconClass(this.size) }, this.props._icon), /*#__PURE__*/_react.default.createElement("span", labelProps, params.label), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select2.styles.arrowWrap(this.theme), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Select2.styles.arrowDisabled(this.theme), this.props.disabled), _Select2.styles.customUseArrow(), useIsCustom)) }, icon)));} }, { key: "getSelectIconGap", value: function getSelectIconGap() {var _this3 = this;var getArrowPadding = function getArrowPadding() {switch (_this3.size) {case 'large':return _this3.theme.selectIconGapLarge;case 'medium':return _this3.theme.selectIconGapMedium;case 'small':default:return _this3.theme.selectIconGapSmall;}};var arrowLeftPadding = parseFloat(getArrowPadding()) || 0;return arrowLeftPadding;} }, { key: "renderMenu", value: function renderMenu() {var search = this.props.search ? this.getSearch() : null;var value = this.getValue();var _this$getProps = this.getProps(),menuWidth = _this$getProps.menuWidth,menuPos = _this$getProps.menuPos,menuAlign = _this$getProps.menuAlign,positions = _this$getProps.positions;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { opened: true, hasShadow: true, id: this.menuId, "data-tid": _tids.SelectDataTids.menu, positions: positions !== null && positions !== void 0 ? positions : (0, _getMenuPositions.getMenuPositions)(menuPos, menuAlign), anchorElement: this.popupGetParent(), priority: _ZIndex.ZIndex.priorities.PopupMenu, disablePortal: this.props.disablePortal, margin: parseInt(this.theme.menuOffsetY) - 1, width: menuWidth, minWidth: menuWidth === undefined ? '100%' : undefined, popupOffset: this.props.menuOffset }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { hasMargin: false, ref: this.refMenu, onItemClick: this.close, maxHeight: this.props.maxMenuHeight, align: menuAlign }, search, this.getMenuItems(value)));} }, { key: "renderMobileMenu", value: function renderMobileMenu() {var search = this.props.search ? this.getMobileSearch() : null;var value = this.getValue();return /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { headerChildComponent: search, caption: this.props.mobileMenuHeaderText, onCloseRequest: this.close, opened: this.state.opened }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { onItemClick: this.close, disableScrollContainer: true, maxHeight: 'auto' }, this.getMenuItems(value)));} }, { key: "select", value: function select(value) {this.focus();this.setState({ opened: false, value: value });if (!this.areValuesEqual(this.getValue(), value)) {var _this$props$onValueCh, _this$props;(_this$props$onValueCh = (_this$props = this.props).onValueChange) === null || _this$props$onValueCh === void 0 || _this$props$onValueCh.call(_this$props, value);}} }, { key: "getValue", value: function getValue() {if (this.props.value !== undefined) {return this.props.value;}return this.state.value;} }, { key: "mapItems", value: function mapItems(fn) {var items = this.props.items;if (!items) {return [];}var pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();var result = [];var index = 0;var _iterator = (0, _createForOfIteratorHelper2.default)(items),_step;try {for (_iterator.s(); !(_step = _iterator.n()).done;) {var entry = _step.value;var _normalizeEntry = normalizeEntry(entry),_normalizeEntry2 = (0, _slicedToArray2.default)(_normalizeEntry, 3),value = _normalizeEntry2[0],item = _normalizeEntry2[1],comment = _normalizeEntry2[2];if (!pattern || this.getProps().filterItem(value, item, pattern)) {result.push(fn(value, item, index, comment));++index;}}} catch (err) {_iterator.e(err);} finally {_iterator.f();}return result;} }, { key: "getItemByValue", value: function getItemByValue(value) {if (value === null || value === undefined) {return null;}var items = this.props.items || [];var _iterator2 = (0, _createForOfIteratorHelper2.default)(items),_step2;try {for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {var entry = _step2.value;var _normalizeEntry3 = normalizeEntry(entry),_normalizeEntry4 = (0, _slicedToArray2.default)(_normalizeEntry3, 2),itemValue = _normalizeEntry4[0],item = _normalizeEntry4[1];if (this.areValuesEqual(itemValue, value)) {return item;}}} catch (err) {_iterator2.e(err);} finally {_iterator2.f();}return null;} }, { key: "areValuesEqual", value: function areValuesEqual(value1, value2) {return (0, _utils.isNonNullable)(value1) && (0, _utils.isNonNullable)(value2) && this.getProps().areValuesEqual(value1, value2);} }]);}(_react.default.Component), _Select.__KONTUR_REACT_UI__ = 'Select', _Select.displayName = 'Select', _Select.defaultProps = { renderValue: renderValue, renderItem: renderItem, areValuesEqual: areValuesEqual, filterItem: filterItem, use: 'default' }, _Select.Item = _Item.Item, _Select.SEP = function () {return /*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, null);}, _Select.staticElement = function (element) {(0, _invariant.default)( /*#__PURE__*/_react.default.isValidElement(element) || typeof element === 'function', 'Select.staticElement(element) expects element to be a valid react element.');return element;}, _Select)) || _class) || _class) || _class) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(Select, _React$Component);var _proto = Select.prototype;_proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {if (!prevState.opened && this.state.opened) {_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('popstate', this.close);}if (prevState.opened && !this.state.opened) {_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('popstate', this.close);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.selectMenuOffsetY }, theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.getMenuRenderer = function getMenuRenderer() {if (this.props.disabled) {return null;}if (this.isMobileLayout) {return this.renderMobileMenu();}if (this.state.opened) {return this.renderMenu();}return null;};_proto.renderMain = function renderMain() {var _this$getProps$dataT, _cx;var buttonParams = this.getDefaultButtonParams();var dataTid = (_this$getProps$dataT = this.getProps()['data-tid']) != null ? _this$getProps$dataT : _tids.SelectDataTids.root;var button = /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _selectTheme.getSelectTheme)(this.theme, this.props) }, this.getButton(buttonParams));var isMobile = this.isMobileLayout;var style = { width: this.props.width, maxWidth: this.props.maxWidth || undefined };var root = /*#__PURE__*/_react.default.createElement("span", { "data-tid": dataTid, className: (0, _Emotion.cx)((_cx = {}, _cx[_Select2.styles.root()] = true, _cx[_Select2.styles.rootMobile(this.theme)] = isMobile, _cx)), style: style }, button, this.getMenuRenderer());return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: isMobile ? false : this.state.opened }, root));};_proto.renderLabel = function renderLabel() {var _this$props$placehold, _this$locale;var value = this.getValue();var item = this.getItemByValue(value);if ((0, _utils.isNonNullable)(value)) {return { label: this.getProps().renderValue(value, item), isPlaceholder: false };}return { label: /*#__PURE__*/_react.default.createElement("span", null, (_this$props$placehold = this.props.placeholder) != null ? _this$props$placehold : (_this$locale = this.locale) == null ? void 0 : _this$locale.placeholder), isPlaceholder: true };};_proto.getLeftIconClass = function getLeftIconClass(size) {if (this.getProps().use === 'link') {return _Select2.styles.leftIconLink(this.theme);}switch (size) {case 'large':return _Select2.styles.leftIconLarge(this.theme);case 'medium':return _Select2.styles.leftIconMedium(this.theme);case 'small':default:return _Select2.styles.leftIconSmall(this.theme);}};_proto.renderDefaultButton = function renderDefaultButton(params) {var _cx2, _cx3, _cx4;var buttonProps = (0, _extends2.default)({}, (0, _filterProps.filterProps)(this.props, PASS_BUTTON_PROPS), { align: 'left', disabled: this.props.disabled, width: '100%', onClick: params.onClick, onKeyDown: params.onKeyDown, active: params.opened, size: params.size });var use = this.getProps().use;var labelProps = { 'data-tid': _tids.SelectDataTids.label, className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Select2.styles.label()] = use !== 'link', _cx2[_Select2.styles.placeholder(this.theme)] = params.isPlaceholder, _cx2[_Select2.styles.customUsePlaceholder()] = params.isPlaceholder && use !== 'default', _cx2[_Select2.styles.placeholderDisabled(this.theme)] = params.isPlaceholder && this.props.disabled, _cx2)), style: { paddingRight: this.getSelectIconGap() } };var useIsCustom = use !== 'default';var icon = /*#__PURE__*/_react.default.createElement(_ArrowDownIcon.ArrowDownIcon, { size: this.size });return /*#__PURE__*/_react.default.createElement(_Button.Button, buttonProps, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select2.styles.selectButtonContainer(), (_cx3 = {}, _cx3[_Link.styles.root(this.theme)] = use === 'link', _cx3)) }, this.props._icon && /*#__PURE__*/_react.default.createElement("div", { className: this.getLeftIconClass(this.size) }, this.props._icon), /*#__PURE__*/_react.default.createElement("span", labelProps, params.label), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select2.styles.arrowWrap(this.theme), (_cx4 = {}, _cx4[_Select2.styles.arrowDisabled(this.theme)] = this.props.disabled, _cx4[_Select2.styles.customUseArrow()] = useIsCustom, _cx4)) }, icon)));};_proto.getSelectIconGap = function getSelectIconGap() {var _this3 = this;var getArrowPadding = function getArrowPadding() {switch (_this3.size) {case 'large':return _this3.theme.selectIconGapLarge;case 'medium':return _this3.theme.selectIconGapMedium;case 'small':default:return _this3.theme.selectIconGapSmall;}};var arrowLeftPadding = parseFloat(getArrowPadding()) || 0;return arrowLeftPadding;};_proto.renderMenu = function renderMenu() {var search = this.props.search ? this.getSearch() : null;var value = this.getValue();var _this$getProps = this.getProps(),menuWidth = _this$getProps.menuWidth,menuPos = _this$getProps.menuPos,menuAlign = _this$getProps.menuAlign,positions = _this$getProps.positions;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { opened: true, hasShadow: true, id: this.menuId, "data-tid": _tids.SelectDataTids.menu, positions: positions != null ? positions : (0, _getMenuPositions.getMenuPositions)(menuPos, menuAlign), anchorElement: this.popupGetParent(), priority: _ZIndex.ZIndex.priorities.PopupMenu, disablePortal: this.props.disablePortal, margin: parseInt(this.theme.menuOffsetY) - 1, width: menuWidth, minWidth: menuWidth === undefined ? '100%' : undefined, popupOffset: this.props.menuOffset }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { hasMargin: false, ref: this.refMenu, onItemClick: this.close, maxHeight: this.props.maxMenuHeight, align: menuAlign }, search, this.getMenuItems(value)));};_proto.renderMobileMenu = function renderMobileMenu() {var search = this.props.search ? this.getMobileSearch() : null;var value = this.getValue();return /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { headerChildComponent: search, caption: this.props.mobileMenuHeaderText, onCloseRequest: this.close, opened: this.state.opened }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { onItemClick: this.close, disableScrollContainer: true, maxHeight: 'auto' }, this.getMenuItems(value)));};_proto.select = function select(value) {this.focus();this.setState({ opened: false, value: value });if (!this.areValuesEqual(this.getValue(), value)) {var _this$props$onValueCh, _this$props;(_this$props$onValueCh = (_this$props = this.props).onValueChange) == null || _this$props$onValueCh.call(_this$props, value);}};_proto.getValue = function getValue() {if (this.props.value !== undefined) {return this.props.value;}return this.state.value;};_proto.mapItems = function mapItems(fn) {var items = this.props.items;if (!items) {return [];}var pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();var result = [];var index = 0;for (var _iterator = (0, _createForOfIteratorHelperLoose2.default)(items), _step; !(_step = _iterator()).done;) {var entry = _step.value;var _normalizeEntry = normalizeEntry(entry),value = _normalizeEntry[0],item = _normalizeEntry[1],comment = _normalizeEntry[2];if (!pattern || this.getProps().filterItem(value, item, pattern)) {result.push(fn(value, item, index, comment));++index;}}return result;};_proto.getItemByValue = function getItemByValue(value) {if (value === null || value === undefined) {return null;}var items = this.props.items || [];for (var _iterator2 = (0, _createForOfIteratorHelperLoose2.default)(items), _step2; !(_step2 = _iterator2()).done;) {var entry = _step2.value;var _normalizeEntry2 = normalizeEntry(entry),itemValue = _normalizeEntry2[0],item = _normalizeEntry2[1];if (this.areValuesEqual(itemValue, value)) {return item;}}return null;};_proto.areValuesEqual = function areValuesEqual(value1, value2) {return (0, _utils.isNonNullable)(value1) && (0, _utils.isNonNullable)(value2) && this.getProps().areValuesEqual(value1, value2);};return Select;}(_react.default.Component), _Select.__KONTUR_REACT_UI__ = 'Select', _Select.displayName = 'Select', _Select.defaultProps = { renderValue: renderValue, renderItem: renderItem, areValuesEqual: areValuesEqual, filterItem: filterItem, use: 'default' }, _Select.Item = _Item.Item, _Select.SEP = function () {return /*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, null);}, _Select.staticElement = function (element) {(0, _invariant.default)( /*#__PURE__*/_react.default.isValidElement(element) || typeof element === 'function', 'Select.staticElement(element) expects element to be a valid react element.');return element;}, _Select)) || _class) || _class) || _class) || _class);
 function renderValue(value, item) {