npm - @skbkontur/react-ui - Versions diffs - 0.0.0-ce2a893b1a → 0.0.0-d1bb8f344a - Mend

@skbkontur/react-ui 0.0.0-ce2a893b1a → 0.0.0-d1bb8f344a

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Select.tsx"],"names":["PASS_BUTTON_PROPS","disabled","error","use","size","warning","onMouseEnter","onMouseLeave","onMouseOver","Select","SelectLocaleHelper","responsiveLayout","rootNode","state","opened","value","props","defaultValue","searchPattern","buttonElement","getProps","defaultProps","open","setState","onOpen","close","onClose","focus","getDefaultButtonParams","renderLabel","label","isPlaceholder","buttonParams","onClick","toggle","onKeyDown","handleKey","getSearch","noMargin","styles","search","focusInput","handleSearch","getMenuItems","isMobile","isMobileLayout","mapItems","iValue","item","i","comment","element","React","isValidElement","cloneElement","key","areValuesEqual","select","bind","renderItem","dropdownContainerGetParent","input","setTimeout","refMenu","menu","e","preventDefault","up","down","enter","highlightItem","buttonRef","getButton","button","_renderButton","renderDefaultButton","Children","only","ref","onFocus","onBlur","componentDidUpdate","_prevProps","prevState","window","addEventListener","removeEventListener","render","theme","renderMain","getMenuRenderer","renderMobileMenu","renderMenu","style","width","maxWidth","undefined","root","rootMobile","setRootNode","getValue","getItemByValue","renderValue","placeholder","locale","getLeftIconClass","leftIconLink","leftIconLarge","leftIconMedium","leftIconSmall","params","buttonProps","align","active","labelProps","className","customUsePlaceholder","placeholderDisabled","paddingRight","getSelectIconGap","useIsCustom","selectButtonContainer","_icon","arrowWrap","arrowDisabled","customUseArrow","getArrowPadding","selectIconGapLarge","selectIconGapMedium","selectIconGapSmall","arrowLeftPadding","parseFloat","hasFixedWidth","menuWidth","menuAlign","disablePortal","maxMenuHeight","isWithSearch","Boolean","mobileMenuHeaderText","onValueChange","fn","items","pattern","toLowerCase","result","index","entry","normalizeEntry","filterItem","push","itemValue","value1","value2","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","func","any","bool","oneOfType","array","object","number","string","node","Item","SEP","static","Array","isArray","getTextFromItem","toString","itemText","indexOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport invariant from 'invariant';\n\nimport {\n isKeyArrowDown,\n isKeyArrowUp,\n isKeyArrowVertical,\n isKeyEnter,\n isKeyEscape,\n isKeySpace,\n} from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { Button, ButtonProps, ButtonSize, ButtonUse } from '../Button';\nimport { DropdownContainer } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { Input } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport { MenuItem, MenuItemProps } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction, isNonNullable, isReactUINode } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { Item } from './Item';\nimport { SelectLocale, SelectLocaleHelper } from './locale';\nimport { styles } from './Select.styles';\nimport { getSelectTheme } from './selectTheme';\n\nexport interface ButtonParams {\n disabled?: boolean;\n label: React.ReactNode;\n onClick: () => void;\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n opened: boolean;\n isPlaceholder: boolean;\n}\n\nconst PASS_BUTTON_PROPS = {\n disabled: true,\n error: true,\n use: true,\n size: true,\n warning: true,\n\n onMouseEnter: true,\n onMouseLeave: true,\n onMouseOver: true,\n};\n\ntype SelectItem<TValue, TItem> =\n \| [TValue, TItem, React.ReactNode?]\n \| TItem\n \| React.ReactElement\n \| (() => React.ReactElement);\n\nexport interface SelectProps<TValue, TItem> extends CommonProps {\n /** @ignore /\n _icon?: React.ReactNode;\n /* @ignore /\n _renderButton?: (params: ButtonParams) => React.ReactNode;\n defaultValue?: TValue;\n /\n Отключает использование портала\n /\n disablePortal?: boolean;\n disabled?: boolean;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;\n /\n Набор значений. Поддерживаются любые перечисляемые типы, в том числе\n * `Array`, `Map`, `Immutable.Map`.\n \n Элементы воспринимаются следующим образом: если элемент — это массив, то\n * первый элемент является значением, второй — отображается в списке,\n * а третий – комментарий;\n * если элемент не является массивом, то он используется и для отображения,\n * и для значения.\n \n Для вставки разделителя можно использовать `Select.SEP`.\n \n Вставить невыделяемый элемент со своей разметкой можно так:\n * ```\n * <Select ...\n * items={[Select.static(() => <div>My Element</div>)]}\n * />\n * ```\n \n Чтобы добавить стандартный отступ для статического элемента:\n * ```\n * <Select.Item>My Element</Select.Item>\n * ```\n /\n items?: Array<SelectItem<TValue, TItem>>;\n maxMenuHeight?: number;\n maxWidth?: React.CSSProperties['maxWidth'];\n menuAlign?: 'left' \| 'right';\n menuWidth?: React.CSSProperties['width'];\n onValueChange?: (value: TValue) => void;\n onClose?: () => void;\n onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;\n onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;\n onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;\n onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n onOpen?: () => void;\n placeholder?: React.ReactNode;\n /\n Функция для отрисовки элемента в выпадающем списке. Аргументы — value,\n * item.\n /\n renderItem?: (value: TValue, item?: TItem) => React.ReactNode;\n /\n Функция для отрисовки выбранного элемента. Аргументы — value, item.\n /\n renderValue?: (value: TValue, item?: TItem) => React.ReactNode;\n /\n Функция для сравнения `value` с элементом из `items`\n /\n areValuesEqual?: (value1: TValue, value2: TValue) => boolean;\n /\n Показывать строку поиска в списке.\n /\n search?: boolean;\n value?: TValue;\n width?: number \| string;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n use?: ButtonUse;\n size?: ButtonSize;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\n /\n Текст заголовка выпадающего меню в мобильной версии\n /\n mobileMenuHeaderText?: string;\n}\n\nexport interface SelectState<TValue> {\n opened: boolean;\n searchPattern: string;\n value: Nullable<TValue>;\n}\n\ninterface FocusableReactElement extends React.ReactElement<any> {\n focus: (event?: any) => void;\n}\n\n@responsiveLayout\n@rootNode\n@locale('Select', SelectLocaleHelper)\nexport class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {\n public static __KONTUR_REACT_UI__ = 'Select';\n\n public static propTypes = {\n areValuesEqual: PropTypes.func,\n defaultValue: PropTypes.any,\n disablePortal: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n filterItem: PropTypes.func,\n items: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n maxMenuHeight: PropTypes.number,\n maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n placeholder: PropTypes.node,\n renderItem: PropTypes.func,\n renderValue: PropTypes.func,\n search: PropTypes.bool,\n value: PropTypes.any,\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n onValueChange: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n onMouseOver: PropTypes.func,\n onKeyDown: PropTypes.func,\n };\n\n public static defaultProps = {\n renderValue,\n renderItem,\n areValuesEqual,\n filterItem,\n use: 'default',\n };\n\n public static Item = Item;\n public static SEP = () => <MenuSeparator />;\n\n public static static = (element: React.ReactElement \| (() => React.ReactElement)) => {\n invariant(\n React.isValidElement(element) \|\| typeof element === 'function',\n 'Select.static(element) expects element to be a valid react element.',\n );\n return element;\n };\n\n public state: SelectState<TValue> = {\n opened: false,\n value: this.props.defaultValue,\n searchPattern: '',\n };\n\n private theme!: Theme;\n private isMobileLayout!: boolean;\n private readonly locale!: SelectLocale;\n private menu: Nullable<Menu>;\n private buttonElement: FocusableReactElement \| null = null;\n private getProps = createPropsGetter(Select.defaultProps);\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>) {\n if (!prevState.opened && this.state.opened) {\n window.addEventListener('popstate', this.close);\n }\n if (prevState.opened && !this.state.opened) {\n window.removeEventListener('popstate', this.close);\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <ThemeContext.Provider value={getSelectTheme(theme, this.props)}>{this.renderMain()}</ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n @public\n /\n public open = () => {\n if (!this.state.opened) {\n this.setState({ opened: true });\n\n if (this.props.onOpen) {\n this.props.onOpen();\n }\n }\n };\n\n /\n @public\n /\n public close = () => {\n if (this.state.opened) {\n this.setState({ opened: false, searchPattern: '' });\n\n if (this.props.onClose) {\n this.props.onClose();\n }\n }\n };\n\n /\n @public\n */\n public focus = () => {\n if (this.buttonElement && this.buttonElement.focus) {\n this.buttonElement.focus();\n }\n };\n\n private getMenuRenderer() {\n if (this.props.disabled) {\n return null;\n }\n\n if (this.isMobileLayout) {\n return this.renderMobileMenu();\n }\n\n if (this.state.opened) {\n return this.renderMenu();\n }\n\n return null;\n }\n\n private renderMain() {\n const buttonParams = this.getDefaultButtonParams();\n const button = this.getButton(buttonParams);\n\n const isMobile = this.isMobileLayout;\n\n const style = {\n width: this.props.width,\n maxWidth: this.props.maxWidth \|\| undefined,\n };\n\n const root = (\n <span className={cx({ [styles.root()]: true, [styles.rootMobile(this.theme)]: isMobile })} style={style}>\n {button}\n {this.getMenuRenderer()}\n </span>\n );\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <RenderLayer\n onClickOutside={this.close}\n onFocusOutside={this.close}\n active={isMobile ? false : this.state.opened}\n >\n {root}\n </RenderLayer>\n </CommonWrapper>\n );\n }\n\n private getDefaultButtonParams = (): ButtonParams => {\n const { label, isPlaceholder } = this.renderLabel();\n\n const buttonParams: ButtonParams = {\n opened: this.state.opened,\n label,\n isPlaceholder,\n onClick: this.toggle,\n onKeyDown: this.handleKey,\n };\n\n return buttonParams;\n };\n\n private renderLabel() {\n const value = this.getValue();\n const item = this.getItemByValue(value);\n\n if (isNonNullable(value)) {\n return {\n label: this.getProps().renderValue(value, item),\n isPlaceholder: false,\n };\n }\n\n return {\n label: <span>{this.props.placeholder \|\| this.locale?.placeholder}</span>,\n isPlaceholder: true,\n };\n }\n\n private getLeftIconClass(size: ButtonSize \| undefined) {\n if (this.props.use === 'link') {\n return styles.leftIconLink(this.theme);\n }\n\n switch (size) {\n case 'large':\n return styles.leftIconLarge(this.theme);\n case 'medium':\n return styles.leftIconMedium(this.theme);\n case 'small':\n default:\n return styles.leftIconSmall(this.theme);\n }\n }\n\n private renderDefaultButton(params: ButtonParams) {\n const buttonProps: ButtonProps = {\n ...filterProps(this.props, PASS_BUTTON_PROPS),\n align: 'left' as React.CSSProperties['textAlign'],\n disabled: this.props.disabled,\n width: '100%',\n onClick: params.onClick,\n onKeyDown: params.onKeyDown,\n active: params.opened,\n };\n\n const labelProps = {\n className: cx({\n [styles.label()]: this.props.use !== 'link',\n [styles.placeholder(this.theme)]: params.isPlaceholder,\n [styles.customUsePlaceholder()]: params.isPlaceholder && this.props.use !== 'default',\n [styles.placeholderDisabled(this.theme)]: params.isPlaceholder && this.props.disabled,\n }),\n style: {\n paddingRight: this.getSelectIconGap(),\n },\n };\n\n const useIsCustom = this.props.use !== 'default';\n\n return (\n <Button {...buttonProps}>\n <div className={styles.selectButtonContainer()}>\n {this.props._icon && <div className={this.getLeftIconClass(this.props.size)}>{this.props._icon}</div>}\n <span {...labelProps}>{params.label}</span>\n\n <div\n className={cx(styles.arrowWrap(this.theme), {\n [styles.arrowDisabled(this.theme)]: this.props.disabled,\n [styles.customUseArrow()]: useIsCustom,\n })}\n >\n <ArrowChevronDownIcon />\n </div>\n </div>\n </Button>\n );\n }\n\n private getSelectIconGap(): number {\n const getArrowPadding = () => {\n switch (this.props.size) {\n case 'large':\n return this.theme.selectIconGapLarge;\n case 'medium':\n return this.theme.selectIconGapMedium;\n case 'small':\n default:\n return this.theme.selectIconGapSmall;\n }\n };\n const arrowLeftPadding = parseFloat(getArrowPadding()) \|\| 0;\n\n return arrowLeftPadding;\n }\n\n private renderMenu(): React.ReactNode {\n const search = this.props.search ? (\n <div className={styles.search()} onKeyDown={this.handleKey}>\n <Input ref={this.focusInput} onValueChange={this.handleSearch} width=\"100%\" />\n </div>\n ) : null;\n\n const value = this.getValue();\n const hasFixedWidth = !!this.props.menuWidth && this.props.menuWidth !== 'auto';\n\n return (\n <DropdownContainer\n getParent={this.dropdownContainerGetParent}\n offsetY={-1}\n align={this.props.menuAlign}\n disablePortal={this.props.disablePortal}\n hasFixedWidth={hasFixedWidth}\n >\n <Menu\n ref={this.refMenu}\n width={this.props.menuWidth}\n onItemClick={this.close}\n maxHeight={this.props.maxMenuHeight}\n align={this.props.menuAlign}\n >\n {search}\n {this.getMenuItems(value)}\n </Menu>\n </DropdownContainer>\n );\n }\n\n private renderMobileMenu(): React.ReactNode {\n const search = this.props.search ? this.getSearch(true) : null;\n const value = this.getValue();\n\n const isWithSearch = Boolean(search);\n\n return (\n <MobilePopup\n headerChildComponent={search}\n caption={this.props.mobileMenuHeaderText}\n useFullHeight={isWithSearch}\n onCloseRequest={this.close}\n opened={this.state.opened}\n >\n <Menu hasShadow={false} onItemClick={this.close} disableScrollContainer maxHeight={'auto'}>\n {this.getMenuItems(value)}\n </Menu>\n </MobilePopup>\n );\n }\n\n private getSearch = (noMargin?: boolean) => {\n return (\n <div className={cx({ [styles.search()]: !noMargin })}>\n <Input value={this.state.searchPattern} ref={this.focusInput} onValueChange={this.handleSearch} width=\"100%\" />\n </div>\n );\n };\n\n private getMenuItems = (value: Nullable<TValue>) => {\n const isMobile = this.isMobileLayout;\n\n return this.mapItems(\n (iValue: TValue, item: TItem \| (() => React.ReactNode), i: number, comment: Nullable<React.ReactNode>) => {\n if (isFunction(item)) {\n const element = item();\n\n if (React.isValidElement(element)) {\n return React.cloneElement(element, { key: i, isMobile });\n }\n\n return null;\n }\n\n if (React.isValidElement(item)) {\n if (isReactUINode('MenuItem', item)) {\n return React.cloneElement(item, { key: i, isMobile } as MenuItemProps);\n }\n return React.cloneElement(item, { key: i });\n }\n\n return (\n <MenuItem\n key={i}\n state={this.areValuesEqual(iValue, value) ? 'selected' : null}\n onClick={this.select.bind(this, iValue)}\n comment={comment}\n isMobile={isMobile}\n >\n {this.getProps().renderItem<TValue, TItem>(iValue, item)}\n </MenuItem>\n );\n },\n );\n };\n\n private dropdownContainerGetParent = () => {\n return getRootNode(this);\n };\n\n private focusInput = (input: Input) => {\n // fix cases when an Input is rendered in portal\n setTimeout(() => input?.focus(), 0);\n };\n\n private refMenu = (menu: Menu) => {\n this.menu = menu;\n };\n\n private toggle = () => {\n if (this.state.opened) {\n this.close();\n } else {\n this.open();\n }\n };\n\n private handleKey = (e: React.KeyboardEvent<HTMLElement>) => {\n if (!this.state.opened) {\n if (isKeySpace(e) \|\| isKeyArrowVertical(e)) {\n e.preventDefault();\n this.open();\n }\n } else {\n switch (true) {\n case isKeyEscape(e):\n this.focus();\n this.close();\n break;\n case isKeyArrowUp(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.up();\n }\n break;\n case isKeyArrowDown(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.down();\n }\n break;\n case isKeyEnter(e):\n e.preventDefault(); // To prevent form submission.\n if (this.menu) {\n this.menu.enter(e);\n }\n break;\n }\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handleSearch = (value: string) => {\n this.setState({ searchPattern: value });\n this.menu?.highlightItem(1);\n };\n\n private select(value: TValue) {\n this.focus();\n this.setState({ opened: false, value });\n\n if (!this.areValuesEqual(this.getValue(), value)) {\n this.props.onValueChange?.(value);\n }\n }\n\n private getValue() {\n if (this.props.value !== undefined) {\n return this.props.value;\n }\n return this.state.value;\n }\n\n private mapItems(fn: (value: TValue, item: TItem, index: number, comment?: string) => React.ReactNode) {\n const { items } = this.props;\n if (!items) {\n return [];\n }\n const pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();\n\n const result: React.ReactNode[] = [];\n let index = 0;\n for (const entry of items) {\n const [value, item, comment] = normalizeEntry(entry as TItem);\n\n if (!pattern \|\| this.getProps().filterItem<TValue>(value, item, pattern)) {\n result.push(fn(value, item, index, comment));\n ++index;\n }\n }\n\n return result;\n }\n\n private getItemByValue(value?: Nullable<TValue>) {\n if (value === null \|\| value === undefined) {\n return null;\n }\n\n const items = this.props.items \|\| [];\n\n for (const entry of items) {\n const [itemValue, item] = normalizeEntry(entry);\n\n if (this.areValuesEqual(itemValue, value)) {\n return item;\n }\n }\n return null;\n }\n\n private areValuesEqual(value1: Nullable<TValue>, value2: Nullable<TValue>) {\n return isNonNullable(value1) && isNonNullable(value2) && this.getProps().areValuesEqual<TValue>(value1, value2);\n }\n\n private buttonRef = (element: FocusableReactElement \| null) => {\n this.buttonElement = element;\n };\n\n private getButton = (buttonParams: ButtonParams) => {\n const button = this.props._renderButton\n ? this.props._renderButton(buttonParams)\n : this.renderDefaultButton(buttonParams);\n\n const buttonElement = React.Children.only(button);\n\n return React.isValidElement(buttonElement)\n ? React.cloneElement(buttonElement as React.ReactElement, {\n ref: this.buttonRef,\n onFocus: this.props.onFocus,\n onBlur: this.props.onBlur,\n })\n : buttonElement;\n };\n}\n\nfunction renderValue<TValue, TItem>(value: TValue, item: Nullable<TItem>) {\n return item;\n}\n\nfunction renderItem<TValue, TItem>(value: TValue, item?: TItem) {\n return item;\n}\n\nfunction areValuesEqual<TValue>(value1: TValue, value2: TValue) {\n return value1 === value2;\n}\n\nfunction normalizeEntry(entry: any) {\n if (Array.isArray(entry)) {\n return entry;\n }\n\n return [entry, entry, undefined];\n}\n\nconst getTextFromItem = (item: any): string => {\n if (typeof item === 'string') {\n return item;\n }\n\n if (isFunction(item)) {\n return getTextFromItem(item());\n }\n\n if (React.isValidElement(item)) {\n return reactGetTextContent(item);\n }\n\n if (typeof item === 'number') {\n return item.toString(10);\n }\n\n return '';\n};\n\nfunction filterItem<TValue>(value: TValue, item: any, pattern: string) {\n if (item === Select.SEP) {\n return false;\n }\n\n const itemText = getTextFromItem(item);\n\n if (!itemText) {\n return false;\n }\n\n return itemText.toLowerCase().indexOf(pattern) !== -1;\n}\n"]}
1	+ {"version":3,"sources":["Select.tsx"],"names":["PASS_BUTTON_PROPS","id","disabled","error","use","size","warning","onMouseEnter","onMouseLeave","onMouseOver","SelectDataTids","root","menu","label","SelectIds","Select","SelectLocaleHelper","responsiveLayout","rootNode","state","opened","value","props","defaultValue","searchPattern","menuId","buttonElement","getProps","defaultProps","open","setState","onOpen","close","onClose","focus","getDefaultButtonParams","renderLabel","isPlaceholder","buttonParams","onClick","toggle","onKeyDown","handleKey","getSearch","styles","search","debouncedFocusInput","handleSearch","getMobileSearch","getMenuItems","isMobile","isMobileLayout","mapItems","iValue","item","i","comment","element","React","isValidElement","cloneElement","key","areValuesEqual","select","bind","renderItem","dropdownContainerGetParent","focusInput","input","refMenu","e","preventDefault","up","down","enter","menuItemsAtAnyLevel","featureFlags","highlightItem","buttonRef","getButton","button","_renderButton","renderDefaultButton","Children","only","ref","onFocus","onBlur","componentDidUpdate","_prevProps","prevState","globalObject","addEventListener","removeEventListener","render","flags","theme","ThemeFactory","create","menuOffsetY","selectMenuOffsetY","renderMain","getMenuRenderer","renderMobileMenu","renderMenu","style","width","maxWidth","undefined","rootMobile","setRootNode","getValue","getItemByValue","renderValue","placeholder","locale","getLeftIconClass","leftIconLink","leftIconLarge","leftIconMedium","leftIconSmall","params","buttonProps","align","active","labelProps","className","customUsePlaceholder","placeholderDisabled","paddingRight","getSelectIconGap","useIsCustom","icon","selectButtonContainer","_icon","arrowWrap","arrowDisabled","customUseArrow","getArrowPadding","selectIconGapLarge","selectIconGapMedium","selectIconGapSmall","arrowLeftPadding","parseFloat","hasFixedWidth","menuWidth","menuAlign","disablePortal","menuPos","maxMenuHeight","mobileMenuHeaderText","onValueChange","fn","items","pattern","toLowerCase","result","index","entry","normalizeEntry","filterItem","push","itemValue","value1","value2","Component","__KONTUR_REACT_UI__","displayName","Item","SEP","static","Array","isArray","getTextFromItem","toString","itemText","indexOf"],"mappings":"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","sourcesContent":["import React, { ReactNode, ReactPortal, AriaAttributes, HTMLAttributes } from 'react';\nimport invariant from 'invariant';\nimport { globalObject } from '@skbkontur/global-object';\nimport debounce from 'lodash.debounce';\n\nimport {\n isKeyArrowDown,\n isKeyArrowUp,\n isKeyArrowVertical,\n isKeyEnter,\n isKeyEscape,\n isKeySpace,\n} from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { Button, ButtonProps, ButtonUse } from '../Button';\nimport { DropdownContainer, DropdownContainerProps } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { Input } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport { MenuItem, MenuItemProps } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRandomID, isFunction, isNonNullable, isReactUINode } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { MenuHeaderProps } from '../MenuHeader';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n getFullReactUIFlagsContext,\n ReactUIFeatureFlags,\n ReactUIFeatureFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { Item } from './Item';\nimport { SelectLocale, SelectLocaleHelper } from './locale';\nimport { styles } from './Select.styles';\nimport { getSelectTheme } from './selectTheme';\n\nexport interface ButtonParams\n extends Pick<AriaAttributes, 'aria-describedby' \| 'aria-controls' \| 'aria-label' \| 'aria-expanded'> {\n disabled?: boolean;\n label: React.ReactNode;\n onClick: () => void;\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n opened: boolean;\n isPlaceholder: boolean;\n size: SizeProp;\n}\n\nconst PASS_BUTTON_PROPS = {\n id: true,\n disabled: true,\n error: true,\n use: true,\n size: true,\n warning: true,\n\n onMouseEnter: true,\n onMouseLeave: true,\n onMouseOver: true,\n};\n\nexport const SelectDataTids = {\n root: 'Select__root',\n menu: 'Select__menu',\n label: 'Select__label',\n} as const;\n\nexport const SelectIds = {\n menu: SelectDataTids.menu,\n} as const;\n\ntype SelectItem<TValue, TItem> =\n \| [TValue, TItem, React.ReactNode?]\n \| TItem\n \| TValue\n \| React.ReactElement\n \| (() => React.ReactElement);\n\nexport interface SelectProps<TValue, TItem>\n extends CommonProps,\n Pick<DropdownContainerProps, 'menuPos'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\n Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'> {\n /** @ignore /\n _icon?: React.ReactNode;\n /* @ignore /\n _renderButton?: (params: ButtonParams) => React.ReactNode;\n defaultValue?: TValue;\n /\n Отключает использование портала\n /\n disablePortal?: boolean;\n disabled?: boolean;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;\n /\n Набор значений. Поддерживаются любые перечисляемые типы, в том числе\n * `Array`, `Map`, `Immutable.Map`.\n \n Элементы воспринимаются следующим образом: если элемент — это массив, то\n * первый элемент является значением, второй — отображается в списке,\n * а третий – комментарий;\n * если элемент не является массивом, то он используется и для отображения,\n * и для значения.\n \n Для вставки разделителя можно использовать `Select.SEP`.\n \n Вставить невыделяемый элемент со своей разметкой можно так:\n * ```\n * <Select ...\n * items={[Select.static(() => <div>My Element</div>)]}\n * />\n * ```\n \n Чтобы добавить стандартный отступ для статического элемента:\n * ```\n * <Select.Item>My Element</Select.Item>\n * ```\n /\n items?: Array<SelectItem<TValue, TItem>>;\n maxMenuHeight?: number;\n maxWidth?: React.CSSProperties['maxWidth'];\n menuAlign?: 'left' \| 'right';\n menuWidth?: React.CSSProperties['width'];\n onValueChange?: (value: TValue) => void;\n onClose?: () => void;\n onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;\n onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;\n onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;\n onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n onOpen?: () => void;\n placeholder?: React.ReactNode;\n /\n Функция для отрисовки элемента в выпадающем списке. Аргументы — value,\n * item.\n /\n renderItem?: (value: TValue, item?: TItem) => React.ReactNode;\n /\n Функция для отрисовки выбранного элемента. Аргументы — value, item.\n /\n renderValue?: (value: TValue, item?: TItem) => React.ReactNode;\n /\n Функция для сравнения `value` с элементом из `items`\n /\n areValuesEqual?: (value1: TValue, value2: TValue) => boolean;\n /\n Показывать строку поиска в списке.\n /\n search?: boolean;\n value?: TValue;\n width?: number \| string;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n use?: ButtonUse;\n size?: SizeProp;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\n /\n Текст заголовка выпадающего меню в мобильной версии\n /\n mobileMenuHeaderText?: string;\n}\n\nexport interface SelectState<TValue> {\n opened: boolean;\n searchPattern: string;\n value: Nullable<TValue>;\n}\n\ninterface FocusableReactElement extends React.ReactElement<any> {\n focus: (event?: any) => void;\n}\n\ntype DefaultProps<TValue, TItem> = Required<\n Pick<SelectProps<TValue, TItem>, 'renderValue' \| 'renderItem' \| 'areValuesEqual' \| 'filterItem' \| 'use' \| 'size'>\n>;\n\n@responsiveLayout\n@rootNode\n@locale('Select', SelectLocaleHelper)\n// Suggested solutions break current behavior\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {\n public static __KONTUR_REACT_UI__ = 'Select';\n public static displayName = 'Select';\n\n public static defaultProps: DefaultProps<unknown, ReactNode \| ReactPortal> = {\n renderValue,\n renderItem,\n areValuesEqual,\n filterItem,\n use: 'default',\n size: 'small',\n };\n\n public static Item = Item;\n public static SEP = () => <MenuSeparator />;\n\n public static static = (element: React.ReactElement \| (() => React.ReactElement)) => {\n invariant(\n React.isValidElement(element) \|\| typeof element === 'function',\n 'Select.static(element) expects element to be a valid react element.',\n );\n return element;\n };\n\n public state: SelectState<TValue> = {\n opened: false,\n value: this.props.defaultValue,\n searchPattern: '',\n };\n\n private theme!: Theme;\n private isMobileLayout!: boolean;\n private readonly locale!: SelectLocale;\n private menu: Nullable<Menu>;\n private menuId = SelectIds.menu + getRandomID();\n private buttonElement: FocusableReactElement \| null = null;\n private getProps = createPropsGetter(Select.defaultProps);\n private setRootNode!: TSetRootNode;\n private featureFlags!: ReactUIFeatureFlags;\n\n public componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>) {\n if (!prevState.opened && this.state.opened) {\n globalObject.addEventListener?.('popstate', this.close);\n }\n if (prevState.opened && !this.state.opened) {\n globalObject.removeEventListener?.('popstate', this.close);\n }\n }\n\n public render() {\n return (\n <ReactUIFeatureFlagsContext.Consumer>\n {(flags) => {\n this.featureFlags = getFullReactUIFlagsContext(flags);\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = ThemeFactory.create(\n {\n menuOffsetY: theme.selectMenuOffsetY,\n },\n theme,\n );\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }}\n </ReactUIFeatureFlagsContext.Consumer>\n );\n }\n\n /\n @public\n /\n public open = () => {\n if (!this.state.opened) {\n this.setState({ opened: true });\n\n if (this.props.onOpen) {\n this.props.onOpen();\n }\n }\n };\n\n /\n @public\n /\n public close = () => {\n if (this.state.opened) {\n this.setState({ opened: false, searchPattern: '' });\n\n if (this.props.onClose) {\n this.props.onClose();\n }\n }\n };\n\n /\n @public\n */\n public focus = () => {\n if (this.buttonElement && this.buttonElement.focus) {\n this.buttonElement.focus();\n }\n };\n\n private getMenuRenderer() {\n if (this.props.disabled) {\n return null;\n }\n\n if (this.isMobileLayout) {\n return this.renderMobileMenu();\n }\n\n if (this.state.opened) {\n return this.renderMenu();\n }\n\n return null;\n }\n\n private renderMain() {\n const buttonParams = this.getDefaultButtonParams();\n const button = (\n <ThemeContext.Provider value={getSelectTheme(this.theme, this.props)}>\n {this.getButton(buttonParams)}\n </ThemeContext.Provider>\n );\n\n const isMobile = this.isMobileLayout;\n\n const style = {\n width: this.props.width,\n maxWidth: this.props.maxWidth \|\| undefined,\n };\n\n const root = (\n <span\n data-tid={SelectDataTids.root}\n className={cx({ [styles.root()]: true, [styles.rootMobile(this.theme)]: isMobile })}\n style={style}\n >\n {button}\n {this.getMenuRenderer()}\n </span>\n );\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <RenderLayer\n onClickOutside={this.close}\n onFocusOutside={this.close}\n active={isMobile ? false : this.state.opened}\n >\n {root}\n </RenderLayer>\n </CommonWrapper>\n );\n }\n\n private getDefaultButtonParams = (): ButtonParams => {\n const { label, isPlaceholder } = this.renderLabel();\n\n const buttonParams: ButtonParams = {\n opened: this.state.opened,\n label,\n isPlaceholder,\n onClick: this.toggle,\n onKeyDown: this.handleKey,\n size: this.getProps().size,\n disabled: this.getProps().disabled,\n };\n\n return buttonParams;\n };\n\n private renderLabel() {\n const value = this.getValue();\n const item = this.getItemByValue(value);\n\n if (isNonNullable(value)) {\n return {\n label: this.getProps().renderValue(value, item),\n isPlaceholder: false,\n };\n }\n\n return {\n label: <span>{this.props.placeholder \|\| this.locale?.placeholder}</span>,\n isPlaceholder: true,\n };\n }\n\n private getLeftIconClass(size: SizeProp \| undefined) {\n if (this.getProps().use === 'link') {\n return styles.leftIconLink(this.theme);\n }\n\n switch (size) {\n case 'large':\n return styles.leftIconLarge(this.theme);\n case 'medium':\n return styles.leftIconMedium(this.theme);\n case 'small':\n default:\n return styles.leftIconSmall(this.theme);\n }\n }\n\n private renderDefaultButton(params: ButtonParams) {\n const buttonProps: ButtonProps = {\n ...filterProps(this.props, PASS_BUTTON_PROPS),\n align: 'left' as React.CSSProperties['textAlign'],\n disabled: this.props.disabled,\n width: '100%',\n onClick: params.onClick,\n onKeyDown: params.onKeyDown,\n active: params.opened,\n size: params.size,\n };\n const use = this.getProps().use;\n\n const labelProps = {\n 'data-tid': SelectDataTids.label,\n className: cx({\n [styles.label()]: use !== 'link',\n [styles.placeholder(this.theme)]: params.isPlaceholder,\n [styles.customUsePlaceholder()]: params.isPlaceholder && use !== 'default',\n [styles.placeholderDisabled(this.theme)]: params.isPlaceholder && this.props.disabled,\n }),\n style: {\n paddingRight: this.getSelectIconGap(),\n },\n };\n\n const useIsCustom = use !== 'default';\n\n const icon = isTheme2022(this.theme) ? <ArrowDownIcon size={this.props.size} /> : <ArrowChevronDownIcon />;\n\n return (\n <Button {...buttonProps}>\n <div className={styles.selectButtonContainer()}>\n {this.props._icon && <div className={this.getLeftIconClass(this.props.size)}>{this.props._icon}</div>}\n <span {...labelProps}>{params.label}</span>\n\n <div\n className={cx(styles.arrowWrap(this.theme), {\n [styles.arrowDisabled(this.theme)]: this.props.disabled,\n [styles.customUseArrow()]: useIsCustom,\n })}\n >\n {icon}\n </div>\n </div>\n </Button>\n );\n }\n\n private getSelectIconGap(): number {\n const getArrowPadding = () => {\n switch (this.props.size) {\n case 'large':\n return this.theme.selectIconGapLarge;\n case 'medium':\n return this.theme.selectIconGapMedium;\n case 'small':\n default:\n return this.theme.selectIconGapSmall;\n }\n };\n const arrowLeftPadding = parseFloat(getArrowPadding()) \|\| 0;\n\n return arrowLeftPadding;\n }\n\n private renderMenu(): React.ReactNode {\n const search = this.props.search ? this.getSearch() : null;\n\n const value = this.getValue();\n const hasFixedWidth = !!this.props.menuWidth && this.props.menuWidth !== 'auto';\n\n return (\n <DropdownContainer\n id={this.menuId}\n data-tid={SelectDataTids.menu}\n getParent={this.dropdownContainerGetParent}\n align={this.props.menuAlign}\n disablePortal={this.props.disablePortal}\n hasFixedWidth={hasFixedWidth}\n menuPos={this.props.menuPos}\n >\n <Menu\n ref={this.refMenu}\n width={this.props.menuWidth}\n onItemClick={this.close}\n maxHeight={this.props.maxMenuHeight}\n align={this.props.menuAlign}\n >\n {search}\n {this.getMenuItems(value)}\n </Menu>\n </DropdownContainer>\n );\n }\n\n private getSearch = () => {\n return (\n <div className={styles.search()} onKeyDown={this.handleKey}>\n <Input ref={this.debouncedFocusInput} onValueChange={this.handleSearch} width=\"100%\" />\n </div>\n );\n };\n\n private renderMobileMenu(): React.ReactNode {\n const search = this.props.search ? this.getMobileSearch() : null;\n const value = this.getValue();\n\n return (\n <MobilePopup\n headerChildComponent={search}\n caption={this.props.mobileMenuHeaderText}\n onCloseRequest={this.close}\n opened={this.state.opened}\n >\n <Menu hasShadow={false} onItemClick={this.close} disableScrollContainer maxHeight={'auto'}>\n {this.getMenuItems(value)}\n </Menu>\n </MobilePopup>\n );\n }\n\n private getMobileSearch = () => {\n return (\n <Input\n autoFocus\n value={this.state.searchPattern}\n ref={this.debouncedFocusInput}\n onValueChange={this.handleSearch}\n width=\"100%\"\n />\n );\n };\n\n private getMenuItems = (value: Nullable<TValue>) => {\n const isMobile = this.isMobileLayout;\n const size = this.props.size;\n\n return this.mapItems(\n (iValue: TValue, item: TItem \| (() => React.ReactNode), i: number, comment: Nullable<React.ReactNode>) => {\n if (isFunction(item)) {\n const element = item();\n\n if (React.isValidElement(element)) {\n return React.cloneElement(element, { key: i, isMobile, size });\n }\n\n return null;\n }\n\n if (React.isValidElement(item)) {\n if (isReactUINode('MenuItem', item)) {\n return React.cloneElement(item, { key: i, isMobile, size } as MenuItemProps);\n }\n if (isReactUINode('MenuHeader', item)) {\n return React.cloneElement(item, { size } as MenuHeaderProps);\n }\n return React.cloneElement(item, { key: i });\n }\n\n return (\n <MenuItem\n key={i}\n state={this.areValuesEqual(iValue, value) ? 'selected' : null}\n onClick={this.select.bind(this, iValue)}\n comment={comment}\n isMobile={isMobile}\n size={this.props.size}\n >\n {this.getProps().renderItem(iValue, item)}\n </MenuItem>\n );\n },\n );\n };\n\n private dropdownContainerGetParent = () => {\n return getRootNode(this);\n };\n\n // fix cases when an Input is rendered in portal\n // https://github.com/skbkontur/retail-ui/issues/1995\n private focusInput = (input: Input) => input?.focus();\n private debouncedFocusInput = debounce(this.focusInput);\n\n private refMenu = (menu: Menu) => {\n this.menu = menu;\n };\n\n private toggle = () => {\n if (this.state.opened) {\n this.close();\n } else {\n this.open();\n }\n };\n\n private handleKey = (e: React.KeyboardEvent<HTMLElement>) => {\n if (!this.state.opened) {\n if (isKeySpace(e) \|\| isKeyArrowVertical(e)) {\n e.preventDefault();\n this.open();\n }\n } else {\n switch (true) {\n case isKeyEscape(e):\n this.focus();\n this.close();\n break;\n case isKeyArrowUp(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.up();\n }\n break;\n case isKeyArrowDown(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.down();\n }\n break;\n case isKeyEnter(e):\n e.preventDefault(); // To prevent form submission.\n if (this.menu) {\n this.menu.enter(e);\n }\n break;\n }\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handleSearch = (value: string) => {\n const menuItemsAtAnyLevel = this.featureFlags.menuItemsAtAnyLevel;\n\n this.setState({ searchPattern: value });\n this.menu?.highlightItem(menuItemsAtAnyLevel ? 0 : 1);\n };\n\n private select(value: TValue) {\n this.focus();\n this.setState({ opened: false, value });\n\n if (!this.areValuesEqual(this.getValue(), value)) {\n this.props.onValueChange?.(value);\n }\n }\n\n private getValue() {\n if (this.props.value !== undefined) {\n return this.props.value;\n }\n return this.state.value;\n }\n\n private mapItems(fn: (value: TValue, item: TItem, index: number, comment?: string) => React.ReactNode) {\n const { items } = this.props;\n if (!items) {\n return [];\n }\n const pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();\n\n const result: React.ReactNode[] = [];\n let index = 0;\n for (const entry of items) {\n const [value, item, comment] = normalizeEntry(entry as TItem);\n\n if (!pattern \|\| this.getProps().filterItem(value, item, pattern)) {\n result.push(fn(value, item, index, comment));\n ++index;\n }\n }\n\n return result;\n }\n\n private getItemByValue(value?: Nullable<TValue>) {\n if (value === null \|\| value === undefined) {\n return null;\n }\n\n const items = this.props.items \|\| [];\n\n for (const entry of items) {\n const [itemValue, item] = normalizeEntry(entry);\n\n if (this.areValuesEqual(itemValue, value)) {\n return item;\n }\n }\n return null;\n }\n\n private areValuesEqual(value1: Nullable<TValue>, value2: Nullable<TValue>) {\n return isNonNullable(value1) && isNonNullable(value2) && this.getProps().areValuesEqual(value1, value2);\n }\n\n private buttonRef = (element: FocusableReactElement \| null) => {\n this.buttonElement = element;\n };\n\n private getButton = (buttonParams: ButtonParams) => {\n const button = this.props._renderButton\n ? this.props._renderButton(buttonParams)\n : this.renderDefaultButton(buttonParams);\n\n const buttonElement = React.Children.only(button);\n\n return React.isValidElement(buttonElement)\n ? React.cloneElement(buttonElement as React.ReactElement, {\n ref: this.buttonRef,\n onFocus: this.props.onFocus,\n onBlur: this.props.onBlur,\n size: this.props.size,\n 'aria-describedby': this.props['aria-describedby'],\n 'aria-expanded': this.state.opened ? 'true' : 'false',\n 'aria-controls': this.menuId,\n 'aria-label': buttonElement.props['aria-label'] ?? this.props['aria-label'],\n })\n : buttonElement;\n };\n}\n\nfunction renderValue<TValue, TItem>(value: TValue, item: Nullable<TItem>) {\n return item;\n}\n\nfunction renderItem<TValue, TItem>(value: TValue, item?: TItem) {\n return item;\n}\n\nfunction areValuesEqual<TValue>(value1: TValue, value2: TValue) {\n return value1 === value2;\n}\n\nfunction normalizeEntry(entry: any) {\n if (Array.isArray(entry)) {\n return entry;\n }\n\n return [entry, entry, undefined];\n}\n\nconst getTextFromItem = (item: any): string => {\n if (typeof item === 'string') {\n return item;\n }\n\n if (isFunction(item)) {\n return getTextFromItem(item());\n }\n\n if (React.isValidElement(item)) {\n return reactGetTextContent(item);\n }\n\n if (typeof item === 'number') {\n return item.toString(10);\n }\n\n return '';\n};\n\nfunction filterItem<TValue>(value: TValue, item: any, pattern: string) {\n if (item === Select.SEP) {\n return false;\n }\n\n const itemText = getTextFromItem(item);\n\n if (!itemText) {\n return false;\n }\n\n return itemText.toLowerCase().indexOf(pattern) !== -1;\n}\n"]}

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

@@ -8,6 +8,32 @@ const items = [Select.static(() => <Select.Item>Not selectable</Select.Item>), '
 <Select items={items} value={value} onValueChange={setValue} />;
 ```
+В пункты меню можно передать проп `isNotSelectable`, чтобы запретить выделение и выбор этого пункта меню
+```jsx harmony
+const [value, setValue] = React.useState();
+const items = [<Select.Item isNotSelectable>Not selectable</Select.Item>, 'One', 'Two', 'Three', Select.SEP, 'Four'];
+<Select items={items} value={value} onValueChange={setValue} />
+```
+Очистить значение в `Select`'е можно только с помощью `null`
+```jsx harmony
+import { Button, Group } from '@skbkontur/react-ui';
+const [value, setValue] = React.useState();
+const items = ['One', 'Two', 'Three', 'Four'];
+<Group>
+  <Select items={items} value={value} onValueChange={setValue} />
+  <Button onClick={() => setValue(null)}>Очистить</Button>
+</Group>
+```
 Пример с полем поиска.
 ```jsx harmony
@@ -65,3 +91,20 @@ const en_GB = {
   placeholder: 'Nothing selected',
 };
 ```
+У Select есть 3 стандартных размера.
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+const [valueSmall, setValueSmall] = React.useState('Маленький');
+const [valueMedium, setValueMedium] = React.useState('Средний');
+const [valueLarge, setValueLarge] = React.useState('Большой');
+const items = ['Маленький', 'Средний', 'Большой'];
+<Gapped vertical>
+  <Select items={items} value={valueSmall} onValueChange={setValueSmall} size={'small'} />
+  <Select items={items} value={valueMedium} onValueChange={setValueMedium} size={'medium'} />
+  <Select items={items} value={valueLarge} onValueChange={setValueLarge} size={'large'} />
+</Gapped>
+```

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

@@ -1,4 +1,4 @@
-"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;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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;
 var styles = (0, _Emotion.memoizeStyle)({
@@ -11,8 +11,9 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
   rootMobile: function rootMobile(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n    "])),
-    t.selectRootWidthMobile);
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      max-width: ", ";\n    "])),
+    t.selectRootWidthMobile,
+    t.mobileSelectMaxWidth);
   },
@@ -72,28 +73,28 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
   leftIconSmall: function leftIconSmall(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      width: ", ";\n    "])),
     t.selectIconGapSmall,
     t.btnIconSizeSmall);
   },
   leftIconMedium: function leftIconMedium(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      width: ", ";\n    "])),
     t.selectIconGapMedium,
     t.btnIconSizeMedium);
   },
   leftIconLarge: function leftIconLarge(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      width: ", ";\n    "])),
     t.selectIconGapLarge,
     t.btnIconSizeLarge);
   },
   leftIconLink: function leftIconLink(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
     t.btnLinkIconMarginRight);
   },

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Select.styles.ts"],"names":["styles","root","css","rootMobile","t","selectRootWidthMobile","placeholder","selectPlaceholderColor","placeholderDisabled","selectPlaceholderColorDisabled","customUsePlaceholder","arrowWrap","selectMenuArrowColor","arrowDisabled","selectMenuArrowColorDisabled","customUseArrow","label","search","leftIconSmall","selectIconGapSmall","btnIconSizeSmall","leftIconMedium","selectIconGapMedium","btnIconSizeMedium","leftIconLarge","selectIconGapLarge","btnIconSizeLarge","leftIconLink","btnLinkIconMarginRight","selectButtonContainer"],"mappings":"~~4QAAA~~,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;;AASjCC,EAAAA,UATiC,sBAStBC,CATsB,EASZ;AACnB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACC,qBADb;;~~AAGD~~,~~GAbgC~~;;~~AAejCC~~,EAAAA,~~WAfiC~~,~~uBAerBF~~,~~CAfqB~~,~~EAeX~~;AACpB,eAAOF,YAAP;AACWE,IAAAA,CAAC,~~CAACG~~,sBADb;;;AAID,~~GApBgC~~;;~~AAsBjCC~~,EAAAA,~~mBAtBiC~~,+~~BAsBbJ~~,~~CAtBa~~,~~EAsBH~~;AAC5B,eAAOF,YAAP;AACWE,IAAAA,CAAC,~~CAACK~~,8BADb;;AAGD,~~GA1BgC~~;;~~AA4BjCC~~,EAAAA,~~oBA5BiC~~,~~kCA4BV~~;AACrB,~~eAAOR~~,YAAP;;;;AAID,~~GAjCgC~~;;~~AAmCjCS~~,EAAAA,~~SAnCiC~~,~~qBAmCvBP~~,~~CAnCuB~~,~~EAmCb~~;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,~~CAACQ~~,oBADb;;;AAID,~~GAxCgC~~;;~~AA0CjCC~~,EAAAA,~~aA1CiC~~,~~yBA0CnBT~~,~~CA1CmB~~,~~EA0CT~~;AACtB,eAAOF,YAAP;AACWE,IAAAA,CAAC,~~CAACU~~,4BADb;;AAGD,~~GA9CgC~~;;~~AAgDjCC~~,EAAAA,~~cAhDiC~~,~~4BAgDhB~~;AACf,~~eAAOb~~,YAAP;;;;AAID,~~GArDgC~~;;~~AAuDjCc~~,EAAAA,~~KAvDiC~~,~~mBAuDzB~~;AACN,~~eAAOd~~,YAAP;;;;;;AAMD,~~GA9DgC~~;;~~AAgEjCe~~,EAAAA,~~MAhEiC~~,~~oBAgExB~~;AACP,~~eAAOf~~,YAAP;;;AAGD,~~GApEgC~~;;~~AAsEjCgB~~,EAAAA,~~aAtEiC~~,~~yBAsEnBd~~,~~CAtEmB~~,~~EAsET~~;AACtB,eAAOF,YAAP;~~AACmBE~~,IAAAA,CAAC,~~CAACe~~,~~kBADrB~~;~~AAEWf~~,IAAAA,CAAC,~~CAACgB~~,gBAFb;;AAID,~~GA3EgC~~;;~~AA6EjCC~~,EAAAA,~~cA7EiC~~,~~0BA6ElBjB~~,~~CA7EkB~~,~~EA6ER~~;AACvB,eAAOF,YAAP;~~AACmBE~~,IAAAA,CAAC,~~CAACkB~~,~~mBADrB~~;~~AAEWlB~~,IAAAA,CAAC,~~CAACmB~~,iBAFb;;AAID,~~GAlFgC~~;;~~AAoFjCC~~,EAAAA,~~aApFiC~~,~~yBAoFnBpB~~,~~CApFmB~~,~~EAoFT~~;AACtB,eAAOF,YAAP;~~AACmBE~~,IAAAA,CAAC,~~CAACqB~~,~~kBADrB~~;~~AAEWrB~~,IAAAA,CAAC,~~CAACsB~~,gBAFb;;AAID,~~GAzFgC~~;;~~AA2FjCC~~,EAAAA,~~YA3FiC~~,~~wBA2FpBvB~~,~~CA3FoB~~,~~EA2FV~~;AACrB,eAAOF,YAAP;~~AACmBE~~,IAAAA,CAAC,~~CAACwB~~,~~sBADrB~~;;AAGD,~~GA/FgC~~;;~~AAiGjCC~~,EAAAA,~~qBAjGiC~~,~~mCAiGT~~;AACtB,~~eAAO3B~~,YAAP;;;;;AAKD,~~GAvGgC~~,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n display: inline-block;\n position: relative;\n line-height: normal;\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n width: ${t.selectRootWidthMobile};\n `;\n },\n\n placeholder(t: Theme) {\n return css`\n color: ${t.selectPlaceholderColor};\n text-overflow: ellipsis;\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return css`\n color: ${t.selectPlaceholderColorDisabled};\n `;\n },\n\n customUsePlaceholder() {\n return css`\n color: inherit;\n opacity: 0.7;\n `;\n },\n\n arrowWrap(t: Theme) {\n return css`\n color: ${t.selectMenuArrowColor};\n flex-shrink: 0;\n `;\n },\n\n arrowDisabled(t: Theme) {\n return css`\n color: ${t.selectMenuArrowColorDisabled};\n `;\n },\n\n customUseArrow() {\n return css`\n color: inherit;\n opacity: 0.7;\n `;\n },\n\n label() {\n return css`\n flex: 1 1 auto;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n `;\n },\n\n search() {\n return css`\n margin: 1px 4px 4px;\n `;\n },\n\n leftIconSmall(t: Theme) {\n return css`\n ~~padding~~-right: ${t.selectIconGapSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n leftIconMedium(t: Theme) {\n return css`\n ~~padding~~-right: ${t.selectIconGapMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n leftIconLarge(t: Theme) {\n return css`\n ~~padding~~-right: ${t.selectIconGapLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n leftIconLink(t: Theme) {\n return css`\n ~~padding~~-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n selectButtonContainer() {\n return css`\n width: 100%;\n display: inline-flex;\n justify-content: space-between;\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Select.styles.ts"],"names":["styles","root","css","rootMobile","t","selectRootWidthMobile","mobileSelectMaxWidth","placeholder","selectPlaceholderColor","placeholderDisabled","selectPlaceholderColorDisabled","customUsePlaceholder","arrowWrap","selectMenuArrowColor","arrowDisabled","selectMenuArrowColorDisabled","customUseArrow","label","search","leftIconSmall","selectIconGapSmall","btnIconSizeSmall","leftIconMedium","selectIconGapMedium","btnIconSizeMedium","leftIconLarge","selectIconGapLarge","btnIconSizeLarge","leftIconLink","btnLinkIconMarginRight","selectButtonContainer"],"mappings":"oRAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;;AASjCC,EAAAA,UATiC,sBAStBC,CATsB,EASZ;AACnB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACC,qBADb;AAEeD,IAAAA,CAAC,CAACE,oBAFjB;;AAID,GAdgC;;AAgBjCC,EAAAA,WAhBiC,uBAgBrBH,CAhBqB,EAgBX;AACpB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACI,sBADb;;;AAID,GArBgC;;AAuBjCC,EAAAA,mBAvBiC,+BAuBbL,CAvBa,EAuBH;AAC5B,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACM,8BADb;;AAGD,GA3BgC;;AA6BjCC,EAAAA,oBA7BiC,kCA6BV;AACrB,eAAOT,YAAP;;;;AAID,GAlCgC;;AAoCjCU,EAAAA,SApCiC,qBAoCvBR,CApCuB,EAoCb;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACS,oBADb;;;AAID,GAzCgC;;AA2CjCC,EAAAA,aA3CiC,yBA2CnBV,CA3CmB,EA2CT;AACtB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACW,4BADb;;AAGD,GA/CgC;;AAiDjCC,EAAAA,cAjDiC,4BAiDhB;AACf,eAAOd,YAAP;;;;AAID,GAtDgC;;AAwDjCe,EAAAA,KAxDiC,mBAwDzB;AACN,eAAOf,YAAP;;;;;;AAMD,GA/DgC;;AAiEjCgB,EAAAA,MAjEiC,oBAiExB;AACP,eAAOhB,YAAP;;;AAGD,GArEgC;;AAuEjCiB,EAAAA,aAvEiC,yBAuEnBf,CAvEmB,EAuET;AACtB,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACgB,kBADpB;AAEWhB,IAAAA,CAAC,CAACiB,gBAFb;;AAID,GA5EgC;;AA8EjCC,EAAAA,cA9EiC,0BA8ElBlB,CA9EkB,EA8ER;AACvB,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACmB,mBADpB;AAEWnB,IAAAA,CAAC,CAACoB,iBAFb;;AAID,GAnFgC;;AAqFjCC,EAAAA,aArFiC,yBAqFnBrB,CArFmB,EAqFT;AACtB,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACsB,kBADpB;AAEWtB,IAAAA,CAAC,CAACuB,gBAFb;;AAID,GA1FgC;;AA4FjCC,EAAAA,YA5FiC,wBA4FpBxB,CA5FoB,EA4FV;AACrB,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACyB,sBADpB;;AAGD,GAhGgC;;AAkGjCC,EAAAA,qBAlGiC,mCAkGT;AACtB,eAAO5B,YAAP;;;;;AAKD,GAxGgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n display: inline-block;\n position: relative;\n line-height: normal;\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n width: ${t.selectRootWidthMobile};\n max-width: ${t.mobileSelectMaxWidth};\n `;\n },\n\n placeholder(t: Theme) {\n return css`\n color: ${t.selectPlaceholderColor};\n text-overflow: ellipsis;\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return css`\n color: ${t.selectPlaceholderColorDisabled};\n `;\n },\n\n customUsePlaceholder() {\n return css`\n color: inherit;\n opacity: 0.7;\n `;\n },\n\n arrowWrap(t: Theme) {\n return css`\n color: ${t.selectMenuArrowColor};\n flex-shrink: 0;\n `;\n },\n\n arrowDisabled(t: Theme) {\n return css`\n color: ${t.selectMenuArrowColorDisabled};\n `;\n },\n\n customUseArrow() {\n return css`\n color: inherit;\n opacity: 0.7;\n `;\n },\n\n label() {\n return css`\n flex: 1 1 auto;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n `;\n },\n\n search() {\n return css`\n margin: 1px 4px 4px;\n `;\n },\n\n leftIconSmall(t: Theme) {\n return css`\n margin-right: ${t.selectIconGapSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n leftIconMedium(t: Theme) {\n return css`\n margin-right: ${t.selectIconGapMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n leftIconLarge(t: Theme) {\n return css`\n margin-right: ${t.selectIconGapLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n leftIconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n selectButtonContainer() {\n return css`\n width: 100%;\n display: inline-flex;\n justify-content: space-between;\n `;\n },\n});\n"]}

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

@@ -6,6 +6,8 @@
 var getSelectTheme = function getSelectTheme(theme, props) {
   return _ThemeFactory.ThemeFactory.create(
   {
+    btnDefaultBg: theme.selectDefaultBg,
     btnBorderWidth: theme.selectBorderWidth,
     btnOutlineWidth: theme.selectOutlineWidth,
@@ -34,7 +36,10 @@ var getSelectTheme = function getSelectTheme(theme, props) {
     btnDisabledBg: theme.selectBgDisabled,
     btnDisabledBorderColor: theme.selectBorderColorDisabled,
-    btnDisabledTextColor: theme.selectTextColorDisabled },
+    btnDisabledTextColor: theme.selectTextColorDisabled,
+    btnDefaultHoverBorderColor: theme.selectBorderColorHover,
+    btnBorderColorTransition: theme.selectBorderColorTransition },
   theme);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["selectTheme.ts"],"names":["getSelectTheme","theme","props","ThemeFactory","create","btnBorderWidth","selectBorderWidth","btnOutlineWidth","selectOutlineWidth","btnLineHeightSmall","selectLineHeightSmall","btnFontSizeSmall","selectFontSizeSmall","btnPaddingXSmall","_icon","selectPaddingXSmall","btnPaddingYSmall","selectPaddingYSmall","btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLinkHoverTextDecoration","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","btnIconSizeLarge","selectIconSizeLarge","btnBorderRadiusLarge","selectBorderRadiusLarge","btnDisabledBg","selectBgDisabled","btnDisabledBorderColor","selectBorderColorDisabled","btnDisabledTextColor","selectTextColorDisabled"],"mappings":"uEAAA;;;;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAeC,KAAf,EAAuD;AACnF,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,~~cAAc~~,EAAEJ,KAAK,CAACK,~~iBADxB;AAEEC~~,IAAAA,~~eAAe~~,EAAEN,KAAK,CAACO,~~kBAFzB;;~~AAIEC,IAAAA,~~kBAAkB~~,EAAER,KAAK,CAACS,~~qBAJ5B;AAKEC~~,IAAAA,~~gBAAgB~~,EAAEV,KAAK,CAACW,~~mBAL1B~~;~~AAMEC~~,IAAAA,gBAAgB,~~EAAEX~~,KAAK,~~CAACY~~,KAAN,~~GAAcb~~,KAAK,~~CAACY~~,gBAApB,~~GAAuCZ~~,KAAK,~~CAACc~~,~~mBANjE~~;~~AAOEC~~,IAAAA,gBAAgB,~~EAAEf~~,KAAK,~~CAACgB~~,~~mBAP1B~~;~~AAQEC~~,IAAAA,gBAAgB,~~EAAEjB~~,KAAK,~~CAACkB~~,~~mBAR1B~~;~~AASEC~~,IAAAA,oBAAoB,~~EAAEnB~~,KAAK,~~CAACoB~~,~~uBAT9B~~;;~~AAWEC~~,IAAAA,0BAA0B,EAAE,~~MAX9B~~;;~~AAaEC~~,IAAAA,mBAAmB,~~EAAEtB~~,KAAK,~~CAACuB~~,~~sBAb7B~~;~~AAcEC~~,IAAAA,iBAAiB,~~EAAExB~~,KAAK,~~CAACyB~~,~~oBAd3B~~;~~AAeEC~~,IAAAA,iBAAiB,~~EAAEzB~~,KAAK,~~CAACY~~,KAAN,~~GAAcb~~,KAAK,~~CAAC0B~~,iBAApB,~~GAAwC1B~~,KAAK,~~CAAC2B~~,~~oBAfnE~~;~~AAgBEC~~,IAAAA,iBAAiB,~~EAAE5B~~,KAAK,~~CAAC6B~~,~~oBAhB3B~~;~~AAiBEC~~,IAAAA,iBAAiB,~~EAAE9B~~,KAAK,~~CAAC+B~~,~~oBAjB3B~~;~~AAkBEC~~,IAAAA,qBAAqB,~~EAAEhC~~,KAAK,~~CAACiC~~,~~wBAlB~~/B;;~~AAoBEC~~,IAAAA,kBAAkB,~~EAAElC~~,KAAK,~~CAACmC~~,~~qBApB5B~~;~~AAqBEC~~,IAAAA,gBAAgB,~~EAAEpC~~,KAAK,~~CAACqC~~,~~mBArB1B~~;~~AAsBEC~~,IAAAA,gBAAgB,~~EAAErC~~,KAAK,~~CAACY~~,KAAN,~~GAAcb~~,KAAK,~~CAACsC~~,gBAApB,~~GAAuCtC~~,KAAK,~~CAACuC~~,~~mBAtBjE~~;~~AAuBEC~~,IAAAA,gBAAgB,~~EAAExC~~,KAAK,~~CAACyC~~,~~mBAvB1B~~;~~AAwBEC~~,IAAAA,gBAAgB,~~EAAE1C~~,KAAK,~~CAAC2C~~,~~mBAxB1B~~;~~AAyBEC~~,IAAAA,oBAAoB,~~EAAE5C~~,KAAK,~~CAAC6C~~,~~uBAzB9B~~;;~~AA2BEC~~,IAAAA,aAAa,~~EAAE9C~~,KAAK,~~CAAC+C~~,~~gBA3BvB~~;~~AA4BEC~~,IAAAA,sBAAsB,~~EAAEhD~~,KAAK,~~CAACiD~~,~~yBA5BhC~~;~~AA6BEC~~,IAAAA,oBAAoB,~~EAAElD~~,KAAK,~~CAACmD~~,~~uBA7B9B~~,EADK;;~~AAgCLnD~~,EAAAA,~~KAhCK~~,CAAP;;~~AAkCD~~,~~CAnCM~~,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { SelectProps } from './Select';\n\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\n return ThemeFactory.create(\n {\n btnBorderWidth: theme.selectBorderWidth,\n btnOutlineWidth: theme.selectOutlineWidth,\n\n btnLineHeightSmall: theme.selectLineHeightSmall,\n btnFontSizeSmall: theme.selectFontSizeSmall,\n btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n btnPaddingYSmall: theme.selectPaddingYSmall,\n btnIconSizeSmall: theme.selectIconSizeSmall,\n btnBorderRadiusSmall: theme.selectBorderRadiusSmall,\n\n btnLinkHoverTextDecoration: 'none',\n\n btnLineHeightMedium: theme.selectLineHeightMedium,\n btnFontSizeMedium: theme.selectFontSizeMedium,\n btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n btnPaddingYMedium: theme.selectPaddingYMedium,\n btnIconSizeMedium: theme.selectIconSizeMedium,\n btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\n\n btnLineHeightLarge: theme.selectLineHeightLarge,\n btnFontSizeLarge: theme.selectFontSizeLarge,\n btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n btnPaddingYLarge: theme.selectPaddingYLarge,\n btnIconSizeLarge: theme.selectIconSizeLarge,\n btnBorderRadiusLarge: theme.selectBorderRadiusLarge,\n\n btnDisabledBg: theme.selectBgDisabled,\n btnDisabledBorderColor: theme.selectBorderColorDisabled,\n btnDisabledTextColor: theme.selectTextColorDisabled,\n },\n theme,\n );\n};\n"]}
1	+ {"version":3,"sources":["selectTheme.ts"],"names":["getSelectTheme","theme","props","ThemeFactory","create","btnDefaultBg","selectDefaultBg","btnBorderWidth","selectBorderWidth","btnOutlineWidth","selectOutlineWidth","btnLineHeightSmall","selectLineHeightSmall","btnFontSizeSmall","selectFontSizeSmall","btnPaddingXSmall","_icon","selectPaddingXSmall","btnPaddingYSmall","selectPaddingYSmall","btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLinkHoverTextDecoration","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","btnIconSizeLarge","selectIconSizeLarge","btnBorderRadiusLarge","selectBorderRadiusLarge","btnDisabledBg","selectBgDisabled","btnDisabledBorderColor","selectBorderColorDisabled","btnDisabledTextColor","selectTextColorDisabled","btnDefaultHoverBorderColor","selectBorderColorHover","btnBorderColorTransition","selectBorderColorTransition"],"mappings":"uEAAA;;;;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAeC,KAAf,EAAuD;AACnF,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,YAAY,EAAEJ,KAAK,CAACK,eADtB;;AAGEC,IAAAA,cAAc,EAAEN,KAAK,CAACO,iBAHxB;AAIEC,IAAAA,eAAe,EAAER,KAAK,CAACS,kBAJzB;;AAMEC,IAAAA,kBAAkB,EAAEV,KAAK,CAACW,qBAN5B;AAOEC,IAAAA,gBAAgB,EAAEZ,KAAK,CAACa,mBAP1B;AAQEC,IAAAA,gBAAgB,EAAEb,KAAK,CAACc,KAAN,GAAcf,KAAK,CAACc,gBAApB,GAAuCd,KAAK,CAACgB,mBARjE;AASEC,IAAAA,gBAAgB,EAAEjB,KAAK,CAACkB,mBAT1B;AAUEC,IAAAA,gBAAgB,EAAEnB,KAAK,CAACoB,mBAV1B;AAWEC,IAAAA,oBAAoB,EAAErB,KAAK,CAACsB,uBAX9B;;AAaEC,IAAAA,0BAA0B,EAAE,MAb9B;;AAeEC,IAAAA,mBAAmB,EAAExB,KAAK,CAACyB,sBAf7B;AAgBEC,IAAAA,iBAAiB,EAAE1B,KAAK,CAAC2B,oBAhB3B;AAiBEC,IAAAA,iBAAiB,EAAE3B,KAAK,CAACc,KAAN,GAAcf,KAAK,CAAC4B,iBAApB,GAAwC5B,KAAK,CAAC6B,oBAjBnE;AAkBEC,IAAAA,iBAAiB,EAAE9B,KAAK,CAAC+B,oBAlB3B;AAmBEC,IAAAA,iBAAiB,EAAEhC,KAAK,CAACiC,oBAnB3B;AAoBEC,IAAAA,qBAAqB,EAAElC,KAAK,CAACmC,wBApB/B;;AAsBEC,IAAAA,kBAAkB,EAAEpC,KAAK,CAACqC,qBAtB5B;AAuBEC,IAAAA,gBAAgB,EAAEtC,KAAK,CAACuC,mBAvB1B;AAwBEC,IAAAA,gBAAgB,EAAEvC,KAAK,CAACc,KAAN,GAAcf,KAAK,CAACwC,gBAApB,GAAuCxC,KAAK,CAACyC,mBAxBjE;AAyBEC,IAAAA,gBAAgB,EAAE1C,KAAK,CAAC2C,mBAzB1B;AA0BEC,IAAAA,gBAAgB,EAAE5C,KAAK,CAAC6C,mBA1B1B;AA2BEC,IAAAA,oBAAoB,EAAE9C,KAAK,CAAC+C,uBA3B9B;;AA6BEC,IAAAA,aAAa,EAAEhD,KAAK,CAACiD,gBA7BvB;AA8BEC,IAAAA,sBAAsB,EAAElD,KAAK,CAACmD,yBA9BhC;AA+BEC,IAAAA,oBAAoB,EAAEpD,KAAK,CAACqD,uBA/B9B;;AAiCEC,IAAAA,0BAA0B,EAAEtD,KAAK,CAACuD,sBAjCpC;AAkCEC,IAAAA,wBAAwB,EAAExD,KAAK,CAACyD,2BAlClC,EADK;;AAqCLzD,EAAAA,KArCK,CAAP;;AAuCD,CAxCM,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { SelectProps } from './Select';\n\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\n return ThemeFactory.create(\n {\n btnDefaultBg: theme.selectDefaultBg,\n\n btnBorderWidth: theme.selectBorderWidth,\n btnOutlineWidth: theme.selectOutlineWidth,\n\n btnLineHeightSmall: theme.selectLineHeightSmall,\n btnFontSizeSmall: theme.selectFontSizeSmall,\n btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n btnPaddingYSmall: theme.selectPaddingYSmall,\n btnIconSizeSmall: theme.selectIconSizeSmall,\n btnBorderRadiusSmall: theme.selectBorderRadiusSmall,\n\n btnLinkHoverTextDecoration: 'none',\n\n btnLineHeightMedium: theme.selectLineHeightMedium,\n btnFontSizeMedium: theme.selectFontSizeMedium,\n btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n btnPaddingYMedium: theme.selectPaddingYMedium,\n btnIconSizeMedium: theme.selectIconSizeMedium,\n btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\n\n btnLineHeightLarge: theme.selectLineHeightLarge,\n btnFontSizeLarge: theme.selectFontSizeLarge,\n btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n btnPaddingYLarge: theme.selectPaddingYLarge,\n btnIconSizeLarge: theme.selectIconSizeLarge,\n btnBorderRadiusLarge: theme.selectBorderRadiusLarge,\n\n btnDisabledBg: theme.selectBgDisabled,\n btnDisabledBorderColor: theme.selectBorderColorDisabled,\n btnDisabledTextColor: theme.selectTextColorDisabled,\n\n btnDefaultHoverBorderColor: theme.selectBorderColorHover,\n btnBorderColorTransition: theme.selectBorderColorTransition,\n },\n theme,\n );\n};\n"]}

package/cjs/components/SidePage/SidePage.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { AriaAttributes, HTMLAttributes } from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { SidePageBody } from './SidePageBody';
 import { SidePageContainer } from './SidePageContainer';
 import { SidePageFooter } from './SidePageFooter';
 import { SidePageHeader } from './SidePageHeader';
-export interface SidePageProps extends CommonProps {
+export interface SidePageProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label'> {
     /**
      * Добавить блокирующий фон, когда сайдпейдж открыт
      */
@@ -26,6 +26,10 @@ export interface SidePageProps extends CommonProps {
      * Escape или на крестик).
      */
     onClose?: () => void;
+    /**
+     * Вызывается, когда анимация открытия сайдпейджа полностью прошла
+     */
+    onOpened?: () => void;
     /**
      * Показывать сайдпэйдж слева
      *
@@ -39,7 +43,7 @@ export interface SidePageProps extends CommonProps {
     /**
      * Работает только при заблокированном фоне: `blockBackground = true`
      */
-    disableFocusLock: boolean;
+    disableFocusLock?: boolean;
     /**
      * задает отступ от края экрана
      */
@@ -54,6 +58,11 @@ export interface SidePageState {
     hasFooter: boolean;
     hasPanel: boolean;
 }
+export declare const SidePageDataTids: {
+    readonly root: "SidePage__root";
+    readonly container: "SidePage__container";
+};
+declare type DefaultProps = Required<Pick<SidePageProps, 'disableAnimations' | 'offset' | 'role'>>;
 /**
  * Сайдпейдж
  *
@@ -65,6 +74,7 @@ export interface SidePageState {
  */
 export declare class SidePage extends React.Component<SidePageProps, SidePageState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static Header: typeof SidePageHeader;
     static Body: typeof SidePageBody;
     static Footer: typeof SidePageFooter;
@@ -83,13 +93,12 @@ export declare class SidePage extends React.Component<SidePageProps, SidePageSta
      * @public
      */
     updateLayout: () => void;
-    static defaultProps: {
-        disableAnimations: boolean;
-        disableFocusLock: boolean;
-        offset: number;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private featureFlags;
     render(): JSX.Element;
     private renderMain;
+    private get isFocusLockDisabled();
     private renderContainer;
     private getSidePageContextProps;
     private getWidth;
@@ -106,3 +115,4 @@ export declare class SidePage extends React.Component<SidePageProps, SidePageSta
     private setHasFooter;
     private setHasPanel;
 }
+export {};

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

@@ -1,6 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.SidePage = void 0;var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageDataTids = exports.SidePage = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
+var _globalObject = require("@skbkontur/global-object");
 var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
@@ -17,13 +18,28 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _currentEnvironment = require("../../lib/currentEnvironment");
 var _ResponsiveLayout = require("../ResponsiveLayout");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
+var _isInstanceOf = require("../../lib/isInstanceOf");
 var _SidePageBody = require("./SidePageBody");
 var _SidePageContainer = require("./SidePageContainer");
 var _SidePageContext = require("./SidePageContext");
 var _SidePageFooter = require("./SidePageFooter");
 var _SidePageHeader = require("./SidePageHeader");
-var _SidePage = require("./SidePage.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _SidePage = require("./SidePage.styles");
@@ -81,6 +97,13 @@ var _SidePage = require("./SidePage.styles");function _getRequireWildcardCache(n
+var SidePageDataTids = {
+  root: 'SidePage__root',
+  container: 'SidePage__container' };exports.SidePageDataTids = SidePageDataTids;
@@ -103,6 +126,7 @@ SidePage = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
     state = {
       hasHeader: false,
       hasFooter: false,
@@ -143,6 +167,33 @@ SidePage = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
+    getProps = (0, _createPropsGetter.createPropsGetter)(SidePage.defaultProps);_this.
@@ -283,6 +334,10 @@ SidePage = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
@@ -307,7 +362,11 @@ SidePage = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
     handleClickOutside = function (e) {
       if (_this.state.stackPosition === 0 && !_this.props.ignoreBackgroundClick) {
         // ignore mousedown on window scrollbar
-        if (e instanceof MouseEvent && e.clientX > document.documentElement.clientWidth) {
+        if (
+        (0, _isInstanceOf.isInstanceOf)(e, _globalObject.globalObject.MouseEvent) &&
+        _globalObject.globalObject.document &&
+        e.clientX > _globalObject.globalObject.document.documentElement.clientWidth)
+        {
           return;
         }
         _this.requestClose();
@@ -355,7 +414,7 @@ SidePage = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
     setHasPanel = function (hasPanel) {if (hasPanel === void 0) {hasPanel = false;}
       _this.state.hasPanel !== hasPanel && _this.setState({ hasPanel: hasPanel });
-    };return _this;}var _proto = SidePage.prototype;_proto.componentDidMount = function componentDidMount() {window.addEventListener('keydown', this.handleKeyDown);this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);};_proto.componentWillUnmount = function componentWillUnmount() {window.removeEventListener('keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);} /**
+    };return _this;}var _proto = SidePage.prototype;_proto.componentDidMount = function componentDidMount() {_globalObject.globalObject.addEventListener == null ? void 0 : _globalObject.globalObject.addEventListener('keydown', this.handleKeyDown);this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);};_proto.componentWillUnmount = function componentWillUnmount() {_globalObject.globalObject.removeEventListener == null ? void 0 : _globalObject.globalObject.removeEventListener('keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);} /**
    * Обновляет разметку компонента.
    * @public
-   */;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$props = this.props,blockBackground = _this$props.blockBackground,disableAnimations = _this$props.disableAnimations;return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, blockBackground && _this3.renderShadow(), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { in: true, classNames: _this3.getTransitionNames(), appear: !disableAnimations, enter: !disableAnimations, exit: false, timeout: { enter: TRANSITION_TIMEOUT, exit: TRANSITION_TIMEOUT }, nodeRef: _this3.rootRef }, _this3.renderContainer(isMobile)), isMobile && /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null));}))));};_proto.renderContainer = function renderContainer(isMobile) {var _cx, _cx2;var _this$props2 = this.props,width = _this$props2.width,blockBackground = _this$props2.blockBackground,fromLeft = _this$props2.fromLeft,disableFocusLock = _this$props2.disableFocusLock,offset = _this$props2.offset;return /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Sidepage', "data-tid": "SidePage__root", className: (0, _Emotion.cx)((_cx = {}, _cx[_SidePage.styles.root()] = true, _cx[_SidePage.styles.mobileRoot()] = isMobile, _cx)), onScroll: LayoutEvents.emit, createStackingContext: true, style: isMobile ? undefined : { width: width || (blockBackground ? 800 : 500), right: fromLeft ? 'auto' : offset, left: fromLeft ? offset : 'auto' }, wrapperRef: this.rootRef }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: disableFocusLock || !blockBackground, autoFocus: false, className: _SidePage.styles.focusLock() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.handleClickOutside, active: true }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": "SidePage__container", className: (0, _Emotion.cx)(_SidePage.styles.wrapper(this.theme), (_cx2 = {}, _cx2[_SidePage.styles.wrapperLeft()] = fromLeft, _cx2[_SidePage.styles.wrapperMarginLeft()] = this.state.hasMargin && fromLeft, _cx2[_SidePage.styles.wrapperMarginRight()] = this.state.hasMargin && !fromLeft, _cx2[_SidePage.styles.shadow(this.theme)] = this.state.hasShadow, _cx2)), ref: this.layoutRef }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Provider, { value: this.getSidePageContextProps() }, this.props.children)))));};_proto.renderShadow = function renderShadow() {var _cx3;return /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Sidepage', className: _SidePage.styles.overlay(), onScroll: LayoutEvents.emit }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, { key: "hbvs" }), /*#__PURE__*/_react.default.createElement("div", { key: "overlay", className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_SidePage.styles.background()] = true, _cx3[_SidePage.styles.backgroundGray(this.theme)] = this.state.hasBackground, _cx3)) }));};_proto.getTransitionNames = function getTransitionNames() {var transition = this.props.fromLeft ? _SidePage.styles.transitionRight : _SidePage.styles.transitionLeft;return { enter: transition(), enterActive: _SidePage.styles.transitionActive(), exit: _SidePage.styles.transitionLeave(), exitActive: _SidePage.styles.transitionLeaveActive(), appear: transition(), appearActive: _SidePage.styles.transitionActive() };};return SidePage;}(_react.default.Component);exports.SidePage = SidePage;SidePage.__KONTUR_REACT_UI__ = 'SidePage';SidePage.Header = _SidePageHeader.SidePageHeader;SidePage.Body = _SidePageBody.SidePageBody;SidePage.Footer = _SidePageFooter.SidePageFooter;SidePage.Container = _SidePageContainer.SidePageContainer;SidePage.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, disableFocusLock: true, offset: 0 };
+   */;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$props = this.props,blockBackground = _this$props.blockBackground,onOpened = _this$props.onOpened;var disableAnimations = this.getProps().disableAnimations;return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, blockBackground && _this3.renderShadow(isMobile), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { in: true, classNames: _this3.getTransitionNames(), appear: !disableAnimations, enter: !disableAnimations, exit: false, timeout: { enter: TRANSITION_TIMEOUT, exit: TRANSITION_TIMEOUT }, nodeRef: _this3.rootRef, onEntered: onOpened }, _this3.renderContainer(isMobile)), isMobile && /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null));}))));};_proto.renderContainer = function renderContainer(isMobile) {var _cx, _cx2;var _this$props2 = this.props,width = _this$props2.width,blockBackground = _this$props2.blockBackground,fromLeft = _this$props2.fromLeft,ariaLabel = _this$props2['aria-label'];var _this$getProps = this.getProps(),offset = _this$getProps.offset,role = _this$getProps.role;return /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { "aria-modal": true, role: role, "aria-label": ariaLabel, priority: 'Sidepage', "data-tid": SidePageDataTids.root, className: (0, _Emotion.cx)((_cx = {}, _cx[_SidePage.styles.root()] = true, _cx[_SidePage.styles.mobileRoot()] = isMobile, _cx)), onScroll: LayoutEvents.emit, createStackingContext: true, style: isMobile ? undefined : { width: width || (blockBackground ? 800 : 500), right: fromLeft ? 'auto' : offset, left: fromLeft ? offset : 'auto' }, wrapperRef: this.rootRef }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: this.isFocusLockDisabled, autoFocus: false, className: _SidePage.styles.focusLock() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.handleClickOutside, active: true }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageDataTids.container, className: (0, _Emotion.cx)(_SidePage.styles.wrapper(this.theme), (_cx2 = {}, _cx2[_SidePage.styles.wrapperLeft()] = fromLeft, _cx2[_SidePage.styles.wrapperMarginLeft()] = this.state.hasMargin && fromLeft, _cx2[_SidePage.styles.wrapperMarginRight()] = this.state.hasMargin && !fromLeft, _cx2[_SidePage.styles.shadow(this.theme)] = this.state.hasShadow, _cx2)), ref: this.layoutRef }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Provider, { value: this.getSidePageContextProps() }, this.props.children)))));};_proto.renderShadow = function renderShadow(isMobile) {var _cx3;return /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Sidepage', className: _SidePage.styles.overlay(), onScroll: LayoutEvents.emit }, !isMobile && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, { key: "hbvs" }), /*#__PURE__*/_react.default.createElement("div", { key: "overlay", className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_SidePage.styles.background()] = true, _cx3[_SidePage.styles.backgroundGray(this.theme)] = this.state.hasBackground, _cx3)) })));};_proto.getTransitionNames = function getTransitionNames() {var transition = this.props.fromLeft ? _SidePage.styles.transitionRight : _SidePage.styles.transitionLeft;return { enter: transition(), enterActive: _SidePage.styles.transitionActive(), exit: _SidePage.styles.transitionLeave(), exitActive: _SidePage.styles.transitionLeaveActive(), appear: transition(), appearActive: _SidePage.styles.transitionActive() };};(0, _createClass2.default)(SidePage, [{ key: "isFocusLockDisabled", get: function get() {var _this$getProps2 = this.getProps(),disableFocusLock = _this$getProps2.disableFocusLock;var blockBackground = this.props.blockBackground;if (!blockBackground) {return true;}if (disableFocusLock !== undefined) {return disableFocusLock;}return !this.featureFlags.sidePageEnableFocusLockWhenBackgroundBlocked;} }]);return SidePage;}(_react.default.Component);exports.SidePage = SidePage;SidePage.__KONTUR_REACT_UI__ = 'SidePage';SidePage.displayName = 'SidePage';SidePage.Header = _SidePageHeader.SidePageHeader;SidePage.Body = _SidePageBody.SidePageBody;SidePage.Footer = _SidePageFooter.SidePageFooter;SidePage.Container = _SidePageContainer.SidePageContainer;SidePage.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, offset: 0, role: 'dialog' };