@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/cjs/components/Paging/Paging.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_isInstanceOf","_identifiers","_decorators","_keyListener","_utils","_client","_CommonWrapper","_rootNode","_createPropsGetter","_getVisualStateDataAttributes","_ThemeContext","_Emotion","_Paging2","NavigationHelper","_interopRequireWildcard","_PagingHelper","_locale","_PagingDefaultComponent","_ForwardIcon","_dec","_class","_Paging","IGNORE_EVENT_TAGS","PagingDataTids","exports","root","dots","forwardLink","pageLinkWrapper","pageLink","Paging","locale","PagingLocaleHelper","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","focusedItem","keyboardControl","useGlobalListener","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","props","activePage","renderPageLink","_this$emotion$cx","default","createElement","className","emotion","cx","styles","theme","dotsDisabled","classes","pageLinkFocused","forwardLinkDisabled","Component","component","forward","forwardIcon","ForwardIcon","size","parseInt","pagingForwardIconSize","style","marginLeft","_extends2","onClick","emptyHandler","goForward","tabIndex","pageNumber","getVisualStateDataAttributes","caption","_this$emotion$cx2","pageLinkDisabled","pageLinkCurrent","pageLinkCurrentDisabled","handleClick","goToPage","onMouseDown","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","hint","Fragment","transparent","getKeyName","pageLinkHint","handleMouseDown","setState","isIE11","globalObject","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isKeyArrowLeft","isArrowRight","isKeyArrowRight","isInstanceOf","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","isKeyEnter","executeItemAction","handleFocus","requestAnimationFrame","keyListener","isTabPressed","handleBlur","getItems","pagesCount","isItemFocusable","moveFocus","step","items","findIndex","x","onPageChange","addGlobalListener","_globalObject$documen","document","addEventListener","removeGlobalListener","_globalObject$documen2","removeEventListener","refContainer","element","_inheritsLoose2","isForward","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","EmotionConsumer","getStyles","ThemeContext","Consumer","renderMain","_this$emotion$cx3","_this$getProps","CommonWrapper","rootNodeRef","setRootNode","paging","pagingDisabled","onKeyDown","undefined","onFocus","onBlur","ref","map","React","PureComponent","__KONTUR_REACT_UI__","displayName","PagingDefaultComponent","propTypes","number","isRequired","func"],"sources":["Paging.tsx"],"sourcesContent":["import React from 'react';\nimport { func, number } from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { emptyHandler } from '../../lib/utils';\nimport { isIE11 } from '../../lib/client';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './Paging.styles';\nimport * as NavigationHelper from './NavigationHelper';\nimport { getItems } from './PagingHelper';\nimport { PagingLocale, PagingLocaleHelper } from './locale';\nimport { PagingDefaultComponent } from './PagingDefaultComponent';\nimport { ForwardIcon } from './ForwardIcon';\n\nconst IGNORE_EVENT_TAGS = ['input', 'textarea'];\n\nexport interface ItemComponentProps {\n  active: boolean;\n  children?: React.ReactNode;\n  className: string;\n  onClick: () => void;\n  pageNumber: number | 'forward';\n  tabIndex: number;\n}\n\nexport interface PagingProps extends CommonProps {\n  activePage: number;\n  /**\n   * Компонент обертки по умолчанию\n   * @default <span />\n   */\n  component?: React.ComponentType<ItemComponentProps>;\n  onPageChange: (pageNumber: number) => void;\n  pagesCount: number;\n  disabled?: boolean;\n  /**\n   * Отключает навигационные подсказки.\n   * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры\n   * (либо элемент в фокусе, либо globalListeners === true)\n   */\n  withoutNavigationHint?: boolean;\n  caption?: string;\n  /**\n   * Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.\n   * Если на странице используется несколько элементов\n   * **Paging** с useGlobalListener === true, то обработчик keyDown будет вызываться\n   * на каждом из них. Такие случаи лучше обрабатывать отдельно.\n   */\n  useGlobalListener?: boolean;\n}\n\nexport interface PagingState {\n  focusedByTab: boolean;\n  focusedItem: Nullable<ItemType>;\n  keyboardControl: boolean;\n}\n\nexport type ItemType = number | '.' | 'forward';\n\nexport const PagingDataTids = {\n  root: 'Paging__root',\n  dots: 'Paging__dots',\n  forwardLink: 'Paging__forwardLink',\n  pageLinkWrapper: 'Paging__pageLinkWrapper',\n  pageLink: 'Paging__pageLink',\n} as const;\n\ntype DefaultProps = Required<Pick<PagingProps, 'component' | 'useGlobalListener'>>;\n\n@rootNode\n@locale('Paging', PagingLocaleHelper)\nexport class Paging extends React.PureComponent<PagingProps, PagingState> {\n  public static __KONTUR_REACT_UI__ = 'Paging';\n  public static displayName = 'Paging';\n\n  public static defaultProps: DefaultProps = {\n    component: PagingDefaultComponent,\n    useGlobalListener: false,\n  };\n\n  private getProps = createPropsGetter(Paging.defaultProps);\n\n  public static propTypes = {};\n  private setRootNode!: TSetRootNode;\n\n  public static isForward(pageNumber: number | 'forward'): boolean /* %checks */ {\n    return pageNumber === 'forward';\n  }\n\n  public state: PagingState = {\n    focusedByTab: false,\n    focusedItem: null,\n    keyboardControl: this.getProps().useGlobalListener,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private readonly locale!: PagingLocale;\n  private addedGlobalListener = false;\n  private container: HTMLSpanElement | null = null;\n\n  public componentDidMount() {\n    const useGlobalListener = this.getProps().useGlobalListener;\n    if (useGlobalListener) {\n      this.addGlobalListener();\n    }\n  }\n\n  public componentDidUpdate(prevProps: PagingProps) {\n    const useGlobalListener = this.getProps().useGlobalListener;\n    if (!prevProps.useGlobalListener && useGlobalListener) {\n      this.addGlobalListener();\n    }\n\n    if (prevProps.useGlobalListener && !useGlobalListener) {\n      this.removeGlobalListener();\n    }\n\n    if (prevProps.useGlobalListener !== useGlobalListener) {\n      this.setState({\n        keyboardControl: useGlobalListener,\n      });\n    }\n  }\n\n  public componentWillUnmount() {\n    this.removeGlobalListener();\n  }\n\n  public render() {\n    if (this.props.pagesCount < 2) {\n      return null;\n    }\n\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const { useGlobalListener } = this.getProps();\n    return (\n      <CommonWrapper\n        rootNodeRef={this.setRootNode}\n        {...this.props}\n        {...getVisualStateDataAttributes({ disabled: this.props.disabled })}\n      >\n        <span\n          tabIndex={this.props.disabled ? -1 : 0}\n          data-tid={PagingDataTids.root}\n          className={this.emotion.cx({\n            [this.styles.paging(this.theme)]: true,\n            [this.styles.pagingDisabled()]: this.props.disabled,\n          })}\n          onKeyDown={useGlobalListener ? undefined : this.handleKeyDown}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          onMouseDown={this.handleMouseDown}\n          ref={this.refContainer}\n        >\n          {this.getItems().map(this.renderItem)}\n        </span>\n      </CommonWrapper>\n    );\n  }\n\n  private renderItem = (item: ItemType, index: number) => {\n    const focused = this.getFocusedItem() === item;\n    switch (item) {\n      case '.': {\n        const key = `dots${index < 5 ? 'Left' : 'Right'}`;\n        return this.renderDots(key);\n      }\n      case 'forward': {\n        const disabled = this.isItemDisabled(item);\n        return this.renderForwardLink(disabled, focused);\n      }\n      default: {\n        const active = this.props.activePage === item;\n        return this.renderPageLink(item, active, focused);\n      }\n    }\n  };\n\n  private renderDots = (key: string) => {\n    return (\n      <span\n        data-tid={PagingDataTids.dots}\n        key={key}\n        className={this.emotion.cx({\n          [this.styles.dots(this.theme)]: true,\n          [this.styles.dotsDisabled(this.theme)]: this.props.disabled,\n        })}\n      >\n        {'...'}\n      </span>\n    );\n  };\n\n  private renderForwardLink = (disabled: boolean, focused: boolean): JSX.Element => {\n    const styles = this.styles;\n    const classes = this.emotion.cx(\n      styles.pageLink(this.theme),\n      styles.forwardLink(this.theme),\n      focused && styles.pageLinkFocused(this.theme),\n      (disabled || this.props.disabled) && styles.forwardLinkDisabled(this.theme),\n    );\n    const Component = this.getProps().component;\n    const { forward } = this.locale;\n\n    const forwardIcon = <ForwardIcon size={parseInt(this.theme.pagingForwardIconSize)} style={{ marginLeft: 4 }} />;\n\n    return (\n      <Component\n        key={'forward'}\n        data-tid={PagingDataTids.forwardLink}\n        active={false}\n        className={classes}\n        onClick={disabled ? emptyHandler : this.goForward}\n        tabIndex={-1}\n        pageNumber={'forward' as const}\n        {...getVisualStateDataAttributes({ disabled })}\n      >\n        {this.props.caption || forward}\n        {forwardIcon}\n      </Component>\n    );\n  };\n\n  private renderPageLink = (pageNumber: number, active: boolean, focused: boolean): JSX.Element => {\n    const styles = this.styles;\n    const disabled = this.props.disabled;\n    const classes = this.emotion.cx({\n      [styles.pageLink(this.theme)]: true,\n      [styles.pageLinkFocused(this.theme)]: focused,\n      [styles.pageLinkDisabled(this.theme)]: disabled,\n      [styles.pageLinkCurrent(this.theme)]: active,\n      [styles.pageLinkCurrentDisabled(this.theme)]: active && disabled,\n    });\n    const Component = this.getProps().component;\n    const handleClick = () => this.goToPage(pageNumber);\n\n    return (\n      <span\n        data-tid={PagingDataTids.pageLinkWrapper}\n        key={pageNumber}\n        className={styles.pageLinkWrapper()}\n        {...getVisualStateDataAttributes({ active, disabled })}\n        onMouseDown={this.handleMouseDownPageLink}\n      >\n        <Component\n          data-tid={PagingDataTids.pageLink}\n          active={active}\n          className={classes}\n          onClick={handleClick}\n          tabIndex={-1}\n          pageNumber={pageNumber}\n        >\n          {pageNumber}\n        </Component>\n        {active && this.renderNavigationHint()}\n      </span>\n    );\n  };\n\n  private renderNavigationHint = () => {\n    if (this.props.withoutNavigationHint) {\n      return null;\n    }\n\n    const { keyboardControl } = this.state;\n    const canGoBackward = this.canGoBackward();\n    const canGoForward = this.canGoForward();\n\n    let hint = null;\n    const styles = this.styles;\n    if (keyboardControl && (canGoBackward || canGoForward)) {\n      hint = (\n        <>\n          <span className={canGoBackward ? '' : styles.transparent()}>{'←'}</span>\n          <span>{NavigationHelper.getKeyName()}</span>\n          <span className={canGoForward ? '' : styles.transparent()}>{'→'}</span>\n        </>\n      );\n    }\n    return <div className={styles.pageLinkHint(this.theme)}>{hint}</div>;\n  };\n\n  private handleMouseDown = () => {\n    this.setState({ focusedByTab: false, focusedItem: null });\n  };\n\n  private handleMouseDownPageLink = () => {\n    if (isIE11) {\n      // Клик по span внутри контейнера с tabindex=\"0\" переносит фокус именно на этот span.\n      // Поэтому горячие клавиши работают пока span существует на странице.\n      globalObject.setTimeout(() => this.container && this.container.focus(), 0);\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => {\n    if (e.shiftKey) {\n      return;\n    }\n\n    const target = e.target;\n\n    const isArrowLeft = isKeyArrowLeft(e);\n    const isArrowRight = isKeyArrowRight(e);\n\n    if (\n      isInstanceOf(target, globalObject.Element) &&\n      (IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) || (target as HTMLElement).isContentEditable)\n    ) {\n      return;\n    }\n\n    if (NavigationHelper.checkKeyPressed(e) && isArrowLeft) {\n      this.setState({ focusedItem: null }, this.goBackward);\n      return;\n    }\n    if (NavigationHelper.checkKeyPressed(e) && isArrowRight) {\n      this.setState({ focusedItem: null }, this.goForward);\n      return;\n    }\n\n    if (this.container && this.container === e.target) {\n      if (isArrowLeft) {\n        this.setState({ focusedByTab: true }, this.moveFocusLeft);\n        return;\n      }\n      if (isArrowRight) {\n        this.setState({ focusedByTab: true }, this.moveFocusRight);\n        return;\n      }\n      if (isKeyEnter(e)) {\n        this.executeItemAction(this.getFocusedItem());\n        return;\n      }\n    }\n  };\n\n  private handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ keyboardControl: true });\n\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        this.setState({ focusedByTab: true });\n      }\n    });\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n      keyboardControl: this.getProps().useGlobalListener || false,\n    });\n  };\n\n  private getItems = (): ItemType[] => {\n    return getItems(this.props.activePage, this.props.pagesCount).concat('forward');\n  };\n\n  private getFocusedItem = (): Nullable<ItemType> => {\n    if (!this.state.focusedByTab) {\n      return null;\n    }\n\n    const { focusedItem } = this.state;\n    if (focusedItem && this.getItems().includes(focusedItem) && this.isItemFocusable(focusedItem)) {\n      return focusedItem;\n    }\n\n    return this.props.activePage;\n  };\n\n  private isItemFocusable = (item: ItemType) => {\n    return !this.isItemDisabled(item);\n  };\n\n  private isItemDisabled = (item: ItemType) => {\n    switch (item) {\n      case '.':\n        return true;\n      case 'forward':\n        return !this.canGoForward();\n      default:\n        return false;\n    }\n  };\n\n  private executeItemAction = (item: Nullable<ItemType>) => {\n    if (item === 'forward') {\n      this.goForward();\n    }\n    if (typeof item === 'number') {\n      this.goToPage(item);\n    }\n  };\n\n  private moveFocusLeft = () => {\n    this.moveFocus(-1);\n  };\n\n  private moveFocusRight = () => {\n    this.moveFocus(1);\n  };\n\n  private moveFocus = (step: number) => {\n    const focusedItem = this.getFocusedItem();\n    const items = this.getItems();\n    let index = items.findIndex((x) => x === focusedItem);\n    do {\n      index = (index + step + items.length) % items.length;\n    } while (!this.isItemFocusable(items[index]));\n    this.setState({ focusedItem: items[index] });\n  };\n\n  private canGoBackward = (): boolean => {\n    return this.props.activePage > 1;\n  };\n\n  private canGoForward = (): boolean => {\n    return this.props.activePage < this.props.pagesCount;\n  };\n\n  private goBackward = () => {\n    this.goToPage(this.props.activePage - 1);\n  };\n\n  private goForward = () => {\n    this.goToPage(this.props.activePage + 1);\n  };\n\n  private goToPage = (pageNumber: number) => {\n    if (pageNumber >= 1 && pageNumber !== this.props.activePage && pageNumber <= this.props.pagesCount) {\n      this.props.onPageChange(pageNumber);\n    }\n  };\n\n  private addGlobalListener = () => {\n    if (this.addedGlobalListener) {\n      return;\n    }\n\n    globalObject.document?.addEventListener('keydown', this.handleKeyDown);\n    this.addedGlobalListener = true;\n  };\n\n  private removeGlobalListener = () => {\n    if (this.addedGlobalListener) {\n      globalObject.document?.removeEventListener('keydown', this.handleKeyDown);\n\n      this.addedGlobalListener = false;\n    }\n  };\n\n  private refContainer = (element: HTMLSpanElement | null) => {\n    this.container = element;\n  };\n}\n\nPaging.propTypes = {\n  /**\n   * Current active page\n   */\n  activePage: number.isRequired,\n\n  /**\n   * React component that would be used for rendering items\n   *\n   * Usefull for router integration\n   */\n  component: func,\n\n  /**\n   * Total page count\n   */\n  pagesCount: number.isRequired,\n\n  /**\n   * Calls when page has been changed\n   */\n  onPageChange: func.isRequired,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_isInstanceOf","_identifiers","_decorators","_keyListener","_utils","_client","_ThemeContext","_ThemeHelpers","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_getVisualStateDataAttributes","_ResponsiveLayout","_Paging2","NavigationHelper","_interopRequireWildcard","_PagingHelper","_locale","_PagingDefaultComponent","_ForwardIcon","_DotsIcon","_dec","_class","_Paging","IGNORE_EVENT_TAGS","PagingDataTids","exports","root","dots","forwardLink","pageLinkWrapper","pageLink","Paging","locale","PagingLocaleHelper","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","focusedItem","keyboardControl","useGlobalListener","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","props","activePage","renderPageLink","_cx","default","createElement","className","cx","styles","theme","sizeClassNames","dotsDisabled","getDotsIcon","_cx2","classNames","pageLinkFocused","forwardLinkDisabled","Component","component","forward","forwardIcon","getForwardIcon","_extends2","onClick","emptyHandler","goForward","tabIndex","pageNumber","getVisualStateDataAttributes","isMobile","caption","_cx3","pageLinkDisabled","pageLinkCurrent","pageLinkCurrentDisabled","handleClick","goToPage","onMouseDown","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","hint","Fragment","transparent","getKeyName","pageLinkHint","handleMouseDown","setState","isIE11","globalObject","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isKeyArrowLeft","isArrowRight","isKeyArrowRight","isInstanceOf","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","isKeyEnter","executeItemAction","handleFocus","requestAnimationFrame","keyListener","isTabPressed","handleBlur","getItems","pagesCount","isItemFocusable","moveFocus","step","items","findIndex","x","onPageChange","addGlobalListener","_globalObject$documen","document","addEventListener","removeGlobalListener","_globalObject$documen2","removeEventListener","refContainer","element","getPagingSizeClassNames","size","getSize","pagingLegacy","dotsLegacy","forwardLinkLegacy","pageLinkLegacy","pagingSmall","dotsSmall","forwardLinkSmall","pageLinkSmall","pagingMedium","dotsMedium","forwardLinkMediumMobile","forwardLinkMedium","pageLinkMedium","pagingLarge","dotsLarge","forwardLinkLargeMobile","forwardLinkLarge","pageLinkLarge","TypeError","DotsIcon","iconSize","parseInt","pagingForwardIconSize","ForwardIconMobile","ForwardIcon","style","marginLeft","defaultSize","isThemeGTE","_inheritsLoose2","isForward","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","ThemeContext","Consumer","ResponsiveLayout","_ref","renderMain","_cx4","_this3","_this$getProps","CommonWrapper","rootNodeRef","setRootNode","paging","pagingMobile","pagingDisabled","onKeyDown","undefined","onFocus","onBlur","ref","map","React","PureComponent","__KONTUR_REACT_UI__","displayName","PagingDefaultComponent"],"sources":["Paging.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { emptyHandler } from '../../lib/utils';\nimport { isIE11 } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './Paging.styles';\nimport * as NavigationHelper from './NavigationHelper';\nimport { getItems } from './PagingHelper';\nimport type { PagingLocale } from './locale';\nimport { PagingLocaleHelper } from './locale';\nimport { PagingDefaultComponent } from './PagingDefaultComponent';\nimport { ForwardIcon, ForwardIconMobile } from './ForwardIcon';\nimport { DotsIcon } from './DotsIcon';\n\nconst IGNORE_EVENT_TAGS = ['input', 'textarea'];\n\nexport interface ItemComponentProps {\n  /** Определяет, является ли страница текущей. */\n  active: boolean;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Задает HTML-атрибут class. */\n  className: string;\n\n  /** Задает функцию, которая вызывается при клике на элемент. */\n  onClick: () => void;\n\n  /** Задает номер текущей страницы. */\n  pageNumber: number | 'forward';\n\n  /** Задает HTML-атрибут `tabindex`. */\n  tabIndex: number;\n}\n\nexport interface PagingProps extends CommonProps {\n  activePage: number;\n\n  /** Компонент обертки по умолчанию.\n   * @default <span/> */\n  component?: React.ComponentType<ItemComponentProps>;\n\n  /** Задает функцию, которая вызывается при переключении страницы. */\n  onPageChange: (pageNumber: number) => void;\n\n  /** Задает общее количество страниц. */\n  pagesCount: number;\n\n  /** Задает размер контрола.\n   * @default 'small', начиная с версии темы 5.3. До этого по умолчанию стоит старый размер 'legacy'. */\n  size?: SizeProp;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Отключает навигационные подсказки.\n   * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры (либо элемент в фокусе, либо globalListeners === true). */\n  withoutNavigationHint?: boolean;\n\n  /** Задает подпить у пейджинга. */\n  caption?: string;\n\n  /** Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.\n   * Если на странице используется несколько элементов **Paging** с useGlobalListener === true,\n   * то обработчик keyDown будет вызываться на каждом из них. Такие случаи лучше обрабатывать отдельно. */\n  useGlobalListener?: boolean;\n}\n\nexport interface PagingState {\n  focusedByTab: boolean;\n  focusedItem: Nullable<ItemType>;\n  keyboardControl: boolean;\n}\n\nexport type ItemType = number | '.' | 'forward';\n\nexport const PagingDataTids = {\n  root: 'Paging__root',\n  dots: 'Paging__dots',\n  forwardLink: 'Paging__forwardLink',\n  pageLinkWrapper: 'Paging__pageLinkWrapper',\n  pageLink: 'Paging__pageLink',\n} as const;\n\ntype DefaultProps = Required<Pick<PagingProps, 'component' | 'useGlobalListener'>>;\n\ninterface PagingSizeClassNames {\n  root: string;\n  dots: string;\n  forwardLink: string;\n  pageLink: string;\n}\n\n/**\n * Постраничная навигация `Paging` (пейджинг или пагинация) — способ представления большого количества однородной информации, когда контент разбивается на страницы.\n */\n@rootNode\n@locale('Paging', PagingLocaleHelper)\nexport class Paging extends React.PureComponent<PagingProps, PagingState> {\n  public static __KONTUR_REACT_UI__ = 'Paging';\n  public static displayName = 'Paging';\n\n  public static defaultProps: DefaultProps = {\n    component: PagingDefaultComponent,\n    useGlobalListener: false,\n  };\n\n  private getProps = createPropsGetter(Paging.defaultProps);\n\n  private setRootNode!: TSetRootNode;\n\n  public static isForward(pageNumber: number | 'forward'): boolean {\n    return pageNumber === 'forward';\n  }\n\n  public state: PagingState = {\n    focusedByTab: false,\n    focusedItem: null,\n    keyboardControl: this.getProps().useGlobalListener,\n  };\n\n  private theme!: Theme;\n  private readonly locale!: PagingLocale;\n  private isMobile!: boolean;\n  private sizeClassNames!: PagingSizeClassNames;\n  private addedGlobalListener = false;\n  private container: HTMLSpanElement | null = null;\n\n  public componentDidMount() {\n    const useGlobalListener = this.getProps().useGlobalListener;\n    if (useGlobalListener) {\n      this.addGlobalListener();\n    }\n  }\n\n  public componentDidUpdate(prevProps: PagingProps) {\n    const useGlobalListener = this.getProps().useGlobalListener;\n    if (!prevProps.useGlobalListener && useGlobalListener) {\n      this.addGlobalListener();\n    }\n\n    if (prevProps.useGlobalListener && !useGlobalListener) {\n      this.removeGlobalListener();\n    }\n\n    if (prevProps.useGlobalListener !== useGlobalListener) {\n      this.setState({\n        keyboardControl: useGlobalListener,\n      });\n    }\n  }\n\n  public componentWillUnmount() {\n    this.removeGlobalListener();\n  }\n\n  public render() {\n    if (this.props.pagesCount < 2) {\n      return null;\n    }\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ResponsiveLayout>\n              {({ isMobile }) => {\n                this.isMobile = isMobile && isThemeGTE(this.theme, '5.3');\n                this.sizeClassNames = this.getPagingSizeClassNames();\n                return this.renderMain();\n              }}\n            </ResponsiveLayout>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { useGlobalListener } = this.getProps();\n    return (\n      <CommonWrapper\n        rootNodeRef={this.setRootNode}\n        {...this.props}\n        {...getVisualStateDataAttributes({ disabled: this.props.disabled })}\n      >\n        <span\n          tabIndex={this.props.disabled ? -1 : 0}\n          data-tid={PagingDataTids.root}\n          className={cx(styles.paging(), this.sizeClassNames.root, {\n            [styles.pagingMobile()]: this.isMobile,\n            [styles.pagingDisabled()]: this.props.disabled,\n          })}\n          onKeyDown={useGlobalListener ? undefined : this.handleKeyDown}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          onMouseDown={this.handleMouseDown}\n          ref={this.refContainer}\n        >\n          {this.getItems().map((item, index) => this.renderItem(item, index))}\n        </span>\n      </CommonWrapper>\n    );\n  }\n\n  private renderItem = (item: ItemType, index: number) => {\n    const focused = this.getFocusedItem() === item;\n    switch (item) {\n      case '.': {\n        const key = `dots${index < 5 ? 'Left' : 'Right'}`;\n        return this.renderDots(key);\n      }\n      case 'forward': {\n        const disabled = this.isItemDisabled(item);\n        return this.renderForwardLink(disabled, focused);\n      }\n      default: {\n        const active = this.props.activePage === item;\n        return this.renderPageLink(item, active, focused);\n      }\n    }\n  };\n\n  private renderDots = (key: string) => {\n    return (\n      <span\n        data-tid={PagingDataTids.dots}\n        key={key}\n        className={cx(styles.dots(this.theme), this.sizeClassNames.dots, {\n          [styles.dotsDisabled(this.theme)]: this.props.disabled,\n        })}\n      >\n        {this.getDotsIcon()}\n      </span>\n    );\n  };\n\n  private renderForwardLink = (disabled: boolean, focused: boolean): JSX.Element => {\n    const classNames = cx(\n      styles.pageLink(this.theme),\n      this.sizeClassNames.pageLink,\n      styles.forwardLink(this.theme),\n      this.sizeClassNames.forwardLink,\n      {\n        [styles.pageLinkFocused(this.theme)]: focused,\n        [styles.forwardLinkDisabled(this.theme)]: disabled || this.props.disabled,\n      },\n    );\n    const Component = this.getProps().component;\n    const { forward } = this.locale;\n\n    const forwardIcon = this.getForwardIcon();\n\n    return (\n      <Component\n        key={'forward'}\n        data-tid={PagingDataTids.forwardLink}\n        active={false}\n        className={classNames}\n        onClick={disabled ? emptyHandler : this.goForward}\n        tabIndex={-1}\n        pageNumber={'forward' as const}\n        {...getVisualStateDataAttributes({ disabled })}\n      >\n        {!this.isMobile && (this.props.caption || forward)}\n        {forwardIcon}\n      </Component>\n    );\n  };\n\n  private renderPageLink = (pageNumber: number, active: boolean, focused: boolean): JSX.Element => {\n    const disabled = this.props.disabled;\n    const classNames = cx(styles.pageLink(this.theme), this.sizeClassNames.pageLink, {\n      [styles.pageLinkFocused(this.theme)]: focused,\n      [styles.pageLinkDisabled(this.theme)]: disabled,\n      [styles.pageLinkCurrent(this.theme)]: active,\n      [styles.pageLinkCurrentDisabled(this.theme)]: active && disabled,\n    });\n    const Component = this.getProps().component;\n    const handleClick = () => this.goToPage(pageNumber);\n\n    return (\n      <span\n        data-tid={PagingDataTids.pageLinkWrapper}\n        key={pageNumber}\n        className={styles.pageLinkWrapper()}\n        {...getVisualStateDataAttributes({ active, disabled })}\n        onMouseDown={this.handleMouseDownPageLink}\n      >\n        <Component\n          data-tid={PagingDataTids.pageLink}\n          active={active}\n          className={classNames}\n          onClick={handleClick}\n          tabIndex={-1}\n          pageNumber={pageNumber}\n        >\n          {pageNumber}\n        </Component>\n        {active && !this.isMobile && this.renderNavigationHint()}\n      </span>\n    );\n  };\n\n  private renderNavigationHint = () => {\n    if (this.props.withoutNavigationHint) {\n      return null;\n    }\n\n    const { keyboardControl } = this.state;\n    const canGoBackward = this.canGoBackward();\n    const canGoForward = this.canGoForward();\n\n    let hint = null;\n    if (keyboardControl && (canGoBackward || canGoForward)) {\n      hint = (\n        <>\n          <span className={canGoBackward ? '' : styles.transparent()}>{'←'}</span>\n          <span>{NavigationHelper.getKeyName(this.theme)}</span>\n          <span className={canGoForward ? '' : styles.transparent()}>{'→'}</span>\n        </>\n      );\n    }\n    return <div className={styles.pageLinkHint(this.theme)}>{hint}</div>;\n  };\n\n  private handleMouseDown = () => {\n    this.setState({ focusedByTab: false, focusedItem: null });\n  };\n\n  private handleMouseDownPageLink = () => {\n    if (isIE11) {\n      // Клик по span внутри контейнера с tabindex=\"0\" переносит фокус именно на этот span.\n      // Поэтому горячие клавиши работают пока span существует на странице.\n      globalObject.setTimeout(() => this.container && this.container.focus(), 0);\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => {\n    if (e.shiftKey) {\n      return;\n    }\n\n    const target = e.target;\n\n    const isArrowLeft = isKeyArrowLeft(e);\n    const isArrowRight = isKeyArrowRight(e);\n\n    if (\n      isInstanceOf(target, globalObject.Element) &&\n      (IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) || (target as HTMLElement).isContentEditable)\n    ) {\n      return;\n    }\n\n    if (NavigationHelper.checkKeyPressed(e, this.theme) && isArrowLeft) {\n      this.setState({ focusedItem: null }, this.goBackward);\n      return;\n    }\n    if (NavigationHelper.checkKeyPressed(e, this.theme) && isArrowRight) {\n      this.setState({ focusedItem: null }, this.goForward);\n      return;\n    }\n\n    if (this.container && this.container === e.target) {\n      if (isArrowLeft) {\n        this.setState({ focusedByTab: true }, this.moveFocusLeft);\n        return;\n      }\n      if (isArrowRight) {\n        this.setState({ focusedByTab: true }, this.moveFocusRight);\n        return;\n      }\n      if (isKeyEnter(e)) {\n        this.executeItemAction(this.getFocusedItem());\n        return;\n      }\n    }\n  };\n\n  private handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ keyboardControl: true });\n\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        this.setState({ focusedByTab: true });\n      }\n    });\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n      keyboardControl: this.getProps().useGlobalListener || false,\n    });\n  };\n\n  private getItems = (): ItemType[] => {\n    return getItems(this.props.activePage, this.props.pagesCount, this.isMobile).concat('forward');\n  };\n\n  private getFocusedItem = (): Nullable<ItemType> => {\n    if (!this.state.focusedByTab) {\n      return null;\n    }\n\n    const { focusedItem } = this.state;\n    if (focusedItem && this.getItems().includes(focusedItem) && this.isItemFocusable(focusedItem)) {\n      return focusedItem;\n    }\n\n    return this.props.activePage;\n  };\n\n  private isItemFocusable = (item: ItemType) => {\n    return !this.isItemDisabled(item);\n  };\n\n  private isItemDisabled = (item: ItemType) => {\n    switch (item) {\n      case '.':\n        return true;\n      case 'forward':\n        return !this.canGoForward();\n      default:\n        return false;\n    }\n  };\n\n  private executeItemAction = (item: Nullable<ItemType>) => {\n    if (item === 'forward') {\n      this.goForward();\n    }\n    if (typeof item === 'number') {\n      this.goToPage(item);\n    }\n  };\n\n  private moveFocusLeft = () => {\n    this.moveFocus(-1);\n  };\n\n  private moveFocusRight = () => {\n    this.moveFocus(1);\n  };\n\n  private moveFocus = (step: number) => {\n    const focusedItem = this.getFocusedItem();\n    const items = this.getItems();\n    let index = items.findIndex((x) => x === focusedItem);\n    do {\n      index = (index + step + items.length) % items.length;\n    } while (!this.isItemFocusable(items[index]));\n    this.setState({ focusedItem: items[index] });\n  };\n\n  private canGoBackward = (): boolean => {\n    return this.props.activePage > 1;\n  };\n\n  private canGoForward = (): boolean => {\n    return this.props.activePage < this.props.pagesCount;\n  };\n\n  private goBackward = () => {\n    this.goToPage(this.props.activePage - 1);\n  };\n\n  private goForward = () => {\n    this.goToPage(this.props.activePage + 1);\n  };\n\n  private goToPage = (pageNumber: number) => {\n    if (pageNumber >= 1 && pageNumber !== this.props.activePage && pageNumber <= this.props.pagesCount) {\n      this.props.onPageChange(pageNumber);\n    }\n  };\n\n  private addGlobalListener = () => {\n    if (this.addedGlobalListener) {\n      return;\n    }\n\n    globalObject.document?.addEventListener('keydown', this.handleKeyDown);\n    this.addedGlobalListener = true;\n  };\n\n  private removeGlobalListener = () => {\n    if (this.addedGlobalListener) {\n      globalObject.document?.removeEventListener('keydown', this.handleKeyDown);\n\n      this.addedGlobalListener = false;\n    }\n  };\n\n  private refContainer = (element: HTMLSpanElement | null) => {\n    this.container = element;\n  };\n\n  private getPagingSizeClassNames = (): PagingSizeClassNames => {\n    const size = this.getSize();\n    switch (size) {\n      case 'legacy':\n        return {\n          root: styles.pagingLegacy(this.theme),\n          dots: styles.dotsLegacy(this.theme),\n          forwardLink: styles.forwardLinkLegacy(this.theme),\n          pageLink: styles.pageLinkLegacy(this.theme),\n        };\n      case 'small':\n        return {\n          root: styles.pagingSmall(this.theme),\n          dots: styles.dotsSmall(this.theme),\n          forwardLink: styles.forwardLinkSmall(this.theme),\n          pageLink: styles.pageLinkSmall(this.theme),\n        };\n      case 'medium':\n        return {\n          root: styles.pagingMedium(this.theme),\n          dots: styles.dotsMedium(this.theme),\n          forwardLink: this.isMobile\n            ? styles.forwardLinkMediumMobile(this.theme)\n            : styles.forwardLinkMedium(this.theme),\n          pageLink: styles.pageLinkMedium(this.theme),\n        };\n      case 'large':\n        return {\n          root: styles.pagingLarge(this.theme),\n          dots: styles.dotsLarge(this.theme),\n          forwardLink: this.isMobile ? styles.forwardLinkLargeMobile(this.theme) : styles.forwardLinkLarge(this.theme),\n          pageLink: styles.pageLinkLarge(this.theme),\n        };\n      default:\n        throw new TypeError(`Invalid size prop: '${this.props.size}'`);\n    }\n  };\n\n  private getDotsIcon = () => {\n    const size = this.getSize();\n    return size === 'legacy' ? '...' : <DotsIcon size={size} />;\n  };\n\n  private getForwardIcon = () => {\n    const size = this.getSize();\n    const iconSize = size === 'legacy' ? parseInt(this.theme.pagingForwardIconSize) : size;\n    return this.isMobile ? (\n      <ForwardIconMobile size={iconSize} />\n    ) : (\n      <ForwardIcon size={iconSize} style={{ marginLeft: 4 }} />\n    );\n  };\n\n  private getSize = () => {\n    if (this.props.size) {\n      return this.isMobile && this.props.size === 'small' ? 'medium' : this.props.size;\n    }\n\n    const defaultSize = isThemeGTE(this.theme, '5.3') ? 'small' : 'legacy';\n    return this.isMobile && defaultSize === 'small' ? 'medium' : defaultSize;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Paging/Paging.md

@@ -6,6 +6,7 @@
 
 Навигационные подсказки появляются когда доступно управление с клавиатуры и `withoutNavigationHint != true`
 
+### Базовый пример
 ```jsx harmony
 class Paginator3000 extends React.Component {
   constructor() {
@@ -26,7 +27,7 @@ class Paginator3000 extends React.Component {
 <Paginator3000 />;
 ```
 
-Пейджинг в отключенном состоянии
+### Пейджинг в отключенном состоянии
 
 ```jsx
 const [activePage, setActivePage] = React.useState(3);
@@ -39,7 +40,7 @@ const [activePage, setActivePage] = React.useState(3);
 />
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface PagingLocale {

package/cjs/components/Paging/Paging.styles.d.ts

@@ -1,18 +1,40 @@
-import type { Emotion } from '@emotion/css/create-instance';
-import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
-    paging(t: Theme): string;
-    pagingDisabled(): string;
-    dots(t: Theme): string;
-    dotsDisabled(t: Theme): string;
-    forwardLink(t: Theme): string;
-    forwardLinkDisabled(t: Theme): string;
-    pageLinkWrapper(): string;
-    pageLink(t: Theme): string;
-    pageLinkDisabled(t: Theme): string;
-    pageLinkCurrent(t: Theme): string;
-    pageLinkCurrentDisabled(t: Theme): string;
-    pageLinkFocused(t: Theme): string;
-    transparent(): string;
-    pageLinkHint(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    paging(): string;
+    pagingMobile(): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */
+    pagingLegacy(t: Theme): string;
+    pagingSmall(t: Theme): string;
+    pagingMedium(t: Theme): string;
+    pagingLarge(t: Theme): string;
+    pagingDisabled(): string;
+    dots(t: Theme): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+    dotsLegacy(t: Theme): string;
+    dotsSmall(t: Theme): string;
+    dotsMedium(t: Theme): string;
+    dotsLarge(t: Theme): string;
+    dotsDisabled(t: Theme): string;
+    forwardLink(t: Theme): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+    forwardLinkLegacy(t: Theme): string;
+    forwardLinkSmall(t: Theme): string;
+    forwardLinkMedium(t: Theme): string;
+    forwardLinkLarge(t: Theme): string;
+    forwardLinkMediumMobile(t: Theme): string;
+    forwardLinkLargeMobile(t: Theme): string;
+    forwardLinkDisabled(t: Theme): string;
+    pageLinkWrapper(): string;
+    pageLink(t: Theme): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+    pageLinkLegacy(t: Theme): string;
+    pageLinkSmall(t: Theme): string;
+    pageLinkMedium(t: Theme): string;
+    pageLinkLarge(t: Theme): string;
+    pageLinkDisabled(t: Theme): string;
+    pageLinkCurrent(t: Theme): string;
+    pageLinkCurrentDisabled(t: Theme): string;
+    pageLinkFocused(t: Theme): string;
+    transparent(): string;
+    pageLinkHint(t: Theme): string;
+};

package/cjs/components/Paging/Paging.styles.js

@@ -1,136 +1,262 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  paging: function paging() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n      outline: 0;\n      display: inline-block;\n      font-variant-numeric: tabular-nums;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      paging: function paging(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        user-select: none;\n        outline: 0;\n        font-size: ", ";\n        line-height: ", ";\n        display: inline-block;\n      "])),
 
 
-        t.pagingFontSize,
-        t.pagingLineHeight);
 
 
-      },
+  },
 
-      pagingDisabled: function pagingDisabled() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        pointer-events: none;\n      "])));
+  pagingMobile: function pagingMobile() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-wrap-mode: nowrap;\n    "])));
 
 
-      },
+  },
 
-      dots: function dots(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        display: inline-block;\n        padding: ", ";\n      "])),
-        t.pagingDotsColor,
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */
+  pagingLegacy: function pagingLegacy(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      font-variant-numeric: normal;\n    "])),
+    t.pagingFontSize,
+    t.pagingLineHeight);
 
-        t.pagingDotsPadding);
 
-      },
+  },
 
-      dotsDisabled: function dotsDisabled(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
-        t.pagingDotsDisabledColor);
+  pagingSmall: function pagingSmall(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.pagingFontSizeSmall,
+    t.pagingLineHeightSmall);
 
-      },
+  },
 
-      forwardLink: function forwardLink(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: pointer;\n        display: inline-block;\n        margin-top: ", ";\n        margin-left: ", ";\n        outline: none;\n        padding-right: ", ";\n        position: relative;\n        text-decoration: none;\n        user-select: none;\n        vertical-align: top;\n      "])),
-        t.pagingForwardLinkColor,
+  pagingMedium: function pagingMedium(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.pagingFontSizeMedium,
+    t.pagingLineHeightMedium);
 
+  },
 
-        t.pagingPageForwardLinkMarginTop,
-        t.pagingPageForwardLinkMarginLeft,
+  pagingLarge: function pagingLarge(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.pagingFontSizeLarge,
+    t.pagingLineHeightLarge);
 
-        t.pagingPageForwardLinkPaddingRight);
+  },
 
+  pagingDisabled: function pagingDisabled() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n    "])));
 
 
+  },
 
+  dots: function dots(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      display: inline-block;\n    "])),
+    t.pagingDotsColor);
 
-      },
 
-      forwardLinkDisabled: function forwardLinkDisabled(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        pointer-events: none;\n      "])),
-        t.pagingForwardLinkDisabledColor);
+  },
 
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  dotsLegacy: function dotsLegacy(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+    t.pagingDotsPadding);
 
-      },
+  },
 
-      pageLinkWrapper: function pageLinkWrapper() {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-flex;\n        flex-flow: column nowrap;\n        text-align: center;\n        user-select: none;\n        vertical-align: top;\n      "])));
+  dotsSmall: function dotsSmall(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: 0;\n      padding: ", ";\n    "])),
 
+    t.pagingDotsPaddingSmall);
 
+  },
 
+  dotsMedium: function dotsMedium(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: 0;\n      padding: ", ";\n    "])),
 
+    t.pagingDotsPaddingMedium);
 
+  },
 
-      },
+  dotsLarge: function dotsLarge(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: 0;\n      padding: ", ";\n    "])),
 
-      pageLink: function pageLink(t) {
-        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-sizing: ", ";\n        border-radius: ", ";\n        color: ", ";\n        cursor: pointer;\n        display: block;\n        margin: ", ";\n        outline: none;\n        min-width: ", ";\n        padding: ", " ", " ", ";\n        text-decoration: none;\n\n        &:hover {\n          background: ", ";\n        }\n      "])),
-        t.pagingPageLinkBoxSizing,
-        t.pagingPageLinkBorderRadius,
-        t.pagingPageLinkColor,
+    t.pagingDotsPaddingLarge);
 
+  },
 
-        t.pagingPageLinkMargin,
+  dotsDisabled: function dotsDisabled(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.pagingDotsDisabledColor);
 
-        t.pagingPageLinkMinWidth,
-        t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY,
+  },
 
+  forwardLink: function forwardLink(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      outline: none;\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    "])),
+    t.pagingForwardLinkColor);
 
 
-        t.pagingPageLinkHoverBg);
 
 
-      },
 
-      pageLinkDisabled: function pageLinkDisabled(t) {
-        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        pointer-events: none;\n      "])),
-        t.linkDisabledColor);
 
 
-      },
 
-      pageLinkCurrent: function pageLinkCurrent(t) {
-        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n        background: ", " !important; // override hover styles\n        color: ", ";\n      "])),
+  },
 
-        t.pagingPageLinkActiveBg,
-        t.pagingPageLinkActiveColor);
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  forwardLinkLegacy: function forwardLinkLegacy(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: ", ";\n      margin-left: ", ";\n      padding-right: ", ";\n    "])),
+    t.pagingPageForwardLinkMarginTop,
+    t.pagingPageForwardLinkMarginLeft,
+    t.pagingPageForwardLinkPaddingRight);
 
-      },
+  },
 
-      pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important;\n        color: ", ";\n      "])),
-        t.pagingPageLinkDisabledActiveBg,
-        t.linkDisabledColor);
+  forwardLinkSmall: function forwardLinkSmall(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+    t.pagingForwardLinkPaddingSmall);
 
-      },
+  },
 
-      pageLinkFocused: function pageLinkFocused(t) {
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])), "\n          box-shadow: 0 0 0 2px " +
+  forwardLinkMedium: function forwardLinkMedium(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+    t.pagingForwardLinkPaddingMedium);
 
-        t.borderColorFocus + ";\n        ");
+  },
 
+  forwardLinkLarge: function forwardLinkLarge(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+    t.pagingForwardLinkPaddingLarge);
 
-      },
+  },
 
-      transparent: function transparent() {
-        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: transparent;\n      "])));
+  forwardLinkMediumMobile: function forwardLinkMediumMobile(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n      padding: ", ";\n    "])),
+    t.pagingFontSizeMedium,
+    t.pagingForwardLinkPaddingMediumMobile);
 
+  },
 
-      },
+  forwardLinkLargeMobile: function forwardLinkLargeMobile(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n      padding: ", ";\n    "])),
+    t.pagingFontSizeLarge,
+    t.pagingForwardLinkPaddingLargeMobile);
 
-      pageLinkHint: function pageLinkHint(t) {
-        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        margin: ", ";\n        font-size: ", ";\n        height: ", ";\n        line-height: ", ";\n        color: ", ";\n      "])),
+  },
 
-        t.pagingPageLinkHintMargin,
-        t.pagingPageLinkHintFontSize,
-        t.pagingPageLinkHintLineHeight,
-        t.pagingPageLinkHintLineHeight,
-        t.pagingPageLinkHintColor);
+  forwardLinkDisabled: function forwardLinkDisabled(t) {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      pointer-events: none;\n    "])),
+    t.pagingForwardLinkDisabledColor);
 
-      }
-    }));};
+
+  },
+
+  pageLinkWrapper: function pageLinkWrapper() {
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
+
+
+
+
+
+
+  },
+
+  pageLink: function pageLink(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: ", ";\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      outline: none;\n      text-decoration: none;\n\n      &:hover {\n        background-color: ", ";\n        transition: background-color ", " ", ";\n      }\n\n      &:active {\n        background-color: ", ";\n      }\n    "])),
+    t.pagingPageLinkBoxSizing,
+    t.pagingPageLinkBorderRadius,
+    t.pagingPageLinkColor,
+
+
+
+
+
+
+    t.pagingPageLinkHoverBg,
+    t.transitionDuration, t.transitionTimingFunction,
+
+
+
+    t.pagingPageLinkActiveBg);
+
+
+  },
+
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  pageLinkLegacy: function pageLinkLegacy(t) {
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", ";\n      min-width: ", ";\n      padding: ", " ", ";\n    "])),
+    t.pagingPageLinkMargin,
+    t.pagingPageLinkMinWidth,
+    t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX);
+
+  },
+
+  pageLinkSmall: function pageLinkSmall(t) {
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+    t.pagingPageLinkPaddingYSmall, t.pagingPageLinkPaddingXSmall);
+
+  },
+
+  pageLinkMedium: function pageLinkMedium(t) {
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+    t.pagingPageLinkPaddingYMedium, t.pagingPageLinkPaddingXMedium);
+
+  },
+
+  pageLinkLarge: function pageLinkLarge(t) {
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+    t.pagingPageLinkPaddingYLarge, t.pagingPageLinkPaddingXLarge);
+
+  },
+
+  pageLinkDisabled: function pageLinkDisabled(t) {
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      pointer-events: none;\n    "])),
+    t.linkDisabledColor);
+
+
+  },
+
+  pageLinkCurrent: function pageLinkCurrent(t) {
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background-color: ", " !important;\n      color: ", ";\n    "])),
+
+    t.pagingPageLinkActiveBg,
+    t.pagingPageLinkActiveColor);
+
+  },
+
+  pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", " !important;\n      color: ", ";\n    "])),
+    t.pagingPageLinkDisabledActiveBg,
+    t.linkDisabledColor);
+
+  },
+
+  pageLinkFocused: function pageLinkFocused(t) {
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " +
+
+    t.borderColorFocus + ";\n        ");
+
+
+  },
+
+  transparent: function transparent() {
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
+
+
+  },
+
+  pageLinkHint: function pageLinkHint(t) {
+    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin: ", ";\n      font-size: ", ";\n      height: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])),
+
+    t.pagingPageLinkHintMargin,
+    t.pagingPageLinkHintFontSize,
+    t.pagingPageLinkHintLineHeight,
+    t.pagingPageLinkHintLineHeight,
+    t.pagingPageLinkHintColor);
+
+  }
+});