@skbkontur/react-ui 0.0.0-dd8159fe6c → 0.0.0-e222cb8d2b

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","invariant","globalObject","debounce","isKeyArrowDown","isKeyArrowUp","isKeyArrowVertical","isKeyEnter","isKeyEscape","isKeySpace","locale","reactGetTextContent","Button","filterProps","Input","Menu","MenuItem","MenuSeparator","RenderLayer","createPropsGetter","getRandomID","isFunction","isNonNullable","isReactUINode","ThemeContext","CommonWrapper","MobilePopup","cx","responsiveLayout","getRootNode","rootNode","ThemeFactory","styles","linkStyles","Popup","ZIndex","getMenuPositions","ArrowDownIcon","Item","SelectLocaleHelper","getSelectTheme","SelectDataTids","PASS_BUTTON_PROPS","id","disabled","error","use","size","warning","corners","onMouseEnter","onMouseLeave","onMouseOver","SelectIds","menu","Select","_dec","_class","_Select","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","opened","value","props","defaultValue","searchPattern","menuId","buttonElement","getProps","defaultProps","open","setState","onOpen","close","onClose","focus","getDefaultButtonParams","_this$renderLabel","renderLabel","label","isPlaceholder","buttonParams","onClick","toggle","onKeyDown","handleKey","getSearch","createElement","className","search","ref","debouncedFocusInput","onValueChange","handleSearch","width","getMobileSearch","autoFocus","getMenuItems","isMobile","isMobileLayout","mapItems","iValue","item","i","comment","element","isValidElement","cloneElement","key","areValuesEqual","select","bind","renderItem","popupGetParent","focusInput","input","refMenu","e","preventDefault","up","down","enter","_this$menu","highlightItem","buttonRef","getButton","_props$ariaLabel","button","_renderButton","renderDefaultButton","Children","only","onFocus","onBlur","_inheritsLoose","_proto","prototype","componentDidUpdate","_prevProps","prevState","addEventListener","removeEventListener","render","_this2","Consumer","theme","create","menuOffsetY","selectMenuOffsetY","Provider","renderMain","getMenuRenderer","renderMobileMenu","renderMenu","_this$getProps$dataT","_cx","dataTid","root","style","maxWidth","undefined","rootMobile","_extends","rootNodeRef","setRootNode","onClickOutside","onFocusOutside","active","_this$locale","getValue","getItemByValue","renderValue","placeholder","getLeftIconClass","leftIconLink","leftIconLarge","leftIconMedium","leftIconSmall","params","_cx2","_cx3","_cx4","buttonProps","align","labelProps","customUsePlaceholder","placeholderDisabled","paddingRight","getSelectIconGap","useIsCustom","icon","selectButtonContainer","_icon","arrowWrap","arrowDisabled","customUseArrow","_this3","getArrowPadding","selectIconGapLarge","selectIconGapMedium","selectIconGapSmall","arrowLeftPadding","parseFloat","_this$getProps","menuWidth","menuPos","menuAlign","hasShadow","positions","anchorElement","priority","priorities","PopupMenu","disablePortal","margin","parseInt","minWidth","popupOffset","menuOffset","hasMargin","onItemClick","maxHeight","maxMenuHeight","headerChildComponent","caption","mobileMenuHeaderText","onCloseRequest","disableScrollContainer","_this$props$onValueCh","_this$props","fn","items","pattern","toLowerCase","result","index","_iterator","_createForOfIteratorHelperLoose","_step","done","entry","_normalizeEntry","normalizeEntry","filterItem","push","_iterator2","_step2","_normalizeEntry2","itemValue","value1","value2","Component","__KONTUR_REACT_UI__","displayName","SEP","staticElement","isArray","getTextFromItem","toString","itemText","indexOf"],"sources":["Select.tsx"],"sourcesContent":["import type { ReactNode, ReactPortal, AriaAttributes, HTMLAttributes } from 'react';\nimport React 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 type { ButtonProps, ButtonUse } from '../Button';\nimport { Button } from '../Button';\nimport { filterProps } from '../../lib/filterProps';\nimport { Input } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport type { MenuItemProps } from '../MenuItem';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { getRandomID, isFunction, isNonNullable, isReactUINode } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { MenuHeaderProps } from '../MenuHeader';\nimport type { SizeProp } from '../../lib/types/props';\nimport { styles as linkStyles } from '../Link/Link.styles';\nimport { Popup } from '../../internal/Popup';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { Item } from './Item';\nimport type { SelectLocale } from './locale';\nimport { SelectLocaleHelper } from './locale';\nimport { styles } from './Select.styles';\nimport { getSelectTheme } from './selectTheme';\nimport { SelectDataTids } from './tids';\n\nexport * from './tids';\n\nexport interface ButtonParams\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает лейбл. */\n  label: React.ReactNode;\n\n  /** Задает функцию, которая вызывается при клике на селект. */\n  onClick: () => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Определяет, открыто ли выпадающее меню. */\n  opened: boolean;\n\n  /** Определяет, есть ли Placeholder. */\n  isPlaceholder: boolean;\n\n  /** Задает размер контрола. */\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  corners: true,\n\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseOver: true,\n};\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<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** @ignore */\n  _icon?: React.ReactNode;\n\n  /** @ignore */\n  _renderButton?: (params: ButtonParams) => React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Задает значение по умолчанию. */\n  defaultValue?: TValue;\n\n  menuOffset?: number;\n\n  /** Отключает использование портала. */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным.*/\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Задает функцию, которая отфильтровывает элементы по заданному паттерну. */\n  filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;\n\n  /** Задает набор значений. Поддерживаются любые перечисляемые типы, в том числе `Array`, `Map`, `Immutable.Map`.\n   *\n   * Элементы воспринимаются следующим образом: если элемент — это массив, то первый элемент является значением,\n   * второй — отображается в списке, а третий – комментарий;\n   * если элемент не является массивом, то он используется и для отображения, и для значения.\n   *\n   * Для вставки разделителя можно использовать `Select.SEP`.\n   *\n   * Вставить невыделяемый элемент со своей разметкой можно так:\n   * @example\n   * ```\n   * <Select ...\n   *   items={[Select.staticElement(() => <div>My Element</div>)]}\n   * />\n   * ```\n   *\n   * Чтобы добавить стандартный отступ для статического элемента:\n   * @example\n   * ```\n   * <Select.Item>My Element</Select.Item>\n   * ``` */\n  items?: Array<SelectItem<TValue, TItem>>;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number;\n\n  /** Задает максимальную ширину. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n\n  /** Задает текущую позицию выпадающего окна вручную. */\n  menuPos?: 'top' | 'bottom' | 'middle';\n\n  /** Задает выравнивание меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает ширину выпадающего меню. */\n  menuWidth?: React.CSSProperties['width'];\n\n  /** Задает функцию, вызывающуюся при изменении value. */\n  onValueChange?: (value: TValue) => void;\n\n  /** Задает функцию, которая вызывается при закрытии меню. */\n  onClose?: () => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при открытии меню. */\n  onOpen?: () => void;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: React.ReactNode;\n\n  /** Задает функцию, которая отображает элемент в выпадающем списке. */\n  renderItem?: (value: TValue, item?: TItem) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранный элемент. */\n  renderValue?: (value: TValue, item?: TItem) => React.ReactNode;\n\n  /** Задает функцию сравнения `value` с элементом из `items`. */\n  areValuesEqual?: (value1: TValue, value2: TValue) => boolean;\n\n  /** Показывает строку поиска в списке. */\n  search?: boolean;\n\n  /** Задает значение. */\n  value?: TValue;\n\n  theme?: ThemeIn | Theme;\n\n  /** Задает длину контрола. */\n  width?: number | string;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задаёт стиль кнопки. */\n  use?: ButtonUse;\n\n  /** Задает размер. */\n  size?: SizeProp;\n\n  /** Задаёт HTML-событие `onfocus`. */\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n\n  /** Задаёт HTML-событие `onblur`. */\n  onBlur?: React.FocusEventHandler<HTMLElement>;\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/**\n * Раскрывающийся список `Select` позволяет выбрать значение из заранее известного набора вариантов.\n *\n * Используйте `Select` при:\n * * заполнении форм, например для выбора месяца.\n * * переключении состояний, например, фильтра.\n * * выборе предустановленных настроек, например, частоты уведомлений, часового пояса.\n *\n * Не используйте `Select` для выбора элементов меню. В таком случае воспользуйтесь компонентом Dropdown.\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 staticElement = (element: React.ReactElement | (() => React.ReactElement)) => {\n    invariant(\n      React.isValidElement(element) || typeof element === 'function',\n      'Select.staticElement(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\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      <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\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 dataTid = this.getProps()['data-tid'] ?? SelectDataTids.root;\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={dataTid}\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 = <ArrowDownIcon size={this.props.size} />;\n\n    return (\n      <Button {...buttonProps}>\n        <div className={cx(styles.selectButtonContainer(), { [linkStyles.root(this.theme)]: use === 'link' })}>\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 { menuWidth, menuPos, menuAlign } = this.getProps();\n\n    return (\n      <Popup\n        opened\n        hasShadow\n        id={this.menuId}\n        data-tid={SelectDataTids.menu}\n        positions={getMenuPositions(menuPos, menuAlign)}\n        anchorElement={this.popupGetParent()}\n        priority={ZIndex.priorities.PopupMenu}\n        disablePortal={this.props.disablePortal}\n        margin={parseInt(this.theme.menuOffsetY) - 1}\n        width={menuWidth}\n        minWidth={menuWidth === undefined ? '100%' : undefined}\n        popupOffset={this.props.menuOffset}\n      >\n        <Menu\n          hasMargin={false}\n          ref={this.refMenu}\n          onItemClick={this.close}\n          maxHeight={this.props.maxMenuHeight}\n          align={menuAlign}\n        >\n          {search}\n          {this.getMenuItems(value)}\n        </Menu>\n      </Popup>\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 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 } as MenuItemProps);\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 popupGetParent = () => {\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    this.setState({ searchPattern: value });\n    this.menu?.highlightItem(0);\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 as React.ReactElement).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"],"mappings":"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","ignoreList":[]}

package/components/Select/Select/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Select/Select.js",
+  "module": "Select",
+  "types": "../Select.d.ts",
+  "sideEffects": false
+}

package/components/Select/Select.d.ts

@@ -1,174 +1,194 @@
-import { ButtonUse, ButtonSize } from '../Button/Button';
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import Item from './Item';
-import { Nullable } from '../../typings/utility-types';
-export interface ButtonParams {
-    disabled?: boolean;
-    label: React.ReactNode;
-    onClick: () => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-    opened: boolean;
-    isPlaceholder: boolean;
-}
-export interface SelectProps<TValue, TItem> {
-    /** @ignore */
-    _icon?: React.ReactElement<any>;
-    /** @ignore */
-    _renderButton?: (params: ButtonParams) => React.ReactNode;
-    defaultValue?: TValue;
-    /** @ignore */
-    diadocLinkIcon?: React.ReactElement<any>;
-    disablePortal?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;
-    items?: Array<[TValue, TItem] | TItem | React.ReactElement<any> | (() => React.ReactElement<any>)>;
-    maxMenuHeight?: number;
-    maxWidth?: React.CSSProperties['maxWidth'];
-    menuAlign?: 'left' | 'right';
-    menuWidth?: React.CSSProperties['width'];
-    onChange?: (e: {
-        target: {
-            value: TValue;
-        };
-    }, value: TValue) => void;
-    onClose?: () => void;
-    onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
-    onOpen?: () => void;
-    placeholder?: React.ReactNode;
-    renderItem?: (value: TValue, item?: TItem) => React.ReactNode;
-    renderValue?: (value: TValue, item?: TItem) => React.ReactNode;
-    areValuesEqual?: (value1: TValue, value2: TValue) => boolean;
-    search?: boolean;
-    value?: TValue;
-    width?: number | string;
-    warning?: boolean;
-    use?: ButtonUse;
-    size?: ButtonSize;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-}
-export interface SelectState<TValue> {
-    opened: boolean;
-    searchPattern?: string;
-    value: Nullable<TValue>;
-}
-declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
-    static propTypes: {
-        /**
-         * Функция для сравнения `value` с элементом из `items`
-         */
-        areValuesEqual: PropTypes.Requireable<(...args: any[]) => any>;
-        defaultValue: PropTypes.Requireable<any>;
-        /**
-         * Отключает использование портала
-         */
-        disablePortal: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально показать наличие ошибки.
-         */
-        error: PropTypes.Requireable<boolean>;
-        filterItem: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Набор значений. Поддерживаются любые перечисляемые типы, в том числе
-         * `Array`, `Map`, `Immutable.Map`.
-         *
-         * Элементы воспринимаются следующим образом: если элемент — это массив, то
-         * первый элемент является значением , второй — отображается в списке,
-         * а третий – комментарий;
-         * если элемент не является массивом, то он используется и для отображения,
-         * и для значения.
-         *
-         * Для вставки разделителя можно использовать `Select.SEP`.
-         *
-         * Вставить невыделяемый элемент со своей разметкой можно так:
-         * ```
-         * <Select ...
-         *   items={[Select.static(() => <div>My Element</div>)]}
-         * />
-         * ```
-         *
-         * Чтобы добавить стандартный отступ для статического элемента:
-         * ```
-         * <Select.Item>My Element</Select.Item>
-         * ```?
-         */
-        items: PropTypes.Requireable<object>;
-        maxMenuHeight: PropTypes.Requireable<number>;
-        maxWidth: PropTypes.Requireable<React.ReactText>;
-        placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Функция для отрисовки элемента в выпадающем списке. Аргументы — *value*,
-         * *item*.
-         */
-        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Функция для отрисовки выбранного элемента. Аргументы — *value*, *item*.
-         */
-        renderValue: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Показывать строку поиска в списке.
-         */
-        search: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<any>;
-        width: PropTypes.Requireable<React.ReactText>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        renderValue: typeof renderValue;
-        renderItem: typeof renderItem;
-        areValuesEqual: typeof areValuesEqual;
-        filterItem: typeof filterItem;
-        use: string;
-    };
-    static Item: typeof Item;
-    static SEP: () => JSX.Element;
-    static static: (element: string | number | boolean | {} | React.ReactElement<any> | React.ReactNodeArray | React.ReactPortal | (() => React.ReactNode) | null | undefined) => {} | null | undefined;
-    state: SelectState<TValue>;
-    private readonly locale;
-    private menu;
-    private buttonElement;
-    private getProps;
-    componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    open: () => void;
-    /**
-     * @public
-     */
-    close: () => void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    private renderLabel;
-    private renderDefaultButton;
-    private renderLinkButton;
-    private renderMenu;
-    private dropdownContainerGetParent;
-    private focusInput;
-    private refMenu;
-    private toggle;
-    private handleKey;
-    private handleSearch;
-    private select;
-    private getValue;
-    private mapItems;
-    private getItemByValue;
-    private buttonRef;
-    private getButton;
-}
-declare function renderValue(value: any, item: any): any;
-declare function renderItem(value: any, item: any): any;
-declare function areValuesEqual(value1: any, value2: any): boolean;
-declare function filterItem(value: any, item: any, pattern: string): boolean;
-export default Select;
+import type { ReactNode, ReactPortal, AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { ButtonUse } from '../Button';
+import type { Nullable } from '../../typings/utility-types';
+import type { Theme, ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+import { Item } from './Item';
+export * from './tids';
+export interface ButtonParams extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает лейбл. */
+    label: React.ReactNode;
+    /** Задает функцию, которая вызывается при клике на селект. */
+    onClick: () => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    /** Определяет, открыто ли выпадающее меню. */
+    opened: boolean;
+    /** Определяет, есть ли Placeholder. */
+    isPlaceholder: boolean;
+    /** Задает размер контрола. */
+    size: SizeProp;
+}
+export declare const SelectIds: {
+    readonly menu: "Select__menu";
+};
+type SelectItem<TValue, TItem> = [TValue, TItem, React.ReactNode?] | TItem | TValue | React.ReactElement | (() => React.ReactElement);
+export interface SelectProps<TValue, TItem> extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** @ignore */
+    _icon?: React.ReactNode;
+    /** @ignore */
+    _renderButton?: (params: ButtonParams) => React.ReactNode;
+    /** @ignore */
+    corners?: React.CSSProperties;
+    /** Задает значение по умолчанию. */
+    defaultValue?: TValue;
+    menuOffset?: number;
+    /** Отключает использование портала. */
+    disablePortal?: boolean;
+    /** Делает компонент недоступным.*/
+    disabled?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Задает функцию, которая отфильтровывает элементы по заданному паттерну. */
+    filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;
+    /** Задает набор значений. Поддерживаются любые перечисляемые типы, в том числе `Array`, `Map`, `Immutable.Map`.
+     *
+     * Элементы воспринимаются следующим образом: если элемент — это массив, то первый элемент является значением,
+     * второй — отображается в списке, а третий – комментарий;
+     * если элемент не является массивом, то он используется и для отображения, и для значения.
+     *
+     * Для вставки разделителя можно использовать `Select.SEP`.
+     *
+     * Вставить невыделяемый элемент со своей разметкой можно так:
+     * @example
+     * ```
+     * <Select ...
+     *   items={[Select.staticElement(() => <div>My Element</div>)]}
+     * />
+     * ```
+     *
+     * Чтобы добавить стандартный отступ для статического элемента:
+     * @example
+     * ```
+     * <Select.Item>My Element</Select.Item>
+     * ``` */
+    items?: Array<SelectItem<TValue, TItem>>;
+    /** Задает максимальную высоту меню. */
+    maxMenuHeight?: number;
+    /** Задает максимальную ширину. */
+    maxWidth?: React.CSSProperties['maxWidth'];
+    /** Задает текущую позицию выпадающего окна вручную. */
+    menuPos?: 'top' | 'bottom' | 'middle';
+    /** Задает выравнивание меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает ширину выпадающего меню. */
+    menuWidth?: React.CSSProperties['width'];
+    /** Задает функцию, вызывающуюся при изменении value. */
+    onValueChange?: (value: TValue) => void;
+    /** Задает функцию, которая вызывается при закрытии меню. */
+    onClose?: () => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */
+    onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
+    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при открытии меню. */
+    onOpen?: () => void;
+    /** Задает текст, который отображается если не введено никакое значение. */
+    placeholder?: React.ReactNode;
+    /** Задает функцию, которая отображает элемент в выпадающем списке. */
+    renderItem?: (value: TValue, item?: TItem) => React.ReactNode;
+    /** Задает функцию, которая отображает выбранный элемент. */
+    renderValue?: (value: TValue, item?: TItem) => React.ReactNode;
+    /** Задает функцию сравнения `value` с элементом из `items`. */
+    areValuesEqual?: (value1: TValue, value2: TValue) => boolean;
+    /** Показывает строку поиска в списке. */
+    search?: boolean;
+    /** Задает значение. */
+    value?: TValue;
+    theme?: ThemeIn | Theme;
+    /** Задает длину контрола. */
+    width?: number | string;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задаёт стиль кнопки. */
+    use?: ButtonUse;
+    /** Задает размер. */
+    size?: SizeProp;
+    /** Задаёт HTML-событие `onfocus`. */
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    /** Задаёт HTML-событие `onblur`. */
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    /** Задает текст заголовка выпадающего меню в мобильной версии. */
+    mobileMenuHeaderText?: string;
+}
+export interface SelectState<TValue> {
+    opened: boolean;
+    searchPattern: string;
+    value: Nullable<TValue>;
+}
+type DefaultProps<TValue, TItem> = Required<Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use' | 'size'>>;
+/**
+ * Раскрывающийся список `Select` позволяет выбрать значение из заранее известного набора вариантов.
+ *
+ * Используйте `Select` при:
+ * * заполнении форм, например для выбора месяца.
+ * * переключении состояний, например, фильтра.
+ * * выборе предустановленных настроек, например, частоты уведомлений, часового пояса.
+ *
+ * Не используйте `Select` для выбора элементов меню. В таком случае воспользуйтесь компонентом Dropdown.
+ */
+export declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps<unknown, ReactNode | ReactPortal>;
+    static Item: typeof Item;
+    static SEP: () => React.JSX.Element;
+    static staticElement: (element: React.ReactElement | (() => React.ReactElement)) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | (() => React.ReactElement);
+    state: SelectState<TValue>;
+    private theme;
+    private isMobileLayout;
+    private readonly locale;
+    private menu;
+    private menuId;
+    private buttonElement;
+    private getProps;
+    private setRootNode;
+    componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
+    render(): React.JSX.Element;
+    /**
+     * @public
+     */
+    open: () => void;
+    /**
+     * @public
+     */
+    close: () => void;
+    /**
+     * @public
+     */
+    focus: () => void;
+    private getMenuRenderer;
+    private renderMain;
+    private getDefaultButtonParams;
+    private renderLabel;
+    private getLeftIconClass;
+    private renderDefaultButton;
+    private getSelectIconGap;
+    private renderMenu;
+    private getSearch;
+    private renderMobileMenu;
+    private getMobileSearch;
+    private getMenuItems;
+    private popupGetParent;
+    private focusInput;
+    private debouncedFocusInput;
+    private refMenu;
+    private toggle;
+    private handleKey;
+    private handleSearch;
+    private select;
+    private getValue;
+    private mapItems;
+    private getItemByValue;
+    private areValuesEqual;
+    private buttonRef;
+    private getButton;
+}

package/components/Select/Select.md

@@ -0,0 +1,113 @@
+### Базовый пример
+
+```jsx harmony
+const [value, setValue] = React.useState();
+
+const items = [Select.staticElement(() => <Select.Item>Not
+  selectable</Select.Item>), 'One', 'Two', 'Three', Select.SEP, 'Four'];
+
+<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
+const [value, setValue] = React.useState();
+
+const items = ['One', 'Two', 'Three', Select.SEP, 'Four'];
+
+<Select items={items} value={value} onValueChange={setValue} search />;
+```
+
+### Пример использования пропа `_renderButton`:
+
+```jsx harmony
+import {Link} from '@skbkontur/react-ui';
+import PeopleIcon from '@skbkontur/react-icons/People';
+
+const [value, setValue] = React.useState();
+
+const items = [Select.staticElement(() => <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',
+};
+```
+
+### Размер
+```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>
+```