@skbkontur/react-ui 5.2.1 → 5.3.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_invariant","_globalObject","_lodash","_identifiers","_decorators","_reactGetTextContent","_Button","_filterProps","_Input","_Menu","_MenuItem","_MenuSeparator","_RenderLayer","_createPropsGetter","_utils","_ThemeContext","_CommonWrapper","_MobilePopup","_Emotion","_decorator","_rootNode","_ThemeFactory","_Link","_Popup","_ZIndex","_getMenuPositions","_ArrowDownIcon","_Item","_locale","_Select2","_selectTheme","_tids","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_dec","_class","_Select","PASS_BUTTON_PROPS","id","disabled","error","use","size","warning","corners","onMouseEnter","onMouseLeave","onMouseOver","SelectIds","menu","SelectDataTids","Select","locale","SelectLocaleHelper","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","apply","concat","state","opened","value","props","defaultValue","searchPattern","menuId","getRandomID","buttonElement","getProps","createPropsGetter","defaultProps","open","setState","onOpen","close","onClose","focus","getDefaultButtonParams","_this$renderLabel","renderLabel","label","isPlaceholder","buttonParams","onClick","toggle","onKeyDown","handleKey","getSearch","default","createElement","className","styles","search","Input","ref","debouncedFocusInput","onValueChange","handleSearch","width","getMobileSearch","autoFocus","getMenuItems","isMobile","isMobileLayout","mapItems","iValue","item","i","comment","isFunction","element","React","isValidElement","cloneElement","isReactUINode","MenuItem","areValuesEqual","select","bind","renderItem","popupGetParent","getRootNode","focusInput","input","debounce","refMenu","e","isKeySpace","isKeyArrowVertical","preventDefault","isKeyEscape","isKeyArrowUp","up","isKeyArrowDown","down","isKeyEnter","enter","_this$menu","highlightItem","buttonRef","getButton","_props$ariaLabel","button","_renderButton","renderDefaultButton","Children","only","onFocus","onBlur","_inheritsLoose2","_proto","componentDidUpdate","_prevProps","prevState","globalObject","addEventListener","removeEventListener","render","_this2","ThemeContext","Consumer","theme","ThemeFactory","create","menuOffsetY","selectMenuOffsetY","Provider","renderMain","getMenuRenderer","renderMobileMenu","renderMenu","_this$getProps$dataT","_cx","dataTid","root","getSelectTheme","style","maxWidth","undefined","cx","rootMobile","CommonWrapper","_extends2","rootNodeRef","setRootNode","RenderLayer","onClickOutside","onFocusOutside","active","_this$locale","getValue","getItemByValue","isNonNullable","renderValue","placeholder","getLeftIconClass","leftIconLink","leftIconLarge","leftIconMedium","leftIconSmall","params","_cx2","_cx3","_cx4","buttonProps","filterProps","align","labelProps","customUsePlaceholder","placeholderDisabled","paddingRight","getSelectIconGap","useIsCustom","icon","ArrowDownIcon","Button","selectButtonContainer","linkStyles","_icon","arrowWrap","arrowDisabled","customUseArrow","_this3","getArrowPadding","selectIconGapLarge","selectIconGapMedium","selectIconGapSmall","arrowLeftPadding","parseFloat","_this$getProps","menuWidth","menuPos","menuAlign","positions","Popup","hasShadow","getMenuPositions","anchorElement","priority","ZIndex","priorities","PopupMenu","disablePortal","margin","parseInt","minWidth","popupOffset","menuOffset","Menu","hasMargin","onItemClick","maxHeight","maxMenuHeight","MobilePopup","headerChildComponent","caption","mobileMenuHeaderText","onCloseRequest","disableScrollContainer","_this$props$onValueCh","_this$props","fn","items","pattern","toLowerCase","result","index","_iterator","_createForOfIteratorHelperLoose2","_step","done","entry","_normalizeEntry","normalizeEntry","filterItem","push","_iterator2","_step2","_normalizeEntry2","itemValue","value1","value2","Component","__KONTUR_REACT_UI__","displayName","Item","SEP","MenuSeparator","staticElement","invariant","isArray","getTextFromItem","reactGetTextContent","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, type PopupPositionsType } 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  positions?: PopupPositionsType[];\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, positions } = this.getProps();\n\n    return (\n      <Popup\n        opened\n        hasShadow\n        id={this.menuId}\n        data-tid={SelectDataTids.menu}\n        positions={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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_invariant","_globalObject","_lodash","_identifiers","_decorators","_reactGetTextContent","_Button","_filterProps","_Input","_Menu","_MenuItem","_MenuSeparator","_RenderLayer","_createPropsGetter","_utils","_ThemeContext","_CommonWrapper","_MobilePopup","_Emotion","_decorator","_rootNode","_ThemeFactory","_Link","_Popup","_ZIndex","_getMenuPositions","_ArrowDownIcon","_Item","_locale","_Select2","_selectTheme","_tids","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_dec","_class","_Select","PASS_BUTTON_PROPS","id","disabled","error","use","size","warning","corners","onMouseEnter","onMouseLeave","onMouseOver","SelectIds","menu","SelectDataTids","Select","locale","SelectLocaleHelper","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","apply","concat","state","opened","value","props","defaultValue","searchPattern","menuId","getRandomID","buttonElement","getProps","createPropsGetter","defaultProps","open","setState","onOpen","close","onClose","focus","getDefaultButtonParams","_this$renderLabel","renderLabel","label","isPlaceholder","buttonParams","onClick","toggle","onKeyDown","handleKey","getSearch","default","createElement","className","styles","search","Input","ref","debouncedFocusInput","onValueChange","handleSearch","width","getMobileSearch","autoFocus","getMenuItems","isMobile","isMobileLayout","mapItems","iValue","item","i","comment","isFunction","element","React","isValidElement","cloneElement","isReactUINode","MenuItem","areValuesEqual","select","bind","renderItem","popupGetParent","getRootNode","focusInput","input","debounce","refMenu","e","isKeySpace","isKeyArrowVertical","preventDefault","isKeyEscape","isKeyArrowUp","up","isKeyArrowDown","down","isKeyEnter","enter","_this$menu","highlightItem","buttonRef","getButton","_props$ariaLabel","button","_renderButton","renderDefaultButton","Children","only","onFocus","onBlur","_inheritsLoose2","_proto","componentDidUpdate","_prevProps","prevState","globalObject","addEventListener","removeEventListener","render","_this2","ThemeContext","Consumer","theme","ThemeFactory","create","menuOffsetY","selectMenuOffsetY","Provider","renderMain","getMenuRenderer","renderMobileMenu","renderMenu","_this$getProps$dataT","_cx","dataTid","root","getSelectTheme","style","maxWidth","undefined","cx","rootMobile","CommonWrapper","_extends2","rootNodeRef","setRootNode","RenderLayer","onClickOutside","onFocusOutside","active","_this$locale","getValue","getItemByValue","isNonNullable","renderValue","placeholder","getLeftIconClass","leftIconLink","leftIconLarge","leftIconMedium","leftIconSmall","params","_cx2","_cx3","_cx4","buttonProps","filterProps","align","labelProps","customUsePlaceholder","placeholderDisabled","paddingRight","getSelectIconGap","useIsCustom","icon","ArrowDownIcon","Button","selectButtonContainer","linkStyles","_icon","arrowWrap","arrowDisabled","customUseArrow","_this3","getArrowPadding","selectIconGapLarge","selectIconGapMedium","selectIconGapSmall","arrowLeftPadding","parseFloat","_this$getProps","menuWidth","menuPos","menuAlign","positions","Popup","hasShadow","getMenuPositions","anchorElement","priority","ZIndex","priorities","PopupMenu","disablePortal","margin","parseInt","minWidth","popupOffset","menuOffset","Menu","hasMargin","onItemClick","maxHeight","maxMenuHeight","MobilePopup","headerChildComponent","caption","mobileMenuHeaderText","onCloseRequest","disableScrollContainer","_this$props$onValueCh","_this$props","fn","items","pattern","toLowerCase","result","index","_iterator","_createForOfIteratorHelperLoose2","_step","done","entry","_normalizeEntry","normalizeEntry","filterItem","push","_iterator2","_step2","_normalizeEntry2","itemValue","value1","value2","Component","__KONTUR_REACT_UI__","displayName","Item","SEP","MenuSeparator","staticElement","invariant","isArray","getTextFromItem","reactGetTextContent","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 { TGetRootNode, 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, type PopupPositionsType } 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  positions?: PopupPositionsType[];\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  public getRootNode!: TGetRootNode;\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, positions } = this.getProps();\n\n    return (\n      <Popup\n        opened\n        hasShadow\n        id={this.menuId}\n        data-tid={SelectDataTids.menu}\n        positions={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/cjs/components/SidePage/SidePage.styles.d.ts

@@ -19,10 +19,12 @@ export declare const styles: {
     header(t: Theme): string;
     mobileHeader(t: Theme): string;
     headerFixed(t: Theme): string;
+    headerShrink(t: Theme): string;
+    headerNativeStuck(t: Theme): string;
     title(t: Theme): string;
     title5_1(t: Theme): string;
     mobileTitle(t: Theme): string;
-    titleFixed(): string;
+    titleCut(): string;
     background(): string;
     backgroundGray(t: Theme): string;
     shadow(t: Theme): string;

package/cjs/components/SidePage/SidePage.styles.js

@@ -1,6 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51;
+var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53;
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
@@ -141,11 +141,8 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   headerFixed: function headerFixed(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0;\n\n      &:after {\n        bottom: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n\n      &:after {\n        bottom: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])),
     t.sidePageBgDefault,
-    t.sidePageHeaderFixedFontSize,
-    t.sidePageHeaderFixedLineHeight,
-    t.sidePageHeaderFixedPaddingY,
 
 
 
@@ -160,9 +157,26 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
+  headerShrink: function headerShrink(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0;\n    "])),
+    t.sidePageHeaderFixedFontSize,
+    t.sidePageHeaderFixedLineHeight,
+    t.sidePageHeaderFixedPaddingY);
+
+  },
+
+  headerNativeStuck: function headerNativeStuck(t) {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: sticky;\n      top: 0;\n      z-index: 16000;\n      background: ", ";\n    "])),
+
+
+
+    t.sidePageBgDefault);
+
+  },
+
   title: function title(t) {
     var paddingRight = parseInt(t.sidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: ", ";\n      padding-right: ", "px;\n    "])),
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: ", ";\n      padding-right: ", "px;\n    "])),
     t.sidePagePaddingLeft,
     paddingRight);
 
@@ -173,21 +187,21 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
     parseInt(t.sidePageCloseButtonClickAreaLeft) +
     parseInt(t.sidePageCloseIconSize) +
     parseInt(t.sidePageCloseButtonClickAreaRight);
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", "px;\n    "])),
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", "px;\n    "])),
     paddingRight);
 
   },
 
   mobileTitle: function mobileTitle(t) {
     var paddingRight = parseInt(t.mobileSidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: ", ";\n      padding-right: ", "px;\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: ", ";\n      padding-right: ", "px;\n    "])),
     t.mobileSidePagePaddingLeft,
     paddingRight);
 
   },
 
-  titleFixed: function titleFixed() {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
+  titleCut: function titleCut() {
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
 
 
 
@@ -195,7 +209,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   background: function background() {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      position: absolute;\n      width: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      position: absolute;\n      width: 100%;\n    "])));
 
 
 
@@ -203,20 +217,20 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   backgroundGray: function backgroundGray(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      opacity: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      opacity: ", ";\n    "])),
     t.sidePageBackingBg,
     t.sidePageBackingBgOpacity);
 
   },
 
   shadow: function shadow(t) {
-    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
     t.sidePageContainerShadow);
 
   },
 
   close: function close(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      cursor: pointer;\n      color: ", ";\n      padding: ", ";\n      margin: -", ";\n      font-size: 0;\n\n      &:focus,\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      cursor: pointer;\n      color: ", ";\n      padding: ", ";\n      margin: -", ";\n      font-size: 0;\n\n      &:focus,\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])),
     (0, _Mixins.resetButton)(),
 
     t.sidePageCloseButtonColor,
@@ -238,7 +252,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   close5_1: function close5_1(t) {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n    "])),
     t.sidePageCloseButtonClickAreaTop,
     t.sidePageCloseButtonClickAreaTop,
     t.sidePageCloseButtonClickAreaRight,
@@ -251,7 +265,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   closeSticky: function closeSticky(t) {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n    "])),
     t.sidePageCloseButtonFixedClickAreaTop,
     t.sidePageCloseButtonFixedClickAreaTop,
     t.sidePageCloseButtonFixedClickAreaBottom,
@@ -260,7 +274,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   closeMobile: function closeMobile(t) {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      margin: -", ";\n      font-size: 0;\n    "])),
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n      margin: -", ";\n      font-size: 0;\n    "])),
     t.mobileSidePageCloseButtonClickArea,
     t.mobileSidePageCloseButtonClickArea);
 
@@ -268,20 +282,20 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   closeFocus: function closeFocus(t) {
-    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: 2px solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      outline: 2px solid ", ";\n    "])),
     t.borderColorFocus);
 
   },
 
   closeFocus5_1: function closeFocus5_1(t) {
-    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 2px ", ";\n      border-radius: 4px;\n    "])),
+    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 2px ", ";\n      border-radius: 4px;\n    "])),
     t.borderColorFocus);
 
 
   },
 
   wrapperClose: function wrapperClose(t) {
-    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      height: 100%;\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      position: absolute;\n      right: ", ";\n      top: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      height: 100%;\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      position: absolute;\n      right: ", ";\n      top: ", ";\n    "])),
 
 
     t.sidePageHeaderLineHeight,
@@ -293,13 +307,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   wrapperClose5_1: function wrapperClose5_1(t) {
-    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: ", ";\n    "])),
     t.sidePageCloseButtonClickAreaRight);
 
   },
 
   mobileWrapperClose: function mobileWrapperClose(t) {
-    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      right: ", ";\n    "])),
     t.mobileSidePageHeaderLineHeight,
     t.mobileSidePageHeaderPaddingTop, t.mobileSidePageHeaderPaddingBottom,
     t.mobileSidePageCloseButtonRightPadding);
@@ -307,13 +321,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   mobileWrapperClose5_1: function mobileWrapperClose5_1(t) {
-    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: ", ";\n    "])),
     t.mobileSidePageCloseButtonPadding);
 
   },
 
   panel: function panel(t) {
-    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      padding: ", " ", " ", "\n        ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      padding: ", " ", " ", "\n        ", ";\n    "])),
     t.sidePageFooterPanelBg,
     t.sidePageFooterPanelPaddingTop, t.sidePagePaddingRight, t.sidePageFooterPanelPaddingBottom,
     t.sidePagePaddingLeft);
@@ -321,26 +335,26 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   wrapperCloseFixed: function wrapperCloseFixed(t) {
-    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n      padding: ", " 0;\n    "])),
+    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n      padding: ", " 0;\n    "])),
     t.sidePageHeaderFixedLineHeight,
     t.sidePageHeaderFixedPaddingY);
 
   },
 
   wrapperCloseFixed5_1: function wrapperCloseFixed5_1(t) {
-    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      top: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      top: ", ";\n    "])),
     t.sidePageCloseButtonWrapperFixedOffsetTop);
 
   },
 
   footerWrapper: function footerWrapper() {
-    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 0 0 auto;\n    "])));
+    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 0 0 auto;\n    "])));
 
 
   },
 
   footer: function footer(t) {
-    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\n      color: ", ";\n    "])),
 
 
 
@@ -349,20 +363,20 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   positionStatic: function positionStatic() {
-    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: static;\n    "])));
+    return (0, _Emotion.css)(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: static;\n    "])));
 
 
   },
 
   footerContent: function footerContent(t) {
-    return (0, _Emotion.css)(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", " ", "\n        ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", " ", "\n        ", ";\n    "])),
     t.sidePageFooterPaddingTop, t.sidePagePaddingRight, t.sidePageFooterPaddingBottom,
     t.sidePagePaddingLeft);
 
   },
 
   mobileFooterContent: function mobileFooterContent(t) {
-    return (0, _Emotion.css)(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-flow: column nowrap;\n      padding: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      flex-flow: column nowrap;\n      padding: ", ";\n    "])),
 
 
     t.mobileSidePageFooterPadding);
@@ -370,7 +384,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   footerFixed: function footerFixed(t) {
-    return (0, _Emotion.css)(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n\n      &:before {\n        top: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n\n      &:before {\n        top: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])),
     t.sidePageBgDefault,
 
 
@@ -387,7 +401,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   panelFixed: function panelFixed(t) {
-    return (0, _Emotion.css)(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])),
 
     t.sidePageFixedPanelShadow);
 
@@ -395,19 +409,19 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   transitionLeft: function transitionLeft() {
-    return (0, _Emotion.css)(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(100px);\n    "])));
+    return (0, _Emotion.css)(_templateObject49 || (_templateObject49 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(100px);\n    "])));
 
 
   },
 
   transitionRight: function transitionRight() {
-    return (0, _Emotion.css)(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(-100px);\n    "])));
+    return (0, _Emotion.css)(_templateObject50 || (_templateObject50 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(-100px);\n    "])));
 
 
   },
 
   transitionActive: function transitionActive() {
-    return (0, _Emotion.css)(_templateObject49 || (_templateObject49 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1 !important;\n      transform: translate(0, 0) !important;\n    "])));
+    return (0, _Emotion.css)(_templateObject51 || (_templateObject51 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition:\n        transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n        opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1 !important;\n      transform: translate(0, 0) !important;\n    "])));
 
 
 
@@ -417,13 +431,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   transitionLeave: function transitionLeave() {
-    return (0, _Emotion.css)(_templateObject50 || (_templateObject50 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1;\n    "])));
+    return (0, _Emotion.css)(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1;\n    "])));
 
 
   },
 
   transitionLeaveActive: function transitionLeaveActive() {
-    return (0, _Emotion.css)(_templateObject51 || (_templateObject51 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "])));
+    return (0, _Emotion.css)(_templateObject53 || (_templateObject53 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "])));