@skbkontur/react-ui 0.0.0-a8f1c3e7a1 → 0.0.0-aa4659ca48

package/cjs/components/Paging/NavigationHelper.js

@@ -8,14 +8,10 @@ var _client = require("../../lib/client");
 
 
 
-var keyDescription = null;
-
-var getKeyDescription = function getKeyDescription() {return keyDescription || (keyDescription = createKeyDescription());};
-
 var createKeyDescription = function createKeyDescription() {return (
     _client.isMac ?
     {
-      name: 'Alt',
+      name: '⌥',
       checkPressed: function checkPressed(event) {return event.altKey;}
     } :
     {
@@ -23,6 +19,8 @@ var createKeyDescription = function createKeyDescription() {return (
       checkPressed: function checkPressed(event) {return event.ctrlKey;}
     });};
 
-var getKeyName = exports.getKeyName = function getKeyName() {return getKeyDescription().name;};
+var keyDescription = createKeyDescription();
+
+var getKeyName = exports.getKeyName = function getKeyName() {return keyDescription.name;};
 var checkKeyPressed = exports.checkKeyPressed = function checkKeyPressed(event) {return (
-    getKeyDescription().checkPressed(event));};
+    keyDescription.checkPressed(event));};

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

@@ -1 +1 @@
-{"version":3,"names":["_client","require","keyDescription","getKeyDescription","createKeyDescription","isMac","name","checkPressed","event","altKey","ctrlKey","getKeyName","exports","checkKeyPressed"],"sources":["NavigationHelper.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { isMac } from '../../lib/client';\nimport type { Nullable } from '../../typings/utility-types';\n\nexport interface KeyDescriptionType {\n  name: string;\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\n}\n\nlet keyDescription: Nullable<KeyDescriptionType> = null;\n\nconst getKeyDescription = () => keyDescription || (keyDescription = createKeyDescription());\n\nconst createKeyDescription = () =>\n  isMac\n    ? {\n        name: 'Alt',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\n      }\n    : {\n        name: 'Ctrl',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\n      };\n\nexport const getKeyName = () => getKeyDescription().name;\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) =>\n  getKeyDescription().checkPressed(event);\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA;;;;;;;;AAQA,IAAIC,cAA4C,GAAG,IAAI;;AAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,UAASD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,CAAC,CAAC,CAAC;;AAE3F,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA;IACxBC,aAAK;IACD;MACEC,IAAI,EAAE,KAAK;MACXC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACC,MAAM;IACzF,CAAC;IACD;MACEH,IAAI,EAAE,MAAM;MACZC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACE,OAAO;IAC1F,CAAC;;AAEA,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA,UAASR,iBAAiB,CAAC,CAAC,CAACG,IAAI;AACjD,IAAMO,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,SAAlBA,eAAeA,CAAIL,KAAuD;IACrFL,iBAAiB,CAAC,CAAC,CAACI,YAAY,CAACC,KAAK,CAAC","ignoreList":[]}
+{"version":3,"names":["_client","require","createKeyDescription","isMac","name","checkPressed","event","altKey","ctrlKey","keyDescription","getKeyName","exports","checkKeyPressed"],"sources":["NavigationHelper.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { isMac } from '../../lib/client';\nimport type { Nullable } from '../../typings/utility-types';\n\nexport interface KeyDescriptionType {\n  name: string;\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\n}\n\nconst createKeyDescription = () =>\n  isMac\n    ? {\n        name: '⌥',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\n      }\n    : {\n        name: 'Ctrl',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\n      };\n\nconst keyDescription: Nullable<KeyDescriptionType> = createKeyDescription();\n\nexport const getKeyName = () => keyDescription.name;\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) =>\n  keyDescription.checkPressed(event);\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA;;;;;;;;AAQA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA;IACxBC,aAAK;IACD;MACEC,IAAI,EAAE,GAAG;MACTC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACC,MAAM;IACzF,CAAC;IACD;MACEH,IAAI,EAAE,MAAM;MACZC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACE,OAAO;IAC1F,CAAC;;AAEP,IAAMC,cAA4C,GAAGP,oBAAoB,CAAC,CAAC;;AAEpE,IAAMQ,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA,UAASD,cAAc,CAACL,IAAI;AAC5C,IAAMQ,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,SAAlBA,eAAeA,CAAIN,KAAuD;IACrFG,cAAc,CAACJ,YAAY,CAACC,KAAK,CAAC","ignoreList":[]}

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import type { Nullable } from '../../typings/utility-types';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
 export interface ItemComponentProps {
     /** Определяет, является ли страница текущей. */
     active: boolean;
@@ -18,12 +20,16 @@ export interface ItemComponentProps {
 export interface PagingProps extends CommonProps {
     activePage: number;
     /** Компонент обертки по умолчанию.
-     * @default <span /> */
+     * @default <span/> */
     component?: React.ComponentType<ItemComponentProps>;
     /** Задает функцию, которая вызывается при переключении страницы. */
     onPageChange: (pageNumber: number) => void;
     /** Задает общее количество страниц. */
     pagesCount: number;
+    /** Задает размер контрола.
+     * @default 'small'
+     */
+    size?: SizeProp;
     /** Делает компонент недоступным. */
     disabled?: boolean;
     /** Отключает навигационные подсказки.
@@ -58,12 +64,14 @@ export declare class Paging extends React.PureComponent<PagingProps, PagingState
     static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
-    static propTypes: {};
+    getRootNode: TGetRootNode;
     private setRootNode;
     static isForward(pageNumber: number | 'forward'): boolean;
     state: PagingState;
     private theme;
     private readonly locale;
+    private isMobile;
+    private sizeClassNames;
     private addedGlobalListener;
     private container;
     componentDidMount(): void;
@@ -77,7 +85,6 @@ export declare class Paging extends React.PureComponent<PagingProps, PagingState
     private renderPageLink;
     private renderNavigationHint;
     private handleMouseDown;
-    private handleMouseDownPageLink;
     private handleKeyDown;
     private handleFocus;
     private handleBlur;
@@ -97,5 +104,9 @@ export declare class Paging extends React.PureComponent<PagingProps, PagingState
     private addGlobalListener;
     private removeGlobalListener;
     private refContainer;
+    private getPagingSizeClassNames;
+    private getDotsIcon;
+    private getForwardIcon;
+    private getSize;
 }
 export {};

package/cjs/components/Paging/Paging.js

@@ -1,6 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.PagingDataTids = exports.Paging = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
 var _globalObject = require("@skbkontur/global-object");
+var _warning = _interopRequireDefault(require("warning"));
 
 var _isInstanceOf = require("../../lib/isInstanceOf");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
@@ -8,7 +8,6 @@ var _decorators = require("../../lib/locale/decorators");
 
 var _keyListener = require("../../lib/events/keyListener");
 var _utils = require("../../lib/utils");
-var _client = require("../../lib/client");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
@@ -18,6 +17,8 @@ var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
+var _ResponsiveLayout = require("../ResponsiveLayout");
+
 
 var _Paging2 = require("./Paging.styles");
 var NavigationHelper = _interopRequireWildcard(require("./NavigationHelper"));
@@ -25,7 +26,8 @@ var _PagingHelper = require("./PagingHelper");
 
 var _locale = require("./locale");
 var _PagingDefaultComponent = require("./PagingDefaultComponent");
-var _ForwardIcon = require("./ForwardIcon");var _dec, _class, _Paging;
+var _ForwardIcon = require("./ForwardIcon");
+var _DotsIcon = require("./DotsIcon");var _dec, _class, _Paging;
 
 var IGNORE_EVENT_TAGS = ['input', 'textarea'];
 
@@ -78,6 +80,12 @@ var IGNORE_EVENT_TAGS = ['input', 'textarea'];
 
 
 
+
+
+
+
+
+
 
 
 
@@ -95,6 +103,13 @@ var PagingDataTids = exports.PagingDataTids = {
 
 
 
+
+
+
+
+
+
+
 /**
  * Постраничная навигация `Paging` (пейджинг или пагинация) — способ представления большого количества однородной информации, когда контент разбивается на страницы.
  */var
@@ -126,6 +141,8 @@ Paging = exports.Paging = (_dec = (0, _decorators.locale)('Paging', _locale.Pagi
 
 
 
+
+
     addedGlobalListener = false;_this.
     container = null;_this.
 
@@ -184,6 +201,17 @@ Paging = exports.Paging = (_dec = (0, _decorators.locale)('Paging', _locale.Pagi
 
 
 
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -219,50 +247,55 @@ Paging = exports.Paging = (_dec = (0, _decorators.locale)('Paging', _locale.Pagi
         _react.default.createElement("span", {
           "data-tid": PagingDataTids.dots,
           key: key,
-          className: (0, _Emotion.cx)((_cx = {}, _cx[_Paging2.styles.dots(_this.theme)] = true, _cx[_Paging2.styles.dotsDisabled(_this.theme)] = _this.props.disabled, _cx)) },
+          className: (0, _Emotion.cx)(_Paging2.styles.dots(_this.theme), _this.sizeClassNames.dots, (_cx = {}, _cx[
+          _Paging2.styles.dotsDisabled(_this.theme)] = _this.props.disabled, _cx)
+          ) },
 
-        '...'
+        _this.getDotsIcon()
         ));
 
     };_this.
 
-    renderForwardLink = function (disabled, focused) {
-      var classes = (0, _Emotion.cx)(
+    renderForwardLink = function (disabled, focused) {var _cx2;
+      var classNames = (0, _Emotion.cx)(
         _Paging2.styles.pageLink(_this.theme),
+        _this.sizeClassNames.pageLink,
         _Paging2.styles.forwardLink(_this.theme),
-        focused && _Paging2.styles.pageLinkFocused(_this.theme),
-        (disabled || _this.props.disabled) && _Paging2.styles.forwardLinkDisabled(_this.theme)
+        _this.sizeClassNames.forwardLink, (_cx2 = {}, _cx2[
+
+        _Paging2.styles.pageLinkFocused(_this.theme)] = focused, _cx2[
+        _Paging2.styles.forwardLinkDisabled(_this.theme)] = disabled || _this.props.disabled, _cx2)
+
       );
       var Component = _this.getProps().component;
       var forward = _this.locale.forward;
 
-      var forwardIcon = /*#__PURE__*/_react.default.createElement(_ForwardIcon.ForwardIcon, { size: parseInt(_this.theme.pagingForwardIconSize), style: { marginLeft: 4 } });
+      var forwardIcon = _this.getForwardIcon();
 
       return /*#__PURE__*/(
         _react.default.createElement(Component, (0, _extends2.default)({
           key: 'forward',
           "data-tid": PagingDataTids.forwardLink,
           active: false,
-          className: classes,
+          className: classNames,
           onClick: disabled ? _utils.emptyHandler : _this.goForward,
           tabIndex: -1,
           pageNumber: 'forward' },
         (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })),
 
-        _this.props.caption || forward,
+        !_this.isMobile && (_this.props.caption || forward),
         forwardIcon
         ));
 
     };_this.
 
-    renderPageLink = function (pageNumber, active, focused) {var _cx2;
+    renderPageLink = function (pageNumber, active, focused) {var _cx3;
       var disabled = _this.props.disabled;
-      var classes = (0, _Emotion.cx)((_cx2 = {}, _cx2[
-      _Paging2.styles.pageLink(_this.theme)] = true, _cx2[
-      _Paging2.styles.pageLinkFocused(_this.theme)] = focused, _cx2[
-      _Paging2.styles.pageLinkDisabled(_this.theme)] = disabled, _cx2[
-      _Paging2.styles.pageLinkCurrent(_this.theme)] = active, _cx2[
-      _Paging2.styles.pageLinkCurrentDisabled(_this.theme)] = active && disabled, _cx2)
+      var classNames = (0, _Emotion.cx)(_Paging2.styles.pageLink(_this.theme), _this.sizeClassNames.pageLink, (_cx3 = {}, _cx3[
+      _Paging2.styles.pageLinkFocused(_this.theme)] = focused, _cx3[
+      _Paging2.styles.pageLinkDisabled(_this.theme)] = disabled, _cx3[
+      _Paging2.styles.pageLinkCurrent(_this.theme)] = active, _cx3[
+      _Paging2.styles.pageLinkCurrentDisabled(_this.theme)] = active && disabled, _cx3)
       );
       var Component = _this.getProps().component;
       var handleClick = function handleClick() {return _this.goToPage(pageNumber);};
@@ -272,20 +305,19 @@ Paging = exports.Paging = (_dec = (0, _decorators.locale)('Paging', _locale.Pagi
           "data-tid": PagingDataTids.pageLinkWrapper,
           key: pageNumber,
           className: _Paging2.styles.pageLinkWrapper() },
-        (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ active: active, disabled: disabled }), {
-          onMouseDown: _this.handleMouseDownPageLink }), /*#__PURE__*/
+        (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ active: active, disabled: disabled })), /*#__PURE__*/
 
         _react.default.createElement(Component, {
           "data-tid": PagingDataTids.pageLink,
           active: active,
-          className: classes,
+          className: classNames,
           onClick: handleClick,
           tabIndex: -1,
           pageNumber: pageNumber },
 
         pageNumber
         ),
-        active && _this.renderNavigationHint()
+        active && !_this.isMobile && _this.renderNavigationHint()
         ));
 
     };_this.
@@ -316,14 +348,6 @@ Paging = exports.Paging = (_dec = (0, _decorators.locale)('Paging', _locale.Pagi
       _this.setState({ focusedByTab: false, focusedItem: null });
     };_this.
 
-    handleMouseDownPageLink = function () {
-      if (_client.isIE11) {
-        // Клик по span внутри контейнера с tabindex="0" переносит фокус именно на этот span.
-        // Поэтому горячие клавиши работают пока span существует на странице.
-        _globalObject.globalObject.setTimeout(function () {return _this.container && _this.container.focus();}, 0);
-      }
-    };_this.
-
     handleKeyDown = function (e) {
       if (e.shiftKey) {
         return;
@@ -390,7 +414,7 @@ Paging = exports.Paging = (_dec = (0, _decorators.locale)('Paging', _locale.Pagi
     };_this.
 
     getItems = function () {
-      return (0, _PagingHelper.getItems)(_this.props.activePage, _this.props.pagesCount).concat('forward');
+      return (0, _PagingHelper.getItems)(_this.props.activePage, _this.props.pagesCount, _this.isMobile).concat('forward');
     };_this.
 
     getFocusedItem = function () {
@@ -489,29 +513,63 @@ Paging = exports.Paging = (_dec = (0, _decorators.locale)('Paging', _locale.Pagi
 
     refContainer = function (element) {
       _this.container = element;
-    };return _this;}(0, _inheritsLoose2.default)(Paging, _React$PureComponent);Paging.isForward = function isForward(pageNumber) /* %checks */{return pageNumber === 'forward';};var _proto = Paging.prototype;_proto.componentDidMount = function componentDidMount() {var useGlobalListener = this.getProps().useGlobalListener;if (useGlobalListener) {this.addGlobalListener();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var useGlobalListener = this.getProps().useGlobalListener;if (!prevProps.useGlobalListener && useGlobalListener) {this.addGlobalListener();}if (prevProps.useGlobalListener && !useGlobalListener) {this.removeGlobalListener();}if (prevProps.useGlobalListener !== useGlobalListener) {this.setState({ keyboardControl: useGlobalListener });}};_proto.componentWillUnmount = function componentWillUnmount() {this.removeGlobalListener();};_proto.render = function render() {var _this2 = this;if (this.props.pagesCount < 2) {return null;}return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx3;var _this$getProps = this.getProps(),useGlobalListener = _this$getProps.useGlobalListener;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: this.props.disabled })), /*#__PURE__*/_react.default.createElement("span", { tabIndex: this.props.disabled ? -1 : 0, "data-tid": PagingDataTids.root, className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_Paging2.styles.paging(this.theme)] = true, _cx3[_Paging2.styles.pagingDisabled()] = this.props.disabled, _cx3)), onKeyDown: useGlobalListener ? undefined : this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, ref: this.refContainer }, this.getItems().map(this.renderItem)));};return Paging;}(_react.default.PureComponent), _Paging.__KONTUR_REACT_UI__ = 'Paging', _Paging.displayName = 'Paging', _Paging.defaultProps = { component: _PagingDefaultComponent.PagingDefaultComponent, useGlobalListener: false }, _Paging.propTypes = {}, _Paging)) || _class) || _class);
-
-
-Paging.propTypes = {
-  /**
-   * Current active page
-   */
-  activePage: _propTypes.number.isRequired,
-
-  /**
-   * React component that would be used for rendering items
-   *
-   * Usefull for router integration
-   */
-  component: _propTypes.func,
-
-  /**
-   * Total page count
-   */
-  pagesCount: _propTypes.number.isRequired,
-
-  /**
-   * Calls when page has been changed
-   */
-  onPageChange: _propTypes.func.isRequired
-};
+    };_this.
+
+    getPagingSizeClassNames = function () {
+      var size = _this.getSize();
+
+      var defaultClassNames = {
+        root: _Paging2.styles.pagingSmall(_this.theme),
+        dots: _Paging2.styles.dotsSmall(_this.theme),
+        forwardLink: _Paging2.styles.forwardLinkSmall(_this.theme),
+        pageLink: _Paging2.styles.pageLinkSmall(_this.theme)
+      };
+
+      switch (size) {
+        case 'small':
+          return defaultClassNames;
+        case 'medium':
+          return {
+            root: _Paging2.styles.pagingMedium(_this.theme),
+            dots: _Paging2.styles.dotsMedium(_this.theme),
+            forwardLink: _this.isMobile ?
+            _Paging2.styles.forwardLinkMediumMobile(_this.theme) :
+            _Paging2.styles.forwardLinkMedium(_this.theme),
+            pageLink: _Paging2.styles.pageLinkMedium(_this.theme)
+          };
+        case 'large':
+          return {
+            root: _Paging2.styles.pagingLarge(_this.theme),
+            dots: _Paging2.styles.dotsLarge(_this.theme),
+            forwardLink: _this.isMobile ? _Paging2.styles.forwardLinkLargeMobile(_this.theme) : _Paging2.styles.forwardLinkLarge(_this.theme),
+            pageLink: _Paging2.styles.pageLinkLarge(_this.theme)
+          };
+        default:
+          (0, _warning.default)(false, "Invalid size prop: '" + _this.props.size + "'");
+          return defaultClassNames;
+      }
+    };_this.
+
+    getDotsIcon = function () {
+      var size = _this.getSize();
+      return /*#__PURE__*/_react.default.createElement(_DotsIcon.DotsIcon, { size: size });
+    };_this.
+
+    getForwardIcon = function () {
+      var size = _this.getSize();
+      var iconSize = size;
+      return _this.isMobile ? /*#__PURE__*/
+      _react.default.createElement(_ForwardIcon.ForwardIconMobile, { size: iconSize }) : /*#__PURE__*/
+
+      _react.default.createElement(_ForwardIcon.ForwardIcon, { size: iconSize, style: { marginLeft: 4 } });
+
+    };_this.
+
+    getSize = function () {
+      if (_this.props.size) {
+        return _this.isMobile && _this.props.size === 'small' ? 'medium' : _this.props.size;
+      }
+
+      var defaultSize = 'small';
+      return _this.isMobile ? 'medium' : defaultSize;
+    };return _this;}(0, _inheritsLoose2.default)(Paging, _React$PureComponent);Paging.isForward = function isForward(pageNumber) {return pageNumber === 'forward';};var _proto = Paging.prototype;_proto.componentDidMount = function componentDidMount() {var useGlobalListener = this.getProps().useGlobalListener;if (useGlobalListener) {this.addGlobalListener();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var useGlobalListener = this.getProps().useGlobalListener;if (!prevProps.useGlobalListener && useGlobalListener) {this.addGlobalListener();}if (prevProps.useGlobalListener && !useGlobalListener) {this.removeGlobalListener();}if (prevProps.useGlobalListener !== useGlobalListener) {this.setState({ keyboardControl: useGlobalListener });}};_proto.componentWillUnmount = function componentWillUnmount() {this.removeGlobalListener();};_proto.render = function render() {var _this2 = this;if (this.props.pagesCount < 2) {return null;}return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var isMobile = _ref.isMobile;_this2.isMobile = isMobile;_this2.sizeClassNames = _this2.getPagingSizeClassNames();return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var _cx4,_this3 = this;var _this$getProps = this.getProps(),useGlobalListener = _this$getProps.useGlobalListener;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: this.props.disabled })), /*#__PURE__*/_react.default.createElement("span", { tabIndex: this.props.disabled ? -1 : 0, "data-tid": PagingDataTids.root, className: (0, _Emotion.cx)(_Paging2.styles.paging(), this.sizeClassNames.root, (_cx4 = {}, _cx4[_Paging2.styles.pagingMobile()] = this.isMobile, _cx4[_Paging2.styles.pagingDisabled()] = this.props.disabled, _cx4)), onKeyDown: useGlobalListener ? undefined : this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, ref: this.refContainer }, this.getItems().map(function (item, index) {return _this3.renderItem(item, index);})));};return Paging;}(_react.default.PureComponent), _Paging.__KONTUR_REACT_UI__ = 'Paging', _Paging.displayName = 'Paging', _Paging.defaultProps = { component: _PagingDefaultComponent.PagingDefaultComponent, useGlobalListener: false }, _Paging)) || _class) || _class);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_isInstanceOf","_identifiers","_decorators","_keyListener","_utils","_client","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_getVisualStateDataAttributes","_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","_cx","default","createElement","className","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","_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","ThemeContext","Consumer","renderMain","_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';\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 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';\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 } from './ForwardIcon';\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   * @default <span /> */\n  component?: React.ComponentType<ItemComponentProps>;\n\n  /** Задает функцию, которая вызывается при переключении страницы. */\n  onPageChange: (pageNumber: number) => void;\n\n  /** Задает общее количество страниц. */\n  pagesCount: number;\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\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 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 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      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\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.theme)]: true, [styles.pagingDisabled()]: this.props.disabled })}\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={cx({ [styles.dots(this.theme)]: true, [styles.dotsDisabled(this.theme)]: this.props.disabled })}\n      >\n        {'...'}\n      </span>\n    );\n  };\n\n  private renderForwardLink = (disabled: boolean, focused: boolean): JSX.Element => {\n    const classes = 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 disabled = this.props.disabled;\n    const classes = 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    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","_warning","_isInstanceOf","_identifiers","_decorators","_keyListener","_utils","_ThemeContext","_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","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","hint","Fragment","transparent","getKeyName","pageLinkHint","handleMouseDown","setState","handleKeyDown","e","shiftKey","target","isArrowLeft","isKeyArrowLeft","isArrowRight","isKeyArrowRight","isInstanceOf","globalObject","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","defaultClassNames","pagingSmall","dotsSmall","forwardLinkSmall","pageLinkSmall","pagingMedium","dotsMedium","forwardLinkMediumMobile","forwardLinkMedium","pageLinkMedium","pagingLarge","dotsLarge","forwardLinkLargeMobile","forwardLinkLarge","pageLinkLarge","warning","DotsIcon","iconSize","ForwardIconMobile","ForwardIcon","style","marginLeft","defaultSize","_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","onMouseDown","ref","map","React","PureComponent","__KONTUR_REACT_UI__","displayName","PagingDefaultComponent"],"sources":["Paging.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport warning from 'warning';\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 { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\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'\n   */\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;\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      >\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()}</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 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, 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\n    const defaultClassNames = {\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\n    switch (size) {\n      case 'small':\n        return defaultClassNames;\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        warning(false, `Invalid size prop: '${this.props.size}'`);\n        return defaultClassNames;\n    }\n  };\n\n  private getDotsIcon = () => {\n    const size = this.getSize();\n    return <DotsIcon size={size} />;\n  };\n\n  private getForwardIcon = () => {\n    const size = this.getSize();\n    const iconSize = 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 = 'small';\n    return this.isMobile ? 'medium' : defaultSize;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,13 +1,28 @@
 import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
-    paging(t: Theme): string;
+    paging(): string;
+    pagingMobile(): string;
+    pagingSmall(t: Theme): string;
+    pagingMedium(t: Theme): string;
+    pagingLarge(t: Theme): string;
     pagingDisabled(): string;
     dots(t: Theme): string;
+    dotsSmall(t: Theme): string;
+    dotsMedium(t: Theme): string;
+    dotsLarge(t: Theme): string;
     dotsDisabled(t: Theme): string;
     forwardLink(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;
+    pageLinkSmall(t: Theme): string;
+    pageLinkMedium(t: Theme): string;
+    pageLinkLarge(t: Theme): string;
     pageLinkDisabled(t: Theme): string;
     pageLinkCurrent(t: Theme): string;
     pageLinkCurrentDisabled(t: Theme): string;