npm - @skbkontur/react-ui - Versions diffs - 0.0.0-fed57d84fb → 0.7.0-beta.1 - Mend

@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5086) hide show

package/cjs/components/Paging/Paging.js DELETED Viewed

@@ -1,483 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");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 _identifiers = require("../../lib/events/keyboard/identifiers");
-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");
-var _px = require("../../internal/icons/16px");
-var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
-var _rootNode = require("../../lib/rootNode");
-var _Paging = require("./Paging.styles");
-var NavigationHelper = _interopRequireWildcard(require("./NavigationHelper"));
-var _PagingHelper = require("./PagingHelper");
-var _locale = require("./locale");
-var _PagingDefaultComponent = require("./PagingDefaultComponent");var _dec, _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
-var IGNORE_EVENT_TAGS = ['input', 'textarea'];
-var PagingDataTids = {
-  root: 'Paging__root',
-  dots: 'Paging__dots',
-  forwardLink: 'Paging__forwardLink',
-  pageLinkWrapper: 'Paging__pageLinkWrapper',
-  pageLink: 'Paging__pageLink' };exports.PagingDataTids = PagingDataTids;var
-Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(Paging, _React$PureComponent);function Paging() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
-    state = {
-      focusedByTab: false,
-      focusedItem: null,
-      keyboardControl: _this.props.useGlobalListener };_this.
-    addedGlobalListener = false;_this.
-    container = null;_this.
-    renderItem = function (item, index) {
-      var focused = _this.getFocusedItem() === item;
-      switch (item) {
-        case '.':{
-            var key = "dots" + (index < 5 ? 'Left' : 'Right');
-            return _this.renderDots(key);
-          }
-        case 'forward':{
-            var disabled = _this.isItemDisabled(item);
-            return _this.renderForwardLink(disabled, focused);
-          }
-        default:{
-            var active = _this.props.activePage === item;
-            return _this.renderPageLink(item, active, focused);
-          }}
-    };_this.
-    renderDots = function (key) {
-      return /*#__PURE__*/(
-        _react.default.createElement("span", { "data-tid": PagingDataTids.dots, key: key, className: _Paging.styles.dots(_this.theme) },
-        '...'));
-    };_this.
-    renderForwardLink = function (disabled, focused) {var _cx;
-      var classes = (0, _Emotion.cx)((_cx = {}, _cx[
-      _Paging.styles.forwardLink(_this.theme)] = true, _cx[
-      _Paging.styles.forwardLinkFocused()] = focused, _cx[
-      _Paging.styles.disabled(_this.theme)] = disabled, _cx));
-      var _this$props = _this.props,Component = _this$props.component,caption = _this$props.caption;
-      var forward = _this.locale.forward;
-      return /*#__PURE__*/(
-        _react.default.createElement(Component, {
-          key: 'forward',
-          "data-tid": PagingDataTids.forwardLink,
-          active: false,
-          className: classes,
-          onClick: disabled ? _utils.emptyHandler : _this.goForward,
-          tabIndex: -1,
-          pageNumber: 'forward' },
-        caption || forward, /*#__PURE__*/
-        _react.default.createElement("span", { className: _Paging.styles.forwardIcon(_this.theme) }, /*#__PURE__*/
-        _react.default.createElement(_px.ArrowChevronRightIcon, { size: _this.theme.pagingForwardIconSize }))));
-    };_this.
-    renderPageLink = function (pageNumber, active, focused) {var _cx2;
-      var classes = (0, _Emotion.cx)((_cx2 = {}, _cx2[
-      _Paging.styles.pageLink(_this.theme)] = true, _cx2[
-      _Paging.styles.pageLinkFocused(_this.theme)] = focused, _cx2[
-      _Paging.styles.active(_this.theme)] = active, _cx2));
-      var Component = _this.props.component;
-      var handleClick = function handleClick() {return _this.goToPage(pageNumber);};
-      return /*#__PURE__*/(
-        _react.default.createElement("span", {
-          "data-tid": PagingDataTids.pageLinkWrapper,
-          key: pageNumber,
-          className: _Paging.styles.pageLinkWrapper(),
-          onMouseDown: _this.handleMouseDownPageLink }, /*#__PURE__*/
-        _react.default.createElement(Component, {
-          "data-tid": PagingDataTids.pageLink,
-          active: active,
-          className: classes,
-          onClick: handleClick,
-          tabIndex: -1,
-          pageNumber: pageNumber },
-        pageNumber),
-        active && _this.renderNavigationHint()));
-    };_this.
-    renderNavigationHint = function () {
-      if (_this.props.withoutNavigationHint) {
-        return null;
-      }
-      var keyboardControl = _this.state.keyboardControl;
-      var canGoBackward = _this.canGoBackward();
-      var canGoForward = _this.canGoForward();
-      if (keyboardControl && (canGoBackward || canGoForward)) {
-        return /*#__PURE__*/(
-          _react.default.createElement("span", { className: _Paging.styles.pageLinkHint(_this.theme) }, /*#__PURE__*/
-          _react.default.createElement("span", { className: canGoBackward ? '' : _Paging.styles.transparent() }, '←'), /*#__PURE__*/
-          _react.default.createElement("span", null, NavigationHelper.getKeyName()), /*#__PURE__*/
-          _react.default.createElement("span", { className: canGoForward ? '' : _Paging.styles.transparent() }, '→')));
-      }
-      return /*#__PURE__*/_react.default.createElement("div", { className: _Paging.styles.pageLinkHintPlaceHolder(_this.theme) });
-    };_this.
-    handleMouseDown = function () {
-      _this.setState({ focusedByTab: false, focusedItem: null });
-    };_this.
-    handleMouseDownPageLink = function () {
-      if (_client.isIE11) {
-        // Клик по span внутри контейнера с tabindex="0" переносит фокус именно на этот span.
-        // Поэтому горячие клавиши работают пока span существует на странице.
-        setTimeout(function () {return _this.container && _this.container.focus();}, 0);
-      }
-    };_this.
-    handleKeyDown = function (e) {
-      if (e.shiftKey) {
-        return;
-      }
-      var target = e.target;
-      var isArrowLeft = (0, _identifiers.isKeyArrowLeft)(e);
-      var isArrowRight = (0, _identifiers.isKeyArrowRight)(e);
-      if (
-      target instanceof Element && (
-      IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) || target.isContentEditable))
-      {
-        return;
-      }
-      if (NavigationHelper.checkKeyPressed(e) && isArrowLeft) {
-        _this.setState({ focusedItem: null }, _this.goBackward);
-        return;
-      }
-      if (NavigationHelper.checkKeyPressed(e) && isArrowRight) {
-        _this.setState({ focusedItem: null }, _this.goForward);
-        return;
-      }
-      if (_this.container && _this.container === e.target) {
-        if (isArrowLeft) {
-          _this.setState({ focusedByTab: true }, _this.moveFocusLeft);
-          return;
-        }
-        if (isArrowRight) {
-          _this.setState({ focusedByTab: true }, _this.moveFocusRight);
-          return;
-        }
-        if ((0, _identifiers.isKeyEnter)(e)) {
-          _this.executeItemAction(_this.getFocusedItem());
-          return;
-        }
-      }
-    };_this.
-    handleFocus = function (e) {
-      if (_this.props.disabled) {
-        return;
-      }
-      _this.setState({ keyboardControl: true });
-      // focus event fires before keyDown eventlistener
-      // so we should check tabPressed in async way
-      requestAnimationFrame(function () {
-        if (_keyListener.keyListener.isTabPressed) {
-          _this.setState({ focusedByTab: true });
-        }
-      });
-    };_this.
-    handleBlur = function () {
-      _this.setState({
-        focusedByTab: false,
-        keyboardControl: _this.props.useGlobalListener || false });
-    };_this.
-    getItems = function () {
-      return (0, _PagingHelper.getItems)(_this.props.activePage, _this.props.pagesCount).concat('forward');
-    };_this.
-    getFocusedItem = function () {
-      if (!_this.state.focusedByTab) {
-        return null;
-      }
-      var focusedItem = _this.state.focusedItem;
-      if (focusedItem && _this.getItems().includes(focusedItem) && _this.isItemFocusable(focusedItem)) {
-        return focusedItem;
-      }
-      return _this.props.activePage;
-    };_this.
-    isItemFocusable = function (item) {
-      return !_this.isItemDisabled(item);
-    };_this.
-    isItemDisabled = function (item) {
-      switch (item) {
-        case '.':
-          return true;
-        case 'forward':
-          return !_this.canGoForward();
-        default:
-          return false;}
-    };_this.
-    executeItemAction = function (item) {
-      if (item === 'forward') {
-        _this.goForward();
-      }
-      if (typeof item === 'number') {
-        _this.goToPage(item);
-      }
-    };_this.
-    moveFocusLeft = function () {
-      _this.moveFocus(-1);
-    };_this.
-    moveFocusRight = function () {
-      _this.moveFocus(1);
-    };_this.
-    moveFocus = function (step) {
-      var focusedItem = _this.getFocusedItem();
-      var items = _this.getItems();
-      var index = items.findIndex(function (x) {return x === focusedItem;});
-      do {
-        index = (index + step + items.length) % items.length;
-      } while (!_this.isItemFocusable(items[index]));
-      _this.setState({ focusedItem: items[index] });
-    };_this.
-    canGoBackward = function () {
-      return _this.props.activePage > 1;
-    };_this.
-    canGoForward = function () {
-      return _this.props.activePage < _this.props.pagesCount;
-    };_this.
-    goBackward = function () {
-      _this.goToPage(_this.props.activePage - 1);
-    };_this.
-    goForward = function () {
-      _this.goToPage(_this.props.activePage + 1);
-    };_this.
-    goToPage = function (pageNumber) {
-      if (pageNumber >= 1 && pageNumber !== _this.props.activePage && pageNumber <= _this.props.pagesCount) {
-        _this.props.onPageChange(pageNumber);
-      }
-    };_this.
-    addGlobalListener = function () {
-      if (_this.addedGlobalListener) {
-        return;
-      }
-      document.addEventListener('keydown', _this.handleKeyDown);
-      _this.addedGlobalListener = true;
-    };_this.
-    removeGlobalListener = function () {
-      if (_this.addedGlobalListener) {
-        document.removeEventListener('keydown', _this.handleKeyDown);
-        _this.addedGlobalListener = false;
-      }
-    };_this.
-    refContainer = function (element) {
-      _this.container = element;
-    };return _this;}Paging.isForward = function isForward(pageNumber) /* %checks */{return pageNumber === 'forward';};var _proto = Paging.prototype;_proto.componentDidMount = function componentDidMount() {var useGlobalListener = this.props.useGlobalListener;if (useGlobalListener) {this.addGlobalListener();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (!prevProps.useGlobalListener && this.props.useGlobalListener) {this.addGlobalListener();}if (prevProps.useGlobalListener && !this.props.useGlobalListener) {this.removeGlobalListener();}if (prevProps.useGlobalListener !== this.props.useGlobalListener) {this.setState({ keyboardControl: this.props.useGlobalListener });}};_proto.componentWillUnmount = function componentWillUnmount() {this.removeGlobalListener();};_proto.render = function render() {var _this2 = this;if (this.props.pagesCount < 2 && !this.props.shouldBeVisibleWithLessThanTwoPages) {return null;}return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("span", { tabIndex: 0, "data-tid": this.props['data-tid'], className: _Paging.styles.paging(this.theme), onKeyDown: this.props.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), _class2.__KONTUR_REACT_UI__ = 'Paging', _class2.defaultProps = { component: _PagingDefaultComponent.PagingDefaultComponent, shouldBeVisibleWithLessThanTwoPages: true, useGlobalListener: false, 'data-tid': PagingDataTids.root }, _class2.propTypes = {}, _temp)) || _class) || _class);exports.Paging = Paging;
-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 };

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

@@ -1 +0,0 @@

- {"version":3,"sources":["Paging.tsx"],"names":["IGNORE_EVENT_TAGS","PagingDataTids","root","dots","forwardLink","pageLinkWrapper","pageLink","Paging","PagingLocaleHelper","rootNode","state","focusedByTab","focusedItem","keyboardControl","props","useGlobalListener","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","activePage","renderPageLink","styles","theme","classes","forwardLinkFocused","Component","component","caption","forward","locale","emptyHandler","goForward","forwardIcon","pagingForwardIconSize","pageNumber","pageLinkFocused","handleClick","goToPage","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","pageLinkHint","transparent","NavigationHelper","getKeyName","pageLinkHintPlaceHolder","handleMouseDown","setState","isIE11","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isArrowRight","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","executeItemAction","handleFocus","requestAnimationFrame","keyListener","isTabPressed","handleBlur","getItems","pagesCount","concat","isItemFocusable","moveFocus","step","items","findIndex","x","length","onPageChange","addGlobalListener","document","addEventListener","removeGlobalListener","removeEventListener","refContainer","element","isForward","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","shouldBeVisibleWithLessThanTwoPages","renderMain","setRootNode","paging","undefined","map","React","PureComponent","__KONTUR_REACT_UI__","defaultProps","PagingDefaultComponent","propTypes","number","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { func, number } from 'prop-types';\n\nimport { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { emptyHandler } from '../../lib/utils';\nimport { isIE11 } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ArrowChevronRightIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Paging.styles';\nimport * as NavigationHelper from './NavigationHelper';\nimport { getItems } from './PagingHelper';\nimport { PagingLocale, PagingLocaleHelper } from './locale';\nimport { PagingDefaultComponent } from './PagingDefaultComponent';\n\nconst IGNORE_EVENT_TAGS = ['input', 'textarea'];\n\ninterface ItemComponentProps {\n active: boolean;\n children?: React.ReactNode;\n className: string;\n onClick: () => void;\n pageNumber: number | 'forward';\n tabIndex: number;\n}\n\nexport interface PagingProps extends CommonProps {\n activePage: number;\n /**\n * Компонент обертки по умолчанию\n * @default \n */\n component: React.ComponentType<ItemComponentProps>;\n onPageChange: (pageNumber: number) => void;\n pagesCount: number;\n disabled?: boolean;\n /**\n * Отключает навигационные подсказки.\n * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры\n * (либо элемент в фокусе, либо globalListeners === true)\n */\n withoutNavigationHint?: boolean;\n caption?: string;\n /**\n * Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.\n * Если на странице используется несколько элементов\n * **Paging** с useGlobalListener === true, то обработчик keyDown будет вызываться\n * на каждом из них. Такие случаи лучше обрабатывать отдельно.\n */\n useGlobalListener: boolean;\n /**\n * Определяет, нужно ли показывать `Paging` когда страница всего одна.\n *\n * Этот проп будет удалён в 5-ой версии библиотеки,\n * так как поведение со скрытием `Paging`'а станет поведением по умолчанию.\n *\n * @default false\n */\n shouldBeVisibleWithLessThanTwoPages: 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\n@rootNode\n@locale('Paging', PagingLocaleHelper)\nexport class Paging extends React.PureComponent<PagingProps, PagingState> {\n public static __KONTUR_REACT_UI__ = 'Paging';\n\n public static defaultProps = {\n component: PagingDefaultComponent,\n shouldBeVisibleWithLessThanTwoPages: true,\n useGlobalListener: false,\n 'data-tid': PagingDataTids.root,\n };\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.props.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.props;\n if (useGlobalListener) {\n this.addGlobalListener();\n }\n }\n\n public componentDidUpdate(prevProps: PagingProps) {\n if (!prevProps.useGlobalListener && this.props.useGlobalListener) {\n this.addGlobalListener();\n }\n\n if (prevProps.useGlobalListener && !this.props.useGlobalListener) {\n this.removeGlobalListener();\n }\n\n if (prevProps.useGlobalListener !== this.props.useGlobalListener) {\n this.setState({\n keyboardControl: this.props.useGlobalListener,\n });\n }\n }\n\n public componentWillUnmount() {\n this.removeGlobalListener();\n }\n\n public render() {\n if (this.props.pagesCount < 2 && !this.props.shouldBeVisibleWithLessThanTwoPages) {\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 return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span\n tabIndex={0}\n data-tid={this.props['data-tid']}\n className={styles.paging(this.theme)}\n onKeyDown={this.props.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 \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 \n {'...'}\n \n );\n };\n\n private renderForwardLink = (disabled: boolean, focused: boolean): JSX.Element => {\n const classes = cx({\n [styles.forwardLink(this.theme)]: true,\n [styles.forwardLinkFocused()]: focused,\n [styles.disabled(this.theme)]: disabled,\n });\n const { component: Component, caption } = this.props;\n const { forward } = this.locale;\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 >\n {caption || forward}\n \n <ArrowChevronRightIcon size={this.theme.pagingForwardIconSize} />\n \n </Component>\n );\n };\n\n private renderPageLink = (pageNumber: number, active: boolean, focused: boolean): JSX.Element => {\n const classes = cx({\n [styles.pageLink(this.theme)]: true,\n [styles.pageLinkFocused(this.theme)]: focused,\n [styles.active(this.theme)]: active,\n });\n const Component = this.props.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 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 \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 if (keyboardControl && (canGoBackward || canGoForward)) {\n return (\n \n {'←'}\n {NavigationHelper.getKeyName()}\n {'→'}\n \n );\n }\n\n return <div className={styles.pageLinkHintPlaceHolder(this.theme)} />;\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 target instanceof 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 = (e: React.FocusEvent<HTMLElement>) => {\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 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.props.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 document.addEventListener('keydown', this.handleKeyDown);\n this.addedGlobalListener = true;\n };\n\n private removeGlobalListener = () => {\n if (this.addedGlobalListener) {\n 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"]}

package/cjs/components/Paging/Paging.md DELETED Viewed

@@ -1,43 +0,0 @@
-Управление с клавиатуры работает в двух вариантах:
-- **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 />;
-```
-#### Локали по умолчанию
-```typescript static
-interface PagingLocale {
-  forward?: string;
-}
-const ru_RU = {
-  forward: 'Дальше',
-};
-const en_GB = {
-  forward: 'Forward',
-};
-```

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

@@ -1,16 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    paging(t: Theme): string;
-    dots(t: Theme): string;
-    forwardLink(t: Theme): string;
-    forwardLinkFocused(): string;
-    forwardIcon(t: Theme): string;
-    disabled(t: Theme): string;
-    pageLinkWrapper(): string;
-    pageLink(t: Theme): string;
-    active(t: Theme): string;
-    pageLinkFocused(t: Theme): string;
-    transparent(): string;
-    pageLinkHintPlaceHolder(t: Theme): string;
-    pageLinkHint(t: Theme): string;
-};