@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/components/Paging/Paging/Paging.js

@@ -2,21 +2,22 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _dec, _class, _Paging;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject } from '@skbkontur/global-object';
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from "../../../lib/events/keyboard/identifiers";
 import { locale } from "../../../lib/locale/decorators";
-import { KeyListener } from "../../../lib/events/keyListener";
+import { keyListener } from "../../../lib/events/keyListener";
 import { emptyHandler } from "../../../lib/utils";
 import { isIE11 } from "../../../lib/client";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
 import { ResponsiveLayout } from "../../ResponsiveLayout";
-import { getStyles } from "../Paging.styles";
+import { styles } from "../Paging.styles";
 import * as NavigationHelper from "../NavigationHelper";
 import { getItems } from "../PagingHelper";
 import { PagingLocaleHelper } from "../locale";
@@ -71,18 +72,18 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       }
     };
     _this.renderDots = function (key) {
-      var _this$cx;
+      var _cx;
       return /*#__PURE__*/(
         React.createElement("span", {
           "data-tid": PagingDataTids.dots,
           key: key,
-          className: _this.cx(_this.styles.dots(_this.theme), _this.sizeClassNames.dots, (_this$cx = {}, _this$cx[_this.styles.dotsDisabled(_this.theme)] = _this.props.disabled, _this$cx))
+          className: cx(styles.dots(_this.theme), _this.sizeClassNames.dots, (_cx = {}, _cx[styles.dotsDisabled(_this.theme)] = _this.props.disabled, _cx))
         }, _this.getDotsIcon())
       );
     };
     _this.renderForwardLink = function (disabled, focused) {
-      var _this$cx2;
-      var classNames = _this.cx(_this.styles.pageLink(_this.theme), _this.sizeClassNames.pageLink, _this.styles.forwardLink(_this.theme), _this.sizeClassNames.forwardLink, (_this$cx2 = {}, _this$cx2[_this.styles.pageLinkFocused(_this.theme)] = focused, _this$cx2[_this.styles.forwardLinkDisabled(_this.theme)] = disabled || _this.props.disabled, _this$cx2));
+      var _cx2;
+      var classNames = cx(styles.pageLink(_this.theme), _this.sizeClassNames.pageLink, styles.forwardLink(_this.theme), _this.sizeClassNames.forwardLink, (_cx2 = {}, _cx2[styles.pageLinkFocused(_this.theme)] = focused, _cx2[styles.forwardLinkDisabled(_this.theme)] = disabled || _this.props.disabled, _cx2));
       var Component = _this.getProps().component;
       var forward = _this.locale.forward;
       var forwardIcon = _this.getForwardIcon();
@@ -101,9 +102,9 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       );
     };
     _this.renderPageLink = function (pageNumber, active, focused) {
-      var _this$cx3;
+      var _cx3;
       var disabled = _this.props.disabled;
-      var classNames = _this.cx(_this.styles.pageLink(_this.theme), _this.sizeClassNames.pageLink, (_this$cx3 = {}, _this$cx3[_this.styles.pageLinkFocused(_this.theme)] = focused, _this$cx3[_this.styles.pageLinkDisabled(_this.theme)] = disabled, _this$cx3[_this.styles.pageLinkCurrent(_this.theme)] = active, _this$cx3[_this.styles.pageLinkCurrentDisabled(_this.theme)] = active && disabled, _this$cx3));
+      var classNames = cx(styles.pageLink(_this.theme), _this.sizeClassNames.pageLink, (_cx3 = {}, _cx3[styles.pageLinkFocused(_this.theme)] = focused, _cx3[styles.pageLinkDisabled(_this.theme)] = disabled, _cx3[styles.pageLinkCurrent(_this.theme)] = active, _cx3[styles.pageLinkCurrentDisabled(_this.theme)] = active && disabled, _cx3));
       var Component = _this.getProps().component;
       var handleClick = function handleClick() {
         return _this.goToPage(pageNumber);
@@ -112,7 +113,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
         React.createElement("span", _extends({
           "data-tid": PagingDataTids.pageLinkWrapper,
           key: pageNumber,
-          className: _this.styles.pageLinkWrapper()
+          className: styles.pageLinkWrapper()
         }, getVisualStateDataAttributes({
           active: active,
           disabled: disabled
@@ -142,15 +143,15 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
         hint = /*#__PURE__*/
         React.createElement(React.Fragment, null, /*#__PURE__*/
         React.createElement("span", {
-          className: canGoBackward ? '' : _this.styles.transparent()
+          className: canGoBackward ? '' : styles.transparent()
         }, '←'), /*#__PURE__*/
         React.createElement("span", null, NavigationHelper.getKeyName(_this.theme)), /*#__PURE__*/
         React.createElement("span", {
-          className: canGoForward ? '' : _this.styles.transparent()
+          className: canGoForward ? '' : styles.transparent()
         }, '→'));
       }
       return /*#__PURE__*/React.createElement("div", {
-        className: _this.styles.pageLinkHint(_this.theme)
+        className: styles.pageLinkHint(_this.theme)
       }, hint);
     };
     _this.handleMouseDown = function () {
@@ -163,7 +164,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       if (isIE11) {
         // Клик по span внутри контейнера с tabindex="0" переносит фокус именно на этот span.
         // Поэтому горячие клавиши работают пока span существует на странице.
-        setTimeout(function () {
+        globalObject.setTimeout(function () {
           return _this.container && _this.container.focus();
         }, 0);
       }
@@ -175,7 +176,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       var target = e.target;
       var isArrowLeft = isKeyArrowLeft(e);
       var isArrowRight = isKeyArrowRight(e);
-      if (isInstanceOf(target, _this.globalObject.Element) && (IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) || target.isContentEditable)) {
+      if (isInstanceOf(target, globalObject.Element) && (IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) || target.isContentEditable)) {
         return;
       }
       if (NavigationHelper.checkKeyPressed(e, _this.theme) && isArrowLeft) {
@@ -219,8 +220,8 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
 
       // focus event fires before keyDown eventlistener
       // so we should check tabPressed in async way
-      _this.globalObject.requestAnimationFrame == null || _this.globalObject.requestAnimationFrame(function () {
-        if (_this.keyListener.isTabPressed) {
+      globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+        if (keyListener.isTabPressed) {
           _this.setState({
             focusedByTab: true
           });
@@ -304,17 +305,17 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       }
     };
     _this.addGlobalListener = function () {
-      var _this$globalObject$do;
+      var _globalObject$documen;
       if (_this.addedGlobalListener) {
         return;
       }
-      (_this$globalObject$do = _this.globalObject.document) == null || _this$globalObject$do.addEventListener('keydown', _this.handleKeyDown);
+      (_globalObject$documen = globalObject.document) == null || _globalObject$documen.addEventListener('keydown', _this.handleKeyDown);
       _this.addedGlobalListener = true;
     };
     _this.removeGlobalListener = function () {
       if (_this.addedGlobalListener) {
-        var _this$globalObject$do2;
-        (_this$globalObject$do2 = _this.globalObject.document) == null || _this$globalObject$do2.removeEventListener('keydown', _this.handleKeyDown);
+        var _globalObject$documen2;
+        (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.removeEventListener('keydown', _this.handleKeyDown);
         _this.addedGlobalListener = false;
       }
     };
@@ -326,31 +327,31 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       switch (size) {
         case 'legacy':
           return {
-            root: _this.styles.pagingLegacy(_this.theme),
-            dots: _this.styles.dotsLegacy(_this.theme),
-            forwardLink: _this.styles.forwardLinkLegacy(_this.theme),
-            pageLink: _this.styles.pageLinkLegacy(_this.theme)
+            root: styles.pagingLegacy(_this.theme),
+            dots: styles.dotsLegacy(_this.theme),
+            forwardLink: styles.forwardLinkLegacy(_this.theme),
+            pageLink: styles.pageLinkLegacy(_this.theme)
           };
         case 'small':
           return {
-            root: _this.styles.pagingSmall(_this.theme),
-            dots: _this.styles.dotsSmall(_this.theme),
-            forwardLink: _this.styles.forwardLinkSmall(_this.theme),
-            pageLink: _this.styles.pageLinkSmall(_this.theme)
+            root: styles.pagingSmall(_this.theme),
+            dots: styles.dotsSmall(_this.theme),
+            forwardLink: styles.forwardLinkSmall(_this.theme),
+            pageLink: styles.pageLinkSmall(_this.theme)
           };
         case 'medium':
           return {
-            root: _this.styles.pagingMedium(_this.theme),
-            dots: _this.styles.dotsMedium(_this.theme),
-            forwardLink: _this.isMobile ? _this.styles.forwardLinkMediumMobile(_this.theme) : _this.styles.forwardLinkMedium(_this.theme),
-            pageLink: _this.styles.pageLinkMedium(_this.theme)
+            root: styles.pagingMedium(_this.theme),
+            dots: styles.dotsMedium(_this.theme),
+            forwardLink: _this.isMobile ? styles.forwardLinkMediumMobile(_this.theme) : styles.forwardLinkMedium(_this.theme),
+            pageLink: styles.pageLinkMedium(_this.theme)
           };
         case 'large':
           return {
-            root: _this.styles.pagingLarge(_this.theme),
-            dots: _this.styles.dotsLarge(_this.theme),
-            forwardLink: _this.isMobile ? _this.styles.forwardLinkLargeMobile(_this.theme) : _this.styles.forwardLinkLarge(_this.theme),
-            pageLink: _this.styles.pageLinkLarge(_this.theme)
+            root: styles.pagingLarge(_this.theme),
+            dots: styles.dotsLarge(_this.theme),
+            forwardLink: _this.isMobile ? styles.forwardLinkLargeMobile(_this.theme) : styles.forwardLinkLarge(_this.theme),
+            pageLink: styles.pageLinkLarge(_this.theme)
           };
         default:
           throw new TypeError("Invalid size prop: '" + _this.props.size + "'");
@@ -392,7 +393,6 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
   };
   var _proto = Paging.prototype;
   _proto.componentDidMount = function componentDidMount() {
-    this.keyListener = new KeyListener(this.globalObject);
     var useGlobalListener = this.getProps().useGlobalListener;
     if (useGlobalListener) {
       this.addGlobalListener();
@@ -418,31 +418,20 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
   _proto.render = function render() {
     var _this2 = this;
     if (this.props.pagesCount < 2) {
-      return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-        var globalObject = _ref.globalObject;
-        _this2.globalObject = globalObject;
-        return null;
-      });
+      return null;
     }
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref2) {
-      var globalObject = _ref2.globalObject,
-        emotion = _ref2.emotion;
-      _this2.globalObject = globalObject;
-      _this2.cx = emotion.cx;
-      _this2.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref3) {
-          var isMobile = _ref3.isMobile;
-          _this2.isMobile = isMobile && isThemeGTE(_this2.theme, '5.3');
-          _this2.sizeClassNames = _this2.getPagingSizeClassNames();
-          return _this2.renderMain();
-        });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref) {
+        var isMobile = _ref.isMobile;
+        _this2.isMobile = isMobile && isThemeGTE(_this2.theme, '5.3');
+        _this2.sizeClassNames = _this2.getPagingSizeClassNames();
+        return _this2.renderMain();
       });
     });
   };
   _proto.renderMain = function renderMain() {
-    var _this$cx4,
+    var _cx4,
       _this3 = this;
     var _this$getProps = this.getProps(),
       useGlobalListener = _this$getProps.useGlobalListener;
@@ -453,7 +442,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
     })), /*#__PURE__*/React.createElement("span", {
       tabIndex: this.props.disabled ? -1 : 0,
       "data-tid": PagingDataTids.root,
-      className: this.cx(this.styles.paging(), this.sizeClassNames.root, (_this$cx4 = {}, _this$cx4[this.styles.pagingMobile()] = this.isMobile, _this$cx4[this.styles.pagingDisabled()] = this.props.disabled, _this$cx4)),
+      className: cx(styles.paging(), this.sizeClassNames.root, (_cx4 = {}, _cx4[styles.pagingMobile()] = this.isMobile, _cx4[styles.pagingDisabled()] = this.props.disabled, _cx4)),
       onKeyDown: useGlobalListener ? undefined : this.handleKeyDown,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,

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

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","isInstanceOf","isKeyArrowLeft","isKeyArrowRight","isKeyEnter","locale","KeyListener","emptyHandler","isIE11","ThemeContext","isThemeGTE","CommonWrapper","rootNode","createPropsGetter","getVisualStateDataAttributes","ResponsiveLayout","getStyles","NavigationHelper","getItems","PagingLocaleHelper","PagingDefaultComponent","ForwardIcon","ForwardIconMobile","DotsIcon","IGNORE_EVENT_TAGS","PagingDataTids","root","dots","forwardLink","pageLinkWrapper","pageLink","Paging","_dec","_class","_Paging","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","focusedItem","keyboardControl","useGlobalListener","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","props","activePage","renderPageLink","_this$cx","createElement","className","cx","styles","theme","sizeClassNames","dotsDisabled","getDotsIcon","_this$cx2","classNames","pageLinkFocused","forwardLinkDisabled","Component","component","forward","forwardIcon","getForwardIcon","_extends","onClick","goForward","tabIndex","pageNumber","isMobile","caption","_this$cx3","pageLinkDisabled","pageLinkCurrent","pageLinkCurrentDisabled","handleClick","goToPage","onMouseDown","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","hint","Fragment","transparent","getKeyName","pageLinkHint","handleMouseDown","setState","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isArrowRight","globalObject","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","executeItemAction","handleFocus","requestAnimationFrame","keyListener","isTabPressed","handleBlur","pagesCount","isItemFocusable","moveFocus","step","items","findIndex","x","onPageChange","addGlobalListener","_this$globalObject$do","document","addEventListener","removeGlobalListener","_this$globalObject$do2","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","iconSize","parseInt","pagingForwardIconSize","style","marginLeft","defaultSize","_inheritsLoose","isForward","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","Consumer","_ref","_ref2","emotion","_ref3","renderMain","_this$cx4","_this3","_this$getProps","rootNodeRef","setRootNode","paging","pagingMobile","pagingDisabled","onKeyDown","undefined","onFocus","onBlur","ref","map","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["Paging.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\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 type { TGetRootNode, 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 { getStyles } 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  public getRootNode!: TGetRootNode;\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 globalObject!: GlobalObject;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\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  private keyListener!: KeyListener;\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\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 (\n        <RenderEnvironmentContext.Consumer>\n          {({ globalObject }) => {\n            this.globalObject = globalObject;\n\n            return null;\n          }}\n        </RenderEnvironmentContext.Consumer>\n      );\n    }\n\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          this.globalObject = globalObject;\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\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      </RenderEnvironmentContext.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={this.cx(this.styles.paging(), this.sizeClassNames.root, {\n            [this.styles.pagingMobile()]: this.isMobile,\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((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={this.cx(this.styles.dots(this.theme), this.sizeClassNames.dots, {\n          [this.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 = this.cx(\n      this.styles.pageLink(this.theme),\n      this.sizeClassNames.pageLink,\n      this.styles.forwardLink(this.theme),\n      this.sizeClassNames.forwardLink,\n      {\n        [this.styles.pageLinkFocused(this.theme)]: focused,\n        [this.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 = this.cx(this.styles.pageLink(this.theme), this.sizeClassNames.pageLink, {\n      [this.styles.pageLinkFocused(this.theme)]: focused,\n      [this.styles.pageLinkDisabled(this.theme)]: disabled,\n      [this.styles.pageLinkCurrent(this.theme)]: active,\n      [this.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={this.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 ? '' : this.styles.transparent()}>{'←'}</span>\n          <span>{NavigationHelper.getKeyName(this.theme)}</span>\n          <span className={canGoForward ? '' : this.styles.transparent()}>{'→'}</span>\n        </>\n      );\n    }\n    return <div className={this.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      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, this.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    this.globalObject.requestAnimationFrame?.(() => {\n      if (this.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    this.globalObject.document?.addEventListener('keydown', this.handleKeyDown);\n    this.addedGlobalListener = true;\n  };\n\n  private removeGlobalListener = () => {\n    if (this.addedGlobalListener) {\n      this.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: this.styles.pagingLegacy(this.theme),\n          dots: this.styles.dotsLegacy(this.theme),\n          forwardLink: this.styles.forwardLinkLegacy(this.theme),\n          pageLink: this.styles.pageLinkLegacy(this.theme),\n        };\n      case 'small':\n        return {\n          root: this.styles.pagingSmall(this.theme),\n          dots: this.styles.dotsSmall(this.theme),\n          forwardLink: this.styles.forwardLinkSmall(this.theme),\n          pageLink: this.styles.pageLinkSmall(this.theme),\n        };\n      case 'medium':\n        return {\n          root: this.styles.pagingMedium(this.theme),\n          dots: this.styles.dotsMedium(this.theme),\n          forwardLink: this.isMobile\n            ? this.styles.forwardLinkMediumMobile(this.theme)\n            : this.styles.forwardLinkMedium(this.theme),\n          pageLink: this.styles.pageLinkMedium(this.theme),\n        };\n      case 'large':\n        return {\n          root: this.styles.pagingLarge(this.theme),\n          dots: this.styles.dotsLarge(this.theme),\n          forwardLink: this.isMobile\n            ? this.styles.forwardLinkLargeMobile(this.theme)\n            : this.styles.forwardLinkLarge(this.theme),\n          pageLink: this.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":[]}
+{"version":3,"names":["React","globalObject","isInstanceOf","isKeyArrowLeft","isKeyArrowRight","isKeyEnter","locale","keyListener","emptyHandler","isIE11","ThemeContext","isThemeGTE","CommonWrapper","cx","rootNode","createPropsGetter","getVisualStateDataAttributes","ResponsiveLayout","styles","NavigationHelper","getItems","PagingLocaleHelper","PagingDefaultComponent","ForwardIcon","ForwardIconMobile","DotsIcon","IGNORE_EVENT_TAGS","PagingDataTids","root","dots","forwardLink","pageLinkWrapper","pageLink","Paging","_dec","_class","_Paging","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","focusedItem","keyboardControl","useGlobalListener","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","props","activePage","renderPageLink","_cx","createElement","className","theme","sizeClassNames","dotsDisabled","getDotsIcon","_cx2","classNames","pageLinkFocused","forwardLinkDisabled","Component","component","forward","forwardIcon","getForwardIcon","_extends","onClick","goForward","tabIndex","pageNumber","isMobile","caption","_cx3","pageLinkDisabled","pageLinkCurrent","pageLinkCurrentDisabled","handleClick","goToPage","onMouseDown","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","hint","Fragment","transparent","getKeyName","pageLinkHint","handleMouseDown","setState","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isArrowRight","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","executeItemAction","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","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","iconSize","parseInt","pagingForwardIconSize","style","marginLeft","defaultSize","_inheritsLoose","isForward","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","Consumer","_ref","renderMain","_cx4","_this3","_this$getProps","rootNodeRef","setRootNode","paging","pagingMobile","pagingDisabled","onKeyDown","undefined","onFocus","onBlur","ref","map","PureComponent","__KONTUR_REACT_UI__","displayName"],"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 { TGetRootNode, 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  public getRootNode!: TGetRootNode;\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/components/Paging/Paging.d.ts

@@ -67,20 +67,16 @@ export declare class Paging extends React.PureComponent<PagingProps, PagingState
     private setRootNode;
     static isForward(pageNumber: number | 'forward'): boolean;
     state: PagingState;
-    private globalObject;
-    private cx;
-    private styles;
     private theme;
     private readonly locale;
     private isMobile;
     private sizeClassNames;
     private addedGlobalListener;
     private container;
-    private keyListener;
     componentDidMount(): void;
     componentDidUpdate(prevProps: PagingProps): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element;
+    render(): React.JSX.Element | null;
     private renderMain;
     private renderItem;
     private renderDots;

package/components/Paging/Paging.md

@@ -0,0 +1,57 @@
+Управление с клавиатуры работает в двух вариантах:
+
+- **useGlobalListener === true** слушатель keydown событий на document, если на стринице несколько компонентов Paging,
+  обработчик будет срабатывать на каждом
+- **useGlobalListener === false** обработка нажатия клавиш будет работать только когда компонент в фокусе.
+
+Навигационные подсказки появляются когда доступно управление с клавиатуры и `withoutNavigationHint != true`
+
+### Базовый пример
+```jsx harmony
+class Paginator3000 extends React.Component {
+  constructor() {
+    super();
+    this.state = { active: 1 };
+    this._handlePageChange = this._handlePageChange.bind(this);
+  }
+
+  render() {
+    return <Paging activePage={this.state.active} onPageChange={this._handlePageChange} pagesCount={12} />;
+  }
+
+  _handlePageChange(pageNumber) {
+    this.setState({ active: pageNumber });
+  }
+}
+
+<Paginator3000 />;
+```
+
+### Пейджинг в отключенном состоянии
+
+```jsx
+const [activePage, setActivePage] = React.useState(3);
+
+<Paging
+  disabled
+  onPageChange={(activePage) => setActivePage(activePage)}
+  activePage={activePage}
+  pagesCount={8}
+/>
+```
+
+### Локали по умолчанию
+
+```typescript static
+interface PagingLocale {
+  forward?: string;
+}
+
+const ru_RU = {
+  forward: 'Дальше',
+};
+
+const en_GB = {
+  forward: 'Forward',
+};
+```