@skbkontur/react-ui 0.0.0-2eafa74fd6 → 0.0.0-30619a873c

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","PASS_BUTTON_PROPS","id","disabled","error","use","size","warning","onMouseEnter","onMouseLeave","onMouseOver","SelectDataTids","root","menu","label","SelectIds","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","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","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 React, { ReactNode, ReactPortal, AriaAttributes, HTMLAttributes } from 'react';\nimport invariant from 'invariant';\nimport { globalObject } from '@skbkontur/global-object';\nimport debounce from 'lodash.debounce';\n\nimport {\n  isKeyArrowDown,\n  isKeyArrowUp,\n  isKeyArrowVertical,\n  isKeyEnter,\n  isKeyEscape,\n  isKeySpace,\n} from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { Button, ButtonProps, ButtonUse } from '../Button';\nimport { filterProps } from '../../lib/filterProps';\nimport { Input } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport { MenuItem, MenuItemProps } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRandomID, isFunction, isNonNullable, isReactUINode } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { MenuHeaderProps } from '../MenuHeader';\nimport { 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 { SelectLocale, SelectLocaleHelper } from './locale';\nimport { styles } from './Select.styles';\nimport { getSelectTheme } from './selectTheme';\n\nexport interface ButtonParams\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {\n  /** Делает компонент недоступным. */\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\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseOver: true,\n};\n\nexport const SelectDataTids = {\n  root: 'Select__root',\n  menu: 'Select__menu',\n  label: 'Select__label',\n} as const;\n\nexport const SelectIds = {\n  menu: SelectDataTids.menu,\n} as const;\n\ntype SelectItem<TValue, TItem> =\n  | [TValue, TItem, React.ReactNode?]\n  | TItem\n  | TValue\n  | React.ReactElement\n  | (() => React.ReactElement);\n\nexport interface SelectProps<TValue, TItem>\n  extends CommonProps,\n    Pick<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  /** Задает значение по умолчанию. */\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

@@ -0,0 +1,196 @@
+import React, { ReactNode, ReactPortal, AriaAttributes, HTMLAttributes } from 'react';
+import { ButtonUse } from '../Button';
+import { Nullable } from '../../typings/utility-types';
+import { Theme, ThemeIn } from '../../lib/theming/Theme';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+import { Item } from './Item';
+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 SelectDataTids: {
+    readonly root: "Select__root";
+    readonly menu: "Select__menu";
+    readonly label: "Select__label";
+};
+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;
+    /** Задает значение по умолчанию. */
+    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;
+}
+export {};

package/components/Select/Select.md

@@ -1,23 +1,113 @@
-```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} onChange={(_, value) => setState({ value })} />;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```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.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>
+```

package/components/Select/Select.styles/Select.styles.js

@@ -0,0 +1,50 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "])));
+  },
+  rootMobile: function rootMobile(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      max-width: ", ";\n    "])), t.selectRootWidthMobile, t.mobileSelectMaxWidth);
+  },
+  placeholder: function placeholder(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      text-overflow: ellipsis;\n    "])), t.selectPlaceholderColor);
+  },
+  placeholderDisabled: function placeholderDisabled(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.selectPlaceholderColorDisabled);
+  },
+  customUsePlaceholder: function customUsePlaceholder() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: inherit;\n      opacity: 0.7;\n    "])));
+  },
+  arrowWrap: function arrowWrap(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      flex-shrink: 0;\n    "])), t.selectMenuArrowColor);
+  },
+  arrowDisabled: function arrowDisabled(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.selectMenuArrowColorDisabled);
+  },
+  customUseArrow: function customUseArrow() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: inherit;\n      opacity: 0.7;\n    "])));
+  },
+  label: function label() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 auto;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    "])));
+  },
+  search: function search() {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      margin: 1px 4px 4px;\n    "])));
+  },
+  leftIconSmall: function leftIconSmall(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n      width: ", ";\n    "])), t.selectIconGapSmall, t.btnIconSizeSmall);
+  },
+  leftIconMedium: function leftIconMedium(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n      width: ", ";\n    "])), t.selectIconGapMedium, t.btnIconSizeMedium);
+  },
+  leftIconLarge: function leftIconLarge(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n      width: ", ";\n    "])), t.selectIconGapLarge, t.btnIconSizeLarge);
+  },
+  leftIconLink: function leftIconLink(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnLinkIconMarginRight);
+  },
+  selectButtonContainer: function selectButtonContainer() {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      display: inline-flex;\n      justify-content: space-between;\n    "])));
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootMobile","t","_templateObject2","selectRootWidthMobile","mobileSelectMaxWidth","placeholder","_templateObject3","selectPlaceholderColor","placeholderDisabled","_templateObject4","selectPlaceholderColorDisabled","customUsePlaceholder","_templateObject5","arrowWrap","_templateObject6","selectMenuArrowColor","arrowDisabled","_templateObject7","selectMenuArrowColorDisabled","customUseArrow","_templateObject8","label","_templateObject9","search","_templateObject10","leftIconSmall","_templateObject11","selectIconGapSmall","btnIconSizeSmall","leftIconMedium","_templateObject12","selectIconGapMedium","btnIconSizeMedium","leftIconLarge","_templateObject13","selectIconGapLarge","btnIconSizeLarge","leftIconLink","_templateObject14","btnLinkIconMarginRight","selectButtonContainer","_templateObject15"],"sources":["Select.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      width: ${t.selectRootWidthMobile};\n      max-width: ${t.mobileSelectMaxWidth};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColor};\n      text-overflow: ellipsis;\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColorDisabled};\n    `;\n  },\n\n  customUsePlaceholder() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  arrowWrap(t: Theme) {\n    return css`\n      color: ${t.selectMenuArrowColor};\n      flex-shrink: 0;\n    `;\n  },\n\n  arrowDisabled(t: Theme) {\n    return css`\n      color: ${t.selectMenuArrowColorDisabled};\n    `;\n  },\n\n  customUseArrow() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  label() {\n    return css`\n      flex: 1 1 auto;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n    `;\n  },\n\n  search() {\n    return css`\n      margin: 1px 4px 4px;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapSmall};\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapMedium};\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      margin-right: ${t.selectIconGapLarge};\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  leftIconLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  selectButtonContainer() {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      justify-content: space-between;\n    `;\n  },\n});\n"],"mappings":"sXAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDC,UAAU,WAAAA,WAACC,CAAQ,EAAE;IACnB,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACCE,CAAC,CAACE,qBAAqB;IACnBF,CAAC,CAACG,oBAAoB;;EAEvC,CAAC;;EAEDC,WAAW,WAAAA,YAACJ,CAAQ,EAAE;IACpB,OAAOP,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCE,CAAC,CAACM,sBAAsB;;;EAGrC,CAAC;;EAEDC,mBAAmB,WAAAA,oBAACP,CAAQ,EAAE;IAC5B,OAAOP,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACCE,CAAC,CAACS,8BAA8B;;EAE7C,CAAC;;EAEDC,oBAAoB,WAAAA,qBAAA,EAAG;IACrB,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;;EAIZ,CAAC;;EAEDc,SAAS,WAAAA,UAACZ,CAAQ,EAAE;IAClB,OAAOP,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACCE,CAAC,CAACc,oBAAoB;;;EAGnC,CAAC;;EAEDC,aAAa,WAAAA,cAACf,CAAQ,EAAE;IACtB,OAAOP,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACCE,CAAC,CAACiB,4BAA4B;;EAE3C,CAAC;;EAEDC,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;;EAIZ,CAAC;;EAEDsB,KAAK,WAAAA,MAAA,EAAG;IACN,OAAO3B,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;;;;;EAMZ,CAAC;;EAEDwB,MAAM,WAAAA,OAAA,EAAG;IACP,OAAO7B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAAzB,2BAAA;;;EAGZ,CAAC;;EAED0B,aAAa,WAAAA,cAACxB,CAAQ,EAAE;IACtB,OAAOP,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA3B,2BAAA;IACQE,CAAC,CAAC0B,kBAAkB;IAC3B1B,CAAC,CAAC2B,gBAAgB;;EAE/B,CAAC;;EAEDC,cAAc,WAAAA,eAAC5B,CAAQ,EAAE;IACvB,OAAOP,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;IACQE,CAAC,CAAC8B,mBAAmB;IAC5B9B,CAAC,CAAC+B,iBAAiB;;EAEhC,CAAC;;EAEDC,aAAa,WAAAA,cAAChC,CAAQ,EAAE;IACtB,OAAOP,GAAG,CAAAwC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;IACQE,CAAC,CAACkC,kBAAkB;IAC3BlC,CAAC,CAACmC,gBAAgB;;EAE/B,CAAC;;EAEDC,YAAY,WAAAA,aAACpC,CAAQ,EAAE;IACrB,OAAOP,GAAG,CAAA4C,iBAAA,KAAAA,iBAAA,GAAAvC,2BAAA;IACQE,CAAC,CAACsC,sBAAsB;;EAE5C,CAAC;;EAEDC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAO9C,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAA1C,2BAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Select/Select.styles/package.json

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

package/components/Select/Select.styles.d.ts

@@ -0,0 +1,18 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    rootMobile(t: Theme): string;
+    placeholder(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
+    customUsePlaceholder(): string;
+    arrowWrap(t: Theme): string;
+    arrowDisabled(t: Theme): string;
+    customUseArrow(): string;
+    label(): string;
+    search(): string;
+    leftIconSmall(t: Theme): string;
+    leftIconMedium(t: Theme): string;
+    leftIconLarge(t: Theme): string;
+    leftIconLink(t: Theme): string;
+    selectButtonContainer(): string;
+};