npm - @skbkontur/react-ui - Versions diffs - 0.0.0-942b5aade9 → 0.0.0-95a1dbe516 - Mend

@skbkontur/react-ui 0.0.0-942b5aade9 → 0.0.0-95a1dbe516

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Paging.tsx"],"names":["IGNORE_EVENT_TAGS","PagingDataTids","root","dots","forwardLink","pageLinkWrapper","pageLink","Paging","PagingLocaleHelper","rootNode","getProps","defaultProps","state","focusedByTab","focusedItem","keyboardControl","useGlobalListener","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","props","activePage","renderPageLink","styles","theme","dotsDisabled","classes","pageLinkFocused","pageLinkDisabled","forwardLinkFocused","forwardLinkDisabled","Component","component","forward","locale","forwardIcon","parseInt","pagingForwardIconSize","marginLeft","emptyHandler","goForward","caption","pageNumber","pageLinkCurrent","pageLinkCurrentDisabled","handleClick","goToPage","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","pageLinkHint","transparent","NavigationHelper","getKeyName","pageLinkHintPlaceHolder","handleMouseDown","setState","isIE11","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isArrowRight","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","executeItemAction","handleFocus","globalThat","requestAnimationFrame","keyListener","isTabPressed","handleBlur","getItems","pagesCount","concat","isItemFocusable","moveFocus","step","items","findIndex","x","length","onPageChange","addGlobalListener","renderTarget","addEventListener","removeGlobalListener","removeEventListener","refContainer","element","isForward","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","shouldBeVisibleWithLessThanTwoPages","renderMain","dataTid","setRootNode","paging","pagingDisabled","undefined","map","React","PureComponent","__KONTUR_REACT_UI__","PagingDefaultComponent","propTypes","number","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { func, number } from 'prop-types';\n\nimport { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { emptyHandler } from '../../lib/utils';\nimport { isIE11 } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ArrowChevronRightIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { globalThat, renderTarget } from '../../lib/SSRSafe';\n\nimport { styles } from './Paging.styles';\nimport * as NavigationHelper from './NavigationHelper';\nimport { getItems } from './PagingHelper';\nimport { PagingLocale, PagingLocaleHelper } from './locale';\nimport { PagingDefaultComponent } from './PagingDefaultComponent';\nimport { ForwardIcon } from './ForwardIcon';\n\nconst IGNORE_EVENT_TAGS = ['input', 'textarea'];\n\nexport interface 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 Определяет, нужно ли показывать `Paging` когда страница всего одна.\n \n Этот проп будет удалён в 5-ой версии библиотеки,\n * так как поведение со скрытием `Paging`'а станет поведением по умолчанию.\n \n @default false\n /\n shouldBeVisibleWithLessThanTwoPages?: boolean;\n}\n\nexport interface PagingState {\n focusedByTab: boolean;\n focusedItem: Nullable<ItemType>;\n keyboardControl: boolean;\n}\n\nexport type ItemType = number \| '.' \| 'forward';\n\nexport const PagingDataTids = {\n root: 'Paging__root',\n dots: 'Paging__dots',\n forwardLink: 'Paging__forwardLink',\n pageLinkWrapper: 'Paging__pageLinkWrapper',\n pageLink: 'Paging__pageLink',\n} as const;\n\ntype DefaultProps = Required<\n Pick<PagingProps, 'component' \| 'shouldBeVisibleWithLessThanTwoPages' \| 'useGlobalListener' \| 'data-tid'>\n>;\n\n@rootNode\n@locale('Paging', PagingLocaleHelper)\nexport class Paging extends React.PureComponent<PagingProps, PagingState> {\n public static __KONTUR_REACT_UI__ = 'Paging';\n\n public static defaultProps: DefaultProps = {\n component: PagingDefaultComponent,\n shouldBeVisibleWithLessThanTwoPages: true,\n useGlobalListener: false,\n 'data-tid': PagingDataTids.root,\n };\n\n private getProps = createPropsGetter(Paging.defaultProps);\n\n public static propTypes = {};\n private setRootNode!: TSetRootNode;\n\n public static isForward(pageNumber: number \| 'forward'): boolean / %checks / {\n return pageNumber === 'forward';\n }\n\n public state: PagingState = {\n focusedByTab: false,\n focusedItem: null,\n keyboardControl: this.getProps().useGlobalListener,\n };\n\n private theme!: Theme;\n private readonly locale!: PagingLocale;\n private addedGlobalListener = false;\n private container: HTMLSpanElement \| null = null;\n\n public componentDidMount() {\n const useGlobalListener = this.getProps().useGlobalListener;\n if (useGlobalListener) {\n this.addGlobalListener();\n }\n }\n\n public componentDidUpdate(prevProps: PagingProps) {\n const useGlobalListener = this.getProps().useGlobalListener;\n if (!prevProps.useGlobalListener && useGlobalListener) {\n this.addGlobalListener();\n }\n\n if (prevProps.useGlobalListener && !useGlobalListener) {\n this.removeGlobalListener();\n }\n\n if (prevProps.useGlobalListener !== useGlobalListener) {\n this.setState({\n keyboardControl: useGlobalListener,\n });\n }\n }\n\n public componentWillUnmount() {\n this.removeGlobalListener();\n }\n\n public render() {\n if (this.props.pagesCount < 2 && !this.getProps().shouldBeVisibleWithLessThanTwoPages) {\n return null;\n }\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { 'data-tid': dataTid, useGlobalListener } = this.getProps();\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span\n tabIndex={this.props.disabled ? -1 : 0}\n data-tid={dataTid}\n className={cx({ [styles.paging(this.theme)]: true, [styles.pagingDisabled()]: this.props.disabled })}\n onKeyDown={useGlobalListener ? undefined : this.handleKeyDown}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onMouseDown={this.handleMouseDown}\n ref={this.refContainer}\n >\n {this.getItems().map(this.renderItem)}\n </span>\n </CommonWrapper>\n );\n }\n\n private renderItem = (item: ItemType, index: number) => {\n const focused = this.getFocusedItem() === item;\n switch (item) {\n case '.': {\n const key = `dots${index < 5 ? 'Left' : 'Right'}`;\n return this.renderDots(key);\n }\n case 'forward': {\n const disabled = this.isItemDisabled(item);\n return this.renderForwardLink(disabled, focused);\n }\n default: {\n const active = this.props.activePage === item;\n return this.renderPageLink(item, active, focused);\n }\n }\n };\n\n private renderDots = (key: string) => {\n return (\n <span\n data-tid={PagingDataTids.dots}\n key={key}\n className={cx({ [styles.dots(this.theme)]: true, [styles.dotsDisabled(this.theme)]: this.props.disabled })}\n >\n {'...'}\n </span>\n );\n };\n\n private renderForwardLink = (disabled: boolean, focused: boolean): JSX.Element => {\n const classes = isTheme2022(this.theme)\n ? cx(\n styles.pageLink(this.theme),\n styles.forwardLink(this.theme),\n focused && styles.pageLinkFocused(this.theme),\n disabled \|\| (this.props.disabled && styles.pageLinkDisabled(this.theme)),\n )\n : cx({\n [styles.forwardLink(this.theme)]: true,\n [styles.forwardLinkFocused()]: focused,\n [styles.forwardLinkDisabled(this.theme)]: disabled \|\| this.props.disabled,\n });\n const Component = this.getProps().component;\n const { forward } = this.locale;\n\n const forwardIcon = isTheme2022(this.theme) ? (\n <ForwardIcon size={parseInt(this.theme.pagingForwardIconSize)} style={{ marginLeft: 4 }} />\n ) : (\n <span className={styles.forwardIcon(this.theme)}>\n <ArrowChevronRightIcon size={this.theme.pagingForwardIconSize} />\n </span>\n );\n\n return (\n <Component\n key={'forward'}\n data-tid={PagingDataTids.forwardLink}\n active={false}\n className={classes}\n onClick={disabled ? emptyHandler : this.goForward}\n tabIndex={-1}\n pageNumber={'forward' as const}\n >\n {this.props.caption \|\| forward}\n {forwardIcon}\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.pageLinkDisabled(this.theme)]: this.props.disabled,\n [styles.pageLinkCurrent(this.theme)]: active,\n [styles.pageLinkCurrentDisabled(this.theme)]: active && this.props.disabled,\n });\n const Component = this.getProps().component;\n const handleClick = () => this.goToPage(pageNumber);\n\n return (\n <span\n data-tid={PagingDataTids.pageLinkWrapper}\n key={pageNumber}\n className={styles.pageLinkWrapper()}\n onMouseDown={this.handleMouseDownPageLink}\n >\n <Component\n data-tid={PagingDataTids.pageLink}\n active={active}\n className={classes}\n onClick={handleClick}\n tabIndex={-1}\n pageNumber={pageNumber}\n >\n {pageNumber}\n </Component>\n {active && this.renderNavigationHint()}\n </span>\n );\n };\n\n private renderNavigationHint = () => {\n if (this.props.withoutNavigationHint) {\n return null;\n }\n\n const { keyboardControl } = this.state;\n const canGoBackward = this.canGoBackward();\n const canGoForward = this.canGoForward();\n\n 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 = () => {\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 globalThat.requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n };\n\n private handleBlur = () => {\n this.setState({\n focusedByTab: false,\n keyboardControl: this.getProps().useGlobalListener \|\| false,\n });\n };\n\n private getItems = (): ItemType[] => {\n return getItems(this.props.activePage, this.props.pagesCount).concat('forward');\n };\n\n private getFocusedItem = (): Nullable<ItemType> => {\n if (!this.state.focusedByTab) {\n return null;\n }\n\n const { focusedItem } = this.state;\n if (focusedItem && this.getItems().includes(focusedItem) && this.isItemFocusable(focusedItem)) {\n return focusedItem;\n }\n\n return this.props.activePage;\n };\n\n private isItemFocusable = (item: ItemType) => {\n return !this.isItemDisabled(item);\n };\n\n private isItemDisabled = (item: ItemType) => {\n switch (item) {\n case '.':\n return true;\n case 'forward':\n return !this.canGoForward();\n default:\n return false;\n }\n };\n\n private executeItemAction = (item: Nullable<ItemType>) => {\n if (item === 'forward') {\n this.goForward();\n }\n if (typeof item === 'number') {\n this.goToPage(item);\n }\n };\n\n private moveFocusLeft = () => {\n this.moveFocus(-1);\n };\n\n private moveFocusRight = () => {\n this.moveFocus(1);\n };\n\n private moveFocus = (step: number) => {\n const focusedItem = this.getFocusedItem();\n const items = this.getItems();\n let index = items.findIndex((x) => x === focusedItem);\n do {\n index = (index + step + items.length) % items.length;\n } while (!this.isItemFocusable(items[index]));\n this.setState({ focusedItem: items[index] });\n };\n\n private canGoBackward = (): boolean => {\n return this.props.activePage > 1;\n };\n\n private canGoForward = (): boolean => {\n return this.props.activePage < this.props.pagesCount;\n };\n\n private goBackward = () => {\n this.goToPage(this.props.activePage - 1);\n };\n\n private goForward = () => {\n this.goToPage(this.props.activePage + 1);\n };\n\n private goToPage = (pageNumber: number) => {\n if (pageNumber >= 1 && pageNumber !== this.props.activePage && pageNumber <= this.props.pagesCount) {\n this.props.onPageChange(pageNumber);\n }\n };\n\n private addGlobalListener = () => {\n if (this.addedGlobalListener) {\n return;\n }\n\n renderTarget.addEventListener('keydown', this.handleKeyDown);\n this.addedGlobalListener = true;\n };\n\n private removeGlobalListener = () => {\n if (this.addedGlobalListener) {\n renderTarget.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"]}
1	+ {"version":3,"sources":["Paging.tsx"],"names":["IGNORE_EVENT_TAGS","PagingDataTids","root","dots","forwardLink","pageLinkWrapper","pageLink","Paging","PagingLocaleHelper","rootNode","getProps","defaultProps","state","focusedByTab","focusedItem","keyboardControl","useGlobalListener","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","props","activePage","renderPageLink","styles","emotion","cx","theme","dotsDisabled","classes","pageLinkFocused","pageLinkDisabled","forwardLinkFocused","forwardLinkDisabled","Component","component","forward","locale","forwardIcon","parseInt","pagingForwardIconSize","marginLeft","emptyHandler","goForward","caption","pageNumber","pageLinkCurrent","pageLinkCurrentDisabled","handleClick","goToPage","handleMouseDownPageLink","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","hint","transparent","NavigationHelper","getKeyName","pageLinkHint","handleMouseDown","setState","isIE11","globalObject","setTimeout","focus","handleKeyDown","e","shiftKey","target","isArrowLeft","isArrowRight","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","executeItemAction","handleFocus","requestAnimationFrame","keyListener","isTabPressed","handleBlur","getItems","pagesCount","concat","isItemFocusable","moveFocus","step","items","findIndex","x","length","onPageChange","addGlobalListener","document","addEventListener","removeGlobalListener","removeEventListener","refContainer","element","isForward","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","shouldBeVisibleWithLessThanTwoPages","renderMain","dataTid","setRootNode","paging","pagingDisabled","undefined","map","React","PureComponent","__KONTUR_REACT_UI__","displayName","PagingDefaultComponent","propTypes","number","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { func, number } from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\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 { Theme } from '../../lib/theming/Theme';\nimport { ArrowChevronRightIcon } from '../../internal/icons/16px';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/getVisualStateDataAttributes';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './Paging.styles';\nimport * as NavigationHelper from './NavigationHelper';\nimport { getItems } from './PagingHelper';\nimport { PagingLocale, PagingLocaleHelper } from './locale';\nimport { PagingDefaultComponent } from './PagingDefaultComponent';\nimport { ForwardIcon } from './ForwardIcon';\n\nconst IGNORE_EVENT_TAGS = ['input', 'textarea'];\n\nexport interface 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 Определяет, нужно ли показывать `Paging` когда страница всего одна.\n \n Этот проп будет удалён в 5-ой версии библиотеки,\n * так как поведение со скрытием `Paging`'а станет поведением по умолчанию.\n \n @default false\n /\n shouldBeVisibleWithLessThanTwoPages?: boolean;\n}\n\nexport interface PagingState {\n focusedByTab: boolean;\n focusedItem: Nullable<ItemType>;\n keyboardControl: boolean;\n}\n\nexport type ItemType = number \| '.' \| 'forward';\n\nexport const PagingDataTids = {\n root: 'Paging__root',\n dots: 'Paging__dots',\n forwardLink: 'Paging__forwardLink',\n pageLinkWrapper: 'Paging__pageLinkWrapper',\n pageLink: 'Paging__pageLink',\n} as const;\n\ntype DefaultProps = Required<\n Pick<PagingProps, 'component' \| 'shouldBeVisibleWithLessThanTwoPages' \| 'useGlobalListener' \| 'data-tid'>\n>;\n\n@rootNode\n@locale('Paging', PagingLocaleHelper)\nexport class Paging extends React.PureComponent<PagingProps, PagingState> {\n public static __KONTUR_REACT_UI__ = 'Paging';\n public static displayName = 'Paging';\n\n public static defaultProps: DefaultProps = {\n component: PagingDefaultComponent,\n shouldBeVisibleWithLessThanTwoPages: true,\n useGlobalListener: false,\n 'data-tid': PagingDataTids.root,\n };\n\n private getProps = createPropsGetter(Paging.defaultProps);\n\n public static propTypes = {};\n private setRootNode!: TSetRootNode;\n\n public static isForward(pageNumber: number \| 'forward'): boolean / %checks / {\n return pageNumber === 'forward';\n }\n\n public state: PagingState = {\n focusedByTab: false,\n focusedItem: null,\n keyboardControl: this.getProps().useGlobalListener,\n };\n\n private theme!: Theme;\n private emotion!: Emotion;\n private readonly locale!: PagingLocale;\n private addedGlobalListener = false;\n private container: HTMLSpanElement \| null = null;\n\n public componentDidMount() {\n const useGlobalListener = this.getProps().useGlobalListener;\n if (useGlobalListener) {\n this.addGlobalListener();\n }\n }\n\n public componentDidUpdate(prevProps: PagingProps) {\n const useGlobalListener = this.getProps().useGlobalListener;\n if (!prevProps.useGlobalListener && useGlobalListener) {\n this.addGlobalListener();\n }\n\n if (prevProps.useGlobalListener && !useGlobalListener) {\n this.removeGlobalListener();\n }\n\n if (prevProps.useGlobalListener !== useGlobalListener) {\n this.setState({\n keyboardControl: useGlobalListener,\n });\n }\n }\n\n public componentWillUnmount() {\n this.removeGlobalListener();\n }\n\n public render() {\n if (this.props.pagesCount < 2 && !this.getProps().shouldBeVisibleWithLessThanTwoPages) {\n return null;\n }\n\n return (\n <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <ThemeConsumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeConsumer>\n );\n }}\n </EmotionConsumer>\n );\n }\n\n private renderMain() {\n const { 'data-tid': dataTid, useGlobalListener } = this.getProps();\n const styles = getStyles(this.emotion);\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span\n tabIndex={this.props.disabled ? -1 : 0}\n data-tid={dataTid}\n className={this.emotion.cx({\n [styles.paging(this.theme)]: true,\n [styles.pagingDisabled()]: this.props.disabled,\n })}\n onKeyDown={useGlobalListener ? undefined : this.handleKeyDown}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onMouseDown={this.handleMouseDown}\n ref={this.refContainer}\n >\n {this.getItems().map(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 const styles = getStyles(this.emotion);\n return (\n <span\n data-tid={PagingDataTids.dots}\n key={key}\n className={this.emotion.cx({\n [styles.dots(this.theme)]: true,\n [styles.dotsDisabled(this.theme)]: this.props.disabled,\n })}\n >\n {'...'}\n </span>\n );\n };\n\n private renderForwardLink = (disabled: boolean, focused: boolean): JSX.Element => {\n const styles = getStyles(this.emotion);\n const classes = isTheme2022(this.theme)\n ? this.emotion.cx(\n styles.pageLink(this.theme),\n styles.forwardLink(this.theme),\n focused && styles.pageLinkFocused(this.theme),\n (disabled \|\| this.props.disabled) && styles.pageLinkDisabled(this.theme),\n )\n : this.emotion.cx({\n [styles.forwardLink(this.theme)]: true,\n [styles.forwardLinkFocused()]: focused,\n [styles.forwardLinkDisabled(this.theme)]: disabled \|\| this.props.disabled,\n });\n const Component = this.getProps().component;\n const { forward } = this.locale;\n\n const forwardIcon = isTheme2022(this.theme) ? (\n <ForwardIcon size={parseInt(this.theme.pagingForwardIconSize)} style={{ marginLeft: 4 }} />\n ) : (\n <span className={styles.forwardIcon(this.theme)}>\n <ArrowChevronRightIcon size={this.theme.pagingForwardIconSize} />\n </span>\n );\n\n return (\n <Component\n key={'forward'}\n data-tid={PagingDataTids.forwardLink}\n active={false}\n className={classes}\n onClick={disabled ? emptyHandler : this.goForward}\n tabIndex={-1}\n pageNumber={'forward' as const}\n >\n {this.props.caption \|\| forward}\n {forwardIcon}\n </Component>\n );\n };\n\n private renderPageLink = (pageNumber: number, active: boolean, focused: boolean): JSX.Element => {\n const styles = getStyles(this.emotion);\n const disabled = this.props.disabled;\n const classes = this.emotion.cx({\n [styles.pageLink(this.theme)]: true,\n [styles.pageLinkFocused(this.theme)]: focused,\n [styles.pageLinkDisabled(this.theme)]: disabled,\n [styles.pageLinkCurrent(this.theme)]: active,\n [styles.pageLinkCurrentDisabled(this.theme)]: active && disabled,\n });\n const Component = this.getProps().component;\n const handleClick = () => this.goToPage(pageNumber);\n\n return (\n <span\n data-tid={PagingDataTids.pageLinkWrapper}\n key={pageNumber}\n className={styles.pageLinkWrapper()}\n {...getVisualStateDataAttributes({ active, disabled })}\n onMouseDown={this.handleMouseDownPageLink}\n >\n <Component\n data-tid={PagingDataTids.pageLink}\n active={active}\n className={classes}\n onClick={handleClick}\n tabIndex={-1}\n pageNumber={pageNumber}\n >\n {pageNumber}\n </Component>\n {active && this.renderNavigationHint()}\n </span>\n );\n };\n\n private renderNavigationHint = () => {\n if (this.props.withoutNavigationHint) {\n return null;\n }\n\n const { keyboardControl } = this.state;\n const canGoBackward = this.canGoBackward();\n const canGoForward = this.canGoForward();\n\n let hint = null;\n const styles = getStyles(this.emotion);\n if (keyboardControl && (canGoBackward \|\| canGoForward)) {\n hint = (\n <>\n <span className={canGoBackward ? '' : styles.transparent()}>{'←'}</span>\n <span>{NavigationHelper.getKeyName()}</span>\n <span className={canGoForward ? '' : styles.transparent()}>{'→'}</span>\n </>\n );\n }\n return <div className={styles.pageLinkHint(this.theme)}>{hint}</div>;\n };\n\n private handleMouseDown = () => {\n this.setState({ focusedByTab: false, focusedItem: null });\n };\n\n private handleMouseDownPageLink = () => {\n if (isIE11) {\n // Клик по span внутри контейнера с tabindex=\"0\" переносит фокус именно на этот span.\n // Поэтому горячие клавиши работают пока span существует на странице.\n globalObject.setTimeout(() => this.container && this.container.focus(), 0);\n }\n };\n\n private handleKeyDown = (e: KeyboardEvent \| React.KeyboardEvent<HTMLElement>) => {\n if (e.shiftKey) {\n return;\n }\n\n const target = e.target;\n\n const isArrowLeft = isKeyArrowLeft(e);\n const isArrowRight = isKeyArrowRight(e);\n\n if (\n isInstanceOf(target, globalObject.Element) &&\n (IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) \|\| (target as HTMLElement).isContentEditable)\n ) {\n return;\n }\n\n if (NavigationHelper.checkKeyPressed(e) && isArrowLeft) {\n this.setState({ focusedItem: null }, this.goBackward);\n return;\n }\n if (NavigationHelper.checkKeyPressed(e) && isArrowRight) {\n this.setState({ focusedItem: null }, this.goForward);\n return;\n }\n\n if (this.container && this.container === e.target) {\n if (isArrowLeft) {\n this.setState({ focusedByTab: true }, this.moveFocusLeft);\n return;\n }\n if (isArrowRight) {\n this.setState({ focusedByTab: true }, this.moveFocusRight);\n return;\n }\n if (isKeyEnter(e)) {\n this.executeItemAction(this.getFocusedItem());\n return;\n }\n }\n };\n\n private handleFocus = () => {\n if (this.props.disabled) {\n return;\n }\n\n this.setState({ keyboardControl: true });\n\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n };\n\n private handleBlur = () => {\n this.setState({\n focusedByTab: false,\n keyboardControl: this.getProps().useGlobalListener \|\| false,\n });\n };\n\n private getItems = (): ItemType[] => {\n return getItems(this.props.activePage, this.props.pagesCount).concat('forward');\n };\n\n private getFocusedItem = (): Nullable<ItemType> => {\n if (!this.state.focusedByTab) {\n return null;\n }\n\n const { focusedItem } = this.state;\n if (focusedItem && this.getItems().includes(focusedItem) && this.isItemFocusable(focusedItem)) {\n return focusedItem;\n }\n\n return this.props.activePage;\n };\n\n private isItemFocusable = (item: ItemType) => {\n return !this.isItemDisabled(item);\n };\n\n private isItemDisabled = (item: ItemType) => {\n switch (item) {\n case '.':\n return true;\n case 'forward':\n return !this.canGoForward();\n default:\n return false;\n }\n };\n\n private executeItemAction = (item: Nullable<ItemType>) => {\n if (item === 'forward') {\n this.goForward();\n }\n if (typeof item === 'number') {\n this.goToPage(item);\n }\n };\n\n private moveFocusLeft = () => {\n this.moveFocus(-1);\n };\n\n private moveFocusRight = () => {\n this.moveFocus(1);\n };\n\n private moveFocus = (step: number) => {\n const focusedItem = this.getFocusedItem();\n const items = this.getItems();\n let index = items.findIndex((x) => x === focusedItem);\n do {\n index = (index + step + items.length) % items.length;\n } while (!this.isItemFocusable(items[index]));\n this.setState({ focusedItem: items[index] });\n };\n\n private canGoBackward = (): boolean => {\n return this.props.activePage > 1;\n };\n\n private canGoForward = (): boolean => {\n return this.props.activePage < this.props.pagesCount;\n };\n\n private goBackward = () => {\n this.goToPage(this.props.activePage - 1);\n };\n\n private goForward = () => {\n this.goToPage(this.props.activePage + 1);\n };\n\n private goToPage = (pageNumber: number) => {\n if (pageNumber >= 1 && pageNumber !== this.props.activePage && pageNumber <= this.props.pagesCount) {\n this.props.onPageChange(pageNumber);\n }\n };\n\n private addGlobalListener = () => {\n if (this.addedGlobalListener) {\n return;\n }\n\n globalObject.document?.addEventListener('keydown', this.handleKeyDown);\n this.addedGlobalListener = true;\n };\n\n private removeGlobalListener = () => {\n if (this.addedGlobalListener) {\n globalObject.document?.removeEventListener('keydown', this.handleKeyDown);\n\n this.addedGlobalListener = false;\n }\n };\n\n private refContainer = (element: HTMLSpanElement \| null) => {\n this.container = element;\n };\n}\n\nPaging.propTypes = {\n /\n Current active page\n /\n activePage: number.isRequired,\n\n /\n React component that would be used for rendering items\n \n Usefull for router integration\n /\n component: func,\n\n /\n Total page count\n /\n pagesCount: number.isRequired,\n\n /\n Calls when page has been changed\n */\n onPageChange: func.isRequired,\n};\n"]}

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

@@ -1,5 +1,6 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: (emotion: Emotion) => {
     paging(t: Theme): string;
     pagingDisabled(): string;
     dots(t: Theme): string;
@@ -15,6 +16,5 @@ export declare const styles: {
     pageLinkCurrentDisabled(t: Theme): string;
     pageLinkFocused(t: Theme): string;
     transparent(): string;
-    pageLinkHintPlaceHolder(t: Theme): string;
     pageLinkHint(t: Theme): string;
 };

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

@@ -1,153 +1,151 @@
-"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, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = 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, _templateObject14, _templateObject15, _templateObject16;
-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      display: inline-block;\n    "])),
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      paging: function paging(t) {
+        return 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);
+        t.pagingFontSize,
+        t.pagingLineHeight);
-  },
-  pagingDisabled: function pagingDisabled() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n    "])));
+      },
+      pagingDisabled: function pagingDisabled() {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        pointer-events: none;\n      "])));
-  },
-  dots: function dots(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      display: inline-block;\n      padding: ", ";\n    "])),
-    t.pagingDotsColor,
+      },
-    t.pagingDotsPadding);
+      dots: function dots(t) {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        display: inline-block;\n        padding: ", ";\n      "])),
+        t.pagingDotsColor,
-  },
+        t.pagingDotsPadding);
-  dotsDisabled: function dotsDisabled(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.pagingDotsDisabledColor);
+      },
-  },
+      dotsDisabled: function dotsDisabled(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+        t.pagingDotsDisabledColor);
-  forwardLink: function forwardLink(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      margin-top: ", ";\n      margin-left: ", ";\n      outline: none;\n      padding-right: ", ";\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    "])),
-    t.pagingForwardLinkColor,
+      },
+      forwardLink: function forwardLink(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: pointer;\n        display: inline-block;\n        margin-top: ", ";\n        margin-left: ", ";\n        outline: none;\n        padding-right: ", ";\n        position: relative;\n        text-decoration: none;\n        user-select: none;\n        vertical-align: top;\n      "])),
+        t.pagingForwardLinkColor,
-    t.pagingPageForwardLinkMarginTop,
-    t.pagingPageForwardLinkMarginLeft,
-    t.pagingPageForwardLinkPaddingRight);
+        t.pagingPageForwardLinkMarginTop,
+        t.pagingPageForwardLinkMarginLeft,
+        t.pagingPageForwardLinkPaddingRight);
-  },
-  forwardLinkFocused: function forwardLinkFocused() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: underline;\n    "])));
+      },
+      forwardLinkFocused: function forwardLinkFocused() {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-decoration: underline;\n      "])));
-  },
-  forwardIcon: function forwardIcon(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      vertical-align: -2px;\n      position: absolute;\n      margin-top: ", ";\n      right: 0;\n    "])),
+      },
+      forwardIcon: function forwardIcon(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        vertical-align: -2px;\n        position: absolute;\n        margin-top: ", ";\n        right: 0;\n      "])),
-    t.pagingForwardIconMarginTop);
+        t.pagingForwardIconMarginTop);
-  },
-  forwardLinkDisabled: function forwardLinkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
-    t.pagingForwardLinkDisabledColor);
+      },
+      forwardLinkDisabled: function forwardLinkDisabled(t) {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: default;\n      "])),
+        t.pagingForwardLinkDisabledColor);
-  },
-  pageLinkWrapper: function pageLinkWrapper() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
+      },
+      pageLinkWrapper: function pageLinkWrapper() {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: content-box;\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      box-sizing: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n    "])),
+      },
-    t.pagingPageLinkBorderRadius,
-    t.pagingForwardLinkColor,
+      pageLink: function pageLink(t) {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-sizing: content-box;\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        box-sizing: ", ";\n\n        &:hover {\n          background: ", ";\n        }\n      "])),
+        t.pagingPageLinkBorderRadius,
+        t.pagingForwardLinkColor,
-    t.pagingPageLinkMargin,
-    t.pagingPageLinkMinWidth,
-    t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY,
+        t.pagingPageLinkMargin,
-    t.pagingPageLinkBoxSizing,
+        t.pagingPageLinkMinWidth,
+        t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY,
+        t.pagingPageLinkBoxSizing,
-    t.pagingPageLinkHoverBg);
+        t.pagingPageLinkHoverBg);
-  },
-  pageLinkDisabled: function pageLinkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.linkDisabledColor);
+      },
-  },
+      pageLinkDisabled: function pageLinkDisabled(t) {
+        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        pointer-events: none;\n      "])),
+        t.linkDisabledColor);
-  pageLinkCurrent: function pageLinkCurrent(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background: ", " !important; // override hover styles\n      color: ", ";\n    "])),
-    t.pagingPageLinkActiveBg,
-    t.pagingPageLinkActiveColor);
+      },
-  },
+      pageLinkCurrent: function pageLinkCurrent(t) {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n        background: ", " !important; // override hover styles\n        color: ", ";\n      "])),
-  pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      color: ", ";\n    "])),
-    t.pagingPageLinkDisabledActiveBg,
-    t.linkDisabledColor);
+        t.pagingPageLinkActiveBg,
+        t.pagingPageLinkActiveColor);
-  },
+      },
-  pageLinkFocused: function pageLinkFocused(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " +
+      pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important;\n        color: ", ";\n      "])),
+        t.pagingPageLinkDisabledActiveBg,
+        t.linkDisabledColor);
-    t.borderColorFocus + ";\n        ");
+      },
+      pageLinkFocused: function pageLinkFocused(t) {
+        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])), "\n          box-shadow: 0 0 0 2px " +
-  },
+        t.borderColorFocus + ";\n        ");
-  transparent: function transparent() {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
+      },
-  },
+      transparent: function transparent() {
+        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: transparent;\n      "])));
-  pageLinkHintPlaceHolder: function pageLinkHintPlaceHolder(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n      line-height: ", ";\n    "])),
-    t.pagingPageLinkHintLineHeight,
-    t.pagingPageLinkHintLineHeight);
-  },
+      },
-  pageLinkHint: function pageLinkHint(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])),
+      pageLinkHint: function pageLinkHint(t) {
+        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        margin: ", ";\n        font-size: ", ";\n        height: ", ";\n        line-height: ", ";\n        color: ", ";\n      "])),
-    t.pagingPageLinkHintMargin,
-    t.pagingPageLinkHintFontSize,
-    t.pagingPageLinkHintLineHeight,
-    t.pagingPageLinkHintColor);
+        t.pagingPageLinkHintMargin,
+        t.pagingPageLinkHintFontSize,
+        t.pagingPageLinkHintLineHeight,
+        t.pagingPageLinkHintLineHeight,
+        t.pagingPageLinkHintColor);
-  } });exports.styles = styles;
+      } }));};exports.getStyles = getStyles;

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","pagingDisabled","dots","pagingDotsColor","pagingDotsPadding","dotsDisabled","pagingDotsDisabledColor","forwardLink","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkFocused","forwardIcon","pagingForwardIconMarginTop","forwardLinkDisabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBorderRadius","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkBoxSizing","pagingPageLinkHoverBg","pageLinkDisabled","linkDisabledColor","pageLinkCurrent","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkCurrentDisabled","pagingPageLinkDisabledActiveBg","pageLinkFocused","borderColorFocus","transparent","~~pageLinkHintPlaceHolder~~","~~pagingPageLinkHintLineHeight~~","~~pageLinkHint~~","~~pagingPageLinkHintMargin~~","~~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~~,~~cAXiC~~,~~4BAWhB~~;AACf,~~eAAOH~~,~~YAAP~~;;;AAGD,~~GAfgC~~;;~~AAiBjCI~~,~~EAAAA~~,~~IAjBiC~~,~~gBAiB5BL~~,~~CAjB4B~~,~~EAiBlB~~;AACb,~~eAAOC~~,~~YAAP~~;AACWD,~~IAAAA~~,CAAC,CAACM,eADb;;AAGaN,~~IAAAA~~,CAAC,CAACO,iBAHf;;AAKD,~~GAvBgC~~;;~~AAyBjCC~~,~~EAAAA~~,~~YAzBiC~~,~~wBAyBpBR~~,~~CAzBoB~~,~~EAyBV~~;AACrB,~~eAAOC~~,~~YAAP~~;AACWD,~~IAAAA~~,CAAC,CAACS,uBADb;;AAGD,~~GA7BgC~~;;AA+~~BjCC~~,~~EAAAA~~,WA/~~BiC~~,uBA+~~BrBV~~,CA/~~BqB~~,EA+BX;AACpB,~~eAAOC~~,~~YAAP~~;AACWD,~~IAAAA~~,CAAC,CAACW,sBADb;;;AAIgBX,~~IAAAA~~,CAAC,CAACY,8BAJlB;AAKiBZ,~~IAAAA~~,CAAC,CAACa,+BALnB;;AAOmBb,~~IAAAA~~,CAAC,CAACc,iCAPrB;;;;;;AAaD,~~GA7CgC~~;;AA+~~CjCC~~,~~EAAAA~~,kBA/~~CiC~~,gCA+CZ;AACnB,~~eAAOd~~,~~YAAP~~;;;AAGD,~~GAnDgC~~;;~~AAqDjCe~~,~~EAAAA~~,~~WArDiC~~,~~uBAqDrBhB~~,~~CArDqB~~,~~EAqDX~~;AACpB,~~eAAOC~~,~~YAAP~~;;;AAGgBD,~~IAAAA~~,CAAC,CAACiB,0BAHlB;;;AAMD,~~GA5DgC~~;;~~AA8DjCC~~,~~EAAAA~~,~~mBA9DiC~~,+~~BA8DblB~~,~~CA9Da~~,~~EA8DH~~;AAC5B,~~eAAOC~~,~~YAAP~~;AACWD,~~IAAAA~~,CAAC,CAACmB,8BADb;;;AAID,~~GAnEgC~~;;~~AAqEjCC~~,~~EAAAA~~,~~eArEiC~~,~~6BAqEf~~;AAChB,~~eAAOnB~~,~~YAAP~~;;;;;;;AAOD,~~GA7EgC~~;;AA+~~EjCoB~~,~~EAAAA~~,QA/~~EiC~~,oBA+~~ExBrB~~,CA/~~EwB~~,EA+Ed;AACjB,~~eAAOC~~,~~YAAP~~;;AAEmBD,~~IAAAA~~,CAAC,CAACsB,0BAFrB;AAGWtB,~~IAAAA~~,CAAC,CAACW,sBAHb;;;AAMYX,~~IAAAA~~,CAAC,CAACuB,oBANd;;AAQevB,~~IAAAA~~,CAAC,CAACwB,sBARjB;AASaxB,~~IAAAA~~,CAAC,CAACyB,sBATf,EASyCzB,CAAC,CAAC0B,sBAT3C,EASqE1B,CAAC,CAACyB,sBATvE;;AAWgBzB,~~IAAAA~~,CAAC,CAAC2B,uBAXlB;;;AAckB3B,~~IAAAA~~,CAAC,CAAC4B,qBAdpB;;;AAiBD,~~GAjGgC~~;;~~AAmGjCC~~,~~EAAAA~~,~~gBAnGiC~~,~~4BAmGhB7B~~,~~CAnGgB~~,~~EAmGN~~;AACzB,~~eAAOC~~,~~YAAP~~;AACWD,~~IAAAA~~,CAAC,CAAC8B,iBADb~~;;AAGD~~,~~GAvGgC~~;;~~AAyGjCC~~,~~EAAAA~~,~~eAzGiC~~,~~2BAyGjB~~/B,~~CAzGiB~~,~~EAyGP~~;AACxB,~~eAAOC~~,~~YAAP~~;;AAEgBD,~~IAAAA~~,CAAC,CAACgC,sBAFlB;AAGWhC,~~IAAAA~~,CAAC,CAACiC,yBAHb;;AAKD,~~GA/GgC~~;;~~AAiHjCC~~,~~EAAAA~~,~~uBAjHiC~~,~~mCAiHTlC~~,~~CAjHS~~,~~EAiHC~~;AAChC,~~eAAOC~~,~~YAAP~~;AACgBD,~~IAAAA~~,CAAC,CAACmC,8BADlB;AAEWnC,~~IAAAA~~,CAAC,CAAC8B,iBAFb;;AAID,~~GAtHgC~~;;~~AAwHjCM~~,~~EAAAA~~,~~eAxHiC~~,~~2BAwHjBpC~~,~~CAxHiB~~,~~EAwHP~~;AACxB,~~eAAOC~~,~~YAAP~~;;~~AAE8BD~~,~~IAAAA~~,CAAC,CAACqC,~~gBAFhC~~;;;AAKD,~~GA9HgC~~;;~~AAgIjCC~~,~~EAAAA~~,~~WAhIiC~~,~~yBAgInB~~;AACZ,~~eAAOrC~~,~~YAAP~~;;;AAGD,~~GApIgC~~;;~~AAsIjCsC~~,~~EAAAA~~,~~uBAtIiC~~,~~mCAsITvC~~,~~CAtIS~~,~~EAsIC~~;~~AAChC~~,~~eAAOC~~,~~YAAP;AACYD~~,~~IAAAA~~,~~CAAC~~,~~CAACwC~~,~~4BADd;AAEiBxC,IAAAA,~~CAAC,CAACwC,~~4BAFnB;;AAID,GA3IgC;;AA6IjCC,EAAAA,YA7IiC,wBA6IpBzC,CA7IoB,EA6IV~~;~~AACrB~~,~~eAAOC~~,~~YAAP;;AAEYD,IAAAA,~~CAAC,~~CAAC0C~~,~~wBAFd~~;~~AAGe1C~~,~~IAAAA~~,CAAC,~~CAAC2C~~,~~0BAHjB~~;~~AAIiB3C~~,~~IAAAA~~,CAAC,~~CAACwC~~,~~4BAJnB~~;~~AAKWxC~~,~~IAAAA~~,CAAC,~~CAAC4C~~,~~uBALb~~;;~~AAOD~~,~~GArJgC~~,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 pagingDisabled() {\n return css`\n pointer-events: none;\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 dotsDisabled(t: Theme) {\n return css`\n color: ${t.pagingDotsDisabledColor};\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 forwardLinkDisabled(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 box-sizing: content-box;\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 box-sizing: ${t.pagingPageLinkBoxSizing};\n\n &:hover {\n background: ${t.pagingPageLinkHoverBg};\n }\n `;\n },\n\n pageLinkDisabled(t: Theme) {\n return css`\n color: ${t.linkDisabledColor};\n `;\n },\n\n pageLinkCurrent(t: Theme) {\n return css`\n cursor: default;\n background: ${t.pagingPageLinkActiveBg} !important; // override hover styles\n color: ${t.pagingPageLinkActiveColor};\n `;\n },\n\n pageLinkCurrentDisabled(t: Theme) {\n return css`\n background: ${t.pagingPageLinkDisabledActiveBg} !important;\n color: ${t.linkDisabledColor};\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: ${t.pagingPageLinkHintMargin};\n font-size: ${t.pagingPageLinkHintFontSize};\n line-height: ${t.pagingPageLinkHintLineHeight};\n color: ${t.pagingPageLinkHintColor};\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Paging.styles.ts"],"names":["getStyles","emotion","paging","t","css","pagingFontSize","pagingLineHeight","pagingDisabled","dots","pagingDotsColor","pagingDotsPadding","dotsDisabled","pagingDotsDisabledColor","forwardLink","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkFocused","forwardIcon","pagingForwardIconMarginTop","forwardLinkDisabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBorderRadius","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkBoxSizing","pagingPageLinkHoverBg","pageLinkDisabled","linkDisabledColor","pageLinkCurrent","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkCurrentDisabled","pagingPageLinkDisabledActiveBg","pageLinkFocused","borderColorFocus","transparent","pageLinkHint","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n memoizeStyle({\n paging(t: Theme) {\n return emotion.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 pagingDisabled() {\n return emotion.css`\n pointer-events: none;\n `;\n },\n\n dots(t: Theme) {\n return emotion.css`\n color: ${t.pagingDotsColor};\n display: inline-block;\n padding: ${t.pagingDotsPadding};\n `;\n },\n\n dotsDisabled(t: Theme) {\n return emotion.css`\n color: ${t.pagingDotsDisabledColor};\n `;\n },\n\n forwardLink(t: Theme) {\n return emotion.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 emotion.css`\n text-decoration: underline;\n `;\n },\n\n forwardIcon(t: Theme) {\n return emotion.css`\n vertical-align: -2px;\n position: absolute;\n margin-top: ${t.pagingForwardIconMarginTop};\n right: 0;\n `;\n },\n\n forwardLinkDisabled(t: Theme) {\n return emotion.css`\n color: ${t.pagingForwardLinkDisabledColor};\n cursor: default;\n `;\n },\n\n pageLinkWrapper() {\n return emotion.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 emotion.css`\n box-sizing: content-box;\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 box-sizing: ${t.pagingPageLinkBoxSizing};\n\n &:hover {\n background: ${t.pagingPageLinkHoverBg};\n }\n `;\n },\n\n pageLinkDisabled(t: Theme) {\n return emotion.css`\n color: ${t.linkDisabledColor};\n pointer-events: none;\n `;\n },\n\n pageLinkCurrent(t: Theme) {\n return emotion.css`\n cursor: default;\n background: ${t.pagingPageLinkActiveBg} !important; // override hover styles\n color: ${t.pagingPageLinkActiveColor};\n `;\n },\n\n pageLinkCurrentDisabled(t: Theme) {\n return emotion.css`\n background: ${t.pagingPageLinkDisabledActiveBg} !important;\n color: ${t.linkDisabledColor};\n `;\n },\n\n pageLinkFocused(t: Theme) {\n return emotion.css`\n ${`\n box-shadow: 0 0 0 2px ${t.borderColorFocus};\n `}\n `;\n },\n\n transparent() {\n return emotion.css`\n color: transparent;\n `;\n },\n\n pageLinkHint(t: Theme) {\n return emotion.css`\n display: inline-block;\n margin: ${t.pagingPageLinkHintMargin};\n font-size: ${t.pagingPageLinkHintFontSize};\n height: ${t.pagingPageLinkHintLineHeight};\n line-height: ${t.pagingPageLinkHintLineHeight};\n color: ${t.pagingPageLinkHintColor};\n `;\n },\n });\n"]}

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.PagingDefaultComponent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PagingDefaultComponent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../lib/utils");var _excluded = ["onClick", "className", "children"];

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["PagingDefaultComponent.tsx"],"names":["PagingDefaultComponent","onClick","className","children","rest","dataProps"],"mappings":"~~kXAAA~~;;AAEA,wC;;;;;;;;;;AAUO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAA4E,KAAzEC,OAAyE,QAAzEA,OAAyE,CAAhEC,SAAgE,QAAhEA,SAAgE,CAArDC,QAAqD,QAArDA,QAAqD,CAAxCC,IAAwC;AAChH,0BAAsB,6BAAiBA,IAAjB,CAAtB,CAAQC,SAAR,qBAAQA,SAAR;;AAEA;AACE,kEAAM,OAAO,EAAEJ,OAAf,EAAwB,SAAS,EAAEC,SAAnC,IAAkDG,SAAlD;AACGF,IAAAA,QADH,CADF;;;AAKD,CARM,C","sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport { CommonProps } from '../../internal/CommonWrapper';\n\ninterface PagingDefaultComponentInterface {\n onClick: () => void;\n children?: React.ReactNode;\n}\n\nexport type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;\n\nexport const PagingDefaultComponent = ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => {\n const { dataProps } = extractDataProps(rest);\n\n return (\n <span onClick={onClick} className={className} {...dataProps}>\n {children}\n </span>\n );\n};\n"]}
1	+ {"version":3,"sources":["PagingDefaultComponent.tsx"],"names":["PagingDefaultComponent","onClick","className","children","rest","dataProps"],"mappings":"0XAAA;;AAEA,wC;;;;;;;;;;AAUO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAA4E,KAAzEC,OAAyE,QAAzEA,OAAyE,CAAhEC,SAAgE,QAAhEA,SAAgE,CAArDC,QAAqD,QAArDA,QAAqD,CAAxCC,IAAwC;AAChH,0BAAsB,6BAAiBA,IAAjB,CAAtB,CAAQC,SAAR,qBAAQA,SAAR;;AAEA;AACE,kEAAM,OAAO,EAAEJ,OAAf,EAAwB,SAAS,EAAEC,SAAnC,IAAkDG,SAAlD;AACGF,IAAAA,QADH,CADF;;;AAKD,CARM,C","sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport { CommonProps } from '../../internal/CommonWrapper';\n\ninterface PagingDefaultComponentInterface {\n onClick: () => void;\n children?: React.ReactNode;\n}\n\nexport type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;\n\nexport const PagingDefaultComponent = ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => {\n const { dataProps } = extractDataProps(rest);\n\n return (\n <span onClick={onClick} className={className} {...dataProps}>\n {children}\n </span>\n );\n};\n"]}

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ClosedIcon = void 0;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ClosedIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _iconSizer = require("../../internal/icons2022/iconSizer");

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.OpenedIcon = void 0;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.OpenedIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _iconSizer = require("../../internal/icons2022/iconSizer");

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

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { InputProps } from '../Input';
 import { CommonProps } from '../../internal/CommonWrapper';
-export interface PasswordInputProps extends CommonProps, InputProps {
+export interface PasswordInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, InputProps {
     detectCapsLock?: boolean;
 }
 export interface PasswordInputState {
@@ -20,6 +20,7 @@ declare type DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;
  */
 export declare class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         /**
          * Включает CapsLock детектор
@@ -30,8 +31,10 @@ export declare class PasswordInput extends React.PureComponent<PasswordInputProp
     private getProps;
     state: PasswordInputState;
     private theme;
+    private emotion;
     private input;
     private setRootNode;
+    private readonly locale;
     componentDidMount(): void;
     static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState): PasswordInputState;
     render(): JSX.Element;