@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-cb270e7a13

package/components/ModalStack/ModalStack.js

@@ -1,52 +0,0 @@
-
-import EventEmitter from 'eventemitter3';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-export var ModalStack = /*#__PURE__*/function () {function ModalStack() {}ModalStack.
-  add = function add(
-  component,
-  onChange)
-  {var _ModalStack$getStackI =
-    ModalStack.getStackInfo(),emitter = _ModalStack$getStackI.emitter,mounted = _ModalStack$getStackI.mounted;
-    mounted.unshift(component);
-    var changeHandler = function changeHandler() {return onChange([].concat(mounted));};
-    emitter.addListener('change', changeHandler);
-    emitter.emit('change');
-    return {
-      remove: function remove() {
-        emitter.removeListener('change', changeHandler);
-      } };
-
-  };ModalStack.
-
-  remove = function remove(component) {var _ModalStack$getStackI2 =
-    ModalStack.getStackInfo(),emitter = _ModalStack$getStackI2.emitter,mounted = _ModalStack$getStackI2.mounted;
-    var index = mounted.indexOf(component);
-    if (index !== -1) {
-      mounted.splice(index, 1);
-    }
-    emitter.emit('change');
-  };ModalStack.
-
-  getStackInfo = function getStackInfo() {
-    var globalWithStack = global;
-    return (
-      globalWithStack.__ReactUIStackInfo || (
-      globalWithStack.__ReactUIStackInfo = {
-        emitter: new EventEmitter(),
-        mounted: [] }));
-
-
-  };return ModalStack;}();

package/components/ModalStack/ModalStack.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ModalStack.ts"],"names":["EventEmitter","ModalStack","add","component","onChange","getStackInfo","emitter","mounted","unshift","changeHandler","addListener","emit","remove","removeListener","index","indexOf","splice","globalWithStack","global","__ReactUIStackInfo"],"mappings":";AACA,OAAOA,YAAP,MAAyB,eAAzB;;;;;;;;;;;;;;;AAeA,WAAaC,UAAb;AACgBC,EAAAA,GADhB,GACE;AACEC,EAAAA,SADF;AAEEC,EAAAA,QAFF;AAG0B;AACKH,IAAAA,UAAU,CAACI,YAAX,EADL,CAChBC,OADgB,yBAChBA,OADgB,CACPC,OADO,yBACPA,OADO;AAExBA,IAAAA,OAAO,CAACC,OAAR,CAAgBL,SAAhB;AACA,QAAMM,aAAa,GAAG,SAAhBA,aAAgB,WAAML,QAAQ,WAAKG,OAAL,EAAd,EAAtB;AACAD,IAAAA,OAAO,CAACI,WAAR,CAAoB,QAApB,EAA8BD,aAA9B;AACAH,IAAAA,OAAO,CAACK,IAAR,CAAa,QAAb;AACA,WAAO;AACLC,MAAAA,MAAM,EAAE,kBAAM;AACZN,QAAAA,OAAO,CAACO,cAAR,CAAuB,QAAvB,EAAiCJ,aAAjC;AACD,OAHI,EAAP;;AAKD,GAfH;;AAiBgBG,EAAAA,MAjBhB,GAiBE,gBAAqBT,SAArB,EAAiD;AAClBF,IAAAA,UAAU,CAACI,YAAX,EADkB,CACvCC,OADuC,0BACvCA,OADuC,CAC9BC,OAD8B,0BAC9BA,OAD8B;AAE/C,QAAMO,KAAK,GAAGP,OAAO,CAACQ,OAAR,CAAgBZ,SAAhB,CAAd;AACA,QAAIW,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChBP,MAAAA,OAAO,CAACS,MAAR,CAAeF,KAAf,EAAsB,CAAtB;AACD;AACDR,IAAAA,OAAO,CAACK,IAAR,CAAa,QAAb;AACD,GAxBH;;AA0BiBN,EAAAA,YA1BjB,GA0BE,wBAAyC;AACvC,QAAMY,eAAe,GAAGC,MAAxB;AACA;AACED,MAAAA,eAAe,CAACE,kBAAhB;AACCF,MAAAA,eAAe,CAACE,kBAAhB,GAAqC;AACpCb,QAAAA,OAAO,EAAE,IAAIN,YAAJ,EAD2B;AAEpCO,QAAAA,OAAO,EAAE,EAF2B,EADtC,CADF;;;AAOD,GAnCH","sourcesContent":["import React from 'react';\r\nimport EventEmitter from 'eventemitter3';\r\n\r\ninterface StackInfo {\r\n  emitter: EventEmitter;\r\n  mounted: React.Component[];\r\n}\r\n\r\ninterface GlobalWithStackInfo {\r\n  __ReactUIStackInfo?: StackInfo;\r\n}\r\n\r\nexport interface ModalStackSubscription {\r\n  remove: () => void;\r\n}\r\n\r\nexport class ModalStack {\r\n  public static add(\r\n    component: React.Component,\r\n    onChange: (stack: ReadonlyArray<React.Component>) => void,\r\n  ): ModalStackSubscription {\r\n    const { emitter, mounted } = ModalStack.getStackInfo();\r\n    mounted.unshift(component);\r\n    const changeHandler = () => onChange([...mounted]);\r\n    emitter.addListener('change', changeHandler);\r\n    emitter.emit('change');\r\n    return {\r\n      remove: () => {\r\n        emitter.removeListener('change', changeHandler);\r\n      },\r\n    };\r\n  }\r\n\r\n  public static remove(component: React.Component) {\r\n    const { emitter, mounted } = ModalStack.getStackInfo();\r\n    const index = mounted.indexOf(component);\r\n    if (index !== -1) {\r\n      mounted.splice(index, 1);\r\n    }\r\n    emitter.emit('change');\r\n  }\r\n\r\n  private static getStackInfo(): StackInfo {\r\n    const globalWithStack = global as GlobalWithStackInfo;\r\n    return (\r\n      globalWithStack.__ReactUIStackInfo ||\r\n      (globalWithStack.__ReactUIStackInfo = {\r\n        emitter: new EventEmitter(),\r\n        mounted: [],\r\n      })\r\n    );\r\n  }\r\n}\r\n"]}

package/components/ModalStack/index.d.ts

@@ -1 +0,0 @@
-export * from './ModalStack';

package/components/ModalStack/index.js

@@ -1 +0,0 @@
-export * from './ModalStack';

package/components/ModalStack/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './ModalStack';\r\n"]}

package/components/Paging/NavigationHelper.js

@@ -1,26 +0,0 @@
-
-
-
-
-
-
-
-
-
-var keyDescription = null;
-
-var getKeyDescription = function getKeyDescription() {return keyDescription || (keyDescription = createKeyDescription());};
-
-var createKeyDescription = function createKeyDescription() {return (
-    navigator.platform.includes('Mac') ?
-    {
-      name: 'Alt',
-      checkPressed: function checkPressed(event) {return event.altKey;} } :
-
-    {
-      name: 'Ctrl',
-      checkPressed: function checkPressed(event) {return event.ctrlKey;} });};
-
-
-export var getKeyName = function getKeyName() {return getKeyDescription().name;};
-export var checkKeyPressed = function checkKeyPressed(event) {return getKeyDescription().checkPressed(event);};

package/components/Paging/NavigationHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["NavigationHelper.tsx"],"names":["keyDescription","getKeyDescription","createKeyDescription","navigator","platform","includes","name","checkPressed","event","altKey","ctrlKey","getKeyName","checkKeyPressed"],"mappings":";;;;;;;;;AASA,IAAIA,cAA4C,GAAG,IAAnD;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,WAAMD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,EAA1C,CAApB,EAA1B;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAC3BC,IAAAA,SAAS,CAACC,QAAV,CAAmBC,QAAnB,CAA4B,KAA5B;AACI;AACEC,MAAAA,IAAI,EAAE,KADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACC,MAAnE,EAFhB,EADJ;;AAKI;AACEH,MAAAA,IAAI,EAAE,MADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACE,OAAnE,EAFhB,EANuB,GAA7B;;;AAWA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,WAAMV,iBAAiB,GAAGK,IAA1B,EAAnB;AACP,OAAO,IAAMM,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD,UAA6DP,iBAAiB,GAAGM,YAApB,CAAiCC,KAAjC,CAA7D,EAAxB","sourcesContent":["import React from 'react';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nexport interface KeyDescriptionType {\r\n  name: string;\r\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\r\n}\r\n\r\nlet keyDescription: Nullable<KeyDescriptionType> = null;\r\n\r\nconst getKeyDescription = () => keyDescription || (keyDescription = createKeyDescription());\r\n\r\nconst createKeyDescription = () =>\r\n  navigator.platform.includes('Mac')\r\n    ? {\r\n        name: 'Alt',\r\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\r\n      }\r\n    : {\r\n        name: 'Ctrl',\r\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\r\n      };\r\n\r\nexport const getKeyName = () => getKeyDescription().name;\r\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => getKeyDescription().checkPressed(event);\r\n"]}

package/components/Paging/Paging.js

@@ -1,446 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";var _dec, _class, _class2, _temp;import React from 'react';
-import { func, number } from 'prop-types';
-
-import { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from '../../lib/events/keyboard/identifiers';
-import { locale } from '../LocaleProvider/decorators';
-
-import { tabListener } from '../../lib/events/tabListener';
-import { emptyHandler, isIE11 } from '../../lib/utils';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-import { ArrowChevronRightIcon } from '../internal/icons/16px';
-
-import { jsStyles } from './Paging.styles';import
-styles from "./Paging.module.css";
-import * as NavigationHelper from './NavigationHelper';
-import { getItems } from './PagingHelper';
-import { PagingLocaleHelper } from './locale';
-
-var IGNORE_EVENT_TAGS = ['input', 'textarea'];
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-export var Paging = (_dec = locale('Paging', PagingLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Paging, _React$Component);function Paging() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    state = {
-      focusedByTab: false,
-      focusedItem: null,
-      keyboardControl: _this.props.useGlobalListener };_this.
-
-
-    theme = void 0;_this.
-    locale = void 0;_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 (
-        React.createElement("span", { key: key, className: cx(styles.dots, jsStyles.dots(_this.theme)) },
-        '...'));
-
-
-    };_this.
-
-    renderForwardLink = function (disabled, focused) {var _cx;
-      var classes = cx((_cx = {}, _cx[
-      styles.forwardLink] = true, _cx[
-      jsStyles.forwardLink(_this.theme)] = true, _cx[
-      styles.focused] = focused, _cx[
-      jsStyles.focused(_this.theme)] = focused, _cx[
-      styles.disabled] = disabled, _cx[
-      jsStyles.disabled(_this.theme)] = disabled, _cx));var _this$props =
-
-      _this.props,Component = _this$props.component,caption = _this$props.caption;var
-      forward = _this.locale.forward;
-
-      return (
-        React.createElement(Component, {
-          key: 'forward',
-          active: false,
-          className: classes,
-          onClick: disabled ? emptyHandler : _this.goForward,
-          tabIndex: -1,
-          pageNumber: 'forward' },
-
-        caption || forward,
-        React.createElement("span", { className: styles.forwardIcon },
-        React.createElement(ArrowChevronRightIcon, { size: "18px" }))));
-
-
-
-    };_this.
-
-    renderPageLink = function (pageNumber, active, focused) {var _cx2;
-      var classes = cx((_cx2 = {}, _cx2[
-      styles.pageLink] = true, _cx2[
-      jsStyles.pageLink(_this.theme)] = true, _cx2[
-      styles.focused] = focused, _cx2[
-      jsStyles.focused(_this.theme)] = focused, _cx2[
-      styles.active] = active, _cx2[
-      jsStyles.active(_this.theme)] = active, _cx2));
-
-      var Component = _this.props.component;
-      var handleClick = function handleClick() {return _this.goToPage(pageNumber);};
-
-      return (
-        React.createElement("span", { key: pageNumber, className: styles.pageLinkWrapper, onMouseDown: _this.handleMouseDownPageLink },
-        React.createElement(Component, { 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 (
-          React.createElement("span", { className: cx(styles.pageLinkHint, jsStyles.pageLinkHint(_this.theme)) },
-          React.createElement("span", { className: canGoBackward ? '' : styles.transparent }, '←'),
-          React.createElement("span", null, NavigationHelper.getKeyName()),
-          React.createElement("span", { className: canGoForward ? '' : styles.transparent }, '→')));
-
-
-      }
-
-      return React.createElement("div", { className: styles.pageLinkHintPlaceHolder });
-    };_this.
-
-    handleMouseDown = function () {
-      _this.setState({ focusedByTab: false, focusedItem: null });
-    };_this.
-
-    handleMouseDownPageLink = function () {
-      if (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 = isKeyArrowLeft(e);
-      var isArrowRight = 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 (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
-      process.nextTick(function () {
-        if (tabListener.isTabPressed) {
-          _this.setState({ focusedByTab: true });
-        }
-      });
-    };_this.
-
-    handleBlur = function () {
-      _this.setState({
-        focusedByTab: false,
-        keyboardControl: _this.props.useGlobalListener || false });
-
-    };_this.
-
-    getItems = function () {
-      return 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().indexOf(focusedItem) !== -1 && _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 (1 <= pageNumber && 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.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (this.props.useGlobalListener !== nextProps.useGlobalListener) {this.setState({ keyboardControl: nextProps.useGlobalListener });}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (!prevProps.useGlobalListener && this.props.useGlobalListener) {this.addGlobalListener();}if (prevProps.useGlobalListener && !this.props.useGlobalListener) {this.removeGlobalListener();}};_proto.componentWillUnmount = function componentWillUnmount() {this.removeGlobalListener();};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {return React.createElement("span", { tabIndex: 0, className: styles.paging, 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.Component), _class2.__KONTUR_REACT_UI__ = 'Paging', _class2.defaultProps = { component: function component(_ref) {var className = _ref.className,onClick = _ref.onClick,children = _ref.children;return React.createElement("span", { className: className, onClick: onClick, children: children });}, useGlobalListener: false }, _class2.propTypes = {}, _temp)) || _class);
-
-
-Paging.propTypes = {
-  /**
-                      * Current active page
-                      */
-  activePage: number.isRequired,
-
-  /**
-                                  * React component that would be used for rendering items
-                                  *
-                                  * Usefull for router integration
-                                  */
-  component: func,
-
-  /**
-                    * Total page count
-                    */
-  pagesCount: number.isRequired,
-
-  /**
-                                  * Calls when page has been changed
-                                  */
-  onPageChange: func.isRequired };

package/components/Paging/Paging.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Paging.tsx"],"names":["React","func","number","isKeyArrowLeft","isKeyArrowRight","isKeyEnter","locale","tabListener","emptyHandler","isIE11","cx","ThemeConsumer","ArrowChevronRightIcon","jsStyles","styles","NavigationHelper","getItems","PagingLocaleHelper","IGNORE_EVENT_TAGS","Paging","state","focusedByTab","focusedItem","keyboardControl","props","useGlobalListener","theme","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","activePage","renderPageLink","dots","classes","forwardLink","Component","component","caption","forward","goForward","forwardIcon","pageNumber","pageLink","handleClick","goToPage","pageLinkWrapper","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","pageLinkHint","transparent","getKeyName","pageLinkHintPlaceHolder","handleMouseDown","setState","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isArrowRight","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","executeItemAction","handleFocus","process","nextTick","isTabPressed","handleBlur","pagesCount","concat","indexOf","isItemFocusable","moveFocus","step","items","findIndex","x","length","onPageChange","addGlobalListener","document","addEventListener","removeGlobalListener","removeEventListener","refContainer","element","isForward","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","componentDidUpdate","prevProps","componentWillUnmount","render","renderMain","paging","undefined","map","__KONTUR_REACT_UI__","defaultProps","className","onClick","children","propTypes","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { func, number } from 'prop-types';\r\n\r\nimport { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from '../../lib/events/keyboard/identifiers';\r\nimport { locale } from '../LocaleProvider/decorators';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { emptyHandler, isIE11 } from '../../lib/utils';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ArrowChevronRightIcon } from '../internal/icons/16px';\r\n\r\nimport { jsStyles } from './Paging.styles';\r\nimport styles from './Paging.module.less';\r\nimport * as NavigationHelper from './NavigationHelper';\r\nimport { getItems } from './PagingHelper';\r\nimport { PagingLocale, PagingLocaleHelper } from './locale';\r\n\r\nconst IGNORE_EVENT_TAGS = ['input', 'textarea'];\r\n\r\ninterface ItemComponentProps {\r\n  active: boolean;\r\n  children?: React.ReactNode;\r\n  className: string;\r\n  onClick: () => void;\r\n  pageNumber: number | 'forward';\r\n  tabIndex: number;\r\n}\r\n\r\nexport interface PagingProps {\r\n  activePage: number;\r\n  /**\r\n   * Компонент обертки по умолчанию\r\n   * @default <span />\r\n   */\r\n  component: React.ComponentType<ItemComponentProps>;\r\n  onPageChange: (pageNumber: number) => void;\r\n  pagesCount: number;\r\n  disabled?: boolean;\r\n  /**\r\n   * Отключает навигационные подсказки.\r\n   * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры\r\n   * (либо элемент в фокусе, либо globalListeners === true)\r\n   */\r\n  withoutNavigationHint?: boolean;\r\n  caption?: string;\r\n  /**\r\n   * Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.\r\n   * Если на странице используется несколько элементов\r\n   * **Paging** с useGlobalListener === true, то обработчик keyDown будет вызываться\r\n   * на каждом из них. Такие случаи лучше обрабатывать отдельно.\r\n   */\r\n  useGlobalListener: boolean;\r\n}\r\n\r\nexport interface PagingState {\r\n  focusedByTab: boolean;\r\n  focusedItem: Nullable<ItemType>;\r\n  keyboardControl: boolean;\r\n}\r\n\r\nexport type ItemType = number | '.' | 'forward';\r\n\r\n@locale('Paging', PagingLocaleHelper)\r\nexport class Paging extends React.Component<PagingProps, PagingState> {\r\n  public static __KONTUR_REACT_UI__ = 'Paging';\r\n\r\n  public static defaultProps = {\r\n    component: ({ className, onClick, children }: any) => (\r\n      <span className={className} onClick={onClick} children={children} />\r\n    ),\r\n    useGlobalListener: false,\r\n  };\r\n\r\n  public static propTypes = {};\r\n\r\n  public static isForward(pageNumber: number | 'forward'): boolean /* %checks */ {\r\n    return pageNumber === 'forward';\r\n  }\r\n\r\n  public state: PagingState = {\r\n    focusedByTab: false,\r\n    focusedItem: null,\r\n    keyboardControl: this.props.useGlobalListener,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private readonly locale!: PagingLocale;\r\n  private addedGlobalListener = false;\r\n  private container: HTMLSpanElement | null = null;\r\n\r\n  public componentDidMount() {\r\n    const { useGlobalListener } = this.props;\r\n    if (useGlobalListener) {\r\n      this.addGlobalListener();\r\n    }\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: PagingProps) {\r\n    if (this.props.useGlobalListener !== nextProps.useGlobalListener) {\r\n      this.setState({\r\n        keyboardControl: nextProps.useGlobalListener,\r\n      });\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: PagingProps) {\r\n    if (!prevProps.useGlobalListener && this.props.useGlobalListener) {\r\n      this.addGlobalListener();\r\n    }\r\n\r\n    if (prevProps.useGlobalListener && !this.props.useGlobalListener) {\r\n      this.removeGlobalListener();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.removeGlobalListener();\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    return (\r\n      <span\r\n        tabIndex={0}\r\n        className={styles.paging}\r\n        onKeyDown={this.props.useGlobalListener ? undefined : this.handleKeyDown}\r\n        onFocus={this.handleFocus}\r\n        onBlur={this.handleBlur}\r\n        onMouseDown={this.handleMouseDown}\r\n        ref={this.refContainer}\r\n      >\r\n        {this.getItems().map(this.renderItem)}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderItem = (item: ItemType, index: number) => {\r\n    const focused = this.getFocusedItem() === item;\r\n    switch (item) {\r\n      case '.':\r\n        const key = `dots${index < 5 ? 'Left' : 'Right'}`;\r\n        return this.renderDots(key);\r\n      case 'forward':\r\n        const disabled = this.isItemDisabled(item);\r\n        return this.renderForwardLink(disabled, focused);\r\n      default:\r\n        const active = this.props.activePage === item;\r\n        return this.renderPageLink(item, active, focused);\r\n    }\r\n  };\r\n\r\n  private renderDots = (key: string) => {\r\n    return (\r\n      <span key={key} className={cx(styles.dots, jsStyles.dots(this.theme))}>\r\n        {'...'}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private renderForwardLink = (disabled: boolean, focused: boolean): JSX.Element => {\r\n    const classes = cx({\r\n      [styles.forwardLink]: true,\r\n      [jsStyles.forwardLink(this.theme)]: true,\r\n      [styles.focused]: focused,\r\n      [jsStyles.focused(this.theme)]: focused,\r\n      [styles.disabled]: disabled,\r\n      [jsStyles.disabled(this.theme)]: disabled,\r\n    });\r\n    const { component: Component, caption } = this.props;\r\n    const { forward } = this.locale;\r\n\r\n    return (\r\n      <Component\r\n        key={'forward'}\r\n        active={false}\r\n        className={classes}\r\n        onClick={disabled ? emptyHandler : this.goForward}\r\n        tabIndex={-1}\r\n        pageNumber={'forward' as 'forward'}\r\n      >\r\n        {caption || forward}\r\n        <span className={styles.forwardIcon}>\r\n          <ArrowChevronRightIcon size=\"18px\" />\r\n        </span>\r\n      </Component>\r\n    );\r\n  };\r\n\r\n  private renderPageLink = (pageNumber: number, active: boolean, focused: boolean): JSX.Element => {\r\n    const classes = cx({\r\n      [styles.pageLink]: true,\r\n      [jsStyles.pageLink(this.theme)]: true,\r\n      [styles.focused]: focused,\r\n      [jsStyles.focused(this.theme)]: focused,\r\n      [styles.active]: active,\r\n      [jsStyles.active(this.theme)]: active,\r\n    });\r\n    const Component = this.props.component;\r\n    const handleClick = () => this.goToPage(pageNumber);\r\n\r\n    return (\r\n      <span key={pageNumber} className={styles.pageLinkWrapper} onMouseDown={this.handleMouseDownPageLink}>\r\n        <Component active={active} className={classes} onClick={handleClick} tabIndex={-1} pageNumber={pageNumber}>\r\n          {pageNumber}\r\n        </Component>\r\n        {active && this.renderNavigationHint()}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private renderNavigationHint = () => {\r\n    if (this.props.withoutNavigationHint) {\r\n      return null;\r\n    }\r\n\r\n    const { keyboardControl } = this.state;\r\n    const canGoBackward = this.canGoBackward();\r\n    const canGoForward = this.canGoForward();\r\n\r\n    if (keyboardControl && (canGoBackward || canGoForward)) {\r\n      return (\r\n        <span className={cx(styles.pageLinkHint, jsStyles.pageLinkHint(this.theme))}>\r\n          <span className={canGoBackward ? '' : styles.transparent}>{'←'}</span>\r\n          <span>{NavigationHelper.getKeyName()}</span>\r\n          <span className={canGoForward ? '' : styles.transparent}>{'→'}</span>\r\n        </span>\r\n      );\r\n    }\r\n\r\n    return <div className={styles.pageLinkHintPlaceHolder} />;\r\n  };\r\n\r\n  private handleMouseDown = () => {\r\n    this.setState({ focusedByTab: false, focusedItem: null });\r\n  };\r\n\r\n  private handleMouseDownPageLink = () => {\r\n    if (isIE11) {\r\n      // Клик по span внутри контейнера с tabindex=\"0\" переносит фокус именно на этот span.\r\n      // Поэтому горячие клавиши работают пока span существует на странице.\r\n      setTimeout(() => this.container && this.container.focus(), 0);\r\n    }\r\n  };\r\n\r\n  private handleKeyDown = (e: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => {\r\n    if (e.shiftKey) {\r\n      return;\r\n    }\r\n\r\n    const target = e.target;\r\n\r\n    const isArrowLeft = isKeyArrowLeft(e);\r\n    const isArrowRight = isKeyArrowRight(e);\r\n\r\n    if (\r\n      target instanceof Element &&\r\n      (IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) || (target as HTMLElement).isContentEditable)\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    if (NavigationHelper.checkKeyPressed(e) && isArrowLeft) {\r\n      this.setState({ focusedItem: null }, this.goBackward);\r\n      return;\r\n    }\r\n    if (NavigationHelper.checkKeyPressed(e) && isArrowRight) {\r\n      this.setState({ focusedItem: null }, this.goForward);\r\n      return;\r\n    }\r\n\r\n    if (this.container && this.container === e.target) {\r\n      if (isArrowLeft) {\r\n        this.setState({ focusedByTab: true }, this.moveFocusLeft);\r\n        return;\r\n      }\r\n      if (isArrowRight) {\r\n        this.setState({ focusedByTab: true }, this.moveFocusRight);\r\n        return;\r\n      }\r\n      if (isKeyEnter(e)) {\r\n        this.executeItemAction(this.getFocusedItem());\r\n        return;\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    this.setState({ keyboardControl: true });\r\n\r\n    // focus event fires before keyDown eventlistener\r\n    // so we should check tabPressed in async way\r\n    process.nextTick(() => {\r\n      if (tabListener.isTabPressed) {\r\n        this.setState({ focusedByTab: true });\r\n      }\r\n    });\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    this.setState({\r\n      focusedByTab: false,\r\n      keyboardControl: this.props.useGlobalListener || false,\r\n    });\r\n  };\r\n\r\n  private getItems = (): ItemType[] => {\r\n    return getItems(this.props.activePage, this.props.pagesCount).concat('forward');\r\n  };\r\n\r\n  private getFocusedItem = (): Nullable<ItemType> => {\r\n    if (!this.state.focusedByTab) {\r\n      return null;\r\n    }\r\n\r\n    const { focusedItem } = this.state;\r\n    if (focusedItem && this.getItems().indexOf(focusedItem) !== -1 && this.isItemFocusable(focusedItem)) {\r\n      return focusedItem;\r\n    }\r\n\r\n    return this.props.activePage;\r\n  };\r\n\r\n  private isItemFocusable = (item: ItemType) => {\r\n    return !this.isItemDisabled(item);\r\n  };\r\n\r\n  private isItemDisabled = (item: ItemType) => {\r\n    switch (item) {\r\n      case '.':\r\n        return true;\r\n      case 'forward':\r\n        return !this.canGoForward();\r\n      default:\r\n        return false;\r\n    }\r\n  };\r\n\r\n  private executeItemAction = (item: Nullable<ItemType>) => {\r\n    if (item === 'forward') {\r\n      this.goForward();\r\n    }\r\n    if (typeof item === 'number') {\r\n      this.goToPage(item);\r\n    }\r\n  };\r\n\r\n  private moveFocusLeft = () => {\r\n    this.moveFocus(-1);\r\n  };\r\n\r\n  private moveFocusRight = () => {\r\n    this.moveFocus(1);\r\n  };\r\n\r\n  private moveFocus = (step: number) => {\r\n    const focusedItem = this.getFocusedItem();\r\n    const items = this.getItems();\r\n    let index = items.findIndex(x => x === focusedItem);\r\n    do {\r\n      index = (index + step + items.length) % items.length;\r\n    } while (!this.isItemFocusable(items[index]));\r\n    this.setState({ focusedItem: items[index] });\r\n  };\r\n\r\n  private canGoBackward = (): boolean => {\r\n    return this.props.activePage > 1;\r\n  };\r\n\r\n  private canGoForward = (): boolean => {\r\n    return this.props.activePage < this.props.pagesCount;\r\n  };\r\n\r\n  private goBackward = () => {\r\n    this.goToPage(this.props.activePage - 1);\r\n  };\r\n\r\n  private goForward = () => {\r\n    this.goToPage(this.props.activePage + 1);\r\n  };\r\n\r\n  private goToPage = (pageNumber: number) => {\r\n    if (1 <= pageNumber && pageNumber !== this.props.activePage && pageNumber <= this.props.pagesCount) {\r\n      this.props.onPageChange(pageNumber);\r\n    }\r\n  };\r\n\r\n  private addGlobalListener = () => {\r\n    if (this.addedGlobalListener) {\r\n      return;\r\n    }\r\n\r\n    document.addEventListener('keydown', this.handleKeyDown);\r\n    this.addedGlobalListener = true;\r\n  };\r\n\r\n  private removeGlobalListener = () => {\r\n    if (this.addedGlobalListener) {\r\n      document.removeEventListener('keydown', this.handleKeyDown);\r\n\r\n      this.addedGlobalListener = false;\r\n    }\r\n  };\r\n\r\n  private refContainer = (element: HTMLSpanElement | null) => {\r\n    this.container = element;\r\n  };\r\n}\r\n\r\nPaging.propTypes = {\r\n  /**\r\n   * Current active page\r\n   */\r\n  activePage: number.isRequired,\r\n\r\n  /**\r\n   * React component that would be used for rendering items\r\n   *\r\n   * Usefull for router integration\r\n   */\r\n  component: func,\r\n\r\n  /**\r\n   * Total page count\r\n   */\r\n  pagesCount: number.isRequired,\r\n\r\n  /**\r\n   * Calls when page has been changed\r\n   */\r\n  onPageChange: func.isRequired,\r\n};\r\n"]}

package/components/Paging/Paging.module.css

@@ -1,66 +0,0 @@
-:local .paging {
-  user-select: none;
-  outline: 0;
-}
-:local .dots {
-  display: inline-block;
-  padding: 6px 10px 0;
-  font-size: 16px;
-}
-:local .forwardLink {
-  position: relative;
-  display: inline-block;
-  vertical-align: top;
-  margin: 4px 0 2px 10px;
-  padding-right: 22px;
-  font-size: 16px;
-  cursor: pointer;
-  text-decoration: none;
-  outline: none;
-  user-select: none;
-}
-:local .forwardLink.disabled {
-  cursor: default;
-}
-:local .forwardLink.focused {
-  text-decoration: underline;
-}
-:local .forwardLink .forwardIcon {
-  vertical-align: -2px;
-  position: absolute;
-  right: 0;
-}
-:local .pageLinkWrapper {
-  display: inline-block;
-  vertical-align: top;
-  font-size: 0;
-  text-align: center;
-  user-select: none;
-}
-:local .pageLinkWrapper .pageLink {
-  display: block;
-  margin: 2px 1px;
-  padding: 2px 10px 5px;
-  font-size: 16px;
-  border-radius: 16px;
-  cursor: pointer;
-  text-decoration: none;
-  outline: none;
-}
-:local .pageLinkWrapper .pageLink.active {
-  cursor: default;
-}
-:local .pageLinkWrapper .pageLink.focused {
-  margin: 0 -1px;
-}
-:local .pageLinkWrapper .pageLinkHint {
-  display: inline-block;
-  margin: 0 -20px;
-  font-size: 11px;
-}
-:local .pageLinkWrapper .pageLinkHint .transparent {
-  color: transparent;
-}
-:local .pageLinkHintPlaceHolder {
-  height: 15px;
-}