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/cjs/components/Paging/Paging.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Paging.tsx"],"names":["IGNORE_EVENT_TAGS","Paging","PagingLocaleHelper","state","focusedByTab","focusedItem","keyboardControl","props","useGlobalListener","theme","locale","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","activePage","renderPageLink","jsStyles","dots","classes","forwardLink","forwardLinkFocused","Component","component","caption","forward","emptyHandler","goForward","forwardIcon","pagingForwardIconSize","pageNumber","pageLink","pageLinkFocused","handleClick","goToPage","pageLinkWrapper","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","pageLinkHint","transparent","NavigationHelper","getKeyName","pageLinkHintPlaceHolder","handleMouseDown","setState","isIE11","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isArrowRight","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","executeItemAction","handleFocus","process","nextTick","tabListener","isTabPressed","handleBlur","getItems","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","React","__KONTUR_REACT_UI__","defaultProps","className","onClick","children","propTypes","number","isRequired","func"],"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":["IGNORE_EVENT_TAGS","Paging","PagingLocaleHelper","state","focusedByTab","focusedItem","keyboardControl","props","useGlobalListener","theme","locale","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","activePage","renderPageLink","styles","dots","classes","forwardLink","forwardLinkFocused","Component","component","caption","forward","emptyHandler","goForward","forwardIcon","pagingForwardIconSize","pageNumber","pageLink","pageLinkFocused","handleClick","goToPage","pageLinkWrapper","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","pageLinkHint","transparent","NavigationHelper","getKeyName","pageLinkHintPlaceHolder","handleMouseDown","setState","isIE11","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isArrowRight","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","executeItemAction","handleFocus","requestAnimationFrame","keyListener","isTabPressed","handleBlur","getItems","pagesCount","concat","isItemFocusable","moveFocus","step","items","findIndex","x","length","onPageChange","addGlobalListener","document","addEventListener","removeGlobalListener","removeEventListener","refContainer","element","isForward","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","componentDidUpdate","prevProps","componentWillUnmount","render","renderMain","paging","undefined","map","React","__KONTUR_REACT_UI__","defaultProps","className","onClick","children","propTypes","number","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { func, number } from 'prop-types';\n\nimport { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { emptyHandler } from '../../lib/utils';\nimport { isIE11 } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ArrowChevronRightIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\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/cjs/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/cjs/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/cjs/components/Paging/Paging.styles.js CHANGED Viewed

@@ -1,15 +1,15 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   paging: function paging(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n      outline: 0;\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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) {
@@ -52,8 +52,7 @@ var styles = {
   },
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        color: ", ";\n      }\n    "])),
-    (0, _Emotion.cssName)(styles.forwardLink(t)),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
     t.pagingForwardLinkDisabledColor);
@@ -70,7 +69,7 @@ var styles = {
   },
   pageLink: function pageLink(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
@@ -78,37 +77,29 @@ var styles = {
     t.pagingPageLinkMargin,
     t.pagingPageLinkMinWidth,
-    t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX,
-    (0, _ThemeHelpers.is8pxTheme)(t) ? t.pagingPageLinkPaddingY : t.pagingPageLinkLegacyPaddingY,
+    t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY,
-    (0, _Emotion.cssName)(styles.active()),
-    t.pagingPageLinkHoverBg,
-    (0, _Emotion.cssName)(styles.active()),
-    t.pagingPageLinkActiveBg,
-    t.pagingPageLinkActiveColor);
+    t.pagingPageLinkHoverBg);
   },
-  active: function active() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
+  active: function active(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background: ", " !important; // override hover styles\n      color: ", ";\n    "])),
+    t.pagingPageLinkActiveBg,
+    t.pagingPageLinkActiveColor);
   },
   pageLinkFocused: function pageLinkFocused(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _ThemeHelpers.is8pxTheme)(t) ? "\n          box-shadow: 0 0 0 2px " +
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " +
-    t.borderColorFocus + ";\n        " : "\n          margin: 0 -1px !important;\n          border: solid 2px " +
+    t.borderColorFocus + ";\n        ");
-    t.borderColorFocus + ";");
   },
   transparent: function transparent() {
@@ -125,17 +116,11 @@ var styles = {
   },
   pageLinkHint: function pageLinkHint(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin: 0 -20px;\n      font-size: ", ";\n      line-height: ", ";\n\n      ", " & {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin: 0 -20px;\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])),
     t.pagingPageLinkHintFontSize,
     t.pagingPageLinkHintLineHeight,
-    (0, _Emotion.cssName)(styles.pageLinkWrapper()),
     t.pagingPageLinkHintColor);
-  } };
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Paging.styles.ts"],"names":["styles","paging","t","css","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":"~~8QAAA;AACA~~,oD;;;~~AAGA~~,IAAMA,MAAM,GAAG;~~AACbC~~,EAAAA,~~MADa~~,~~kBACNC~~,~~CADM~~,~~EACI~~;AACf,eAAOC,YAAP;;;AAGeD,IAAAA,CAAC,CAACE,cAHjB;AAIiBF,IAAAA,CAAC,CAACG,gBAJnB~~;;AAMD~~,~~GARY~~;;~~AAUbC~~,EAAAA,~~IAVa~~,~~gBAURJ~~,~~CAVQ~~,~~EAUE~~;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACK,eADb;;AAGaL,IAAAA,CAAC,CAACM,iBAHf;;AAKD,~~GAhBY~~;;~~AAkBbC~~,EAAAA,~~WAlBa~~,~~uBAkBDP~~,~~CAlBC~~,~~EAkBS~~;AACpB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACQ,sBADb;;;AAIgBR,IAAAA,CAAC,CAACS,8BAJlB;AAKiBT,IAAAA,CAAC,CAACU,+BALnB;;AAOmBV,IAAAA,CAAC,CAACW,iCAPrB;;;;;;AAaD,~~GAhCY~~;;~~AAkCbC~~,EAAAA,~~kBAlCa~~,~~gCAkCQ~~;AACnB,eAAOX,YAAP;;;AAGD,~~GAtCY~~;;~~AAwCbY~~,EAAAA,~~WAxCa~~,~~uBAwCDb~~,~~CAxCC~~,~~EAwCS~~;AACpB,eAAOC,YAAP;;;AAGgBD,IAAAA,CAAC,CAACc,0BAHlB;;;AAMD,~~GA/CY~~;;~~AAiDbC~~,EAAAA,~~QAjDa~~,~~oBAiDJf~~,~~CAjDI~~,~~EAiDM~~;AACjB,eAAOC,YAAP;~~AACI~~,~~0BAAQH,MAAM,CAACS,WAAP,CAAmBP,CAAnB,CAAR,CADJ;AAEaA,~~IAAAA,CAAC,CAACgB,~~8BAFf~~;;;~~AAKD~~,~~GAvDY~~;;~~AAyDbC~~,EAAAA,~~eAzDa~~,~~6BAyDK~~;AAChB,eAAOhB,YAAP;;;;;;;AAOD,~~GAjEY~~;;~~AAmEbiB~~,EAAAA,~~QAnEa~~,~~oBAmEJlB~~,~~CAnEI~~,~~EAmEM~~;AACjB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACmB,0BADrB;AAEWnB,IAAAA,CAAC,CAACQ,sBAFb;;;AAKYR,IAAAA,CAAC,CAACoB,oBALd;;AAOepB,IAAAA,CAAC,CAACqB,sBAPjB;AAQarB,IAAAA,CAAC,CAACsB,sBARf,EAQyCtB,CAAC,CAACuB,sBAR3C~~;AASM~~,~~kCAAWvB~~,~~CAAX,IAAgBA,~~CAAC,CAACsB,~~sBAAlB~~,~~GAA2CtB~~,CAAC,CAACwB,~~4BATnD~~;;;~~AAYU~~,~~0BAAQ1B~~,~~MAAM~~,~~CAAC2B~~,~~MAAP~~,~~EAAR~~,~~CAZV~~;~~AAakBzB~~,IAAAA,CAAC,CAAC0B,~~qBAbpB;;;AAgBI,0BAAQ5B,MAAM,CAAC2B,MAAP,EAAR,CAhBJ~~;~~AAiBkBzB~~,IAAAA,CAAC,CAAC2B,~~sBAjBpB;AAkBa3B,IAAAA,CAAC,CAAC4B,yBAlBf;;;AAqBD,GAzFY~~;;~~AA2FbH~~,~~EAAAA,MA3Fa,oBA2FJ;AACP,eAAOxB,YAAP;;;AAGD,GA/FY~~;;~~AAiGb4B~~,EAAAA,~~eAjGa~~,~~2BAiGG7B~~,~~CAjGH~~,~~EAiGa~~;AACxB,eAAOC,YAAP~~;AACI,kCAAWD,CAAX~~;;~~AAE0BA~~,IAAAA,CAAC,~~CAAC8B~~,~~gBAF5B;;;;AAMsB9B~~,~~IAAAA,CAAC,CAAC8B,gBANxB,MADJ~~;;~~AASD~~,~~GA3GY;;AA6GbC,~~EAAAA,~~WA7Ga~~,~~yBA6GC~~;AACZ,~~eAAO9B~~,YAAP;;;AAGD,~~GAjHY~~;;~~AAmHb+B~~,EAAAA,~~uBAnHa~~,~~mCAmHWhC~~,~~CAnHX~~,~~EAmHqB~~;AAChC,eAAOC,YAAP;AACYD,IAAAA,CAAC,~~CAACiC~~,4BADd;~~AAEiBjC~~,IAAAA,CAAC,~~CAACiC~~,4BAFnB;;AAID,~~GAxHY~~;;~~AA0HbC~~,EAAAA,~~YA1Ha~~,~~wBA0HAlC~~,~~CA1HA~~,~~EA0HU~~;AACrB,eAAOC,YAAP;;;AAGeD,IAAAA,CAAC,~~CAACmC~~,0BAHjB;~~AAIiBnC~~,IAAAA,CAAC,~~CAACiC~~,4BAJnB~~;;AAMI,0BAAQnC,MAAM,CAACmB,eAAP,EAAR,CANJ~~;~~AAOajB~~,IAAAA,CAAC,~~CAACoC~~,~~uBAPf;;;AAUD~~,~~GArIY~~,~~EAAf;;;AAwIO~~,~~IAAMC~~,~~QAAQ,GAAG,2BAAavC,MAAb,CAAjB,~~C","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":["styles","paging","t","css","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":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,MADiC,kBAC1BC,CAD0B,EAChB;AACf,eAAOC,YAAP;;;AAGeD,IAAAA,CAAC,CAACE,cAHjB;AAIiBF,IAAAA,CAAC,CAACG,gBAJnB;;;AAOD,GATgC;;AAWjCC,EAAAA,IAXiC,gBAW5BJ,CAX4B,EAWlB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACK,eADb;;AAGaL,IAAAA,CAAC,CAACM,iBAHf;;AAKD,GAjBgC;;AAmBjCC,EAAAA,WAnBiC,uBAmBrBP,CAnBqB,EAmBX;AACpB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACQ,sBADb;;;AAIgBR,IAAAA,CAAC,CAACS,8BAJlB;AAKiBT,IAAAA,CAAC,CAACU,+BALnB;;AAOmBV,IAAAA,CAAC,CAACW,iCAPrB;;;;;;AAaD,GAjCgC;;AAmCjCC,EAAAA,kBAnCiC,gCAmCZ;AACnB,eAAOX,YAAP;;;AAGD,GAvCgC;;AAyCjCY,EAAAA,WAzCiC,uBAyCrBb,CAzCqB,EAyCX;AACpB,eAAOC,YAAP;;;AAGgBD,IAAAA,CAAC,CAACc,0BAHlB;;;AAMD,GAhDgC;;AAkDjCC,EAAAA,QAlDiC,oBAkDxBf,CAlDwB,EAkDd;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACgB,8BADb;;;AAID,GAvDgC;;AAyDjCC,EAAAA,eAzDiC,6BAyDf;AAChB,eAAOhB,YAAP;;;;;;;AAOD,GAjEgC;;AAmEjCiB,EAAAA,QAnEiC,oBAmExBlB,CAnEwB,EAmEd;AACjB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACmB,0BADrB;AAEWnB,IAAAA,CAAC,CAACQ,sBAFb;;;AAKYR,IAAAA,CAAC,CAACoB,oBALd;;AAOepB,IAAAA,CAAC,CAACqB,sBAPjB;AAQarB,IAAAA,CAAC,CAACsB,sBARf,EAQyCtB,CAAC,CAACuB,sBAR3C,EAQqEvB,CAAC,CAACsB,sBARvE;;;;AAYkBtB,IAAAA,CAAC,CAACwB,qBAZpB;;;AAeD,GAnFgC;;AAqFjCC,EAAAA,MArFiC,kBAqF1BzB,CArF0B,EAqFhB;AACf,eAAOC,YAAP;;AAEgBD,IAAAA,CAAC,CAAC0B,sBAFlB;AAGW1B,IAAAA,CAAC,CAAC2B,yBAHb;;AAKD,GA3FgC;;AA6FjCC,EAAAA,eA7FiC,2BA6FjB5B,CA7FiB,EA6FP;AACxB,eAAOC,YAAP;;AAE8BD,IAAAA,CAAC,CAAC6B,gBAFhC;;;AAKD,GAnGgC;;AAqGjCC,EAAAA,WArGiC,yBAqGnB;AACZ,eAAO7B,YAAP;;;AAGD,GAzGgC;;AA2GjC8B,EAAAA,uBA3GiC,mCA2GT/B,CA3GS,EA2GC;AAChC,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACgC,4BADd;AAEiBhC,IAAAA,CAAC,CAACgC,4BAFnB;;AAID,GAhHgC;;AAkHjCC,EAAAA,YAlHiC,wBAkHpBjC,CAlHoB,EAkHV;AACrB,eAAOC,YAAP;;;AAGeD,IAAAA,CAAC,CAACkC,0BAHjB;AAIiBlC,IAAAA,CAAC,CAACgC,4BAJnB;AAKWhC,IAAAA,CAAC,CAACmC,uBALb;;AAOD,GA1HgC,EAAb,CAAf,C","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/cjs/components/Paging/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":";;AAEO,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":";;AAEO,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/cjs/components/Paging/index.js.map CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":["PagingLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"2HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,kBAAkB,GAAG,IAAIC,0BAAJ,CAA+B;AAC/DC,EAAAA,KAAK,EAALA,qBAD+D;AAE/DC,EAAAA,KAAK,EAALA,qBAF+D,EAA/B,CAA3B,C","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":["PagingLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"2HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,kBAAkB,GAAG,IAAIC,0BAAJ,CAA+B;AAC/DC,EAAAA,KAAK,EAALA,qBAD+D;AAE/DC,EAAAA,KAAK,EAALA,qBAF+D,EAA/B,CAA3B,C","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/cjs/components/Paging/locale/locales/en.js.map CHANGED Viewed

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

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

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

package/cjs/components/PasswordInput/PasswordInput.d.ts CHANGED Viewed

@@ -24,6 +24,7 @@ export declare class PasswordInput extends React.Component<PasswordInputProps, P
         size: string;
     };
     state: PasswordInputState;
+    private theme;
     private input;
     UNSAFE_componentWillMount(): void;
     render(): JSX.Element;
@@ -40,6 +41,7 @@ export declare class PasswordInput extends React.Component<PasswordInputProps, P
     private handleToggleVisibility;
     private handleFocus;
     private handleBlur;
+    private getEyeWrapperClassname;
     private renderEye;
     private refInput;
     private renderMain;

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

@@ -9,6 +9,9 @@ var _px = require("../../internal/icons/16px");
 var _client = require("../../lib/client");
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
 var _PasswordInput = require("./PasswordInput.styles");
@@ -20,8 +23,8 @@ var _PasswordInput = require("./PasswordInput.styles");
-/**
- * Компонент для ввода пароля
+/**
+ * Компонент для ввода пароля
  */var
 PasswordInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(PasswordInput, _React$Component);function PasswordInput() {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.
@@ -42,6 +45,8 @@ PasswordInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       capsLockEnabled: false };_this.
+    theme = void 0;_this.
     input = void 0;_this.
@@ -56,6 +61,13 @@ PasswordInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
@@ -128,15 +140,27 @@ PasswordInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       }
     };_this.
     renderEye = function () {var
       capsLockEnabled = _this.state.capsLockEnabled;
       return /*#__PURE__*/(
-        _react.default.createElement("span", { className: _PasswordInput.jsStyles.iconWrapper() },
-        capsLockEnabled && /*#__PURE__*/_react.default.createElement("span", { className: _PasswordInput.jsStyles.capsLockDetector() }), /*#__PURE__*/
+        _react.default.createElement("span", { className: _PasswordInput.styles.iconWrapper() },
+        capsLockEnabled && /*#__PURE__*/_react.default.createElement("span", { className: _PasswordInput.styles.capsLockDetector(), "data-tid": "PasswordInputCapsLockDetector" }), /*#__PURE__*/
         _react.default.createElement("span", {
           "data-tid": "PasswordInputEyeIcon",
-          className: _PasswordInput.jsStyles.toggleVisibility(),
+          className: (0, _Emotion.cx)(_PasswordInput.styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()),
           onClick: _this.handleToggleVisibility },
         _this.state.visible ? /*#__PURE__*/_react.default.createElement(_px.EyeClosedIcon, { size: 14 }) : /*#__PURE__*/_react.default.createElement(_px.EyeOpenedIcon, { size: 14 }))));
@@ -158,15 +182,15 @@ PasswordInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
         rightIcon: _this.renderEye() });
       return /*#__PURE__*/(
-        _react.default.createElement("div", { className: _PasswordInput.jsStyles.root() }, /*#__PURE__*/
+        _react.default.createElement("div", { className: _PasswordInput.styles.root() }, /*#__PURE__*/
         _react.default.createElement(_Input.Input, (0, _extends2.default)({ ref: _this.refInput, type: _this.state.visible ? 'text' : 'password' }, inputProps))));
     };return _this;}var _proto = PasswordInput.prototype;_proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {if (this.props.detectCapsLock) {this.setState({ capsLockEnabled: null });} // @ts-ignore
     if (_client.isIE11 && !window.document.msCapsLockWarningOff) {// turns off default ie capslock warning
       // @ts-ignore
-      window.document.msCapsLockWarningOff = true;}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, this.renderMain);} /**
-   * @public
-   */;return PasswordInput;}(_react.default.Component);exports.PasswordInput = PasswordInput;PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput';PasswordInput.propTypes = { /**
-   * Включает CapsLock детектор
+      window.document.msCapsLockWarningOff = true;}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this2.props, _this2.renderMain);});} /**
+   * @public
+   */;_proto.getEyeWrapperClassname = function getEyeWrapperClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return _PasswordInput.styles.eyeWrapperLarge(this.theme);case 'medium':return _PasswordInput.styles.eyeWrapperMedium(this.theme);case 'small':default:return _PasswordInput.styles.eyeWrapperSmall(this.theme);}};return PasswordInput;}(_react.default.Component);exports.PasswordInput = PasswordInput;PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput';PasswordInput.propTypes = { /**
+   * Включает CapsLock детектор
    */detectCapsLock: _propTypes.default.bool };PasswordInput.defaultProps = { size: 'small' };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["PasswordInput.tsx"],"names":["PasswordInput","state","visible","capsLockEnabled","input","focus","blur","handleBlur","handleKeyPress","e","props","onKeyPress","detectCapsLock","getModifierState","Codes","CapsLock","setState","handleKeydown","onKeyDown","handleToggleVisibility","prevState","handleFocus","renderEye","~~jsStyles~~","iconWrapper","capsLockDetector","toggleVisibility","refInput","element","renderMain","rest","inputProps","rightIcon","root","UNSAFE_componentWillMount","isIE11","window","document","msCapsLockWarningOff","render","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","defaultProps"~~,"size"~~],"mappings":"qjBAAA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;;;;;;;;;;AAWA;AACA;AACA,G;AACaA,a;;;;;;;;;;;;;;AAcJC,IAAAA,K,GAA4B;AACjCC,MAAAA,OAAO,EAAE,KADwB;AAEjCC,MAAAA,eAAe,EAAE,KAFgB,E;;;AAK3BC,IAAAA,K~~;;;;;;;;;;;;;;;;;;;;;;AAsBDC~~,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,K;;;;;AAKMC,IAAAA,I,GAAO,YAAM;AAClB,YAAKC,UAAL;AACD,K;;AAEOC,IAAAA,c,GAAiB,UAACC,CAAD,EAA8C;AAC9B,YAAKC,KADyB,CAC7DC,UAD6D,eAC7DA,UAD6D,CACjDC,cADiD,eACjDA,cADiD;;AAGrE,UAAID,UAAJ,EAAgB;AACdA,QAAAA,UAAU,CAACF,CAAD,CAAV;AACD;;AAED,UAAI,CAACG,cAAL,EAAqB;AACnB;AACD;;AAED,~~UAAMT~~,eAAe,~~GAAGM~~,CAAC,CAACI,gBAAF,CAAmBC,uCAAMC,QAAzB,CAAxB;;AAEA,YAAKC,QAAL,CAAc,~~EAAEb~~,eAAe,EAAfA,eAAF,EAAd;AACD,K;;~~AAEOc~~,IAAAA,a,GAAgB,UAACR,CAAD,EAA8C;;AAElEC,MAAAA,KAFkE,CAEzDE,cAFyD,0BAEzDA,cAFyD,CAEzCM,SAFyC,0BAEzCA,SAFyC;~~AAGzDf~~,MAAAA,eAHyD,yBAGlEF,KAHkE,CAGzDE,eAHyD;;;AAMpE,~~UAAIe~~,SAAJ,EAAe;AACbA,QAAAA,SAAS,CAACT,CAAD,CAAT;AACD;;AAED,UAAI,CAACG,cAAL,EAAqB;AACnB;AACD;;AAED,UAAI,gCAAcH,CAAd,~~KAAoBN~~,eAAe,IAAI,IAA3C,EAAiD;AAC/C,~~cAAKa~~,QAAL,CAAc,~~EAAEb~~,eAAe,EAAE,CAACA,eAApB,EAAd;AACD;AACF,K;;~~AAEOgB~~,IAAAA,sB,GAAyB,YAAM;AACrC,YAAKH,QAAL,CAAc,~~UAAAI~~,~~SAAS~~,~~UAAK~~,~~EAAElB~~,OAAO,EAAE,~~CAACkB~~,SAAS,~~CAAClB~~,OAAtB,~~EAAL~~,~~EAAvB~~,~~EAA8D~~,~~MAAKmB~~,~~WAAnE~~;AACD,K;;AAEOA,IAAAA,W,GAAc,YAAM;AAC1B,UAAI,MAAKjB,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,K;;AAEOE,IAAAA,U,GAAa,YAAM;AACzB,UAAI,MAAKH,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWE,IAAX;AACD;AACF,K~~;;AAEOgB~~,IAAAA,S,GAAY,YAAM;~~AAChBnB~~,MAAAA,eADgB,GACI,MAAKF,KADT,CAChBE,eADgB;;AAGxB;AACE,+CAAM,SAAS,~~EAAEoB~~,~~wBAASC~~,~~WAAT~~,EAAjB;~~AACGrB~~,QAAAA,eAAe,iBAAI,uCAAM,SAAS,~~EAAEoB~~,~~wBAASE~~,~~gBAAT~~,EAAjB,GADtB;AAEE;AACE,sBAAS,sBADX;AAEE,UAAA,SAAS,~~EAAEF~~,~~wBAASG~~,~~gBAAT~~,~~EAFb~~;AAGE,UAAA,OAAO,EAAE,~~MAAKP~~,sBAHhB;;AAKG,~~cAAKlB~~,KAAL,CAAWC,OAAX,gBAAqB,6BAAC,iBAAD,IAAe,IAAI,EAAE,EAArB,GAArB,gBAAmD,6BAAC,iBAAD,IAAe,IAAI,EAAE,EAArB,GALtD,CAFF,CADF;;;;AAYD,K;;~~AAEOyB~~,IAAAA,Q,GAAW,UAACC,OAAD,EAAoB;AACrC,~~YAAKxB~~,KAAL,~~GAAawB~~,OAAb;AACD,K;;AAEOC,IAAAA,U,GAAa,~~UAACnB~~,KAAD,EAAuD;AAClEE,MAAAA,cADkE,GACtCF,KADsC,CAClEE,cADkE,CAC/~~CkB~~,IAD+C,+~~CACtCpB~~,KADsC;AAE1E,~~UAAMqB~~,UAAU;AACXD,MAAAA,IADW;~~AAEdZ~~,QAAAA,SAAS,EAAE,MAAKD,aAFF;AAGdN,QAAAA,UAAU,EAAE,MAAKH,cAHH;~~AAIdwB~~,QAAAA,SAAS,EAAE,~~MAAKV~~,SAAL,EAJG,GAAhB;;AAMA;AACE,8CAAK,SAAS,EAAEC,~~wBAASU~~,~~IAAT~~,EAAhB;AACE,qCAAC,YAAD,2BAAO,GAAG,EAAE,MAAKN,QAAjB,EAA2B,IAAI,EAAE,~~MAAK1B~~,KAAL,CAAWC,OAAX,GAAqB,MAArB,GAA8B,UAA/D,IAA+~~E6B~~,UAA/E,EADF,CADF;;;AAKD,K,~~2DAtHMG~~,yB,GAAP,qCAAmC,CACjC,IAAI,~~KAAKxB~~,KAAL,CAAWE,cAAf,EAA+B,CAC7B,KAAKI,QAAL,CAAc,~~EAAEb~~,eAAe,EAAE,IAAnB,EAAd,EACD,CAHgC,CAKjC;AACA,~~QAAIgC~~,kBAAU,CAACC,MAAM,CAACC,QAAP,CAAgBC,oBAA/B,EAAqD,CACnD;AACA;AACAF,MAAAA,MAAM,CAACC,QAAP,CAAgBC,oBAAhB,GAAuC,IAAvC,CACD,CACF,C,QAEMC,M,GAAP,kBAAgB,~~CACd~~,oBAAO,6BAAC,4BAAD,EAAmB,~~KAAK7B~~,KAAxB,EAAgC,~~KAAKmB~~,UAArC,CAAP,CACD,C,CAED;AACF;AACA,K,~~wBAxCmCW~~,eAAMC,S,~~wCAA5BzC~~,a,~~CACG0C~~,mB,GAAsB,e,~~CADzB1C~~,a,~~CAGG2C~~,S,GAAY,EACxB;AACJ;AACA,~~KACI/B~~,cAAc,~~EAAEgC~~,mBAAUC,IAJF,E,~~CAHf7C~~,a,~~CAUG8C~~,Y,GAAe,~~EAC3BC~~,IAAI,EAAE,OADqB,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\r\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\r\nimport { Input, InputProps } from '../Input';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { EyeClosedIcon, EyeOpenedIcon } from '../../internal/icons/16px';\r\nimport { isIE11 } from '../../lib/client';\r\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { ~~jsStyles~~ } from './PasswordInput.styles';\r\n\r\nexport interface PasswordInputProps extends CommonProps, InputProps {\r\n detectCapsLock?: boolean;\r\n}\r\n\r\nexport interface PasswordInputState {\r\n visible: boolean;\r\n capsLockEnabled?: boolean \| null;\r\n}\r\n\r\n/*\r\n Компонент для ввода пароля\r\n /\r\nexport class PasswordInput extends React.Component<PasswordInputProps, PasswordInputState> {\r\n public static __KONTUR_REACT_UI__ = 'PasswordInput';\r\n\r\n public static propTypes = {\r\n /\r\n Включает CapsLock детектор\r\n /\r\n detectCapsLock: PropTypes.bool,\r\n };\r\n\r\n public static defaultProps = {\r\n size: 'small',\r\n };\r\n\r\n public state: PasswordInputState = {\r\n visible: false,\r\n capsLockEnabled: false,\r\n };\r\n\r\n private input: Nullable<Input>;\r\n\r\n public UNSAFE_componentWillMount() {\r\n if (this.props.detectCapsLock) {\r\n this.setState({ capsLockEnabled: null });\r\n }\r\n\r\n // @ts-ignore\r\n if (isIE11 && !window.document.msCapsLockWarningOff) {\r\n // turns off default ie capslock warning\r\n // @ts-ignore\r\n window.document.msCapsLockWarningOff = true;\r\n }\r\n }\r\n\r\n public render() {\r\n return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n }\r\n\r\n /\r\n @public\r\n /\r\n public focus = () => {\r\n if (this.input) {\r\n this.input.focus();\r\n }\r\n };\r\n\r\n /\r\n @public\r\n */\r\n public blur = () => {\r\n this.handleBlur();\r\n };\r\n\r\n private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n const { onKeyPress, detectCapsLock } = this.props;\r\n\r\n if (onKeyPress) {\r\n onKeyPress(e);\r\n }\r\n\r\n if (!detectCapsLock) {\r\n return;\r\n }\r\n\r\n const capsLockEnabled = e.getModifierState(Codes.CapsLock);\r\n\r\n this.setState({ capsLockEnabled });\r\n };\r\n\r\n private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n const {\r\n props: { detectCapsLock, onKeyDown },\r\n state: { capsLockEnabled },\r\n } = this;\r\n\r\n if (onKeyDown) {\r\n onKeyDown(e);\r\n }\r\n\r\n if (!detectCapsLock) {\r\n return;\r\n }\r\n\r\n if (isKeyCapsLock(e) && capsLockEnabled != null) {\r\n this.setState({ capsLockEnabled: !capsLockEnabled });\r\n }\r\n };\r\n\r\n private handleToggleVisibility = () => {\r\n this.setState(prevState => ({ visible: !prevState.visible }), this.handleFocus);\r\n };\r\n\r\n private handleFocus = () => {\r\n if (this.input) {\r\n this.input.focus();\r\n }\r\n };\r\n\r\n private handleBlur = () => {\r\n if (this.input) {\r\n this.input.blur();\r\n }\r\n };\r\n\r\n private renderEye = () => {\r\n const { capsLockEnabled } = this.state;\r\n\r\n return (\r\n <span className={~~jsStyles~~.iconWrapper()}>\r\n {capsLockEnabled && <span className={~~jsStyles~~.capsLockDetector()} />}\r\n <span\r\n data-tid=\"PasswordInputEyeIcon\"\r\n className={~~jsStyles~~.toggleVisibility()}\r\n onClick={this.handleToggleVisibility}\r\n >\r\n {this.state.visible ? <EyeClosedIcon size={14} /> : <EyeOpenedIcon size={14} />}\r\n </span>\r\n </span>\r\n );\r\n };\r\n\r\n private refInput = (element: Input) => {\r\n this.input = element;\r\n };\r\n\r\n private renderMain = (props: CommonWrapperRestProps<PasswordInputProps>) => {\r\n const { detectCapsLock, ...rest } = props;\r\n const inputProps = {\r\n ...rest,\r\n onKeyDown: this.handleKeydown,\r\n onKeyPress: this.handleKeyPress,\r\n rightIcon: this.renderEye(),\r\n };\r\n return (\r\n <div className={~~jsStyles~~.root()}>\r\n <Input ref={this.refInput} type={this.state.visible ? 'text' : 'password'} {...inputProps} />\r\n </div>\r\n );\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["PasswordInput.tsx"],"names":["PasswordInput","state","visible","capsLockEnabled","theme","input","focus","blur","handleBlur","handleKeyPress","e","props","onKeyPress","detectCapsLock","getModifierState","Codes","CapsLock","setState","handleKeydown","onKeyDown","handleToggleVisibility","prevState","handleFocus","renderEye","styles","iconWrapper","capsLockDetector","toggleVisibility","getEyeWrapperClassname","refInput","element","renderMain","rest","inputProps","rightIcon","root","UNSAFE_componentWillMount","isIE11","window","document","msCapsLockWarningOff","render","right","size","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\nimport { Input, InputProps } from '../Input';\nimport { Nullable } from '../../typings/utility-types';\nimport { EyeClosedIcon, EyeOpenedIcon } from '../../internal/icons/16px';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './PasswordInput.styles';\n\nexport interface PasswordInputProps extends CommonProps, InputProps {\n detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n visible: boolean;\n capsLockEnabled?: boolean \| null;\n}\n\n/*\n Компонент для ввода пароля\n /\nexport class PasswordInput extends React.Component<PasswordInputProps, PasswordInputState> {\n public static __KONTUR_REACT_UI__ = 'PasswordInput';\n\n public static propTypes = {\n /\n Включает CapsLock детектор\n /\n detectCapsLock: PropTypes.bool,\n };\n\n public static defaultProps = {\n size: 'small',\n };\n\n public state: PasswordInputState = {\n visible: false,\n capsLockEnabled: false,\n };\n\n private theme!: Theme;\n\n private input: Nullable<Input>;\n\n public UNSAFE_componentWillMount() {\n if (this.props.detectCapsLock) {\n this.setState({ capsLockEnabled: null });\n }\n\n // @ts-ignore\n if (isIE11 && !window.document.msCapsLockWarningOff) {\n // turns off default ie capslock warning\n // @ts-ignore\n window.document.msCapsLockWarningOff = true;\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n @public\n /\n public focus = () => {\n if (this.input) {\n this.input.focus();\n }\n };\n\n /\n @public\n */\n public blur = () => {\n this.handleBlur();\n };\n\n private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n const { onKeyPress, detectCapsLock } = this.props;\n\n if (onKeyPress) {\n onKeyPress(e);\n }\n\n if (!detectCapsLock) {\n return;\n }\n\n const capsLockEnabled = e.getModifierState(Codes.CapsLock);\n\n this.setState({ capsLockEnabled });\n };\n\n private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n const {\n props: { detectCapsLock, onKeyDown },\n state: { capsLockEnabled },\n } = this;\n\n if (onKeyDown) {\n onKeyDown(e);\n }\n\n if (!detectCapsLock) {\n return;\n }\n\n if (isKeyCapsLock(e) && capsLockEnabled != null) {\n this.setState({ capsLockEnabled: !capsLockEnabled });\n }\n };\n\n private handleToggleVisibility = () => {\n this.setState((prevState) => ({ visible: !prevState.visible }), this.handleFocus);\n };\n\n private handleFocus = () => {\n if (this.input) {\n this.input.focus();\n }\n };\n\n private handleBlur = () => {\n if (this.input) {\n this.input.blur();\n }\n };\n\n private getEyeWrapperClassname(right = false) {\n switch (this.props.size) {\n case 'large':\n return styles.eyeWrapperLarge(this.theme);\n case 'medium':\n return styles.eyeWrapperMedium(this.theme);\n case 'small':\n default:\n return styles.eyeWrapperSmall(this.theme);\n }\n }\n\n private renderEye = () => {\n const { capsLockEnabled } = this.state;\n\n return (\n <span className={styles.iconWrapper()}>\n {capsLockEnabled && <span className={styles.capsLockDetector()} data-tid=\"PasswordInputCapsLockDetector\" />}\n <span\n data-tid=\"PasswordInputEyeIcon\"\n className={cx(styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}\n onClick={this.handleToggleVisibility}\n >\n {this.state.visible ? <EyeClosedIcon size={14} /> : <EyeOpenedIcon size={14} />}\n </span>\n </span>\n );\n };\n\n private refInput = (element: Input) => {\n this.input = element;\n };\n\n private renderMain = (props: CommonWrapperRestProps<PasswordInputProps>) => {\n const { detectCapsLock, ...rest } = props;\n const inputProps = {\n ...rest,\n onKeyDown: this.handleKeydown,\n onKeyPress: this.handleKeyPress,\n rightIcon: this.renderEye(),\n };\n return (\n <div className={styles.root()}>\n <Input ref={this.refInput} type={this.state.visible ? 'text' : 'password'} {...inputProps} />\n </div>\n );\n };\n}\n"]}

package/cjs/components/PasswordInput/PasswordInput.md CHANGED Viewed

@@ -1,9 +1,9 @@
-```jsx harmony
-<PasswordInput />
-```
-Пример с отслеживанием нажатия CapsLock:
-```jsx harmony
-<PasswordInput detectCapsLock />
-```
+```jsx harmony
+<PasswordInput />
+```
+Пример с отслеживанием нажатия CapsLock:
+```jsx harmony
+<PasswordInput detectCapsLock />
+```