npm - @skbkontur/react-ui - Versions diffs - 0.0.0-80ce75eca6 → 0.0.0-85ea551f96 - Mend

@skbkontur/react-ui 0.0.0-80ce75eca6 → 0.0.0-85ea551f96

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 (1782) hide show

package/cjs/internal/DateSelect/DateSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DateSelect.tsx"],"names":["itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","DateSelect","DatePickerLocaleHelper","state","botCapped","current","height","opened","pos","top","topCapped","nodeTop","Infinity","theme","locale","root","itemsContainer","listener","timeout","longClickTimer","setPositionRepeatTimer","yearStep","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","clearTimeout","setTimeout","getBoundingClientRect","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","handleItemClick","shift","e","value","onValueChange","handleKey","handleUp","handleDown","UNSAFE_componentWillReceiveProps","componentDidMount","LayoutEvents","addListener","componentWillUnmount","remove","render","renderMain","width","rootProps","className","jsStyles","Boolean","style","ref","caption","getItem","arrow","arrowDisabled","renderMenu","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItem","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","onClick","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","menuUp","itemsHolder","menuDown","type","months","minPos","getMinPos","maxPos","getMaxPos","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","number","isRequired","oneOfType","func","defaultProps","minMonth","maxMonth"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\r\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { DropdownContainer } from '../DropdownContainer';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { ArrowTriangleDownIcon, ArrowTriangleUpDownIcon, ArrowTriangleUpIcon } from '../icons/16px';\r\n\r\nimport { jsStyles } from './DateSelect.styles';\r\n\r\nconst itemHeight = 24;\r\nconst visibleYearsCount = 11;\r\nconst itemsToMoveCount = -5;\r\nconst monthsCount = 12;\r\nconst defaultMinYear = 1900;\r\nconst defaultMaxYear = 2100;\r\n\r\nexport interface DateSelectProps {\r\n disabled?: boolean \| null;\r\n onValueChange: (value: number) => void;\r\n type?: 'month' \| 'year';\r\n value: number;\r\n width?: number \| string;\r\n minValue?: number;\r\n maxValue?: number;\r\n}\r\n\r\nexport interface DateSelectState {\r\n botCapped: boolean;\r\n current: Nullable<number>;\r\n height: number;\r\n opened: boolean;\r\n pos: number;\r\n top: number;\r\n topCapped: boolean;\r\n nodeTop: number;\r\n}\r\n\r\n@locale('DatePicker', DatePickerLocaleHelper)\r\nexport class DateSelect extends React.Component<DateSelectProps, DateSelectState> {\r\n public static __KONTUR_REACT_UI__ = 'DateSelect';\r\n\r\n public static propTypes = {\r\n disabled: PropTypes.bool,\r\n\r\n type: PropTypes.string,\r\n\r\n value: PropTypes.number.isRequired,\r\n\r\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n onValueChange: PropTypes.func,\r\n\r\n minValue: PropTypes.number,\r\n\r\n maxValue: PropTypes.number,\r\n };\r\n\r\n public static defaultProps = {\r\n type: 'year',\r\n minMonth: 0,\r\n maxMonth: 11,\r\n width: 'auto',\r\n };\r\n\r\n public state = {\r\n botCapped: false,\r\n current: 0,\r\n height: 0,\r\n opened: false,\r\n pos: 0,\r\n top: 0,\r\n topCapped: false,\r\n nodeTop: Infinity,\r\n };\r\n\r\n private theme!: Theme;\r\n private readonly locale!: DatePickerLocale;\r\n private root: HTMLElement \| null = null;\r\n private itemsContainer: HTMLElement \| null = null;\r\n private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\r\n private timeout: number \| undefined;\r\n private longClickTimer = 0;\r\n private setPositionRepeatTimer = 0;\r\n private yearStep = 3;\r\n\r\n public UNSAFE_componentWillReceiveProps() {\r\n this.setNodeTop();\r\n }\r\n\r\n public componentDidMount() {\r\n this.listener = LayoutEvents.addListener(this.setNodeTop);\r\n this.setNodeTop();\r\n window.addEventListener('keydown', this.handleKey);\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.listener) {\r\n this.listener.remove();\r\n }\r\n if (this.timeout) {\r\n clearTimeout(this.timeout);\r\n }\r\n if (this.longClickTimer) {\r\n clearTimeout(this.longClickTimer);\r\n }\r\n if (this.setPositionRepeatTimer) {\r\n clearTimeout(this.setPositionRepeatTimer);\r\n }\r\n window.removeEventListener('keydown', this.handleKey);\r\n }\r\n\r\n /*\r\n @public\r\n /\r\n public open = () => {\r\n if (this.props.disabled) {\r\n return;\r\n }\r\n\r\n if (this.state.opened) {\r\n return;\r\n }\r\n\r\n this.setPosition(0);\r\n this.setState({\r\n opened: true,\r\n current: 0,\r\n });\r\n };\r\n\r\n /\r\n @public\r\n /\r\n public close = () => {\r\n if (!this.state.opened) {\r\n return;\r\n }\r\n\r\n this.setState({ opened: false });\r\n };\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n const { width, disabled } = this.props;\r\n const rootProps = {\r\n className: cn({\r\n [jsStyles.root(this.theme)]: true,\r\n [jsStyles.disabled()]: Boolean(disabled),\r\n }),\r\n style: { width },\r\n ref: this.refRoot,\r\n };\r\n return (\r\n <span {...rootProps}>\r\n <div data-tid=\"DateSelect__caption\" className={jsStyles.caption()} onClick={this.open}>\r\n {this.getItem(0)}\r\n <div\r\n className={cn({\r\n [jsStyles.arrow(this.theme)]: true,\r\n [jsStyles.arrowDisabled()]: Boolean(disabled),\r\n })}\r\n >\r\n <ArrowTriangleUpDownIcon size={12} />\r\n </div>\r\n </div>\r\n {this.state.opened && this.renderMenu()}\r\n </span>\r\n );\r\n }\r\n\r\n private refRoot = (element: HTMLElement \| null) => {\r\n this.root = element;\r\n };\r\n\r\n private setNodeTop = () => {\r\n const root = this.root;\r\n if (!root) {\r\n return;\r\n }\r\n if (this.timeout) {\r\n clearTimeout(this.timeout);\r\n }\r\n this.timeout = setTimeout(() =>\r\n this.setState({\r\n nodeTop: root.getBoundingClientRect().top,\r\n }),\r\n );\r\n };\r\n\r\n private disableItems(index: number) {\r\n const value = this.props.value + index;\r\n if (this.props.maxValue != null && this.props.minValue != null) {\r\n return value > this.props.maxValue \|\| value < this.props.minValue;\r\n }\r\n if (this.props.minValue != null) {\r\n return value < this.props.minValue;\r\n }\r\n if (this.props.maxValue != null) {\r\n return value > this.props.maxValue;\r\n }\r\n }\r\n\r\n private renderMenu(): React.ReactNode {\r\n const { top, height, nodeTop } = this.state;\r\n\r\n let shift = this.state.pos % itemHeight;\r\n if (shift < 0) {\r\n shift += itemHeight;\r\n }\r\n\r\n const from = (this.state.pos - shift + top) / itemHeight;\r\n const to = from + Math.ceil((height + shift) / itemHeight);\r\n const items = [];\r\n\r\n for (let i = from; i < to; ++i) {\r\n const disableItems = this.disableItems(i) \|\| false;\r\n const className = cn({\r\n [jsStyles.menuItem(this.theme)]: true,\r\n [jsStyles.menuItemSelected(this.theme)]: i === 0,\r\n [jsStyles.menuItemActive(this.theme)]: i === this.state.current,\r\n [jsStyles.menuItemDisabled(this.theme)]: disableItems,\r\n });\r\n const clickHandler = {\r\n onMouseDown: preventDefault,\r\n onClick: this.handleItemClick(i),\r\n };\r\n items.push(\r\n <div\r\n data-tid=\"DateSelect__menuItem\"\r\n data-prop-disabled={disableItems}\r\n key={i}\r\n className={className}\r\n onMouseEnter={() => this.setState({ current: i })}\r\n onMouseLeave={() => this.setState({ current: null })}\r\n {...clickHandler}\r\n >\r\n {this.getItem(i)}\r\n </div>,\r\n );\r\n }\r\n const style: {\r\n left?: number \| string;\r\n right?: number \| string;\r\n top: number;\r\n width?: number \| string;\r\n } = {\r\n top: top - 5,\r\n left: 0,\r\n right: 0,\r\n };\r\n\r\n const shiftStyle: React.CSSProperties = {\r\n position: 'relative',\r\n top: -shift,\r\n };\r\n\r\n const holderClass = cn({\r\n [jsStyles.menuHolder(this.theme)]: true,\r\n [jsStyles.isTopCapped()]: this.state.topCapped,\r\n [jsStyles.isBotCapped()]: this.state.botCapped,\r\n });\r\n\r\n let dropdownOffset = -itemHeight;\r\n if (nodeTop < -top) {\r\n const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\r\n dropdownOffset -= nodeTop + top - overflowOffsetDelta;\r\n }\r\n\r\n return (\r\n <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\r\n <div>\r\n <DropdownContainer getParent={this.getAnchor} offsetY={dropdownOffset} offsetX={-10}>\r\n <div className={holderClass} style={style}>\r\n {!this.state.topCapped && (\r\n <div\r\n className={jsStyles.menuUp(this.theme)}\r\n onClick={this.handleUp}\r\n onMouseDown={this.handleLongClickUp}\r\n onMouseUp={this.handleLongClickStop}\r\n onMouseLeave={this.handleLongClickStop}\r\n onTouchStart={this.handleLongClickUp}\r\n onTouchEnd={this.handleLongClickStop}\r\n >\r\n <span>\r\n <ArrowTriangleUpIcon />\r\n </span>\r\n </div>\r\n )}\r\n <div className={jsStyles.itemsHolder()} style={{ height }}>\r\n <div ref={this.refItemsContainer} style={shiftStyle}>\r\n {items}\r\n </div>\r\n </div>\r\n {!this.state.botCapped && (\r\n <div\r\n className={jsStyles.menuDown(this.theme)}\r\n onClick={this.handleDown}\r\n onMouseDown={this.handleLongClickDown}\r\n onMouseUp={this.handleLongClickStop}\r\n onMouseLeave={this.handleLongClickStop}\r\n onTouchStart={this.handleLongClickDown}\r\n onTouchEnd={this.handleLongClickStop}\r\n >\r\n <span>\r\n <ArrowTriangleDownIcon />\r\n </span>\r\n </div>\r\n )}\r\n </div>\r\n </DropdownContainer>\r\n </div>\r\n </RenderLayer>\r\n );\r\n }\r\n\r\n private refItemsContainer = (element: HTMLElement \| null) => {\r\n if (!this.itemsContainer && element) {\r\n element.addEventListener('wheel', this.handleWheel, { passive: false });\r\n }\r\n if (this.itemsContainer && !element) {\r\n this.itemsContainer.removeEventListener('wheel', this.handleWheel);\r\n }\r\n this.itemsContainer = element;\r\n };\r\n\r\n private handleLongClickUp = (event: React.MouseEvent \| React.TouchEvent) => {\r\n event.preventDefault();\r\n this.longClickTimer = window.setTimeout(() => {\r\n this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\r\n }, 200);\r\n };\r\n\r\n private handleLongClickDown = (event: React.MouseEvent \| React.TouchEvent) => {\r\n event.preventDefault();\r\n this.longClickTimer = window.setTimeout(() => {\r\n this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\r\n }, 200);\r\n };\r\n\r\n private handleLongClickStop = () => {\r\n clearTimeout(this.longClickTimer);\r\n clearTimeout(this.setPositionRepeatTimer);\r\n };\r\n\r\n private getAnchor = () => this.root;\r\n\r\n private handleWheel = (event: Event) => {\r\n if (!(event instanceof WheelEvent)) {\r\n return;\r\n }\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n let deltaY = event.deltaY;\r\n if (event.deltaMode === 1) {\r\n deltaY = itemHeight;\r\n } else if (event.deltaMode === 2) {\r\n deltaY = itemHeight 4;\r\n }\r\n const pos = this.state.pos + deltaY;\r\n this.setPosition(pos);\r\n };\r\n\r\n private handleItemClick = (shift: number) => {\r\n return (e: React.MouseEvent<HTMLElement>) => {\r\n const value = this.props.value + shift;\r\n if (this.props.onValueChange) {\r\n this.props.onValueChange(value);\r\n }\r\n this.setState({ opened: false });\r\n };\r\n };\r\n\r\n private handleKey = (e: KeyboardEvent) => {\r\n if (this.state.opened && isKeyEscape(e)) {\r\n e.preventDefault();\r\n this.close();\r\n e.stopPropagation();\r\n }\r\n };\r\n\r\n private handleUp = (event: React.MouseEvent) => {\r\n event.preventDefault();\r\n this.setPosition(this.state.pos - itemHeight * this.yearStep);\r\n };\r\n\r\n private handleDown = (event: React.MouseEvent) => {\r\n event.preventDefault();\r\n this.setPosition(this.state.pos + itemHeight * this.yearStep);\r\n };\r\n\r\n private getItem(index: number) {\r\n const value = this.props.value + index;\r\n if (this.props.type === 'month') {\r\n return this.locale.months[value];\r\n }\r\n return value;\r\n }\r\n\r\n private setPosition(pos: number) {\r\n let top = itemsToMoveCount * itemHeight;\r\n let height = visibleYearsCount * itemHeight;\r\n if (this.props.type === 'month') {\r\n top = -this.props.value * itemHeight;\r\n height = monthsCount * itemHeight;\r\n }\r\n\r\n const minPos = this.getMinPos() - top;\r\n const maxPos = this.getMaxPos() - top - height + itemHeight;\r\n if (minPos >= pos) {\r\n pos = minPos;\r\n }\r\n if (maxPos <= pos) {\r\n pos = maxPos;\r\n }\r\n const topCapped = pos <= minPos;\r\n const botCapped = pos >= maxPos;\r\n\r\n this.setState({ pos, top, height, topCapped, botCapped });\r\n }\r\n\r\n private getMinPos() {\r\n if (this.props.type === 'month') {\r\n return -this.props.value * itemHeight;\r\n } else if (this.props.type === 'year') {\r\n return ((this.props.minValue \|\| defaultMinYear) - this.props.value) * itemHeight;\r\n }\r\n return -Infinity; // Be defensive.\r\n }\r\n\r\n private getMaxPos() {\r\n if (this.props.type === 'month') {\r\n return (visibleYearsCount - this.props.value) * itemHeight;\r\n } else if (this.props.type === 'year') {\r\n return ((this.props.maxValue \|\| defaultMaxYear) - this.props.value) * itemHeight;\r\n }\r\n return Infinity; // Be defensive.\r\n }\r\n}\r\n\r\nfunction preventDefault(e: React.SyntheticEvent) {\r\n e.preventDefault();\r\n}\r\n"]}
1	+ {"version":3,"sources":["DateSelect.tsx"],"names":["itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","DateSelect","DatePickerLocaleHelper","state","botCapped","current","height","opened","pos","top","topCapped","nodeTop","Infinity","theme","locale","root","itemsContainer","listener","timeout","longClickTimer","setPositionRepeatTimer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","clearTimeout","setTimeout","getBoundingClientRect","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","isMobile","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","e","value","onValueChange","handleKey","handleUp","handleDown","componentDidUpdate","componentDidMount","LayoutEvents","addListener","componentWillUnmount","remove","render","renderMain","width","rootProps","className","styles","Boolean","style","ref","caption","getItem","arrow","arrowDisabled","renderMenu","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItem","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","onClick","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","menu","menuUp","itemsHolder","menuDown","type","months","minPos","getMinPos","maxPos","getMaxPos","React","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","number","isRequired","oneOfType","func","defaultProps","minMonth","maxMonth"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../RenderLayer';\nimport { DropdownContainer } from '../DropdownContainer';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ArrowTriangleUpDownIcon, ArrowChevronDownIcon, ArrowChevronUpIcon } from '../icons/16px';\nimport { isMobile } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './DateSelect.styles';\n\nconst itemHeight = 24;\nconst visibleYearsCount = 11;\nconst itemsToMoveCount = -5;\nconst monthsCount = 12;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2100;\n\nexport interface DateSelectProps {\n disabled?: boolean \| null;\n onValueChange: (value: number) => void;\n type?: 'month' \| 'year';\n value: number;\n width?: number \| string;\n minValue?: number;\n maxValue?: number;\n}\n\nexport interface DateSelectState {\n botCapped: boolean;\n current: Nullable<number>;\n height: number;\n opened: boolean;\n pos: number;\n top: number;\n topCapped: boolean;\n nodeTop: number;\n}\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n public static __KONTUR_REACT_UI__ = 'DateSelect';\n\n public static propTypes = {\n disabled: PropTypes.bool,\n\n type: PropTypes.string,\n\n value: PropTypes.number.isRequired,\n\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n onValueChange: PropTypes.func,\n\n minValue: PropTypes.number,\n\n maxValue: PropTypes.number,\n };\n\n public static defaultProps = {\n type: 'year',\n minMonth: 0,\n maxMonth: 11,\n width: 'auto',\n };\n\n public state = {\n botCapped: false,\n current: 0,\n height: 0,\n opened: false,\n pos: 0,\n top: 0,\n topCapped: false,\n nodeTop: Infinity,\n };\n\n private theme!: Theme;\n private readonly locale!: DatePickerLocale;\n private root: HTMLElement \| null = null;\n private itemsContainer: HTMLElement \| null = null;\n private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n private timeout: NodeJS.Timeout \| undefined;\n private longClickTimer = 0;\n private setPositionRepeatTimer = 0;\n private yearStep = 3;\n private touchStartY: Nullable<number> = null;\n\n public componentDidUpdate() {\n this.setNodeTop();\n }\n\n public componentDidMount() {\n this.listener = LayoutEvents.addListener(this.setNodeTop);\n this.setNodeTop();\n window.addEventListener('keydown', this.handleKey);\n }\n\n public componentWillUnmount() {\n if (this.listener) {\n this.listener.remove();\n }\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n if (this.longClickTimer) {\n clearTimeout(this.longClickTimer);\n }\n if (this.setPositionRepeatTimer) {\n clearTimeout(this.setPositionRepeatTimer);\n }\n window.removeEventListener('keydown', this.handleKey);\n }\n\n /*\n @public\n /\n public open = () => {\n if (this.props.disabled) {\n return;\n }\n\n if (this.state.opened) {\n return;\n }\n\n this.setPosition(0);\n this.setState({\n opened: true,\n current: 0,\n });\n };\n\n /\n @public\n /\n public close = () => {\n if (!this.state.opened) {\n return;\n }\n\n this.setState({ opened: false });\n };\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { width, disabled } = this.props;\n const rootProps = {\n className: cx({\n [styles.root(this.theme)]: true,\n [styles.disabled()]: Boolean(disabled),\n }),\n style: { width },\n ref: this.refRoot,\n };\n return (\n <span {...rootProps}>\n <div data-tid=\"DateSelect__caption\" className={styles.caption()} onClick={this.open}>\n {this.getItem(0)}\n <div\n className={cx({\n [styles.arrow(this.theme)]: true,\n [styles.arrowDisabled()]: Boolean(disabled),\n })}\n >\n <ArrowTriangleUpDownIcon size={12} />\n </div>\n </div>\n {this.state.opened && this.renderMenu()}\n </span>\n );\n }\n\n private refRoot = (element: HTMLElement \| null) => {\n this.root = element;\n };\n\n private setNodeTop = () => {\n const root = this.root;\n if (!root) {\n return;\n }\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n this.timeout = setTimeout(() =>\n this.setState({\n nodeTop: root.getBoundingClientRect().top,\n }),\n );\n };\n\n private disableItems(index: number) {\n const value = this.props.value + index;\n if (this.props.maxValue != null && this.props.minValue != null) {\n return value > this.props.maxValue \|\| value < this.props.minValue;\n }\n if (this.props.minValue != null) {\n return value < this.props.minValue;\n }\n if (this.props.maxValue != null) {\n return value > this.props.maxValue;\n }\n }\n\n private renderMenu(): React.ReactNode {\n const { top, height, nodeTop } = this.state;\n\n let shift = this.state.pos % itemHeight;\n if (shift < 0) {\n shift += itemHeight;\n }\n\n const from = (this.state.pos - shift + top) / itemHeight;\n const to = from + Math.ceil((height + shift) / itemHeight);\n const items = [];\n\n for (let i = from; i < to; ++i) {\n const disableItems = this.disableItems(i) \|\| false;\n const className = cx({\n [styles.menuItem(this.theme)]: true,\n [styles.menuItemSelected(this.theme)]: i === 0,\n [styles.menuItemActive(this.theme)]: i === this.state.current,\n [styles.menuItemDisabled(this.theme)]: disableItems,\n });\n const clickHandler = {\n onMouseDown: preventDefault,\n onClick: this.handleItemClick(i),\n };\n items.push(\n <div\n data-tid=\"DateSelect__menuItem\"\n data-prop-disabled={disableItems}\n key={i}\n className={className}\n onMouseEnter={() => this.setState({ current: i })}\n onMouseLeave={() => this.setState({ current: null })}\n {...clickHandler}\n >\n {this.getItem(i)}\n </div>,\n );\n }\n const style: {\n left?: number \| string;\n right?: number \| string;\n top: number;\n width?: number \| string;\n } = {\n top: top - 5,\n left: 0,\n right: 0,\n };\n\n const shiftStyle: React.CSSProperties = {\n position: 'relative',\n top: -shift,\n };\n\n const holderClass = cx({\n [styles.menuHolder(this.theme)]: true,\n [styles.isTopCapped()]: this.state.topCapped,\n [styles.isBotCapped()]: this.state.botCapped,\n });\n\n let dropdownOffset = -itemHeight;\n if (nodeTop < -top) {\n const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\n dropdownOffset -= nodeTop + top - overflowOffsetDelta;\n }\n\n return (\n <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\n <div>\n <DropdownContainer getParent={this.getAnchor} offsetY={dropdownOffset} offsetX={-10}>\n <div className={holderClass} style={style}>\n {!this.state.topCapped && (\n <div\n className={cx(styles.menu(this.theme), styles.menuUp())}\n onClick={this.handleUp}\n onMouseDown={this.handleLongClickUp}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickUp}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>\n <ArrowChevronUpIcon />\n </span>\n </div>\n )}\n <div className={styles.itemsHolder()} style={{ height }}>\n <div ref={this.refItemsContainer} style={shiftStyle}>\n {items}\n </div>\n </div>\n {!this.state.botCapped && (\n <div\n className={cx(styles.menu(this.theme), styles.menuDown())}\n onClick={this.handleDown}\n onMouseDown={this.handleLongClickDown}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickDown}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>\n <ArrowChevronDownIcon />\n </span>\n </div>\n )}\n </div>\n </DropdownContainer>\n </div>\n </RenderLayer>\n );\n }\n\n private refItemsContainer = (element: HTMLElement \| null) => {\n if (!this.itemsContainer && element) {\n element.addEventListener('wheel', this.handleWheel, { passive: false });\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('wheel', this.handleWheel);\n }\n\n if (isMobile) {\n if (!this.itemsContainer && element) {\n element.addEventListener('touchstart', this.handleTouchStart);\n element.addEventListener('touchmove', this.handleTouchMove);\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('touchstart', this.handleTouchStart);\n this.itemsContainer.removeEventListener('touchmove', this.handleTouchMove);\n }\n }\n\n this.itemsContainer = element;\n };\n\n private handleLongClickUp = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = window.setTimeout(() => {\n this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickDown = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = window.setTimeout(() => {\n this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickStop = () => {\n clearTimeout(this.longClickTimer);\n clearTimeout(this.setPositionRepeatTimer);\n };\n\n private getAnchor = () => this.root;\n\n private handleWheel = (event: Event) => {\n if (!(event instanceof WheelEvent)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n\n let deltaY = event.deltaY;\n if (event.deltaMode === 1) {\n deltaY = itemHeight;\n } else if (event.deltaMode === 2) {\n deltaY = itemHeight 4;\n }\n const pos = this.state.pos + deltaY;\n this.setPosition(pos);\n };\n\n private handleTouchStart = (event: Event) => {\n if (!(event instanceof TouchEvent)) {\n return;\n }\n\n this.touchStartY = event.targetTouches[0].clientY;\n };\n\n private handleTouchMove = (event: Event) => {\n if (!(event instanceof TouchEvent)) {\n return;\n }\n\n const { clientY } = event.changedTouches[0];\n const pixelRatio = window.devicePixelRatio;\n\n const deltaY = ((this.touchStartY \|\| 0) - clientY) / pixelRatio;\n const pos = this.state.pos + deltaY + deltaY / itemHeight;\n\n this.touchStartY = clientY;\n\n this.setPosition(pos);\n };\n\n private handleItemClick = (shift: number) => {\n return (e: React.MouseEvent<HTMLElement>) => {\n const value = this.props.value + shift;\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n this.setState({ opened: false });\n };\n };\n\n private handleKey = (e: KeyboardEvent) => {\n if (this.state.opened && isKeyEscape(e)) {\n e.preventDefault();\n this.close();\n e.stopPropagation();\n }\n };\n\n private handleUp = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos - itemHeight * this.yearStep);\n };\n\n private handleDown = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos + itemHeight * this.yearStep);\n };\n\n private getItem(index: number) {\n const value = this.props.value + index;\n if (this.props.type === 'month') {\n return this.locale.months[value];\n }\n return value;\n }\n\n private setPosition(pos: number) {\n let top = itemsToMoveCount * itemHeight;\n let height = visibleYearsCount * itemHeight;\n if (this.props.type === 'month') {\n top = -this.props.value * itemHeight;\n height = monthsCount * itemHeight;\n }\n\n const minPos = this.getMinPos() - top;\n const maxPos = this.getMaxPos() - top - height + itemHeight;\n if (minPos >= pos) {\n pos = minPos;\n }\n if (maxPos <= pos) {\n pos = maxPos;\n }\n const topCapped = pos <= minPos;\n const botCapped = pos >= maxPos;\n\n this.setState({ pos, top, height, topCapped, botCapped });\n }\n\n private getMinPos() {\n if (this.props.type === 'month') {\n return -this.props.value * itemHeight;\n } else if (this.props.type === 'year') {\n return ((this.props.minValue \|\| defaultMinYear) - this.props.value) * itemHeight;\n }\n return -Infinity; // Be defensive.\n }\n\n private getMaxPos() {\n if (this.props.type === 'month') {\n return (visibleYearsCount - this.props.value) * itemHeight;\n } else if (this.props.type === 'year') {\n return ((this.props.maxValue \|\| defaultMaxYear) - this.props.value) * itemHeight;\n }\n return Infinity; // Be defensive.\n }\n}\n\nfunction preventDefault(e: React.SyntheticEvent) {\n e.preventDefault();\n}\n"]}

package/cjs/internal/DateSelect/DateSelect.styles.d.ts CHANGED Viewed

@@ -1,18 +1,19 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
     disabled(): string;
     caption(): string;
-    arrow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    arrow(t: Theme): string;
     arrowDisabled(): string;
-    menuHolder(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    menuHolder(t: Theme): string;
     isTopCapped(): string;
     isBotCapped(): string;
     itemsHolder(): string;
-    menuItem(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuItemSelected(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuItemActive(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuItemDisabled(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menu(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuUp(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuDown(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    menuItem(t: Theme): string;
+    menuItemSelected(t: Theme): string;
+    menuItemActive(t: Theme): string;
+    menuItemDisabled(t: Theme): string;
+    menu(t: Theme): string;
+    menuUp(): string;
+    menuDown(): string;
 };

package/cjs/internal/DateSelect/DateSelect.styles.js CHANGED Viewed

@@ -1,12 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject16() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "]);_templateObject16 = function _templateObject16() {return data;};return data;}function _templateObject15() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "]);_templateObject15 = function _templateObject15() {return data;};return data;}function _templateObject14() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ", ";\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        color: ", ";\n      }\n    "]);_templateObject14 = function _templateObject14() {return data;};return data;}function _templateObject13() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      position: relative;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 5px;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n      padding-top: 5px;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: ", ";\n      box-sizing: content-box;\n      color: ", ";\n      font-size: 14px;\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      float: right;\n      line-height: 24px;\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n      cursor: default;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-size: 14px;\n      line-height: 24px;\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n\n      &:hover {\n        color: ", ";\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = 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, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
-    t.textColorDefault,
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
+    t.dateSelectTextColorDefault,
+    t.dateSelectFontSize,
+    t.dateSelectLineHeight,
@@ -14,30 +16,29 @@ var styles = {
-    t.linkColor);
+    t.dateSelectLinkColor);
   },
   disabled: function disabled() {
-    return (0, _Emotion.css)(_templateObject2());
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
   },
   caption: function caption() {
-    return (0, _Emotion.css)(_templateObject3());
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
   },
   arrow: function arrow(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    t.textColorDisabled);
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      float: right;\n      line-height: ", ";\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    "])),
+    t.dateSelectTextColorDisabled,
+    t.dateSelectLineHeight);
@@ -47,18 +48,18 @@ var styles = {
   },
   arrowDisabled: function arrowDisabled() {
-    return (0, _Emotion.css)(_templateObject5());
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0;\n    "])));
   },
   menuHolder: function menuHolder(t) {
-    return (0, _Emotion.css)(_templateObject6(),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: ", ";\n      box-sizing: content-box;\n      color: ", ";\n      font-size: ", ";\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    "])),
     t.dateSelectMenuBg,
-    t.popupBoxShadow,
-    t.textColorDefault);
+    t.dateSelectPopupBoxShadow,
+    t.dateSelectTextColorDefault,
+    t.dateSelectFontSize);
@@ -67,28 +68,29 @@ var styles = {
   },
   isTopCapped: function isTopCapped() {
-    return (0, _Emotion.css)(_templateObject7());
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n      padding-top: 5px;\n    "])));
   },
   isBotCapped: function isBotCapped() {
-    return (0, _Emotion.css)(_templateObject8());
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 5px;\n    "])));
   },
   itemsHolder: function itemsHolder() {
-    return (0, _Emotion.css)(_templateObject9());
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      position: relative;\n    "])));
   },
   menuItem: function menuItem(t) {
-    return (0, _Emotion.css)(_templateObject10(),
-    t.textColorDefault);
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n    "])),
+    t.dateSelectTextColorDefault);
@@ -99,29 +101,29 @@ var styles = {
   },
   menuItemSelected: function menuItemSelected(t) {
-    return (0, _Emotion.css)(_templateObject11(),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
     t.dateSelectMenuItemBgSelected,
     t.dateSelectMenuItemFontSelected);
   },
   menuItemActive: function menuItemActive(t) {
-    return (0, _Emotion.css)(_templateObject12(),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
     t.dateSelectMenuItemBgActive,
     t.dateSelectMenuItemFontActive);
   },
   menuItemDisabled: function menuItemDisabled(t) {
-    return (0, _Emotion.css)(_templateObject13(),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])),
     t.dateSelectMenuItemBgDisabled,
-    t.textColorDisabled);
+    t.dateSelectTextColorDisabled);
   },
   menu: function menu(t) {
-    return (0, _Emotion.css)(_templateObject14(),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ", ";\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        color: ", ";\n      }\n    "])),
@@ -131,19 +133,17 @@ var styles = {
     t.dateSelectMenuBg,
-    t.textColorDefault,
+    t.dateSelectTextColorDefault,
     t.dateSelectMenuItemBgActive,
-    t.textColorInvert);
+    t.dateSelectTextColorInvert);
   },
-  menuUp: function menuUp(t) {
-    return (0, _Emotion.css)(_templateObject15(),
-    styles.menu(t));
+  menuUp: function menuUp() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "])));
@@ -151,16 +151,11 @@ var styles = {
   },
-  menuDown: function menuDown(t) {
-    return (0, _Emotion.css)(_templateObject16(),
-    styles.menu(t));
+  menuDown: function menuDown() {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])));
-  } };
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/internal/DateSelect/DateSelect.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DateSelect.styles.ts"],"names":["styles","root","t","css","~~textColorDefault~~","~~linkColor~~","disabled","caption","arrow","~~textColorDisabled~~","arrowDisabled","menuHolder","dateSelectMenuBg","~~popupBoxShadow~~","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","~~textColorInvert~~","menuUp","menuDown"~~,"jsStyles"~~],"mappings":"~~8QAAA~~,oD;;;~~AAGA~~,IAAMA,MAAM,GAAG;~~AACbC~~,EAAAA,~~IADa~~,~~gBACRC~~,~~CADQ~~,~~EACE~~;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,~~gBADb;;;;;;;;;;;AAYaF~~,IAAAA,CAAC,CAACG,~~SAZf~~;;;~~AAeD~~,~~GAjBY~~;;~~AAmBbC~~,EAAAA,~~QAnBa~~,~~sBAmBF~~;AACT,~~eAAOH~~,YAAP;;;;AAID,~~GAxBY~~;;~~AA0BbI~~,EAAAA,~~OA1Ba~~,~~qBA0BH~~;AACR,~~eAAOJ~~,YAAP;;;AAGD,~~GA9BY~~;;~~AAgCbK~~,EAAAA,~~KAhCa~~,~~iBAgCPN~~,~~CAhCO~~,~~EAgCG~~;AACd,eAAOC,YAAP;AACWD,IAAAA,CAAC,~~CAACO~~,~~iBADb;;;;;;;;;;~~AAWD,~~GA5CY~~;~~AA6CbC~~,EAAAA,~~aA7Ca~~,~~2BA6CG~~;AACd,~~eAAOP~~,YAAP;;;AAGD,~~GAjDY~~;;~~AAmDbQ~~,EAAAA,~~UAnDa~~,~~sBAmDFT~~,~~CAnDE~~,~~EAmDQ~~;AACnB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,~~CAACU~~,gBADlB;~~AAEgBV~~,IAAAA,CAAC,~~CAACW~~,~~cAFlB~~;;~~AAIWX~~,IAAAA,CAAC,CAACE,~~gBAJb;;;;;;;~~AAWD,~~GA/DY~~;;~~AAiEbU~~,EAAAA,~~WAjEa~~,~~yBAiEC~~;AACZ,~~eAAOX~~,YAAP;;;;AAID,~~GAtEY~~;;~~AAwEbY~~,EAAAA,~~WAxEa~~,~~yBAwEC~~;AACZ,~~eAAOZ~~,YAAP;;;AAGD,~~GA5EY~~;;~~AA8Eba~~,EAAAA,~~WA9Ea~~,~~yBA8EC~~;AACZ,~~eAAOb~~,YAAP;;;;AAID,~~GAnFY~~;;~~AAqFbc~~,EAAAA,~~QArFa~~,~~oBAqFJf~~,~~CArFI~~,~~EAqFM~~;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,~~gBADb;;;;;;;;AASD~~,~~GA/FY~~;;~~AAiGbc~~,EAAAA,~~gBAjGa~~,~~4BAiGIhB~~,~~CAjGJ~~,~~EAiGc~~;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,~~CAACiB~~,4BADlB;~~AAEWjB~~,IAAAA,CAAC,~~CAACkB~~,8BAFb;;AAID,~~GAtGY~~;;~~AAwGbC~~,EAAAA,~~cAxGa~~,~~0BAwGEnB~~,~~CAxGF~~,~~EAwGY~~;AACvB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,~~CAACoB~~,0BADlB;~~AAEWpB~~,IAAAA,CAAC,~~CAACqB~~,4BAFb;;AAID,~~GA7GY~~;;~~AA+GbC~~,EAAAA,~~gBA/Ga~~,~~4BA+GItB~~,~~CA/GJ~~,~~EA+Gc~~;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,~~CAACuB~~,4BADlB;~~AAEWvB~~,IAAAA,CAAC,~~CAACO~~,~~iBAFb~~;;;AAKD,~~GArHY~~;;~~AAuHbiB~~,EAAAA,~~IAvHa~~,~~gBAuHRxB~~,~~CAvHQ~~,~~EAuHE~~;AACb,eAAOC,YAAP;;;;;;;;;AASgBD,IAAAA,CAAC,~~CAACU~~,gBATlB;~~AAUWV~~,IAAAA,CAAC,CAACE,~~gBAVb~~;;;AAakBF,IAAAA,CAAC,~~CAACoB~~,0BAbpB;~~AAcapB~~,IAAAA,CAAC,~~CAACyB~~,~~eAdf~~;;;AAiBD,~~GAzIY~~;;~~AA2IbC~~,EAAAA,~~MA3Ia~~,~~kBA2IN1B,CA3IM,EA2II~~;~~AACf~~,~~eAAOC~~,YAAP~~;AACIH~~,~~IAAAA,MAAM,CAAC0B,IAAP,CAAYxB,CAAZ,CADJ;;;;;;;AAQD,GApJY~~;;~~AAsJb2B~~,EAAAA,~~QAtJa~~,~~oBAsJJ3B,CAtJI,EAsJM~~;~~AACjB~~,~~eAAOC~~,YAAP~~;AACIH~~,~~IAAAA~~,~~MAAM~~,~~CAAC0B~~,~~IAAP,CAAYxB,CAAZ,CADJ;;;;;;;AAQD,GA/JY,EAAf;;;AAkKO,IAAM4B,QAAQ,GAAG,2BAAa9B,MAAb,CAAjB,~~C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\~~r\nconst~~ styles = {\r\n root(t: Theme) {\r\n return css`\r\n color: ${t.~~textColorDefault~~};\r\n cursor: pointer;\r\n display: inline-block;\r\n font-size: ~~14px~~;\r\n line-height: ~~24px~~;\r\n outline: 0;\r\n padding-right: 2px;\r\n position: relative;\r\n text-align: left;\r\n\r\n &:hover {\r\n color: ${t.~~linkColor~~};\r\n }\r\n `;\r\n },\r\n\r\n disabled() {\r\n return css`\r\n color: inherit~~;\r~~\n cursor: default;\r\n `;\r\n },\r\n\r\n caption() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n\r\n arrow(t: Theme) {\r\n return css`\r\n color: ${t.~~textColorDisabled~~};\r\n float: right;\r\n line-height: ~~24px~~;\r\n opacity: 1;\r\n position: absolute;\r\n right: 4px;\r\n top: 0;\r\n transform: scaleX(0.7);\r\n transition: opacity 0.2s ease-out;\r\n `;\r\n },\r\n arrowDisabled() {\r\n return css`\r\n opacity: 0;\r\n `;\r\n },\r\n\r\n menuHolder(t: Theme) {\r\n return css`\r\n background: ${t.dateSelectMenuBg};\r\n box-shadow: ${t.~~popupBoxShadow~~};\r\n box-sizing: content-box;\r\n color: ${t.~~textColorDefault~~};\r\n font-size: ~~14px~~;\r\n margin-top: -11px;\r\n overflow: hidden;\r\n position: absolute;\r\n z-index: 1000;\r\n `;\r\n },\r\n\r\n isTopCapped() {\r\n return css`\r\n margin-top: 0;\r\n padding-top: 5px;\r\n `;\r\n },\r\n\r\n isBotCapped() {\r\n return css`\r\n padding-bottom: 5px;\r\n `;\r\n },\r\n\r\n itemsHolder() {\r\n return css`\r\n overflow: hidden;\r\n position: relative;\r\n `;\r\n },\r\n\r\n menuItem(t: Theme) {\r\n return css`\r\n color: ${t.~~textColorDefault~~};\r\n cursor: pointer;\r\n height: 24px;\r\n line-height: 24px;\r\n padding-left: 10px;\r\n user-select: none;\r\n white-space: nowrap;\r\n `;\r\n },\r\n\r\n menuItemSelected(t: Theme) {\r\n return css`\r\n background: ${t.dateSelectMenuItemBgSelected};\r\n color: ${t.dateSelectMenuItemFontSelected};\r\n `;\r\n },\r\n\r\n menuItemActive(t: Theme) {\r\n return css`\r\n background: ${t.dateSelectMenuItemBgActive};\r\n color: ${t.dateSelectMenuItemFontActive};\r\n `;\r\n },\r\n\r\n menuItemDisabled(t: Theme) {\r\n return css`\r\n background: ${t.dateSelectMenuItemBgDisabled};\r\n color: ${t.~~textColorDisabled~~};\r\n pointer-events: none;\r\n `;\r\n },\r\n\r\n menu(t: Theme) {\r\n return css`\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n height: 16px;\r\n line-height: 0;\r\n padding-left: 18px;\r\n text-align: left;\r\n user-select: none;\r\n\r\n background: ${t.dateSelectMenuBg};\r\n color: ${t.~~textColorDefault~~};\r\n\r\n &:hover {\r\n background: ${t.dateSelectMenuItemBgActive};\r\n color: ${t.~~textColorInvert~~};\r\n }\r\n `;\r\n },\r\n\r\n menuUp(~~t: Theme~~) {\r\n return css`\r\n ~~${styles.menu(t)}\r\n\r\n~~ span {\r\n position: relative;\r\n top: -0.5px;\r\n }\r\n `;\r\n },\r\n\r\n menuDown(~~t: Theme~~) {\r\n return css`\r\n ~~${styles.menu(t)}\r\n\r\n~~ span {\r\n position: relative;\r\n top: -1px;\r\n }\r\n `;\r\n },\r\n}~~;\r\n\r\nexport const jsStyles = memoizeStyle(styles~~);\r\n"]}
1	+ {"version":3,"sources":["DateSelect.styles.ts"],"names":["styles","root","t","css","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","disabled","caption","arrow","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,0BADb;;;AAIeF,IAAAA,CAAC,CAACG,kBAJjB;AAKiBH,IAAAA,CAAC,CAACI,oBALnB;;;;;;;;AAaaJ,IAAAA,CAAC,CAACK,mBAbf;;;AAgBD,GAlBgC;;AAoBjCC,EAAAA,QApBiC,sBAoBtB;AACT,eAAOL,YAAP;;;;AAID,GAzBgC;;AA2BjCM,EAAAA,OA3BiC,qBA2BvB;AACR,eAAON,YAAP;;;AAGD,GA/BgC;;AAiCjCO,EAAAA,KAjCiC,iBAiC3BR,CAjC2B,EAiCjB;AACd,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACS,2BADb;;AAGiBT,IAAAA,CAAC,CAACI,oBAHnB;;;;;;;;AAWD,GA7CgC;AA8CjCM,EAAAA,aA9CiC,2BA8CjB;AACd,eAAOT,YAAP;;;AAGD,GAlDgC;;AAoDjCU,EAAAA,UApDiC,sBAoDtBX,CApDsB,EAoDZ;AACnB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACY,gBADlB;AAEgBZ,IAAAA,CAAC,CAACa,wBAFlB;;AAIWb,IAAAA,CAAC,CAACE,0BAJb;AAKeF,IAAAA,CAAC,CAACG,kBALjB;;;;;;AAWD,GAhEgC;;AAkEjCW,EAAAA,WAlEiC,yBAkEnB;AACZ,eAAOb,YAAP;;;;AAID,GAvEgC;;AAyEjCc,EAAAA,WAzEiC,yBAyEnB;AACZ,eAAOd,YAAP;;;AAGD,GA7EgC;;AA+EjCe,EAAAA,WA/EiC,yBA+EnB;AACZ,eAAOf,YAAP;;;;AAID,GApFgC;;AAsFjCgB,EAAAA,QAtFiC,oBAsFxBjB,CAtFwB,EAsFd;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,0BADb;;;;;;;;;AAUD,GAjGgC;;AAmGjCgB,EAAAA,gBAnGiC,4BAmGhBlB,CAnGgB,EAmGN;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACmB,4BADlB;AAEWnB,IAAAA,CAAC,CAACoB,8BAFb;;AAID,GAxGgC;;AA0GjCC,EAAAA,cA1GiC,0BA0GlBrB,CA1GkB,EA0GR;AACvB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACsB,0BADlB;AAEWtB,IAAAA,CAAC,CAACuB,4BAFb;;AAID,GA/GgC;;AAiHjCC,EAAAA,gBAjHiC,4BAiHhBxB,CAjHgB,EAiHN;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACyB,4BADlB;AAEWzB,IAAAA,CAAC,CAACS,2BAFb;;;AAKD,GAvHgC;;AAyHjCiB,EAAAA,IAzHiC,gBAyH5B1B,CAzH4B,EAyHlB;AACb,eAAOC,YAAP;;;;;;;;;AASgBD,IAAAA,CAAC,CAACY,gBATlB;AAUWZ,IAAAA,CAAC,CAACE,0BAVb;;;AAakBF,IAAAA,CAAC,CAACsB,0BAbpB;AAcatB,IAAAA,CAAC,CAAC2B,yBAdf;;;AAiBD,GA3IgC;;AA6IjCC,EAAAA,MA7IiC,oBA6IxB;AACP,eAAO3B,YAAP;;;;;;AAMD,GApJgC;;AAsJjC4B,EAAAA,QAtJiC,sBAsJtB;AACT,eAAO5B,YAAP;;;;;;AAMD,GA7JgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font-size: ${t.dateSelectFontSize};\n line-height: ${t.dateSelectLineHeight};\n outline: 0;\n padding-right: 2px;\n position: relative;\n text-align: left;\n touch-action: none;\n\n &:hover {\n color: ${t.dateSelectLinkColor};\n }\n `;\n },\n\n disabled() {\n return css`\n color: inherit !important; // override root:hover style\n cursor: default;\n `;\n },\n\n caption() {\n return css`\n position: relative;\n `;\n },\n\n arrow(t: Theme) {\n return css`\n color: ${t.dateSelectTextColorDisabled};\n float: right;\n line-height: ${t.dateSelectLineHeight};\n opacity: 1;\n position: absolute;\n right: 4px;\n top: 0;\n transform: scaleX(0.7);\n transition: opacity 0.2s ease-out;\n `;\n },\n arrowDisabled() {\n return css`\n opacity: 0;\n `;\n },\n\n menuHolder(t: Theme) {\n return css`\n background: ${t.dateSelectMenuBg};\n box-shadow: ${t.dateSelectPopupBoxShadow};\n box-sizing: content-box;\n color: ${t.dateSelectTextColorDefault};\n font-size: ${t.dateSelectFontSize};\n margin-top: -11px;\n overflow: hidden;\n position: absolute;\n z-index: 1000;\n `;\n },\n\n isTopCapped() {\n return css`\n margin-top: 0;\n padding-top: 5px;\n `;\n },\n\n isBotCapped() {\n return css`\n padding-bottom: 5px;\n `;\n },\n\n itemsHolder() {\n return css`\n overflow: hidden;\n position: relative;\n `;\n },\n\n menuItem(t: Theme) {\n return css`\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n padding-left: 10px;\n user-select: none;\n white-space: nowrap;\n touch-action: none;\n `;\n },\n\n menuItemSelected(t: Theme) {\n return css`\n background: ${t.dateSelectMenuItemBgSelected};\n color: ${t.dateSelectMenuItemFontSelected};\n `;\n },\n\n menuItemActive(t: Theme) {\n return css`\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectMenuItemFontActive};\n `;\n },\n\n menuItemDisabled(t: Theme) {\n return css`\n background: ${t.dateSelectMenuItemBgDisabled};\n color: ${t.dateSelectTextColorDisabled};\n pointer-events: none;\n `;\n },\n\n menu(t: Theme) {\n return css`\n box-sizing: border-box;\n cursor: pointer;\n height: 16px;\n line-height: 0;\n padding-left: 18px;\n text-align: left;\n user-select: none;\n\n background: ${t.dateSelectMenuBg};\n color: ${t.dateSelectTextColorDefault};\n\n &:hover {\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectTextColorInvert};\n }\n `;\n },\n\n menuUp() {\n return css`\n span {\n position: relative;\n top: -0.5px;\n }\n `;\n },\n\n menuDown() {\n return css`\n span {\n position: relative;\n top: -1px;\n }\n `;\n },\n});\n"]}

package/cjs/internal/DateSelect/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './DateSelect';\r\n"]}
1	+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './DateSelect';\n"]}

package/cjs/internal/DropdownContainer/DropdownContainer.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
-declare type DOMNode = Element | Text | null;
 export interface DropdownContainerPosition {
     top: Nullable<number>;
     bottom: Nullable<number>;
@@ -9,18 +8,19 @@ export interface DropdownContainerPosition {
 }
 export interface DropdownContainerProps {
     align?: 'left' | 'right';
-    getParent: () => DOMNode;
+    getParent: () => Nullable<HTMLElement>;
     children?: React.ReactNode;
     disablePortal?: boolean;
     offsetY?: number;
     offsetX?: number;
+    hasFixedWidth?: boolean;
 }
 export interface DropdownContainerState {
     position: Nullable<DropdownContainerPosition>;
     minWidth: number;
     isDocumentElementRoot?: boolean;
 }
-export declare class DropdownContainer extends React.Component<DropdownContainerProps, DropdownContainerState> {
+export declare class DropdownContainer extends React.PureComponent<DropdownContainerProps, DropdownContainerState> {
     static __KONTUR_REACT_UI__: string;
     static defaultProps: {
         align: string;
@@ -28,19 +28,17 @@ export declare class DropdownContainer extends React.Component<DropdownContainer
         offsetX: number;
         offsetY: number;
     };
-    state: DropdownContainerState;
     private getProps;
     private dom;
     private layoutSub;
+    constructor(props: DropdownContainerProps);
     componentDidMount(): void;
-    UNSAFE_componentWillMount(): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
-    private ref;
+    private ZIndexRef;
     private isElement;
-    private position;
+    position: () => void;
     private getHeight;
     private getMinWidth;
     private convertToRelativePosition;
 }
-export {};

package/cjs/internal/DropdownContainer/DropdownContainer.js CHANGED Viewed

@@ -1,12 +1,14 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DropdownContainer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _RenderContainer = require("../RenderContainer");
 var _ZIndex = require("../ZIndex");
-var _createPropsGetter = require("../../lib/createPropsGetter");var
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _Emotion = require("../../lib/theming/Emotion");
+var _client = require("../../lib/client");
+var _DropdownContainer = require("./DropdownContainer.styles");var
@@ -31,7 +33,7 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var
-DropdownContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DropdownContainer, _React$Component);function DropdownContainer() {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.
+DropdownContainer = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(DropdownContainer, _React$PureComponent);
@@ -41,18 +43,13 @@ DropdownContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
-    state = {
-      position: null,
-      minWidth: 0,
-      isDocumentElementRoot: true };_this.
-    getProps = (0, _createPropsGetter.createPropsGetter)(DropdownContainer.defaultProps);_this.
-    dom = null;_this.
-    layoutSub = void 0;_this.
+  function DropdownContainer(props) {var _this;
+    _this = _React$PureComponent.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(DropdownContainer.defaultProps);_this.dom = void 0;_this.layoutSub = void 0;_this.
@@ -100,8 +97,10 @@ DropdownContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
-    ref = function (e) {
-      _this.dom = e && (0, _reactDom.findDOMNode)(e);
+    ZIndexRef = function (element) {
+      _this.dom = element;
     };_this.
     isElement = function (node) {
@@ -112,7 +111,7 @@ DropdownContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
       var target = _this.props.getParent();
       var dom = _this.dom;
-      if (_this.isElement(target) && dom) {
+      if (target && _this.isElement(target) && dom) {
         var targetRect = target.getBoundingClientRect();var _document =
         document,body = _document.body,docEl = _document.documentElement;
@@ -174,7 +173,7 @@ DropdownContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
     getMinWidth = function () {
       var target = _this.props.getParent();
-      if (!_this.isElement(target)) {
+      if (!target || !_this.isElement(target)) {
         return 0;
       }
       return target.getBoundingClientRect().width;
@@ -184,7 +183,7 @@ DropdownContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
       var target = _this.props.getParent();var _this$props =
       _this.props,_this$props$offsetX = _this$props.offsetX,offsetX = _this$props$offsetX === void 0 ? 0 : _this$props$offsetX,_this$props$offsetY2 = _this$props.offsetY,offsetY = _this$props$offsetY2 === void 0 ? 0 : _this$props$offsetY2;var
       top = position.top,bottom = position.bottom,left = position.left,right = position.right;
-      if (_this.isElement(target)) {
+      if (target && _this.isElement(target)) {
         var targetHeight = target.getBoundingClientRect().height;
         return {
           top: top !== null ? targetHeight + offsetY : null,
@@ -199,4 +198,15 @@ DropdownContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
         left: offsetX,
         right: null };
-    };return _this;}var _proto = DropdownContainer.prototype;_proto.componentDidMount = function componentDidMount() {this.position();this.layoutSub = LayoutEvents.addListener(this.position);};_proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {var _document2 = document,body = _document2.body,docEl = _document2.documentElement;var htmlPosition = getComputedStyle(docEl).position;var bodyPosition = getComputedStyle(body).position;var hasLimitedHeightRoot = body.scrollHeight > body.clientHeight;var hasStaticRoot = htmlPosition === 'static' && bodyPosition === 'static';this.setState({ isDocumentElementRoot: hasLimitedHeightRoot || hasStaticRoot });};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSub) {this.layoutSub.remove();}};_proto.render = function render() {var style = { position: 'absolute', top: '0' };if (this.state.position) {var _this$state$position = this.state.position,top = _this$state$position.top,bottom = _this$state$position.bottom,left = _this$state$position.left,right = _this$state$position.right;style = (0, _extends2.default)({}, style, { top: top !== null ? top : undefined, bottom: bottom !== null ? bottom : undefined, left: left !== null ? left : undefined, right: right !== null ? right : undefined, minWidth: this.state.minWidth });}var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'DropdownContainer', ref: this.ref, style: style }, this.props.children);return this.props.disablePortal ? content : /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return DropdownContainer;}(_react.default.Component);exports.DropdownContainer = DropdownContainer;DropdownContainer.__KONTUR_REACT_UI__ = 'DropdownContainer';DropdownContainer.defaultProps = { align: 'left', disablePortal: false, offsetX: 0, offsetY: -1 };
+    };_this.state = { position: null, minWidth: 0, isDocumentElementRoot: getIsDocumentElementRoot() };return _this;}var _proto = DropdownContainer.prototype;_proto.componentDidMount = function componentDidMount() {this.position();this.layoutSub = LayoutEvents.addListener(this.position);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSub) {this.layoutSub.remove();}};_proto.render = function render() {var _cx;var style = { position: 'absolute', top: '0' };if (this.state.position) {var _this$state$position = this.state.position,top = _this$state$position.top,bottom = _this$state$position.bottom,left = _this$state$position.left,right = _this$state$position.right;style = (0, _extends2.default)({}, style, { top: top !== null ? top : undefined, bottom: bottom !== null ? bottom : undefined, left: left !== null ? left : undefined, right: right !== null ? right : undefined, minWidth: this.state.minWidth, maxWidth: this.props.hasFixedWidth ? this.state.minWidth : undefined });}var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'DropdownContainer', wrapperRef: this.ZIndexRef, style: style, className: (0, _Emotion.cx)((_cx = {}, _cx[_DropdownContainer.styles.alignRight()] = this.props.align === 'right' && !_client.isIE11, _cx)) }, this.props.children);return this.props.disablePortal ? content : /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return DropdownContainer;}(_react.default.PureComponent);exports.DropdownContainer = DropdownContainer;DropdownContainer.__KONTUR_REACT_UI__ = 'DropdownContainer';DropdownContainer.defaultProps = { align: 'left', disablePortal: false, offsetX: 0, offsetY: -1 };
+var getIsDocumentElementRoot = function getIsDocumentElementRoot() {var _document2 =
+  document,body = _document2.body,documentElement = _document2.documentElement;
+  var htmlPosition = getComputedStyle(documentElement).position;
+  var bodyPosition = getComputedStyle(body).position;
+  var hasLimitedHeightRoot = body.scrollHeight > body.clientHeight;
+  var hasStaticRoot = htmlPosition === 'static' && bodyPosition === 'static';
+  return hasLimitedHeightRoot || hasStaticRoot;
+};