npm - @skbkontur/react-ui - Versions diffs - 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13 - Mend

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

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 (1804) hide show

package/components/Paging/Paging/Paging.js CHANGED Viewed

@@ -4,16 +4,16 @@ var _dec, _class, _class2, _temp, _class2$defaultProps;
 import React from 'react';
 import { func, number } from 'prop-types';
-import cn from 'classnames';
 import { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from "../../../lib/events/keyboard/identifiers";
 import { locale } from "../../../lib/locale/decorators";
-import { tabListener } from "../../../lib/events/tabListener";
+import { keyListener } from "../../../lib/events/keyListener";
 import { emptyHandler } from "../../../lib/utils";
 import { isIE11 } from "../../../lib/client";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ArrowChevronRightIcon } from "../../../internal/icons/16px";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Paging.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../Paging.styles";
 import * as NavigationHelper from "../NavigationHelper";
 import { getItems } from "../PagingHelper";
 import { PagingLocaleHelper } from "../locale";
@@ -68,14 +68,14 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), _dec(_class =
       return /*#__PURE__*/React.createElement("span", {
         "data-tid": "Paging__dots",
         key: key,
-        className: jsStyles.dots(_this.theme)
+        className: styles.dots(_this.theme)
       }, '...');
     };
     _this.renderForwardLink = function (disabled, focused) {
-      var _cn;
+      var _cx;
-      var classes = cn((_cn = {}, _cn[jsStyles.forwardLink(_this.theme)] = true, _cn[jsStyles.forwardLinkFocused()] = focused, _cn[jsStyles.disabled(_this.theme)] = disabled, _cn));
+      var classes = cx((_cx = {}, _cx[styles.forwardLink(_this.theme)] = true, _cx[styles.forwardLinkFocused()] = focused, _cx[styles.disabled(_this.theme)] = disabled, _cx));
       var _this$props = _this.props,
           Component = _this$props.component,
           caption = _this$props.caption;
@@ -89,16 +89,16 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), _dec(_class =
         tabIndex: -1,
         pageNumber: 'forward'
       }, caption || forward, /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.forwardIcon(_this.theme)
+        className: styles.forwardIcon(_this.theme)
       }, /*#__PURE__*/React.createElement(ArrowChevronRightIcon, {
         size: _this.theme.pagingForwardIconSize
       })));
     };
     _this.renderPageLink = function (pageNumber, active, focused) {
-      var _cn2;
+      var _cx2;
-      var classes = cn((_cn2 = {}, _cn2[jsStyles.pageLink(_this.theme)] = true, _cn2[jsStyles.pageLinkFocused(_this.theme)] = focused, _cn2[jsStyles.active()] = active, _cn2));
+      var classes = cx((_cx2 = {}, _cx2[styles.pageLink(_this.theme)] = true, _cx2[styles.pageLinkFocused(_this.theme)] = focused, _cx2[styles.active(_this.theme)] = active, _cx2));
       var Component = _this.props.component;
       var handleClick = function handleClick() {
@@ -108,7 +108,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), _dec(_class =
       return /*#__PURE__*/React.createElement("span", {
         "data-tid": "Paging__pageLinkWrapper",
         key: pageNumber,
-        className: jsStyles.pageLinkWrapper(),
+        className: styles.pageLinkWrapper(),
         onMouseDown: _this.handleMouseDownPageLink
       }, /*#__PURE__*/React.createElement(Component, {
         "data-tid": "Paging__pageLink",
@@ -133,16 +133,16 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), _dec(_class =
       if (keyboardControl && (canGoBackward || canGoForward)) {
         return /*#__PURE__*/React.createElement("span", {
-          className: jsStyles.pageLinkHint(_this.theme)
+          className: styles.pageLinkHint(_this.theme)
         }, /*#__PURE__*/React.createElement("span", {
-          className: canGoBackward ? '' : jsStyles.transparent()
+          className: canGoBackward ? '' : styles.transparent()
         }, '←'), /*#__PURE__*/React.createElement("span", null, NavigationHelper.getKeyName()), /*#__PURE__*/React.createElement("span", {
-          className: canGoForward ? '' : jsStyles.transparent()
+          className: canGoForward ? '' : styles.transparent()
         }, '→'));
       }
       return /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.pageLinkHintPlaceHolder(_this.theme)
+        className: styles.pageLinkHintPlaceHolder(_this.theme)
       });
     };
@@ -228,8 +228,8 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), _dec(_class =
       // so we should check tabPressed in async way
-      process.nextTick(function () {
-        if (tabListener.isTabPressed) {
+      requestAnimationFrame(function () {
+        if (keyListener.isTabPressed) {
           _this.setState({
             focusedByTab: true
           });
@@ -411,7 +411,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), _dec(_class =
     return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement("span", {
       tabIndex: 0,
       "data-tid": this.props['data-tid'],
-      className: jsStyles.paging(this.theme),
+      className: styles.paging(this.theme),
       onKeyDown: this.props.useGlobalListener ? undefined : this.handleKeyDown,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,
@@ -434,25 +434,25 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), _dec(_class =
   useGlobalListener: false
 }, _class2$defaultProps['data-tid'] = 'Paging__root', _class2$defaultProps), _class2.propTypes = {}, _temp)) || _class);
 Paging.propTypes = {
-  /**
-   * Current active page
+  /**
+   * Current active page
    */
   activePage: number.isRequired,
-  /**
-   * React component that would be used for rendering items
-   *
-   * Usefull for router integration
+  /**
+   * React component that would be used for rendering items
+   *
+   * Usefull for router integration
    */
   component: func,
-  /**
-   * Total page count
+  /**
+   * Total page count
    */
   pagesCount: number.isRequired,
-  /**
-   * Calls when page has been changed
+  /**
+   * Calls when page has been changed
    */
   onPageChange: func.isRequired
 };

package/components/Paging/Paging/Paging.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Paging.tsx"],"names":["React","func","number","cn","isKeyArrowLeft","isKeyArrowRight","isKeyEnter","locale","tabListener","emptyHandler","isIE11","ThemeContext","ArrowChevronRightIcon","CommonWrapper","jsStyles","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","forwardLinkFocused","Component","component","caption","forward","goForward","forwardIcon","pagingForwardIconSize","pageNumber","pageLink","pageLinkFocused","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","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\nimport cn from 'classnames';\r\n\r\nimport { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from '../../lib/events/keyboard/identifiers';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { emptyHandler } from '../../lib/utils';\r\nimport { isIE11 } from '../../lib/client';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ArrowChevronRightIcon } from '../../internal/icons/16px';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Paging.styles';\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 extends CommonProps {\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}>\r\n {children}\r\n </span>\r\n ),\r\n useGlobalListener: false,\r\n ['data-tid']: 'Paging__root',\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 <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <span\r\n tabIndex={0}\r\n data-tid={this.props['data-tid']}\r\n className={jsStyles.paging(this.theme)}\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 </CommonWrapper>\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 }\r\n case 'forward': {\r\n const disabled = this.isItemDisabled(item);\r\n return this.renderForwardLink(disabled, focused);\r\n }\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\r\n private renderDots = (key: string) => {\r\n return (\r\n <span data-tid=\"Paging__dots\" key={key} className={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 = cn({\r\n [jsStyles.forwardLink(this.theme)]: true,\r\n [jsStyles.forwardLinkFocused()]: focused,\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 data-tid=\"Paging__forwardLink\"\r\n active={false}\r\n className={classes}\r\n onClick={disabled ? emptyHandler : this.goForward}\r\n tabIndex={-1}\r\n pageNumber={'forward' as const}\r\n >\r\n {caption \|\| forward}\r\n <span className={jsStyles.forwardIcon(this.theme)}>\r\n <ArrowChevronRightIcon size={this.theme.pagingForwardIconSize} />\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 = cn({\r\n [jsStyles.pageLink(this.theme)]: true,\r\n [jsStyles.pageLinkFocused(this.theme)]: focused,\r\n [jsStyles.active()]: 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\r\n data-tid=\"Paging__pageLinkWrapper\"\r\n key={pageNumber}\r\n className={jsStyles.pageLinkWrapper()}\r\n onMouseDown={this.handleMouseDownPageLink}\r\n >\r\n <Component\r\n data-tid=\"Paging__pageLink\"\r\n active={active}\r\n className={classes}\r\n onClick={handleClick}\r\n tabIndex={-1}\r\n pageNumber={pageNumber}\r\n >\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={jsStyles.pageLinkHint(this.theme)}>\r\n <span className={canGoBackward ? '' : jsStyles.transparent()}>{'←'}</span>\r\n <span>{NavigationHelper.getKeyName()}</span>\r\n <span className={canGoForward ? '' : jsStyles.transparent()}>{'→'}</span>\r\n </span>\r\n );\r\n }\r\n\r\n return <div className={jsStyles.pageLinkHintPlaceHolder(this.theme)} />;\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().includes(focusedItem) && 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"]}
1	+ {"version":3,"sources":["Paging.tsx"],"names":["React","func","number","isKeyArrowLeft","isKeyArrowRight","isKeyEnter","locale","keyListener","emptyHandler","isIE11","ThemeContext","ArrowChevronRightIcon","CommonWrapper","cx","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","forwardLinkFocused","Component","component","caption","forward","goForward","forwardIcon","pagingForwardIconSize","pageNumber","pageLink","pageLinkFocused","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","requestAnimationFrame","isTabPressed","handleBlur","pagesCount","concat","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';\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';\n\nimport { styles } from './Paging.styles';\nimport * as NavigationHelper from './NavigationHelper';\nimport { getItems } from './PagingHelper';\nimport { PagingLocale, PagingLocaleHelper } from './locale';\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 <span />\n /\n component: React.ComponentType<ItemComponentProps>;\n onPageChange: (pageNumber: number) => void;\n pagesCount: number;\n disabled?: boolean;\n /\n Отключает навигационные подсказки.\n * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры\n * (либо элемент в фокусе, либо globalListeners === true)\n /\n withoutNavigationHint?: boolean;\n caption?: string;\n /\n Глобальный слушатель keyDown, для навигации клавишами без фокуса на компоненте.\n * Если на странице используется несколько элементов\n * Paging с useGlobalListener === true, то обработчик keyDown будет вызываться\n * на каждом из них. Такие случаи лучше обрабатывать отдельно.\n /\n useGlobalListener: boolean;\n}\n\nexport interface PagingState {\n focusedByTab: boolean;\n focusedItem: Nullable<ItemType>;\n keyboardControl: boolean;\n}\n\nexport type ItemType = number \| '.' \| 'forward';\n\n@locale('Paging', PagingLocaleHelper)\nexport class Paging extends React.Component<PagingProps, PagingState> {\n public static __KONTUR_REACT_UI__ = 'Paging';\n\n public static defaultProps = {\n component: ({ className, onClick, children }: any) => (\n <span className={className} onClick={onClick}>\n {children}\n </span>\n ),\n useGlobalListener: false,\n ['data-tid']: 'Paging__root',\n };\n\n public static propTypes = {};\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 UNSAFE_componentWillReceiveProps(nextProps: PagingProps) {\n if (this.props.useGlobalListener !== nextProps.useGlobalListener) {\n this.setState({\n keyboardControl: nextProps.useGlobalListener,\n });\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\n public componentWillUnmount() {\n this.removeGlobalListener();\n }\n\n public render() {\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 {...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 </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 data-tid=\"Paging__dots\" key={key} className={styles.dots(this.theme)}>\n {'...'}\n </span>\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=\"Paging__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 <span className={styles.forwardIcon(this.theme)}>\n <ArrowChevronRightIcon size={this.theme.pagingForwardIconSize} />\n </span>\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=\"Paging__pageLinkWrapper\"\n key={pageNumber}\n className={styles.pageLinkWrapper()}\n onMouseDown={this.handleMouseDownPageLink}\n >\n <Component\n data-tid=\"Paging__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 if (keyboardControl && (canGoBackward \|\| canGoForward)) {\n return (\n <span className={styles.pageLinkHint(this.theme)}>\n <span className={canGoBackward ? '' : styles.transparent()}>{'←'}</span>\n <span>{NavigationHelper.getKeyName()}</span>\n <span className={canGoForward ? '' : styles.transparent()}>{'→'}</span>\n </span>\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 (1 <= pageNumber && 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/components/Paging/Paging.md CHANGED Viewed

@@ -1,43 +1,43 @@
-Управление с клавиатуры работает в двух вариантах:
-- **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',
-};
-```
+Управление с клавиатуры работает в двух вариантах:
+- **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/components/Paging/Paging.styles/Paging.styles.js CHANGED Viewed

@@ -2,11 +2,10 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-import { is8pxTheme } from "../../../lib/theming/ThemeHelpers";
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
   paging: function paging(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      user-select: none;\n      outline: 0;\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSize, t.pagingLineHeight);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      user-select: none;\n      outline: 0;\n      font-size: ", ";\n      line-height: ", ";\n      display: inline-block;\n    "])), t.pagingFontSize, t.pagingLineHeight);
   },
   dots: function dots(t) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n      padding: ", ";\n    "])), t.pagingDotsColor, t.pagingDotsPadding);
@@ -21,19 +20,19 @@ var styles = {
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      vertical-align: -2px;\n      position: absolute;\n      margin-top: ", ";\n      right: 0;\n    "])), t.pagingForwardIconMarginTop);
   },
   disabled: function disabled(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        color: ", ";\n      }\n    "])), cssName(styles.forwardLink(t)), t.pagingForwardLinkDisabledColor);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.pagingForwardLinkDisabledColor);
   },
   pageLinkWrapper: function pageLinkWrapper() {
     return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
   },
   pageLink: function pageLink(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      margin: ", ";\n      outline: none;\n      min-width: ", ";\n      padding: ", " ", "\n        ", ";\n      text-decoration: none;\n\n      &:not(", "):hover {\n        background: ", ";\n      }\n\n      ", "& {\n        background: ", ";\n        color: ", ";\n      }\n    "])), t.pagingPageLinkBorderRadius, t.pagingForwardLinkColor, t.pagingPageLinkMargin, t.pagingPageLinkMinWidth, t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, is8pxTheme(t) ? t.pagingPageLinkPaddingY : t.pagingPageLinkLegacyPaddingY, cssName(styles.active()), t.pagingPageLinkHoverBg, cssName(styles.active()), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      margin: ", ";\n      outline: none;\n      min-width: ", ";\n      padding: ", " ", " ", ";\n      text-decoration: none;\n\n      &:hover {\n        background: ", ";\n      }\n    "])), t.pagingPageLinkBorderRadius, t.pagingForwardLinkColor, t.pagingPageLinkMargin, t.pagingPageLinkMinWidth, t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY, t.pagingPageLinkHoverBg);
   },
-  active: function active() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+  active: function active(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", " !important; // override hover styles\n      color: ", ";\n    "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
   },
   pageLinkFocused: function pageLinkFocused(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), is8pxTheme(t) ? "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        " : "\n          margin: 0 -1px !important;\n          border: solid 2px " + t.borderColorFocus + ";");
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
   },
   transparent: function transparent() {
     return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
@@ -42,7 +41,6 @@ var styles = {
     return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      line-height: ", ";\n    "])), t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintLineHeight);
   },
   pageLinkHint: function pageLinkHint(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: 0 -20px;\n      font-size: ", ";\n      line-height: ", ";\n\n      ", " & {\n        color: ", ";\n      }\n    "])), t.pagingPageLinkHintFontSize, t.pagingPageLinkHintLineHeight, cssName(styles.pageLinkWrapper()), t.pagingPageLinkHintColor);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: 0 -20px;\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), t.pagingPageLinkHintFontSize, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintColor);
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

package/components/Paging/Paging.styles/Paging.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Paging.styles.ts"],"names":["~~is8pxTheme","~~css","~~cssName","~~memoizeStyle","styles","paging","t","pagingFontSize","pagingLineHeight","dots","pagingDotsColor","pagingDotsPadding","forwardLink","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkFocused","forwardIcon","pagingForwardIconMarginTop","disabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBorderRadius","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","~~pagingPageLinkLegacyPaddingY~~","active","~~pagingPageLinkHoverBg","~~pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkFocused","borderColorFocus","transparent","pageLinkHintPlaceHolder","pagingPageLinkHintLineHeight","pageLinkHint","pagingPageLinkHintFontSize","pagingPageLinkHintColor"~~,"jsStyles"~~],"mappings":"gVAAA,SAASA,~~UAAT,QAA2B,gCAA3B;AACA,SAASC,~~GAAT,EAAcC,~~OAAd~~,~~EAAuBC~~,~~YAAvB,QAA2C,2BAA3C~~;;;AAGA,IAAMC,MAAM,~~GAAG~~;~~AACbC~~,EAAAA,~~MADa~~,~~kBACNC~~,~~CADM~~,~~EACI~~;AACf,~~WAAOL~~,GAAP;;;~~AAGeK~~,IAAAA,CAAC,CAACC,cAHjB;AAIiBD,IAAAA,CAAC,CAACE,gBAJnB~~;;AAMD~~,~~GARY~~;;~~AAUbC~~,EAAAA,~~IAVa~~,~~gBAURH~~,~~CAVQ~~,~~EAUE~~;AACb,~~WAAOL~~,GAAP;~~AACWK~~,IAAAA,CAAC,CAACI,eADb;;AAGaJ,IAAAA,CAAC,CAACK,iBAHf;;AAKD,~~GAhBY~~;;~~AAkBbC~~,EAAAA,~~WAlBa~~,~~uBAkBDN~~,~~CAlBC~~,~~EAkBS~~;AACpB,~~WAAOL~~,GAAP;~~AACWK~~,IAAAA,CAAC,CAACO,sBADb;;;AAIgBP,IAAAA,CAAC,CAACQ,8BAJlB;AAKiBR,IAAAA,CAAC,CAACS,+BALnB;;AAOmBT,IAAAA,CAAC,CAACU,iCAPrB;;;;;;AAaD,~~GAhCY~~;;~~AAkCbC~~,EAAAA,~~kBAlCa~~,~~gCAkCQ~~;AACnB,~~WAAOhB~~,GAAP;;;AAGD,~~GAtCY~~;;~~AAwCbiB~~,EAAAA,~~WAxCa~~,~~uBAwCDZ~~,~~CAxCC~~,~~EAwCS~~;AACpB,~~WAAOL~~,GAAP;;;~~AAGgBK~~,IAAAA,CAAC,CAACa,0BAHlB;;;AAMD,~~GA/CY~~;;~~AAiDbC~~,EAAAA,~~QAjDa~~,~~oBAiDJd~~,~~CAjDI~~,~~EAiDM~~;AACjB,~~WAAOL~~,GAAP;~~AACIC~~,IAAAA,~~OAAO,CAACE,MAAM,CAACQ,WAAP,CAAmBN,CAAnB,CAAD,CADX;AAEaA,IAAAA,~~CAAC,CAACe,~~8BAFf~~;;;~~AAKD~~,~~GAvDY~~;;~~AAyDbC~~,EAAAA,~~eAzDa~~,~~6BAyDK~~;AAChB,~~WAAOrB~~,GAAP;;;;;;;AAOD,~~GAjEY~~;;~~AAmEbsB~~,EAAAA,~~QAnEa~~,~~oBAmEJjB~~,~~CAnEI~~,~~EAmEM~~;AACjB,~~WAAOL~~,GAAP;~~AACmBK~~,IAAAA,CAAC,CAACkB,0BADrB;AAEWlB,IAAAA,CAAC,CAACO,sBAFb;;;AAKYP,IAAAA,CAAC,CAACmB,oBALd;;AAOenB,IAAAA,CAAC,CAACoB,sBAPjB;AAQapB,IAAAA,CAAC,CAACqB,sBARf,EAQyCrB,CAAC,CAACsB,sBAR3C~~;AASM5B~~,~~IAAAA~~,~~UAAU,CAACM,CAAD,CAAV,GAAgBA,~~CAAC,CAACqB,~~sBAAlB~~,~~GAA2CrB~~,CAAC,CAACuB,~~4BATnD~~;;;~~AAYU3B~~,~~IAAAA~~,~~OAAO~~,~~CAACE~~,~~MAAM~~,~~CAAC0B~~,~~MAAP~~,~~EAAD~~,~~CAZjB;AAakBxB~~,IAAAA,CAAC,CAACyB,~~qBAbpB;;;AAgBI7B,IAAAA,OAAO,CAACE,MAAM,CAAC0B,MAAP,EAAD,CAhBX~~;~~AAiBkBxB~~,IAAAA,CAAC,CAAC0B,~~sBAjBpB;AAkBa1B,IAAAA,CAAC,CAAC2B,yBAlBf;;;AAqBD,GAzFY~~;;~~AA2FbH~~,~~EAAAA,MA3Fa,oBA2FJ;AACP,WAAO7B,GAAP;;;AAGD,GA/FY~~;;~~AAiGbiC~~,EAAAA,~~eAjGa~~,~~2BAiGG5B~~,~~CAjGH~~,~~EAiGa~~;AACxB,~~WAAOL~~,GAAP~~;AACID,IAAAA,UAAU,CAACM,CAAD,CAAV~~;;~~AAE0BA~~,IAAAA,CAAC,~~CAAC6B~~,~~gBAF5B;;;;AAMsB7B~~,~~IAAAA,CAAC,CAAC6B,gBANxB,MADJ~~;;~~AASD~~,~~GA3GY;;AA6GbC,~~EAAAA,~~WA7Ga~~,~~yBA6GC~~;AACZ,~~WAAOnC~~,GAAP;;;AAGD,~~GAjHY~~;;~~AAmHboC~~,EAAAA,~~uBAnHa~~,~~mCAmHW/B~~,~~CAnHX~~,~~EAmHqB~~;AAChC,~~WAAOL~~,GAAP;~~AACYK~~,IAAAA,CAAC,~~CAACgC~~,4BADd;~~AAEiBhC~~,IAAAA,CAAC,~~CAACgC~~,4BAFnB;;AAID,~~GAxHY~~;;~~AA0HbC~~,EAAAA,~~YA1Ha~~,~~wBA0HAjC~~,~~CA1HA~~,~~EA0HU~~;AACrB,~~WAAOL~~,GAAP;;;~~AAGeK~~,IAAAA,CAAC,~~CAACkC~~,0BAHjB;~~AAIiBlC~~,IAAAA,CAAC,~~CAACgC~~,4BAJnB~~;;AAMIpC,IAAAA,OAAO,CAACE,MAAM,CAACkB,eAAP,EAAD,CANX~~;~~AAOahB~~,IAAAA,CAAC,~~CAACmC~~,~~uBAPf;;;AAUD~~,~~GArIY~~,~~EAAf;;;AAwIA~~,~~OAAO,IAAMC,QAAQ,GAAGvC,YAAY,CAACC,MAAD,CAA7B~~","sourcesContent":["import { ~~is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\nimport {~~ css, ~~cssName,~~ memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\~~r\nconst~~ styles = {\r\n paging(t: Theme) {\r\n return css`\r\n user-select: none;\r\n outline: 0;\r\n font-size: ${t.pagingFontSize};\r\n line-height: ${t.pagingLineHeight};\r\n `;\r\n },\r\n\r\n dots(t: Theme) {\r\n return css`\r\n color: ${t.pagingDotsColor};\r\n display: inline-block;\r\n padding: ${t.pagingDotsPadding};\r\n `;\r\n },\r\n\r\n forwardLink(t: Theme) {\r\n return css`\r\n color: ${t.pagingForwardLinkColor};\r\n cursor: pointer;\r\n display: inline-block;\r\n margin-top: ${t.pagingPageForwardLinkMarginTop};\r\n margin-left: ${t.pagingPageForwardLinkMarginLeft};\r\n outline: none;\r\n padding-right: ${t.pagingPageForwardLinkPaddingRight};\r\n position: relative;\r\n text-decoration: none;\r\n user-select: none;\r\n vertical-align: top;\r\n `;\r\n },\r\n\r\n forwardLinkFocused() {\r\n return css`\r\n text-decoration: underline;\r\n `;\r\n },\r\n\r\n forwardIcon(t: Theme) {\r\n return css`\r\n vertical-align: -2px;\r\n position: absolute;\r\n margin-top: ${t.pagingForwardIconMarginTop};\r\n right: 0;\r\n `;\r\n },\r\n\r\n disabled(t: Theme) {\r\n return css`\r\n ~~${cssName(styles.forwardLink(t))}& {\r\n~~ color: ${t.pagingForwardLinkDisabledColor};\r\n ~~}\r\~~n `;\r\n },\r\n\r\n pageLinkWrapper() {\r\n return css`\r\n display: inline-flex;\r\n flex-flow: column nowrap;\r\n text-align: center;\r\n user-select: none;\r\n vertical-align: top;\r\n `;\r\n },\r\n\r\n pageLink(t: Theme) {\r\n return css`\r\n border-radius: ${t.pagingPageLinkBorderRadius};\r\n color: ${t.pagingForwardLinkColor};\r\n cursor: pointer;\r\n display: block;\r\n margin: ${t.pagingPageLinkMargin};\r\n outline: none;\r\n min-width: ${t.pagingPageLinkMinWidth};\r\n padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX}~~\r\n~~ ${~~is8pxTheme(~~t~~) ? t~~.pagingPageLinkPaddingY ~~: t.pagingPageLinkLegacyPaddingY~~};\r\n text-decoration: none;\r\n\r\n &:~~not(${cssName(styles.active())}):~~hover {\r\n background: ${t.pagingPageLinkHoverBg};\r\n }\r\n\r\n ~~${cssName(styles.~~active()~~)}&~~ {\r\n background: ${t.pagingPageLinkActiveBg}~~;\r~~\n color: ${t.pagingPageLinkActiveColor};\r\n ~~}\r\n~~ `;\r\n },\r\n\r\n ~~active() {\r\n return css`\r\n cursor: default;\r\n `;\r\n },\r\n\r\n~~ pageLinkFocused(t: Theme) {\r\n return css`\r\n ${~~is8pxTheme(t)\r\n ?~~ `\r\n box-shadow: 0 0 0 2px ${t.borderColorFocus};\r\n ~~`\r\n : `\r\n margin: 0 -1px !important;\r\n border: solid 2px ${t.borderColorFocus~~}~~;`}~~\r\n `;\r\n },\r\n\r\n transparent() {\r\n return css`\r\n color: transparent;\r\n `;\r\n },\r\n\r\n pageLinkHintPlaceHolder(t: Theme) {\r\n return css`\r\n height: ${t.pagingPageLinkHintLineHeight};\r\n line-height: ${t.pagingPageLinkHintLineHeight};\r\n `;\r\n },\r\n\r\n pageLinkHint(t: Theme) {\r\n return css`\r\n display: inline-block;\r\n margin: 0 -20px;\r\n font-size: ${t.pagingPageLinkHintFontSize};\r\n line-height: ${t.pagingPageLinkHintLineHeight};\r\n~~\r\n~~ ~~${cssName(styles.pageLinkWrapper())} & {\r\n~~ color: ${t.pagingPageLinkHintColor};\r\n ~~}\r\n~~ `;\r\n },\r\n}~~;\r\n\r\nexport const jsStyles = memoizeStyle(styles~~);\r\n"]}
1	+ {"version":3,"sources":["Paging.styles.ts"],"names":["css","memoizeStyle","styles","paging","t","pagingFontSize","pagingLineHeight","dots","pagingDotsColor","pagingDotsPadding","forwardLink","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkFocused","forwardIcon","pagingForwardIconMarginTop","disabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBorderRadius","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkHoverBg","active","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkFocused","borderColorFocus","transparent","pageLinkHintPlaceHolder","pagingPageLinkHintLineHeight","pageLinkHint","pagingPageLinkHintFontSize","pagingPageLinkHintColor"],"mappings":"gVAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,MADiC,kBAC1BC,CAD0B,EAChB;AACf,WAAOJ,GAAP;;;AAGeI,IAAAA,CAAC,CAACC,cAHjB;AAIiBD,IAAAA,CAAC,CAACE,gBAJnB;;;AAOD,GATgC;;AAWjCC,EAAAA,IAXiC,gBAW5BH,CAX4B,EAWlB;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACI,eADb;;AAGaJ,IAAAA,CAAC,CAACK,iBAHf;;AAKD,GAjBgC;;AAmBjCC,EAAAA,WAnBiC,uBAmBrBN,CAnBqB,EAmBX;AACpB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACO,sBADb;;;AAIgBP,IAAAA,CAAC,CAACQ,8BAJlB;AAKiBR,IAAAA,CAAC,CAACS,+BALnB;;AAOmBT,IAAAA,CAAC,CAACU,iCAPrB;;;;;;AAaD,GAjCgC;;AAmCjCC,EAAAA,kBAnCiC,gCAmCZ;AACnB,WAAOf,GAAP;;;AAGD,GAvCgC;;AAyCjCgB,EAAAA,WAzCiC,uBAyCrBZ,CAzCqB,EAyCX;AACpB,WAAOJ,GAAP;;;AAGgBI,IAAAA,CAAC,CAACa,0BAHlB;;;AAMD,GAhDgC;;AAkDjCC,EAAAA,QAlDiC,oBAkDxBd,CAlDwB,EAkDd;AACjB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACe,8BADb;;;AAID,GAvDgC;;AAyDjCC,EAAAA,eAzDiC,6BAyDf;AAChB,WAAOpB,GAAP;;;;;;;AAOD,GAjEgC;;AAmEjCqB,EAAAA,QAnEiC,oBAmExBjB,CAnEwB,EAmEd;AACjB,WAAOJ,GAAP;AACmBI,IAAAA,CAAC,CAACkB,0BADrB;AAEWlB,IAAAA,CAAC,CAACO,sBAFb;;;AAKYP,IAAAA,CAAC,CAACmB,oBALd;;AAOenB,IAAAA,CAAC,CAACoB,sBAPjB;AAQapB,IAAAA,CAAC,CAACqB,sBARf,EAQyCrB,CAAC,CAACsB,sBAR3C,EAQqEtB,CAAC,CAACqB,sBARvE;;;;AAYkBrB,IAAAA,CAAC,CAACuB,qBAZpB;;;AAeD,GAnFgC;;AAqFjCC,EAAAA,MArFiC,kBAqF1BxB,CArF0B,EAqFhB;AACf,WAAOJ,GAAP;;AAEgBI,IAAAA,CAAC,CAACyB,sBAFlB;AAGWzB,IAAAA,CAAC,CAAC0B,yBAHb;;AAKD,GA3FgC;;AA6FjCC,EAAAA,eA7FiC,2BA6FjB3B,CA7FiB,EA6FP;AACxB,WAAOJ,GAAP;;AAE8BI,IAAAA,CAAC,CAAC4B,gBAFhC;;;AAKD,GAnGgC;;AAqGjCC,EAAAA,WArGiC,yBAqGnB;AACZ,WAAOjC,GAAP;;;AAGD,GAzGgC;;AA2GjCkC,EAAAA,uBA3GiC,mCA2GT9B,CA3GS,EA2GC;AAChC,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAAC+B,4BADd;AAEiB/B,IAAAA,CAAC,CAAC+B,4BAFnB;;AAID,GAhHgC;;AAkHjCC,EAAAA,YAlHiC,wBAkHpBhC,CAlHoB,EAkHV;AACrB,WAAOJ,GAAP;;;AAGeI,IAAAA,CAAC,CAACiC,0BAHjB;AAIiBjC,IAAAA,CAAC,CAAC+B,4BAJnB;AAKW/B,IAAAA,CAAC,CAACkC,uBALb;;AAOD,GA1HgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n paging(t: Theme) {\n return css`\n user-select: none;\n outline: 0;\n font-size: ${t.pagingFontSize};\n line-height: ${t.pagingLineHeight};\n display: inline-block;\n `;\n },\n\n dots(t: Theme) {\n return css`\n color: ${t.pagingDotsColor};\n display: inline-block;\n padding: ${t.pagingDotsPadding};\n `;\n },\n\n forwardLink(t: Theme) {\n return css`\n color: ${t.pagingForwardLinkColor};\n cursor: pointer;\n display: inline-block;\n margin-top: ${t.pagingPageForwardLinkMarginTop};\n margin-left: ${t.pagingPageForwardLinkMarginLeft};\n outline: none;\n padding-right: ${t.pagingPageForwardLinkPaddingRight};\n position: relative;\n text-decoration: none;\n user-select: none;\n vertical-align: top;\n `;\n },\n\n forwardLinkFocused() {\n return css`\n text-decoration: underline;\n `;\n },\n\n forwardIcon(t: Theme) {\n return css`\n vertical-align: -2px;\n position: absolute;\n margin-top: ${t.pagingForwardIconMarginTop};\n right: 0;\n `;\n },\n\n disabled(t: Theme) {\n return css`\n color: ${t.pagingForwardLinkDisabledColor};\n cursor: default;\n `;\n },\n\n pageLinkWrapper() {\n return css`\n display: inline-flex;\n flex-flow: column nowrap;\n text-align: center;\n user-select: none;\n vertical-align: top;\n `;\n },\n\n pageLink(t: Theme) {\n return css`\n border-radius: ${t.pagingPageLinkBorderRadius};\n color: ${t.pagingForwardLinkColor};\n cursor: pointer;\n display: block;\n margin: ${t.pagingPageLinkMargin};\n outline: none;\n min-width: ${t.pagingPageLinkMinWidth};\n padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX} ${t.pagingPageLinkPaddingY};\n text-decoration: none;\n\n &:hover {\n background: ${t.pagingPageLinkHoverBg};\n }\n `;\n },\n\n active(t: Theme) {\n return css`\n cursor: default;\n background: ${t.pagingPageLinkActiveBg} !important; // override hover styles\n color: ${t.pagingPageLinkActiveColor};\n `;\n },\n\n pageLinkFocused(t: Theme) {\n return css`\n ${`\n box-shadow: 0 0 0 2px ${t.borderColorFocus};\n `}\n `;\n },\n\n transparent() {\n return css`\n color: transparent;\n `;\n },\n\n pageLinkHintPlaceHolder(t: Theme) {\n return css`\n height: ${t.pagingPageLinkHintLineHeight};\n line-height: ${t.pagingPageLinkHintLineHeight};\n `;\n },\n\n pageLinkHint(t: Theme) {\n return css`\n display: inline-block;\n margin: 0 -20px;\n font-size: ${t.pagingPageLinkHintFontSize};\n line-height: ${t.pagingPageLinkHintLineHeight};\n color: ${t.pagingPageLinkHintColor};\n `;\n },\n});\n"]}

package/components/Paging/Paging.styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const styles: {
     paging(t: Theme): string;
     dots(t: Theme): string;
     forwardLink(t: Theme): string;
@@ -8,7 +8,7 @@ export declare const jsStyles: {
     disabled(t: Theme): string;
     pageLinkWrapper(): string;
     pageLink(t: Theme): string;
-    active(): string;
+    active(t: Theme): string;
     pageLinkFocused(t: Theme): string;
     transparent(): string;
     pageLinkHintPlaceHolder(t: Theme): string;

package/components/Paging/PagingHelper/PagingHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["PagingHelper.tsx"],"names":["getItems","active","total","result","left","Math","max","min","right","hasLeftDots","from","hasRightDots","to","push","i","isFinite"],"mappings":";;AAEA,OAAO,SAASA,QAAT,CAAkBC,MAAlB,EAAkCC,KAAlC,EAA6D;AAClE,MAAMC,MAAkB,GAAG,EAA3B;;AAEA,MAAMC,IAAI,GAAGC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASN,MAAM,GAAG,CAAlB,EAAqBC,KAAK,GAAG,CAA7B,CAAT,EAA0C,CAA1C,CAAb;AACA,MAAMM,KAAK,GAAGH,IAAI,CAACE,GAAL,CAASF,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYL,MAAM,GAAG,CAArB,CAAT,EAAkCC,KAAlC,CAAd;;AAEA,MAAMO,WAAW,GAAGL,IAAI,GAAG,CAA3B;AACA,MAAMM,IAAI,GAAGD,WAAW,GAAGL,IAAH,GAAU,CAAlC;;AAEA,MAAMO,YAAY,GAAGH,KAAK,GAAGN,KAAK,GAAG,CAArC;AACA,MAAMU,EAAE,GAAGD,YAAY,GAAGH,KAAH,GAAWN,KAAlC;;AAEA,MAAIO,WAAJ,EAAiB;AACfN,IAAAA,MAAM,CAACU,IAAP,CAAY,CAAZ,EAAe,GAAf;AACD;;AAED,OAAK,IAAIC,CAAC,GAAGJ,IAAb,EAAmBI,CAAC,IAAIF,EAAxB,EAA4B,EAAEE,CAA9B,EAAiC;AAC/BX,IAAAA,MAAM,CAACU,IAAP,CAAYC,CAAZ;AACD;;AAED,MAAIH,YAAJ,EAAkB;AAChBR,IAAAA,MAAM,CAACU,IAAP,CAAY,GAAZ;AACD;;AAED,MAAIF,YAAY,IAAII,QAAQ,CAACb,KAAD,CAA5B,EAAqC;AACnCC,IAAAA,MAAM,CAACU,IAAP,CAAYX,KAAZ;AACD;;AAED,SAAOC,MAAP;AACD","sourcesContent":["import { ItemType } from './Paging';\r\n\r\nexport function getItems(active: number, total: number): ItemType[] {\r\n const result: ItemType[] = [];\r\n\r\n const left = Math.max(Math.min(active - 2, total - 4), 1);\r\n const right = Math.min(Math.max(5, active + 2), total);\r\n\r\n const hasLeftDots = left > 3;\r\n const from = hasLeftDots ? left : 1;\r\n\r\n const hasRightDots = right < total - 2;\r\n const to = hasRightDots ? right : total;\r\n\r\n if (hasLeftDots) {\r\n result.push(1, '.');\r\n }\r\n\r\n for (let i = from; i <= to; ++i) {\r\n result.push(i);\r\n }\r\n\r\n if (hasRightDots) {\r\n result.push('.');\r\n }\r\n\r\n if (hasRightDots && isFinite(total)) {\r\n result.push(total);\r\n }\r\n\r\n return result;\r\n}\r\n"]}
1	+ {"version":3,"sources":["PagingHelper.tsx"],"names":["getItems","active","total","result","left","Math","max","min","right","hasLeftDots","from","hasRightDots","to","push","i","isFinite"],"mappings":";;AAEA,OAAO,SAASA,QAAT,CAAkBC,MAAlB,EAAkCC,KAAlC,EAA6D;AAClE,MAAMC,MAAkB,GAAG,EAA3B;;AAEA,MAAMC,IAAI,GAAGC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASN,MAAM,GAAG,CAAlB,EAAqBC,KAAK,GAAG,CAA7B,CAAT,EAA0C,CAA1C,CAAb;AACA,MAAMM,KAAK,GAAGH,IAAI,CAACE,GAAL,CAASF,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYL,MAAM,GAAG,CAArB,CAAT,EAAkCC,KAAlC,CAAd;;AAEA,MAAMO,WAAW,GAAGL,IAAI,GAAG,CAA3B;AACA,MAAMM,IAAI,GAAGD,WAAW,GAAGL,IAAH,GAAU,CAAlC;;AAEA,MAAMO,YAAY,GAAGH,KAAK,GAAGN,KAAK,GAAG,CAArC;AACA,MAAMU,EAAE,GAAGD,YAAY,GAAGH,KAAH,GAAWN,KAAlC;;AAEA,MAAIO,WAAJ,EAAiB;AACfN,IAAAA,MAAM,CAACU,IAAP,CAAY,CAAZ,EAAe,GAAf;AACD;;AAED,OAAK,IAAIC,CAAC,GAAGJ,IAAb,EAAmBI,CAAC,IAAIF,EAAxB,EAA4B,EAAEE,CAA9B,EAAiC;AAC/BX,IAAAA,MAAM,CAACU,IAAP,CAAYC,CAAZ;AACD;;AAED,MAAIH,YAAJ,EAAkB;AAChBR,IAAAA,MAAM,CAACU,IAAP,CAAY,GAAZ;AACD;;AAED,MAAIF,YAAY,IAAII,QAAQ,CAACb,KAAD,CAA5B,EAAqC;AACnCC,IAAAA,MAAM,CAACU,IAAP,CAAYX,KAAZ;AACD;;AAED,SAAOC,MAAP;AACD","sourcesContent":["import { ItemType } from './Paging';\n\nexport function getItems(active: number, total: number): ItemType[] {\n const result: ItemType[] = [];\n\n const left = Math.max(Math.min(active - 2, total - 4), 1);\n const right = Math.min(Math.max(5, active + 2), total);\n\n const hasLeftDots = left > 3;\n const from = hasLeftDots ? left : 1;\n\n const hasRightDots = right < total - 2;\n const to = hasRightDots ? right : total;\n\n if (hasLeftDots) {\n result.push(1, '.');\n }\n\n for (let i = from; i <= to; ++i) {\n result.push(i);\n }\n\n if (hasRightDots) {\n result.push('.');\n }\n\n if (hasRightDots && isFinite(total)) {\n result.push(total);\n }\n\n return result;\n}\n"]}

package/components/Paging/index/index.js.map CHANGED Viewed

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

package/components/Paging/locale/index/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","PagingLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,~~SAAUC~~,iBAAiB,IAAIC,~~KAA/B~~,~~QAA4C~~,~~cAA5C~~;AACA,~~SAAUD~~,iBAAiB,IAAIE,~~KAA/B~~,~~QAA4C~~,~~cAA5C~~;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,kBAAkB,GAAG,IAAIJ,YAAJ,CAA+B;AAC/DG,EAAAA,KAAK,EAALA,KAD+D;AAE/DD,EAAAA,KAAK,EAALA,KAF+D,EAA/B,CAA3B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport { componentsLocales as en_GB } from './locales/en';\r\nimport { componentsLocales as ru_RU } from './locales/ru';\r\nimport { PagingLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const PagingLocaleHelper = new LocaleHelper<PagingLocale>({\r\n ru_RU,\r\n en_GB,\r\n});\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","PagingLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,kBAAkB,GAAG,IAAIJ,YAAJ,CAA+B;AAC/DG,EAAAA,KAAK,EAALA,KAD+D;AAE/DD,EAAAA,KAAK,EAALA,KAF+D,EAA/B,CAA3B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { PagingLocale } from './types';\n\nexport * from './types';\n\nexport const PagingLocaleHelper = new LocaleHelper<PagingLocale>({\n ru_RU,\n en_GB,\n});\n"]}

package/components/Paging/locale/locales/en/en.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["en.ts"],"names":["componentsLocales","forward"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,OAAO,EAAE,SADoC,EAAxC","sourcesContent":["import { PagingLocale } from '../types';\r\n\r\nexport const componentsLocales: PagingLocale = {\r\n forward: 'Forward',\r\n};\r\n"]}
1	+ {"version":3,"sources":["en.ts"],"names":["componentsLocales","forward"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,OAAO,EAAE,SADoC,EAAxC","sourcesContent":["import { PagingLocale } from '../types';\n\nexport const componentsLocales: PagingLocale = {\n forward: 'Forward',\n};\n"]}

package/components/Paging/locale/locales/ru/ru.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ru.ts"],"names":["componentsLocales","forward"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,OAAO,EAAE,QADoC,EAAxC","sourcesContent":["import { PagingLocale } from '../types';\r\n\r\nexport const componentsLocales: PagingLocale = {\r\n forward: 'Дальше',\r\n};\r\n"]}
1	+ {"version":3,"sources":["ru.ts"],"names":["componentsLocales","forward"],"mappings":";;AAEA,OAAO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,OAAO,EAAE,QADoC,EAAxC","sourcesContent":["import { PagingLocale } from '../types';\n\nexport const componentsLocales: PagingLocale = {\n forward: 'Дальше',\n};\n"]}

package/components/PasswordInput/PasswordInput/PasswordInput.js CHANGED Viewed

@@ -10,9 +10,11 @@ import { Input } from "../../Input";
 import { EyeClosedIcon, EyeOpenedIcon } from "../../../internal/icons/16px";
 import { isIE11 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../PasswordInput.styles";
-/**
- * Компонент для ввода пароля
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../PasswordInput.styles";
+/**
+ * Компонент для ввода пароля
  */
 export var PasswordInput = /*#__PURE__*/function (_React$Component) {
@@ -30,6 +32,7 @@ export var PasswordInput = /*#__PURE__*/function (_React$Component) {
       visible: false,
       capsLockEnabled: false
     };
+    _this.theme = void 0;
     _this.input = void 0;
     _this.focus = function () {
@@ -107,12 +110,13 @@ export var PasswordInput = /*#__PURE__*/function (_React$Component) {
     _this.renderEye = function () {
       var capsLockEnabled = _this.state.capsLockEnabled;
       return /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.iconWrapper()
+        className: styles.iconWrapper()
       }, capsLockEnabled && /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.capsLockDetector()
+        className: styles.capsLockDetector(),
+        "data-tid": "PasswordInputCapsLockDetector"
       }), /*#__PURE__*/React.createElement("span", {
         "data-tid": "PasswordInputEyeIcon",
-        className: jsStyles.toggleVisibility(),
+        className: cx(styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()),
         onClick: _this.handleToggleVisibility
       }, _this.state.visible ? /*#__PURE__*/React.createElement(EyeClosedIcon, {
         size: 14
@@ -136,7 +140,7 @@ export var PasswordInput = /*#__PURE__*/function (_React$Component) {
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: jsStyles.root()
+        className: styles.root()
       }, /*#__PURE__*/React.createElement(Input, _extends({
         ref: _this.refInput,
         type: _this.state.visible ? 'text' : 'password'
@@ -164,19 +168,42 @@ export var PasswordInput = /*#__PURE__*/function (_React$Component) {
   };
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, this.renderMain);
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _this2.props, _this2.renderMain);
+    });
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
+  _proto.getEyeWrapperClassname = function getEyeWrapperClassname(right) {
+    if (right === void 0) {
+      right = false;
+    }
+    switch (this.props.size) {
+      case 'large':
+        return styles.eyeWrapperLarge(this.theme);
+      case 'medium':
+        return styles.eyeWrapperMedium(this.theme);
+      case 'small':
+      default:
+        return styles.eyeWrapperSmall(this.theme);
+    }
+  };
   return PasswordInput;
 }(React.Component);
 PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput';
 PasswordInput.propTypes = {
-  /**
-  * Включает CapsLock детектор
+  /**
+  * Включает CapsLock детектор
   */
   detectCapsLock: PropTypes.bool
 };