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/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","state","opened","value","props","defaultValue","searchPattern","theme","locale","menu","buttonElement","getProps","defaultProps","open","setState","onOpen","close","onClose","focus","dropdownContainerGetParent","ReactDOM","findDOMNode","focusInput","input","setTimeout","refMenu","toggle","handleKey","e","preventDefault","up","down","enter","onKeyDown","handleSearch","buttonRef","element","getButton","buttonParams","button","_renderButton","renderDefaultButton","React","Children","only","isValidElement","cloneElement","ref","onFocus","onBlur","componentDidUpdate","_prevProps","prevState","window","addEventListener","removeEventListener","render","renderMain","renderLabel","label","isPlaceholder","onClick","style","width","maxWidth","undefined","jsStyles","root","renderMenu","getValue","item","getItemByValue","renderValue","placeholder","params","buttonProps","align","active","_icon","Object","assign","icon","_noRightPadding","labelProps","className","customUsePlaceholder","paddingRight","getLabelPaddingRight","useIsCustom","labelText","arrowWrap","right","getLegacyArrowShift","arrow","customUseArrow","getArrowPadding","selectPaddingArrowLarge","selectPaddingArrowMedium","selectPaddingArrowSmall","ARROW_WIDTH","arrowLeftPadding","parseFloat","getSelectPadding","selectPaddingXLarge","selectPaddingXMedium","selectPaddingXSmall","selectPadding","search","menuAlign","disablePortal","menuWidth","maxMenuHeight","mapItems","iValue","i","comment","key","areValuesEqual","select","bind","renderItem","onValueChange","fn","items","pattern","toLowerCase","result","index","entry","normalizeEntry","filterItem","push","itemValue","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","func","any","bool","oneOfType","array","object","number","string","node","Item","SEP","static","value1","value2","Array","isArray","toString","indexOf"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactDOM from 'react-dom';\r\nimport invariant from 'invariant';\r\nimport cn from 'classnames';\r\n\r\nimport {\r\n isKeyArrowDown,\r\n isKeyArrowUp,\r\n isKeyArrowVertical,\r\n isKeyEnter,\r\n isKeyEscape,\r\n isKeySpace,\r\n} from '../../lib/events/keyboard/identifiers';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\r\nimport { Button, ButtonProps, ButtonSize, ButtonUse } from '../Button';\r\nimport { DropdownContainer } from '../../internal/DropdownContainer';\r\nimport { filterProps } from '../../lib/filterProps';\r\nimport { Input } from '../Input';\r\nimport { Menu } from '../../internal/Menu';\r\nimport { MenuItem } from '../MenuItem';\r\nimport { MenuSeparator } from '../MenuSeparator';\r\nimport { RenderLayer } from '../../internal/RenderLayer';\r\nimport { createPropsGetter } from '../../lib/createPropsGetter';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { Item } from './Item';\r\nimport { SelectLocale, SelectLocaleHelper } from './locale';\r\nimport { jsStyles } from './Select.styles';\r\nimport { getSelectTheme } from './selectTheme';\r\n\r\nexport interface ButtonParams {\r\n disabled?: boolean;\r\n label: React.ReactNode;\r\n onClick: () => void;\r\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\r\n opened: boolean;\r\n isPlaceholder: boolean;\r\n}\r\n\r\nconst PASS_BUTTON_PROPS = {\r\n disabled: true,\r\n error: true,\r\n use: true,\r\n size: true,\r\n warning: true,\r\n\r\n onMouseEnter: true,\r\n onMouseLeave: true,\r\n onMouseOver: true,\r\n};\r\n\r\nexport interface SelectProps<TValue, TItem> extends CommonProps {\r\n /** @ignore /\r\n _icon?: React.ReactElement<any>;\r\n /* @ignore /\r\n _renderButton?: (params: ButtonParams) => React.ReactNode;\r\n defaultValue?: TValue;\r\n /\r\n Отключает использование портала\r\n /\r\n disablePortal?: boolean;\r\n disabled?: boolean;\r\n /\r\n Визуально показать наличие ошибки.\r\n /\r\n error?: boolean;\r\n filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;\r\n /\r\n Набор значений. Поддерживаются любые перечисляемые типы, в том числе\r\n * `Array`, `Map`, `Immutable.Map`.\r\n \r\n Элементы воспринимаются следующим образом: если элемент — это массив, то\r\n * первый элемент является значением, второй — отображается в списке,\r\n * а третий – комментарий;\r\n * если элемент не является массивом, то он используется и для отображения,\r\n * и для значения.\r\n \r\n Для вставки разделителя можно использовать `Select.SEP`.\r\n \r\n Вставить невыделяемый элемент со своей разметкой можно так:\r\n * ```\r\n * <Select ...\r\n * items={[Select.static(() => <div>My Element</div>)]}\r\n * />\r\n * ```\r\n \r\n Чтобы добавить стандартный отступ для статического элемента:\r\n * ```\r\n * <Select.Item>My Element</Select.Item>\r\n * ```\r\n /\r\n items?: Array<[TValue, TItem, React.ReactNode?] \| TItem \| React.ReactElement \| (() => React.ReactElement)>;\r\n maxMenuHeight?: number;\r\n maxWidth?: React.CSSProperties['maxWidth'];\r\n menuAlign?: 'left' \| 'right';\r\n menuWidth?: React.CSSProperties['width'];\r\n onValueChange?: (value: TValue) => void;\r\n onClose?: () => void;\r\n onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;\r\n onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;\r\n onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;\r\n onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\r\n onOpen?: () => void;\r\n placeholder?: React.ReactNode;\r\n /\r\n Функция для отрисовки элемента в выпадающем списке. Аргументы — value,\r\n * item.\r\n /\r\n renderItem?: (value: TValue, item?: TItem) => React.ReactNode;\r\n /\r\n Функция для отрисовки выбранного элемента. Аргументы — value, item.\r\n /\r\n renderValue?: (value: TValue, item?: TItem) => React.ReactNode;\r\n /\r\n Функция для сравнения `value` с элементом из `items`\r\n /\r\n areValuesEqual?: (value1: TValue, value2: TValue) => boolean;\r\n /\r\n Показывать строку поиска в списке.\r\n /\r\n search?: boolean;\r\n value?: TValue;\r\n width?: number \| string;\r\n warning?: boolean;\r\n use?: ButtonUse;\r\n size?: ButtonSize;\r\n onFocus?: React.FocusEventHandler<HTMLElement>;\r\n onBlur?: React.FocusEventHandler<HTMLElement>;\r\n}\r\n\r\nexport interface SelectState<TValue> {\r\n opened: boolean;\r\n searchPattern: string;\r\n value: Nullable<TValue>;\r\n}\r\n\r\ninterface FocusableReactElement extends React.ReactElement<any> {\r\n focus: (event?: any) => void;\r\n}\r\n\r\n@locale('Select', SelectLocaleHelper)\r\nexport class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {\r\n public static __KONTUR_REACT_UI__ = 'Select';\r\n\r\n public static propTypes = {\r\n areValuesEqual: PropTypes.func,\r\n defaultValue: PropTypes.any,\r\n disablePortal: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n error: PropTypes.bool,\r\n filterItem: PropTypes.func,\r\n items: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\r\n maxMenuHeight: PropTypes.number,\r\n maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n placeholder: PropTypes.node,\r\n renderItem: PropTypes.func,\r\n renderValue: PropTypes.func,\r\n search: PropTypes.bool,\r\n value: PropTypes.any,\r\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n onValueChange: PropTypes.func,\r\n onMouseEnter: PropTypes.func,\r\n onMouseLeave: PropTypes.func,\r\n onMouseOver: PropTypes.func,\r\n onKeyDown: PropTypes.func,\r\n };\r\n\r\n public static defaultProps = {\r\n renderValue,\r\n renderItem,\r\n areValuesEqual,\r\n filterItem,\r\n use: 'default',\r\n };\r\n\r\n public static Item = Item;\r\n public static SEP = () => <MenuSeparator />;\r\n\r\n public static static = (element: React.ReactElement \| (() => React.ReactElement)) => {\r\n invariant(\r\n React.isValidElement(element) \|\| typeof element === 'function',\r\n 'Select.static(element) expects element to be a valid react element.',\r\n );\r\n return element;\r\n };\r\n\r\n public state: SelectState<TValue> = {\r\n opened: false,\r\n value: this.props.defaultValue,\r\n searchPattern: '',\r\n };\r\n\r\n private theme!: Theme;\r\n private readonly locale!: SelectLocale;\r\n private menu: Nullable<Menu>;\r\n private buttonElement: FocusableReactElement \| null = null;\r\n private getProps = createPropsGetter(Select.defaultProps);\r\n\r\n public componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>) {\r\n if (!prevState.opened && this.state.opened) {\r\n window.addEventListener('popstate', this.close);\r\n }\r\n if (prevState.opened && !this.state.opened) {\r\n window.removeEventListener('popstate', this.close);\r\n }\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 (\r\n <ThemeContext.Provider value={getSelectTheme(theme, this.props)}>{this.renderMain()}</ThemeContext.Provider>\r\n );\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n /\r\n @public\r\n /\r\n public open = () => {\r\n if (!this.state.opened) {\r\n this.setState({ opened: true });\r\n\r\n if (this.props.onOpen) {\r\n this.props.onOpen();\r\n }\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 this.setState({ opened: false, searchPattern: '' });\r\n\r\n if (this.props.onClose) {\r\n this.props.onClose();\r\n }\r\n }\r\n };\r\n\r\n /\r\n @public\r\n */\r\n public focus = () => {\r\n if (this.buttonElement && this.buttonElement.focus) {\r\n this.buttonElement.focus();\r\n }\r\n };\r\n\r\n private renderMain() {\r\n const { label, isPlaceholder } = this.renderLabel();\r\n\r\n const buttonParams: ButtonParams = {\r\n opened: this.state.opened,\r\n label,\r\n isPlaceholder,\r\n onClick: this.toggle,\r\n onKeyDown: this.handleKey,\r\n };\r\n\r\n const style = {\r\n width: this.props.width,\r\n maxWidth: this.props.maxWidth \|\| undefined,\r\n };\r\n\r\n const button = this.getButton(buttonParams);\r\n\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active={this.state.opened}>\r\n <span className={jsStyles.root(this.theme)} style={style}>\r\n {button}\r\n {!this.props.disabled && this.state.opened && this.renderMenu()}\r\n </span>\r\n </RenderLayer>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n private renderLabel() {\r\n const value = this.getValue();\r\n const item = this.getItemByValue(value);\r\n\r\n if (item != null \|\| value != null) {\r\n return {\r\n label: this.getProps().renderValue(value, item),\r\n isPlaceholder: false,\r\n };\r\n }\r\n\r\n return {\r\n label: <span>{this.props.placeholder \|\| this.locale.placeholder}</span>,\r\n isPlaceholder: true,\r\n };\r\n }\r\n\r\n private renderDefaultButton(params: ButtonParams) {\r\n const buttonProps: ButtonProps = {\r\n ...filterProps(this.props, PASS_BUTTON_PROPS),\r\n align: 'left' as React.CSSProperties['textAlign'],\r\n disabled: this.props.disabled,\r\n width: '100%',\r\n onClick: params.onClick,\r\n onKeyDown: params.onKeyDown,\r\n active: params.opened,\r\n };\r\n\r\n if (this.props._icon) {\r\n Object.assign(buttonProps, {\r\n icon: this.props._icon,\r\n _noRightPadding: true,\r\n });\r\n }\r\n\r\n const labelProps = {\r\n className: cn({\r\n [jsStyles.label()]: this.props.use !== 'link',\r\n [jsStyles.placeholder(this.theme)]: params.isPlaceholder,\r\n [jsStyles.customUsePlaceholder()]: params.isPlaceholder && this.props.use !== 'default',\r\n }),\r\n style: {\r\n paddingRight: this.getLabelPaddingRight(),\r\n },\r\n };\r\n\r\n const useIsCustom = this.props.use !== 'default';\r\n\r\n return (\r\n <Button {...buttonProps}>\r\n <span {...labelProps}>\r\n <span className={jsStyles.labelText()}>{params.label}</span>\r\n </span>\r\n <div className={jsStyles.arrowWrap()} style={{ right: this.getLegacyArrowShift() }}>\r\n <div className={cn(jsStyles.arrow(this.theme), useIsCustom && jsStyles.customUseArrow())} />\r\n </div>\r\n </Button>\r\n );\r\n }\r\n\r\n private getLabelPaddingRight(): number {\r\n const getArrowPadding = () => {\r\n switch (this.props.size) {\r\n case 'large':\r\n return this.theme.selectPaddingArrowLarge;\r\n case 'medium':\r\n return this.theme.selectPaddingArrowMedium;\r\n case 'small':\r\n default:\r\n return this.theme.selectPaddingArrowSmall;\r\n }\r\n };\r\n const ARROW_WIDTH = 8;\r\n const arrowLeftPadding = parseFloat(getArrowPadding()) \|\| 0;\r\n\r\n return ARROW_WIDTH + arrowLeftPadding + (this.props._icon ? 10 : 0) + this.getLegacyArrowShift();\r\n }\r\n\r\n private getLegacyArrowShift(): number {\r\n const getSelectPadding = () => {\r\n switch (this.props.size) {\r\n case 'large':\r\n return this.theme.selectPaddingXLarge;\r\n case 'medium':\r\n return this.theme.selectPaddingXMedium;\r\n case 'small':\r\n default:\r\n return this.theme.selectPaddingXSmall;\r\n }\r\n };\r\n const selectPadding = parseFloat(getSelectPadding()) \|\| 0;\r\n return this.props.use === 'link' ? 10 : 1 + (this.props._icon ? selectPadding : 0);\r\n }\r\n\r\n private renderMenu(): React.ReactNode {\r\n const search = this.props.search ? (\r\n <div className={jsStyles.search()}>\r\n <Input ref={this.focusInput} onValueChange={this.handleSearch} width=\"100%\" />\r\n </div>\r\n ) : null;\r\n\r\n const value = this.getValue();\r\n\r\n return (\r\n <DropdownContainer\r\n getParent={this.dropdownContainerGetParent}\r\n offsetY={-1}\r\n align={this.props.menuAlign}\r\n disablePortal={this.props.disablePortal}\r\n >\r\n <Menu\r\n ref={this.refMenu}\r\n width={this.props.menuWidth}\r\n onItemClick={this.close}\r\n maxHeight={this.props.maxMenuHeight}\r\n >\r\n {search}\r\n {this.mapItems(\r\n (iValue: TValue, item: TItem \| (() => React.ReactNode), i: number, comment: Nullable<React.ReactNode>) => {\r\n if (isFunction(item)) {\r\n const element = item();\r\n\r\n if (React.isValidElement(element)) {\r\n return React.cloneElement(element, { key: i });\r\n }\r\n\r\n return null;\r\n }\r\n\r\n if (React.isValidElement(item)) {\r\n return React.cloneElement(item, { key: i });\r\n }\r\n\r\n return (\r\n <MenuItem\r\n key={i}\r\n state={this.getProps().areValuesEqual(iValue, value) ? 'selected' : null}\r\n onClick={this.select.bind(this, iValue)}\r\n comment={comment}\r\n >\r\n {this.getProps().renderItem(iValue, item)}\r\n </MenuItem>\r\n );\r\n },\r\n )}\r\n </Menu>\r\n </DropdownContainer>\r\n );\r\n }\r\n\r\n private dropdownContainerGetParent = () => {\r\n return ReactDOM.findDOMNode(this);\r\n };\r\n\r\n private focusInput = (input: Input) => {\r\n // fix cases when an Input is rendered in portal\r\n setTimeout(() => input?.focus(), 0);\r\n };\r\n\r\n private refMenu = (menu: Menu) => {\r\n this.menu = menu;\r\n };\r\n\r\n private toggle = () => {\r\n if (this.state.opened) {\r\n this.close();\r\n } else {\r\n this.open();\r\n }\r\n };\r\n\r\n private handleKey = (e: React.KeyboardEvent<HTMLElement>) => {\r\n if (!this.state.opened) {\r\n if (isKeySpace(e) \|\| isKeyArrowVertical(e)) {\r\n e.preventDefault();\r\n this.open();\r\n }\r\n } else {\r\n switch (true) {\r\n case isKeyEscape(e):\r\n this.focus();\r\n this.close();\r\n break;\r\n case isKeyArrowUp(e):\r\n e.preventDefault();\r\n if (this.menu) {\r\n this.menu.up();\r\n }\r\n break;\r\n case isKeyArrowDown(e):\r\n e.preventDefault();\r\n if (this.menu) {\r\n this.menu.down();\r\n }\r\n break;\r\n case isKeyEnter(e):\r\n e.preventDefault(); // To prevent form submission.\r\n if (this.menu) {\r\n this.menu.enter(e);\r\n }\r\n break;\r\n }\r\n }\r\n if (this.props.onKeyDown) {\r\n this.props.onKeyDown(e);\r\n }\r\n };\r\n\r\n private handleSearch = (value: string) => {\r\n this.setState({ searchPattern: value });\r\n };\r\n\r\n private select(value: TValue) {\r\n this.focus();\r\n this.setState({ opened: false, value });\r\n\r\n if (this.props.onValueChange && !this.getProps().areValuesEqual(this.getValue(), value)) {\r\n this.props.onValueChange(value);\r\n }\r\n }\r\n\r\n private getValue() {\r\n if (this.props.value !== undefined) {\r\n return this.props.value;\r\n }\r\n return this.state.value;\r\n }\r\n\r\n private mapItems(fn: (value: TValue, item: TItem, index: number, comment?: string) => React.ReactNode) {\r\n const { items } = this.props;\r\n if (!items) {\r\n return [];\r\n }\r\n const pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();\r\n\r\n const result: React.ReactNodeArray = [];\r\n let index = 0;\r\n for (const entry of items) {\r\n const [value, item, comment] = normalizeEntry(entry as TItem);\r\n\r\n if (!pattern \|\| this.getProps().filterItem(value, item, pattern)) {\r\n result.push(fn(value, item, index, comment));\r\n ++index;\r\n }\r\n }\r\n\r\n return result;\r\n }\r\n\r\n private getItemByValue(value?: Nullable<TValue>) {\r\n if (value === null \|\| value === undefined) {\r\n return null;\r\n }\r\n\r\n const items = this.props.items \|\| [];\r\n\r\n for (const entry of items) {\r\n const [itemValue, item] = normalizeEntry(entry);\r\n\r\n if (this.getProps().areValuesEqual(itemValue, value)) {\r\n return item;\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n private buttonRef = (element: FocusableReactElement \| null) => {\r\n this.buttonElement = element;\r\n };\r\n\r\n private getButton = (buttonParams: ButtonParams) => {\r\n const button = this.props._renderButton\r\n ? this.props._renderButton(buttonParams)\r\n : this.renderDefaultButton(buttonParams);\r\n\r\n const buttonElement = React.Children.only(button);\r\n\r\n return React.isValidElement(buttonElement)\r\n ? React.cloneElement(buttonElement as React.ReactElement, {\r\n ref: this.buttonRef,\r\n onFocus: this.props.onFocus,\r\n onBlur: this.props.onBlur,\r\n })\r\n : buttonElement;\r\n };\r\n}\r\n\r\nfunction renderValue(value: any, item: any) {\r\n return item;\r\n}\r\n\r\nfunction renderItem(value: any, item: any) {\r\n return item;\r\n}\r\n\r\nfunction areValuesEqual(value1: any, value2: any) {\r\n return value1 === value2;\r\n}\r\n\r\nfunction normalizeEntry(entry: any) {\r\n if (Array.isArray(entry)) {\r\n return entry;\r\n } else {\r\n return [entry, entry, undefined];\r\n }\r\n}\r\n\r\nfunction filterItem(value: any, item: any, pattern: string) {\r\n if (item === Select.SEP) {\r\n return false;\r\n }\r\n if (React.isValidElement(item) \|\| (isFunction(item) && React.isValidElement((item = item())))) {\r\n item = reactGetTextContent(item);\r\n }\r\n if (typeof item === 'number') {\r\n item = item.toString(10);\r\n }\r\n if (typeof item !== 'string') {\r\n return false;\r\n }\r\n return item.toLowerCase().indexOf(pattern) !== -1;\r\n}\r\n"]}
1	+ {"version":3,"sources":["Select.tsx"],"names":["PASS_BUTTON_PROPS","disabled","error","use","size","warning","onMouseEnter","onMouseLeave","onMouseOver","Select","SelectLocaleHelper","rootNode","state","opened","value","props","defaultValue","searchPattern","theme","locale","menu","buttonElement","getProps","defaultProps","setRootNode","open","setState","onOpen","close","onClose","focus","dropdownContainerGetParent","focusInput","input","setTimeout","refMenu","toggle","handleKey","e","preventDefault","up","down","enter","onKeyDown","handleSearch","highlightItem","buttonRef","element","getButton","buttonParams","button","_renderButton","renderDefaultButton","React","Children","only","isValidElement","cloneElement","ref","onFocus","onBlur","componentDidUpdate","_prevProps","prevState","window","addEventListener","removeEventListener","render","renderMain","renderLabel","label","isPlaceholder","onClick","style","width","maxWidth","undefined","styles","root","renderMenu","getValue","item","getItemByValue","renderValue","placeholder","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","search","hasFixedWidth","menuWidth","menuAlign","disablePortal","maxMenuHeight","mapItems","iValue","i","comment","key","areValuesEqual","select","bind","renderItem","onValueChange","fn","items","pattern","toLowerCase","result","index","entry","normalizeEntry","filterItem","push","itemValue","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","func","any","bool","oneOfType","array","object","number","string","node","Item","SEP","static","value1","value2","Array","isArray","toString","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 } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction } 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 { cx } from '../../lib/theming/Emotion';\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\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 Cостояние валидации при ошибке.\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<[TValue, TItem, React.ReactNode?] \| TItem \| React.ReactElement \| (() => React.ReactElement)>;\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 Cостояние валидации при предупреждении.\n /\n warning?: boolean;\n use?: ButtonUse;\n size?: ButtonSize;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\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@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 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 renderMain() {\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 const style = {\n width: this.props.width,\n maxWidth: this.props.maxWidth \|\| undefined,\n };\n\n const button = this.getButton(buttonParams);\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active={this.state.opened}>\n <span className={styles.root()} style={style}>\n {button}\n {!this.props.disabled && this.state.opened && this.renderMenu()}\n </span>\n </RenderLayer>\n </CommonWrapper>\n );\n }\n\n private renderLabel() {\n const value = this.getValue();\n const item = this.getItemByValue(value);\n\n if (item != null \|\| value != null) {\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.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 });\n }\n\n return null;\n }\n\n if (React.isValidElement(item)) {\n return React.cloneElement(item, { key: i });\n }\n\n return (\n <MenuItem\n key={i}\n state={this.getProps().areValuesEqual(iValue, value) ? 'selected' : null}\n onClick={this.select.bind(this, iValue)}\n comment={comment}\n >\n {this.getProps().renderItem(iValue, item)}\n </MenuItem>\n );\n },\n )}\n </Menu>\n </DropdownContainer>\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.props.onValueChange && !this.getProps().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.ReactNodeArray = [];\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.getProps().areValuesEqual(itemValue, value)) {\n return item;\n }\n }\n return null;\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(value: any, item: any) {\n return item;\n}\n\nfunction renderItem(value: any, item: any) {\n return item;\n}\n\nfunction areValuesEqual(value1: any, value2: any) {\n return value1 === value2;\n}\n\nfunction normalizeEntry(entry: any) {\n if (Array.isArray(entry)) {\n return entry;\n } else {\n return [entry, entry, undefined];\n }\n}\n\nfunction filterItem(value: any, item: any, pattern: string) {\n if (item === Select.SEP) {\n return false;\n }\n if (React.isValidElement(item) \|\| (isFunction(item) && React.isValidElement((item = item())))) {\n item = reactGetTextContent(item);\n }\n if (typeof item === 'number') {\n item = item.toString(10);\n }\n if (typeof item !== 'string') {\n return false;\n }\n return item.toLowerCase().indexOf(pattern) !== -1;\n}\n"]}

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

@@ -1,55 +1,55 @@
-```jsx harmony
-let items = [Select.static(() => <Select.Item>Not selectable</Select.Item>), 'One', 'Two', 'Three', Select.SEP, 'Four'];
-let initialState = {};
-<Select items={items} value={state.value} onValueChange={value => setState({ value })} />;
-```
-Пример использования пропа `_renderButton`:
-```jsx harmony
-import { Link } from '@skbkontur/react-ui';
-import PeopleIcon from '@skbkontur/react-icons/People';
-let items = [Select.static(() => <Select.Item>Not selectable</Select.Item>), 'One', 'Two', 'Three', Select.SEP, 'Four'];
-let initialState = {};
-const renderLinkButton = params => {
-  const linkProps = {
-    disabled: params.disabled,
-    icon: <PeopleIcon />,
-    _button: true,
-    _buttonOpened: params.opened,
-    onClick: params.onClick,
-    onKeyDown: params.onKeyDown,
-  };
-  return <Link {...linkProps}>{params.label}</Link>;
-};
-<Select
-  items={items}
-  value={state.value}
-  onValueChange={value => setState({ value })}
-  _renderButton={renderLinkButton}
-/>;
-```
-#### Локали по умолчанию
-```typescript
-interface SelectLocale {
-  placeholder?: React.ReactNode;
-}
-const ru_RU = {
-  placeholder: 'Ничего не выбрано',
-};
-const en_GB = {
-  placeholder: 'Nothing selected',
-};
-```
+```jsx harmony
+const [value, setValue] = React.useState();
+const items = [Select.static(() => <Select.Item>Not selectable</Select.Item>), 'One', 'Two', 'Three', Select.SEP, 'Four'];
+<Select items={items} value={value} onValueChange={setValue} />;
+```
+Пример использования пропа `_renderButton`:
+```jsx harmony
+import { Link } from '@skbkontur/react-ui';
+import PeopleIcon from '@skbkontur/react-icons/People';
+const [value, setValue] = React.useState();
+const  items = [Select.static(() => <Select.Item>Not selectable</Select.Item>), 'One', 'Two', 'Three', Select.SEP, 'Four'];
+const renderLinkButton = params => {
+  const linkProps = {
+    disabled: params.disabled,
+    icon: <PeopleIcon />,
+    _button: true,
+    _buttonOpened: params.opened,
+    onClick: params.onClick,
+    onKeyDown: params.onKeyDown,
+  };
+  return <Link {...linkProps}>{params.label}</Link>;
+};
+<Select
+  items={items}
+  value={value}
+  onValueChange={setValue}
+  _renderButton={renderLinkButton}
+/>;
+```
+#### Локали по умолчанию
+```typescript static
+interface SelectLocale {
+  placeholder?: React.ReactNode;
+}
+const ru_RU = {
+  placeholder: 'Ничего не выбрано',
+};
+const en_GB = {
+  placeholder: 'Nothing selected',
+};
+```

package/cjs/components/Select/Select.styles.d.ts CHANGED Viewed

@@ -1,11 +1,17 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    placeholder(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    placeholder(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
     customUsePlaceholder(): string;
-    arrow(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    arrowWrap(): string;
+    arrowWrap(t: Theme): string;
+    arrowDisabled(t: Theme): string;
     customUseArrow(): string;
     label(): string;
-    labelText(): string;
     search(): string;
+    leftIconSmall(t: Theme): string;
+    leftIconMedium(t: Theme): string;
+    leftIconLarge(t: Theme): string;
+    leftIconLink(t: Theme): string;
+    selectButtonContainer(): string;
 };

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

@@ -1,90 +1,100 @@
-"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 _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 1px 4px 4px;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      vertical-align: top;\n      white-space: nowrap;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      display: inline-block;\n      max-width: 100%;\n      width: auto;\n      position: relative;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-top-color: inherit;\n      color: inherit;\n      opacity: 0.7;\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        height: 100%;\n        vertical-align: middle;\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: ", ";\n\n      display: inline-block;\n      margin-bottom: 3px;\n      vertical-align: middle;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n      opacity: 0.7;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      text-overflow: ellipsis;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\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;
-var styles = {
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject());
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n    "])));
   },
   placeholder: function placeholder(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      text-overflow: ellipsis;\n    "])),
     t.selectPlaceholderColor);
   },
-  customUsePlaceholder: function customUsePlaceholder() {
-    return (0, _Emotion.css)(_templateObject3());
+  placeholderDisabled: function placeholderDisabled(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.selectPlaceholderColorDisabled);
   },
-  arrow: function arrow(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    t.selectMenuArrowColor);
+  customUsePlaceholder: function customUsePlaceholder() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n      opacity: 0.7;\n    "])));
   },
-  arrowWrap: function arrowWrap() {
-    return (0, _Emotion.css)(_templateObject5());
+  arrowWrap: function arrowWrap(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      flex-shrink: 0;\n    "])),
+    t.selectMenuArrowColor);
+  },
+  arrowDisabled: function arrowDisabled(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.selectMenuArrowColorDisabled);
   },
   customUseArrow: function customUseArrow() {
-    return (0, _Emotion.css)(_templateObject6());
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n      opacity: 0.7;\n    "])));
   },
   label: function label() {
-    return (0, _Emotion.css)(_templateObject7());
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 auto;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    "])));
+  },
+  search: function search() {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 1px 4px 4px;\n    "])));
   },
-  labelText: function labelText() {
-    return (0, _Emotion.css)(_templateObject8());
+  leftIconSmall: function leftIconSmall(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n      width: ", ";\n    "])),
+    t.selectIconGapSmall,
+    t.btnIconSizeSmall);
+  },
+  leftIconMedium: function leftIconMedium(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n      width: ", ";\n    "])),
+    t.selectIconGapMedium,
+    t.btnIconSizeMedium);
+  },
+  leftIconLarge: function leftIconLarge(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n      width: ", ";\n    "])),
+    t.selectIconGapLarge,
+    t.btnIconSizeLarge);
+  },
+  leftIconLink: function leftIconLink(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n    "])),
+    t.btnLinkIconMarginRight);
   },
-  search: function search() {
-    return (0, _Emotion.css)(_templateObject9());
+  selectButtonContainer: function selectButtonContainer() {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 100%;\n      display: inline-flex;\n      justify-content: space-between;\n    "])));
-  } };
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Select.styles.ts"],"names":["styles","root","t","~~css~~","~~placeholder~~","selectPlaceholderColor","customUsePlaceholder","~~arrow~~","selectMenuArrowColor","~~arrowWrap~~","customUseArrow","label","~~labelText~~","~~search~~","~~jsStyles~~"],"mappings":"~~8QAAA~~,oD;;;~~AAGA~~,IAAMA,MAAM,GAAG;~~AACbC~~,EAAAA,~~IADa~~,~~gBACRC,CADQ,EACE~~;~~AACb~~,eAAOC,YAAP;;;;AAID,~~GANY~~;;~~AAQbC~~,EAAAA,~~WARa~~,~~uBAQDF~~,~~CARC~~,~~EAQS~~;AACpB,~~eAAOC~~,YAAP;~~AACWD~~,IAAAA,CAAC,~~CAACG~~,sBADb;;;AAID,~~GAbY~~;;~~AAebC~~,EAAAA,~~oBAfa~~,~~kCAeU~~;AACrB,~~eAAOH~~,YAAP;;;;AAID,~~GApBY~~;;~~AAsBbI~~,EAAAA,~~KAtBa~~,~~iBAsBPL~~,~~CAtBO~~,~~EAsBG~~;~~AACd~~,~~eAAOC~~,YAAP~~;;;AAGsBD~~,IAAAA,CAAC,CAACM,~~oBAHxB;;;;;;AASD~~,~~GAhCY~~;;~~AAkCbC~~,EAAAA,~~SAlCa~~,~~uBAkCD~~;~~AACV~~,~~eAAON~~,YAAP~~;;;;;;;;;;;;;AAaD~~,~~GAhDY~~;;~~AAkDbO~~,EAAAA,~~cAlDa~~,~~4BAkDI~~;AACf,~~eAAOP~~,YAAP~~;;;;;AAKD~~,~~GAxDY~~;;~~AA0DbQ~~,EAAAA,~~KA1Da~~,~~mBA0DL~~;AACN,~~eAAOR~~,YAAP~~;;;;;;;AAOD~~,~~GAlEY~~;;~~AAoEbS~~,EAAAA,~~SApEa~~,~~uBAoED~~;~~AACV~~,~~eAAOT~~,YAAP~~;;;;;;;;AAQD~~,~~GA7EY~~;;AA+~~EbU~~,EAAAA,MA/Ea,~~oBA~~+EJ;~~AACP~~,~~eAAOV~~,YAAP~~;;;~~AAGD,~~GAnFY~~,~~EAAf;;;AAsFO~~,~~IAAMW~~,~~QAAQ~~,~~GAAG~~,~~2BAAad~~,~~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 display: inline-block;\r\n position: relative;\r\n `;\r\n },\r\n\r\n placeholder(t: Theme) {\r\n return css`\r\n color: ${t.selectPlaceholderColor};\r\n text-overflow: ellipsis;\r\n `;\r\n },\r\n\r\n customUsePlaceholder() {\r\n return css`\r\n color: inherit;\r\n opacity: 0.7;\r\n `;\r\n },\r\n\r\n ~~arrow~~(t: Theme) {\r\n return css`\r\n ~~border~~: ~~4px solid transparent~~;\r\n ~~border~~-~~bottom-width~~: 0;\r\n ~~border-top-~~color: ${t.~~selectMenuArrowColor~~};\r\n\r\n ~~display:~~ ~~inline-block;\r~~\n ~~margin-bottom~~: ~~3px~~;\r\n ~~vertical-align~~: ~~middle~~;\r\n `;\r\n },\r\n\r\n ~~arrowWrap~~() {\r\n return css`\r\n ~~position~~: ~~absolute~~;\r\n ~~top~~: 0;\r\n ~~bottom~~: 0;\r\n ~~right~~: 0;\r\n\r\n ~~&::before~~ {\r\n ~~content:~~ ~~'';\r\~~n ~~display~~: ~~inline-block;\r\n height:~~ ~~100%;\r\n vertical-align:~~ ~~middle~~;\r\n ~~}\r\n~~ `;\r\n },\r\n\r\n ~~customUseArrow~~() {\r\n return css`\r\n ~~border~~-~~top-color~~: ~~inherit~~;\r\n ~~color~~: ~~inherit;\r\n opacity: 0~~.7;\r\n `;\r\n },\r\n\r\n ~~label~~() {\r\n return css`\r\n ~~box~~-~~sizing~~: ~~border-box~~;\r\n ~~display: inline-block;\r\n max-~~width: ~~100%;\r\n width: auto~~;\r\n ~~position: relative;\r\n~~ `;\r\n },\r\n\r\n ~~labelText~~() {\r\n return css`\r\n ~~display~~: ~~inline-block~~;\r\n ~~max-~~width: ~~100%;\r\~~n ~~overflow: hidden;\r~~\n ~~text-overflow~~: ~~ellipsis;\r~~\n ~~vertical-align:~~ ~~top;\r\~~n ~~white~~-~~space~~: ~~nowrap~~;\r\n `;\r\n },\r\n\r\n ~~search~~() {\r\n return css`\r\n ~~margin~~: ~~1px~~ ~~4px~~ ~~4px~~;\r\n `;\r\n },\r\n}~~;\r\n\r\nexport const jsStyles = memoizeStyle(styles~~);\r\n"]}
1	+ {"version":3,"sources":["Select.styles.ts"],"names":["styles","root","css","placeholder","t","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;;;;AAID,GANgC;;AAQjCC,EAAAA,WARiC,uBAQrBC,CARqB,EAQX;AACpB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACC,sBADb;;;AAID,GAbgC;;AAejCC,EAAAA,mBAfiC,+BAebF,CAfa,EAeH;AAC5B,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACG,8BADb;;AAGD,GAnBgC;;AAqBjCC,EAAAA,oBArBiC,kCAqBV;AACrB,eAAON,YAAP;;;;AAID,GA1BgC;;AA4BjCO,EAAAA,SA5BiC,qBA4BvBL,CA5BuB,EA4Bb;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACM,oBADb;;;AAID,GAjCgC;;AAmCjCC,EAAAA,aAnCiC,yBAmCnBP,CAnCmB,EAmCT;AACtB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACQ,4BADb;;AAGD,GAvCgC;;AAyCjCC,EAAAA,cAzCiC,4BAyChB;AACf,eAAOX,YAAP;;;;AAID,GA9CgC;;AAgDjCY,EAAAA,KAhDiC,mBAgDzB;AACN,eAAOZ,YAAP;;;;;;AAMD,GAvDgC;;AAyDjCa,EAAAA,MAzDiC,oBAyDxB;AACP,eAAOb,YAAP;;;AAGD,GA7DgC;;AA+DjCc,EAAAA,aA/DiC,yBA+DnBZ,CA/DmB,EA+DT;AACtB,eAAOF,YAAP;AACmBE,IAAAA,CAAC,CAACa,kBADrB;AAEWb,IAAAA,CAAC,CAACc,gBAFb;;AAID,GApEgC;;AAsEjCC,EAAAA,cAtEiC,0BAsElBf,CAtEkB,EAsER;AACvB,eAAOF,YAAP;AACmBE,IAAAA,CAAC,CAACgB,mBADrB;AAEWhB,IAAAA,CAAC,CAACiB,iBAFb;;AAID,GA3EgC;;AA6EjCC,EAAAA,aA7EiC,yBA6EnBlB,CA7EmB,EA6ET;AACtB,eAAOF,YAAP;AACmBE,IAAAA,CAAC,CAACmB,kBADrB;AAEWnB,IAAAA,CAAC,CAACoB,gBAFb;;AAID,GAlFgC;;AAoFjCC,EAAAA,YApFiC,wBAoFpBrB,CApFoB,EAoFV;AACrB,eAAOF,YAAP;AACmBE,IAAAA,CAAC,CAACsB,sBADrB;;AAGD,GAxFgC;;AA0FjCC,EAAAA,qBA1FiC,mCA0FT;AACtB,eAAOzB,YAAP;;;;;AAKD,GAhGgC,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 `;\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"]}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":["SelectLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"2HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,kBAAkB,GAAG,IAAIC,0BAAJ,CAA+B;AAC/DC,EAAAA,KAAK,EAALA,qBAD+D;AAE/DC,EAAAA,KAAK,EAALA,qBAF+D,EAA/B,CAA3B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport { componentsLocales as en_GB } from './locales/en';\r\nimport { componentsLocales as ru_RU } from './locales/ru';\r\nimport { SelectLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const SelectLocaleHelper = new LocaleHelper<SelectLocale>({\r\n ru_RU,\r\n en_GB,\r\n});\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":["SelectLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"2HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,kBAAkB,GAAG,IAAIC,0BAAJ,CAA+B;AAC/DC,EAAAA,KAAK,EAALA,qBAD+D;AAE/DC,EAAAA,KAAK,EAALA,qBAF+D,EAA/B,CAA3B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { SelectLocale } from './types';\n\nexport * from './types';\n\nexport const SelectLocaleHelper = new LocaleHelper<SelectLocale>({\n ru_RU,\n en_GB,\n});\n"]}

package/cjs/components/Select/locale/locales/en.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["en.ts"],"names":["componentsLocales","placeholder"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,WAAW,EAAE,kBADgC,EAAxC,C","sourcesContent":["import { SelectLocale } from '../types';\r\n\r\nexport const componentsLocales: SelectLocale = {\r\n placeholder: 'Nothing selected',\r\n};\r\n"]}
1	+ {"version":3,"sources":["en.ts"],"names":["componentsLocales","placeholder"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,WAAW,EAAE,kBADgC,EAAxC,C","sourcesContent":["import { SelectLocale } from '../types';\n\nexport const componentsLocales: SelectLocale = {\n placeholder: 'Nothing selected',\n};\n"]}

package/cjs/components/Select/locale/locales/ru.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ru.ts"],"names":["componentsLocales","placeholder"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,WAAW,EAAE,mBADgC,EAAxC,C","sourcesContent":["import { SelectLocale } from '../types';\r\n\r\nexport const componentsLocales: SelectLocale = {\r\n placeholder: 'Ничего не выбрано',\r\n};\r\n"]}
1	+ {"version":3,"sources":["ru.ts"],"names":["componentsLocales","placeholder"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,WAAW,EAAE,mBADgC,EAAxC,C","sourcesContent":["import { SelectLocale } from '../types';\n\nexport const componentsLocales: SelectLocale = {\n placeholder: 'Ничего не выбрано',\n};\n"]}

package/cjs/components/Select/selectTheme.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
+import { Theme } from '../../lib/theming/Theme';
 import { SelectProps } from './Select';
-export declare const getSelectTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>, props: SelectProps<any, any>) => Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>;
+export declare const getSelectTheme: (theme: Theme, props: SelectProps<any, any>) => Theme;

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

@@ -13,15 +13,15 @@ var getSelectTheme = function getSelectTheme(theme, props) {
     btnFontSizeSmall: theme.selectFontSizeSmall,
     btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,
     btnPaddingYSmall: theme.selectPaddingYSmall,
-    btnIconGapSmall: theme.selectIconGapSmall,
     btnIconSizeSmall: theme.selectIconSizeSmall,
     btnBorderRadiusSmall: theme.selectBorderRadiusSmall,
+    btnLinkHoverTextDecoration: 'none',
     btnLineHeightMedium: theme.selectLineHeightMedium,
     btnFontSizeMedium: theme.selectFontSizeMedium,
     btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,
     btnPaddingYMedium: theme.selectPaddingYMedium,
-    btnIconGapMedium: theme.selectIconGapMedium,
     btnIconSizeMedium: theme.selectIconSizeMedium,
     btnBorderRadiusMedium: theme.selectBorderRadiusMedium,
@@ -29,9 +29,12 @@ var getSelectTheme = function getSelectTheme(theme, props) {
     btnFontSizeLarge: theme.selectFontSizeLarge,
     btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,
     btnPaddingYLarge: theme.selectPaddingYLarge,
-    btnIconGapLarge: theme.selectIconGapLarge,
     btnIconSizeLarge: theme.selectIconSizeLarge,
-    btnBorderRadiusLarge: theme.selectBorderRadiusLarge },
+    btnBorderRadiusLarge: theme.selectBorderRadiusLarge,
+    btnDisabledBg: theme.selectBgDisabled,
+    btnDisabledBorderColor: theme.selectBorderColorDisabled,
+    btnDisabledTextColor: theme.selectTextColorDisabled },
   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","~~btnIconGapSmall","selectIconGapSmall","~~btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","~~btnIconGapMedium","selectIconGapMedium","~~btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","~~btnIconGapLarge~~","~~selectIconGapLarge~~","~~btnIconSizeLarge~~","~~selectIconSizeLarge~~","~~btnBorderRadiusLarge~~","~~selectBorderRadiusLarge~~"],"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,~~eAAe~~,EAAEjB,KAAK,CAACkB,~~kBARzB~~;AASEC,IAAAA,~~gBAAgB~~,EAAEnB,KAAK,CAACoB,~~mBAT1B;AAUEC~~,IAAAA,~~oBAAoB~~,~~EAAErB~~,~~KAAK,CAACsB,uBAV9B~~;;~~AAYEC~~,IAAAA,mBAAmB,~~EAAEvB~~,KAAK,~~CAACwB~~,~~sBAZ7B~~;~~AAaEC~~,IAAAA,iBAAiB,~~EAAEzB~~,KAAK,~~CAAC0B~~,~~oBAb3B~~;~~AAcEC~~,IAAAA,iBAAiB,~~EAAE1B~~,KAAK,CAACY,KAAN,GAAcb,KAAK,~~CAAC2B~~,iBAApB,~~GAAwC3B~~,KAAK,~~CAAC4B~~,~~oBAdnE~~;~~AAeEC~~,IAAAA,iBAAiB,~~EAAE7B~~,KAAK,~~CAAC8B~~,~~oBAf3B~~;~~AAgBEC,IAAAA,gBAAgB,EAAE/B,KAAK,CAACgC,mBAhB1B;~~AAiBEC,IAAAA,iBAAiB,~~EAAEjC~~,KAAK,~~CAACkC~~,oBAjB3B;AAkBEC,IAAAA,qBAAqB,~~EAAEnC~~,KAAK,~~CAACoC~~,wBAlB/B;;AAoBEC,IAAAA,kBAAkB,~~EAAErC~~,KAAK,~~CAACsC~~,qBApB5B;AAqBEC,IAAAA,gBAAgB,~~EAAEvC~~,KAAK,~~CAACwC~~,mBArB1B;AAsBEC,IAAAA,gBAAgB,~~EAAExC~~,KAAK,CAACY,KAAN,GAAcb,KAAK,~~CAACyC~~,gBAApB,~~GAAuCzC~~,KAAK,~~CAAC0C~~,mBAtBjE;AAuBEC,IAAAA,gBAAgB,~~EAAE3C~~,KAAK,~~CAAC4C~~,mBAvB1B;AAwBEC,IAAAA,~~eAAe~~,~~EAAE7C~~,KAAK,~~CAAC8C~~,~~kBAxBzB~~;AAyBEC,IAAAA,~~gBAAgB~~,~~EAAE/~~C,KAAK,~~CAACgD~~,~~mBAzB1B~~;~~AA0BEC~~,IAAAA,oBAAoB,~~EAAEjD~~,KAAK,~~CAACkD~~,~~uBA1B9B~~,EADK;;~~AA6BLlD~~,EAAAA,~~KA7BK~~,CAAP;;~~AA+BD~~,~~CAhCM~~,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { SelectProps } from './Select';\r\n\r\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\r\n return ThemeFactory.create(\r\n {\r\n btnBorderWidth: theme.selectBorderWidth,\r\n btnOutlineWidth: theme.selectOutlineWidth,\r\n\r\n btnLineHeightSmall: theme.selectLineHeightSmall,\r\n btnFontSizeSmall: theme.selectFontSizeSmall,\r\n btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\r\n btnPaddingYSmall: theme.selectPaddingYSmall,\r\n ~~btnIconGapSmall~~: theme.~~selectIconGapSmall~~,\r\n ~~btnIconSizeSmall~~: theme.~~selectIconSizeSmall~~,\r\n ~~btnBorderRadiusSmall~~: ~~theme.selectBorderRadiusSmall~~,\r\n\r\n btnLineHeightMedium: theme.selectLineHeightMedium,\r\n btnFontSizeMedium: theme.selectFontSizeMedium,\r\n btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\r\n btnPaddingYMedium: theme.selectPaddingYMedium,\r\n ~~btnIconGapMedium: theme.selectIconGapMedium,\r\n~~ btnIconSizeMedium: theme.selectIconSizeMedium,\r\n btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\r\n\r\n btnLineHeightLarge: theme.selectLineHeightLarge,\r\n btnFontSizeLarge: theme.selectFontSizeLarge,\r\n btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\r\n btnPaddingYLarge: theme.selectPaddingYLarge,\r\n ~~btnIconGapLarge~~: theme.~~selectIconGapLarge~~,\r\n ~~btnIconSizeLarge~~: theme.~~selectIconSizeLarge~~,\r\n ~~btnBorderRadiusLarge~~: theme.~~selectBorderRadiusLarge~~,\r\n },\r\n theme,\r\n );\r\n};\r\n"]}
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"]}