npm - @skbkontur/react-ui - Versions diffs - 0.0.0-7b63c63db3 → 0.0.0-7feb61cdde - Mend

@skbkontur/react-ui 0.0.0-7b63c63db3 → 0.0.0-7feb61cdde

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

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

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

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
-interface ItemComponentProps {
+export interface ItemComponentProps {
     active: boolean;
     children?: React.ReactNode;
     className: string;
@@ -15,7 +15,7 @@ export interface PagingProps extends CommonProps {
      * Компонент обертки по умолчанию
      * @default <span />
      */
-    component: React.ComponentType<ItemComponentProps>;
+    component?: React.ComponentType<ItemComponentProps>;
     onPageChange: (pageNumber: number) => void;
     pagesCount: number;
     disabled?: boolean;
@@ -32,7 +32,7 @@ export interface PagingProps extends CommonProps {
      * **Paging** с useGlobalListener === true, то обработчик keyDown будет вызываться
      * на каждом из них. Такие случаи лучше обрабатывать отдельно.
      */
-    useGlobalListener: boolean;
+    useGlobalListener?: boolean;
     /**
      * Определяет, нужно ли показывать `Paging` когда страница всего одна.
      *
@@ -41,7 +41,7 @@ export interface PagingProps extends CommonProps {
      *
      * @default false
      */
-    shouldBeVisibleWithLessThanTwoPages: boolean;
+    shouldBeVisibleWithLessThanTwoPages?: boolean;
 }
 export interface PagingState {
     focusedByTab: boolean;
@@ -56,14 +56,11 @@ export declare const PagingDataTids: {
     readonly pageLinkWrapper: "Paging__pageLinkWrapper";
     readonly pageLink: "Paging__pageLink";
 };
+declare type DefaultProps = Required<Pick<PagingProps, 'component' | 'shouldBeVisibleWithLessThanTwoPages' | 'useGlobalListener' | 'data-tid'>>;
 export declare class Paging extends React.PureComponent<PagingProps, PagingState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        component: ({ onClick, className, children, ...rest }: import("./PagingDefaultComponent").PagingDefaultComponentProps) => JSX.Element;
-        shouldBeVisibleWithLessThanTwoPages: boolean;
-        useGlobalListener: boolean;
-        'data-tid': "Paging__root";
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     static propTypes: {};
     private setRootNode;
     static isForward(pageNumber: number | 'forward'): boolean;

package/components/Paging/Paging.md CHANGED Viewed

@@ -26,6 +26,19 @@ class Paginator3000 extends React.Component {
 <Paginator3000 />;
 ```
+Пейджинг в отключенном состоянии
+```jsx
+const [activePage, setActivePage] = React.useState(3);
+<Paging
+  disabled
+  onPageChange={(activePage) => setActivePage(activePage)}
+  activePage={activePage}
+  pagesCount={8}
+/>
+```
 #### Локали по умолчанию
 ```typescript static

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

@@ -1,46 +1,58 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   paging: function paging(t) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      user-select: none;\n      outline: 0;\n      font-size: ", ";\n      line-height: ", ";\n      display: inline-block;\n    "])), t.pagingFontSize, t.pagingLineHeight);
   },
+  pagingDisabled: function pagingDisabled() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
+  },
   dots: function dots(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n      padding: ", ";\n    "])), t.pagingDotsColor, t.pagingDotsPadding);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n      padding: ", ";\n    "])), t.pagingDotsColor, t.pagingDotsPadding);
+  },
+  dotsDisabled: function dotsDisabled(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.pagingDotsDisabledColor);
   },
   forwardLink: function forwardLink(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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);
   },
   forwardLinkFocused: function forwardLinkFocused() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      text-decoration: underline;\n    "])));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      text-decoration: underline;\n    "])));
   },
   forwardIcon: function forwardIcon(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      vertical-align: -2px;\n      position: absolute;\n      margin-top: ", ";\n      right: 0;\n    "])), t.pagingForwardIconMarginTop);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      vertical-align: -2px;\n      position: absolute;\n      margin-top: ", ";\n      right: 0;\n    "])), t.pagingForwardIconMarginTop);
   },
-  disabled: function disabled(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.pagingForwardLinkDisabledColor);
+  forwardLinkDisabled: function forwardLinkDisabled(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.pagingForwardLinkDisabledColor);
   },
   pageLinkWrapper: function pageLinkWrapper() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
   },
   pageLink: function pageLink(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      margin: ", ";\n      outline: none;\n      min-width: ", ";\n      padding: ", " ", " ", ";\n      text-decoration: none;\n\n      &:hover {\n        background: ", ";\n      }\n    "])), t.pagingPageLinkBorderRadius, t.pagingForwardLinkColor, t.pagingPageLinkMargin, t.pagingPageLinkMinWidth, t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY, t.pagingPageLinkHoverBg);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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.pagingPageLinkBoxSizing, t.pagingPageLinkHoverBg);
+  },
+  pageLinkDisabled: function pageLinkDisabled(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkDisabledColor);
+  },
+  pageLinkCurrent: function pageLinkCurrent(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", " !important; // override hover styles\n      color: ", ";\n    "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
   },
-  active: function active(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", " !important; // override hover styles\n      color: ", ";\n    "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
+  pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkDisabledActiveBg, t.linkDisabledColor);
   },
   pageLinkFocused: function pageLinkFocused(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
   },
   transparent: function transparent() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
   },
   pageLinkHintPlaceHolder: function pageLinkHintPlaceHolder(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      line-height: ", ";\n    "])), t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintLineHeight);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      line-height: ", ";\n    "])), t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintLineHeight);
   },
   pageLinkHint: function pageLinkHint(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: 0 -20px;\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), t.pagingPageLinkHintFontSize, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintColor);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), t.pagingPageLinkHintMargin, t.pagingPageLinkHintFontSize, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintColor);
   }
 });

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Paging.styles.ts"],"names":["css","memoizeStyle","styles","paging","t","pagingFontSize","pagingLineHeight","dots","pagingDotsColor","pagingDotsPadding","forwardLink","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkFocused","forwardIcon","pagingForwardIconMarginTop","~~disabled~~","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBorderRadius","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkHoverBg","~~active~~","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkFocused","borderColorFocus","transparent","pageLinkHintPlaceHolder","pagingPageLinkHintLineHeight","pageLinkHint","pagingPageLinkHintFontSize","pagingPageLinkHintColor"],"mappings":"~~gVAAA~~,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,MADiC,kBAC1BC,CAD0B,EAChB;AACf,WAAOJ,GAAP;;;AAGeI,IAAAA,CAAC,CAACC,cAHjB;AAIiBD,IAAAA,CAAC,CAACE,gBAJnB;;;AAOD,GATgC;;AAWjCC,EAAAA,~~IAXiC~~,~~gBAW5BH~~,~~CAX4B~~,~~EAWlB~~;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,~~CAACI~~,eADb;;~~AAGaJ~~,IAAAA,CAAC,~~CAACK~~,iBAHf;;AAKD,~~GAjBgC~~;;~~AAmBjCC~~,EAAAA,~~WAnBiC~~,~~uBAmBrBN~~,~~CAnBqB~~,~~EAmBX~~;AACpB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,~~CAACO~~,sBADb;;;~~AAIgBP~~,IAAAA,CAAC,~~CAACQ~~,8BAJlB;~~AAKiBR~~,IAAAA,CAAC,~~CAACS~~,+BALnB;;~~AAOmBT~~,IAAAA,CAAC,~~CAACU~~,iCAPrB;;;;;;AAaD,~~GAjCgC~~;;~~AAmCjCC~~,EAAAA,~~kBAnCiC~~,~~gCAmCZ~~;AACnB,~~WAAOf~~,GAAP;;;AAGD,~~GAvCgC~~;;~~AAyCjCgB~~,EAAAA,~~WAzCiC~~,~~uBAyCrBZ~~,~~CAzCqB~~,~~EAyCX~~;AACpB,WAAOJ,GAAP;;;AAGgBI,IAAAA,CAAC,~~CAACa~~,0BAHlB;;;AAMD,~~GAhDgC~~;;~~AAkDjCC~~,EAAAA,~~QAlDiC~~,~~oBAkDxBd~~,~~CAlDwB,EAkDd~~;~~AACjB~~,WAAOJ,GAAP;AACWI,IAAAA,CAAC,~~CAACe~~,8BADb;;;AAID,~~GAvDgC~~;;~~AAyDjCC~~,EAAAA,~~eAzDiC~~,~~6BAyDf~~;AAChB,~~WAAOpB~~,GAAP;;;;;;;AAOD,~~GAjEgC~~;;~~AAmEjCqB~~,EAAAA,~~QAnEiC~~,~~oBAmExBjB~~,~~CAnEwB~~,~~EAmEd~~;AACjB,WAAOJ,GAAP~~;AACmBI~~,IAAAA,CAAC,~~CAACkB~~,~~0BADrB~~;~~AAEWlB~~,IAAAA,CAAC,~~CAACO~~,~~sBAFb~~;;;~~AAKYP~~,IAAAA,CAAC,~~CAACmB~~,~~oBALd~~;;~~AAOenB~~,IAAAA,CAAC,~~CAACoB~~,~~sBAPjB~~;~~AAQapB~~,IAAAA,CAAC,~~CAACqB~~,~~sBARf~~,~~EAQyCrB~~,CAAC,~~CAACsB~~,~~sBAR3C~~,~~EAQqEtB~~,CAAC,~~CAACqB~~,~~sBARvE;;;;AAYkBrB~~,IAAAA,CAAC,~~CAACuB~~,~~qBAZpB~~;;;~~AAeD~~,~~GAnFgC~~;;~~AAqFjCC~~,EAAAA,~~MArFiC~~,~~kBAqF1BxB~~,~~CArF0B~~,~~EAqFhB~~;~~AACf~~,WAAOJ,GAAP;;AAEgBI,IAAAA,CAAC,~~CAACyB~~,sBAFlB;~~AAGWzB~~,IAAAA,CAAC,~~CAAC0B~~,yBAHb;;AAKD,~~GA3FgC~~;;~~AA6FjCC~~,EAAAA,~~eA7FiC~~,~~2BA6FjB3B~~,~~CA7FiB~~,~~EA6FP~~;AACxB,WAAOJ,GAAP;;AAE8BI,IAAAA,CAAC,~~CAAC4B~~,gBAFhC;;;AAKD,~~GAnGgC~~;;~~AAqGjCC~~,EAAAA,~~WArGiC~~,~~yBAqGnB~~;AACZ,~~WAAOjC~~,GAAP;;;AAGD,~~GAzGgC~~;;~~AA2GjCkC~~,EAAAA,~~uBA3GiC~~,~~mCA2GT9B~~,~~CA3GS~~,~~EA2GC~~;AAChC,WAAOJ,GAAP;AACYI,IAAAA,CAAC,~~CAAC+B~~,4BADd;~~AAEiB/B~~,IAAAA,CAAC,~~CAAC+B~~,4BAFnB;;AAID,~~GAhHgC~~;;~~AAkHjCC~~,EAAAA,~~YAlHiC~~,~~wBAkHpBhC~~,~~CAlHoB~~,~~EAkHV~~;AACrB,WAAOJ,GAAP~~;;;AAGeI~~,IAAAA,CAAC,~~CAACiC~~,~~0BAHjB~~;~~AAIiBjC~~,IAAAA,CAAC,CAAC+B,4BAJnB;~~AAKW/B~~,IAAAA,CAAC,~~CAACkC~~,uBALb;;AAOD,~~GA1HgC~~,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n paging(t: Theme) {\n return css`\n user-select: none;\n outline: 0;\n font-size: ${t.pagingFontSize};\n line-height: ${t.pagingLineHeight};\n display: inline-block;\n `;\n },\n\n dots(t: Theme) {\n return css`\n color: ${t.pagingDotsColor};\n display: inline-block;\n padding: ${t.pagingDotsPadding};\n `;\n },\n\n forwardLink(t: Theme) {\n return css`\n color: ${t.pagingForwardLinkColor};\n cursor: pointer;\n display: inline-block;\n margin-top: ${t.pagingPageForwardLinkMarginTop};\n margin-left: ${t.pagingPageForwardLinkMarginLeft};\n outline: none;\n padding-right: ${t.pagingPageForwardLinkPaddingRight};\n position: relative;\n text-decoration: none;\n user-select: none;\n vertical-align: top;\n `;\n },\n\n forwardLinkFocused() {\n return css`\n text-decoration: underline;\n `;\n },\n\n forwardIcon(t: Theme) {\n return css`\n vertical-align: -2px;\n position: absolute;\n margin-top: ${t.pagingForwardIconMarginTop};\n right: 0;\n `;\n },\n\n ~~disabled~~(t: Theme) {\n return css`\n color: ${t.pagingForwardLinkDisabledColor};\n cursor: default;\n `;\n },\n\n pageLinkWrapper() {\n return css`\n display: inline-flex;\n flex-flow: column nowrap;\n text-align: center;\n user-select: none;\n vertical-align: top;\n `;\n },\n\n pageLink(t: Theme) {\n return css`\n border-radius: ${t.pagingPageLinkBorderRadius};\n color: ${t.pagingForwardLinkColor};\n cursor: pointer;\n display: block;\n margin: ${t.pagingPageLinkMargin};\n outline: none;\n min-width: ${t.pagingPageLinkMinWidth};\n padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX} ${t.pagingPageLinkPaddingY};\n text-decoration: none;\n\n &:hover {\n background: ${t.pagingPageLinkHoverBg};\n }\n `;\n },\n\n ~~active~~(t: Theme) {\n return css`\n cursor: default;\n background: ${t.pagingPageLinkActiveBg} !important; // override hover styles\n color: ${t.pagingPageLinkActiveColor};\n `;\n },\n\n pageLinkFocused(t: Theme) {\n return css`\n ${`\n box-shadow: 0 0 0 2px ${t.borderColorFocus};\n `}\n `;\n },\n\n transparent() {\n return css`\n color: transparent;\n `;\n },\n\n pageLinkHintPlaceHolder(t: Theme) {\n return css`\n height: ${t.pagingPageLinkHintLineHeight};\n line-height: ${t.pagingPageLinkHintLineHeight};\n `;\n },\n\n pageLinkHint(t: Theme) {\n return css`\n display: inline-block;\n margin: ~~0 -20px~~;\n font-size: ${t.pagingPageLinkHintFontSize};\n line-height: ${t.pagingPageLinkHintLineHeight};\n color: ${t.pagingPageLinkHintColor};\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Paging.styles.ts"],"names":["css","memoizeStyle","styles","paging","t","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":"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","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"]}

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

@@ -1,14 +1,18 @@
 import { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     paging(t: Theme): string;
+    pagingDisabled(): string;
     dots(t: Theme): string;
+    dotsDisabled(t: Theme): string;
     forwardLink(t: Theme): string;
     forwardLinkFocused(): string;
     forwardIcon(t: Theme): string;
-    disabled(t: Theme): string;
+    forwardLinkDisabled(t: Theme): string;
     pageLinkWrapper(): string;
     pageLink(t: Theme): string;
-    active(t: Theme): string;
+    pageLinkDisabled(t: Theme): string;
+    pageLinkCurrent(t: Theme): string;
+    pageLinkCurrentDisabled(t: Theme): string;
     pageLinkFocused(t: Theme): string;
     transparent(): string;
     pageLinkHintPlaceHolder(t: Theme): string;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["PagingDefaultComponent.tsx"],"names":["React","extractDataProps","PagingDefaultComponent","onClick","className","children","rest","dataProps"],"mappings":"mNAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,gBAAT,QAAiC,iBAAjC;;;;;;;;;;AAUA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAA4E,KAAzEC,OAAyE,QAAzEA,OAAyE,CAAhEC,SAAgE,QAAhEA,SAAgE,CAArDC,QAAqD,QAArDA,QAAqD,CAAxCC,IAAwC;AAChH,0BAAsBL,gBAAgB,CAACK,IAAD,CAAtC,CAAQC,SAAR,qBAAQA,SAAR;;AAEA;AACE,2CAAM,OAAO,EAAEJ,OAAf,EAAwB,SAAS,EAAEC,SAAnC,IAAkDG,SAAlD;AACGF,IAAAA,QADH,CADF;;;AAKD,CARM","sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport { CommonProps } from '../../internal/CommonWrapper';\n\~~ntype~~ 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":["React","extractDataProps","PagingDefaultComponent","onClick","className","children","rest","dataProps"],"mappings":"mNAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,gBAAT,QAAiC,iBAAjC;;;;;;;;;;AAUA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAA4E,KAAzEC,OAAyE,QAAzEA,OAAyE,CAAhEC,SAAgE,QAAhEA,SAAgE,CAArDC,QAAqD,QAArDA,QAAqD,CAAxCC,IAAwC;AAChH,0BAAsBL,gBAAgB,CAACK,IAAD,CAAtC,CAAQC,SAAR,qBAAQA,SAAR;;AAEA;AACE,2CAAM,OAAO,EAAEJ,OAAf,EAAwB,SAAS,EAAEC,SAAnC,IAAkDG,SAAlD;AACGF,IAAAA,QADH,CADF;;;AAKD,CARM","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/components/Paging/PagingDefaultComponent.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 import React from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
-declare type PagingDefaultComponentInterface = {
+interface PagingDefaultComponentInterface {
     onClick: () => void;
-    children: React.ReactNode;
-};
+    children?: React.ReactNode;
+}
 export declare type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;
 export declare const PagingDefaultComponent: ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => JSX.Element;
 export {};

package/components/PasswordInput/ClosedIcon/ClosedIcon.js ADDED Viewed

@@ -0,0 +1,17 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { EyeClosedIcon16Light } from "../../../internal/icons2022/EyeClosedIcon/EyeClosedIcon16Light";
+import { EyeClosedIcon20Light } from "../../../internal/icons2022/EyeClosedIcon/EyeClosedIcon20Light";
+import { EyeClosedIcon24Regular } from "../../../internal/icons2022/EyeClosedIcon/EyeClosedIcon24Regular";
+export var ClosedIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(EyeClosedIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(EyeClosedIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(EyeClosedIcon24Regular, null);
+  }
+}, 'ClosedIcon');

package/components/PasswordInput/ClosedIcon/ClosedIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["ClosedIcon.tsx"],"names":["React","iconSizer","EyeClosedIcon16Light","EyeClosedIcon20Light","EyeClosedIcon24Regular","ClosedIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,oBAAT,QAAqC,6DAArC;AACA,SAASC,oBAAT,QAAqC,6DAArC;AACA,SAASC,sBAAT,QAAuC,+DAAvC;;AAEA,OAAO,IAAMC,UAAU,GAAGJ,SAAS;AACjC;AACEK,EAAAA,KAAK,EAAE,sCAAM,oBAAC,oBAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,oBAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,sBAAD,OAAN,EAHT,EADiC;;AAMjC,YANiC,CAA5B","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { EyeClosedIcon16Light } from '../../internal/icons2022/EyeClosedIcon/EyeClosedIcon16Light';\nimport { EyeClosedIcon20Light } from '../../internal/icons2022/EyeClosedIcon/EyeClosedIcon20Light';\nimport { EyeClosedIcon24Regular } from '../../internal/icons2022/EyeClosedIcon/EyeClosedIcon24Regular';\n\nexport const ClosedIcon = iconSizer(\n {\n small: () => <EyeClosedIcon16Light />,\n medium: () => <EyeClosedIcon20Light />,\n large: () => <EyeClosedIcon24Regular />,\n },\n 'ClosedIcon',\n);\n"]}

package/components/PasswordInput/ClosedIcon/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/PasswordInput/ClosedIcon.js",
+  "module": "ClosedIcon",
+  "types": "../ClosedIcon.d.ts",
+  "sideEffects": false
+}

package/components/PasswordInput/ClosedIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const ClosedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/components/PasswordInput/OpenedIcon/OpenedIcon.js ADDED Viewed

@@ -0,0 +1,17 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { EyeOpenIcon16Light } from "../../../internal/icons2022/EyeOpenIcon/EyeOpenIcon16Light";
+import { EyeOpenIcon20Light } from "../../../internal/icons2022/EyeOpenIcon/EyeOpenIcon20Light";
+import { EyeOpenIcon24Regular } from "../../../internal/icons2022/EyeOpenIcon/EyeOpenIcon24Regular";
+export var OpenedIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(EyeOpenIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(EyeOpenIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(EyeOpenIcon24Regular, null);
+  }
+}, 'OpenedIcon');

package/components/PasswordInput/OpenedIcon/OpenedIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["OpenedIcon.tsx"],"names":["React","iconSizer","EyeOpenIcon16Light","EyeOpenIcon20Light","EyeOpenIcon24Regular","OpenedIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,kBAAT,QAAmC,yDAAnC;AACA,SAASC,kBAAT,QAAmC,yDAAnC;AACA,SAASC,oBAAT,QAAqC,2DAArC;;AAEA,OAAO,IAAMC,UAAU,GAAGJ,SAAS;AACjC;AACEK,EAAAA,KAAK,EAAE,sCAAM,oBAAC,kBAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,kBAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,oBAAD,OAAN,EAHT,EADiC;;AAMjC,YANiC,CAA5B","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { EyeOpenIcon16Light } from '../../internal/icons2022/EyeOpenIcon/EyeOpenIcon16Light';\nimport { EyeOpenIcon20Light } from '../../internal/icons2022/EyeOpenIcon/EyeOpenIcon20Light';\nimport { EyeOpenIcon24Regular } from '../../internal/icons2022/EyeOpenIcon/EyeOpenIcon24Regular';\n\nexport const OpenedIcon = iconSizer(\n {\n small: () => <EyeOpenIcon16Light />,\n medium: () => <EyeOpenIcon20Light />,\n large: () => <EyeOpenIcon24Regular />,\n },\n 'OpenedIcon',\n);\n"]}

package/components/PasswordInput/OpenedIcon/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/PasswordInput/OpenedIcon.js",
+  "module": "OpenedIcon",
+  "types": "../OpenedIcon.d.ts",
+  "sideEffects": false
+}

package/components/PasswordInput/OpenedIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const OpenedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

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

@@ -4,7 +4,10 @@ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitial
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["detectCapsLock"];
-var _class, _class2, _temp;
+var _class, _class2, _temp; // TODO: Enable this rule in functional components.
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -18,6 +21,8 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { styles } from "../PasswordInput.styles";
 import { PasswordInputIcon } from "../PasswordInputIcon";
 export var PasswordInputDataTids = {
@@ -25,11 +30,11 @@ export var PasswordInputDataTids = {
   capsLockDetector: 'PasswordInputCapsLockDetector',
   eyeIcon: 'PasswordInputEyeIcon'
 };
+export
 /**
- * Компонент для ввода пароля
- */
-export var PasswordInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+* Компонент для ввода пароля
+*/
+var PasswordInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(PasswordInput, _React$PureComponent);
   function PasswordInput() {
@@ -40,6 +45,7 @@ export var PasswordInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/fun
     }
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(PasswordInput.defaultProps);
     _this.state = {
       visible: false,
       capsLockEnabled: false
@@ -125,12 +131,15 @@ export var PasswordInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/fun
         className: styles.capsLockDetector(),
         "data-tid": PasswordInputDataTids.capsLockDetector
       }), /*#__PURE__*/React.createElement("span", {
-        "data-tid": PasswordInputDataTids.eyeIcon,
-        className: cx(styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()),
-        onClick: _this.handleToggleVisibility
-      }, !_this.props.disabled && /*#__PURE__*/React.createElement(PasswordInputIcon, {
-        visible: _this.state.visible
-      })));
+        className: cx(styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname())
+      }, !_this.props.disabled && /*#__PURE__*/React.createElement("span", {
+        onClick: _this.handleToggleVisibility,
+        "data-tid": PasswordInputDataTids.eyeIcon
+      }, /*#__PURE__*/React.createElement(PasswordInputIcon, {
+        size: _this.props.size,
+        visible: _this.state.visible,
+        isTheme2022: isTheme2022(_this.theme)
+      }))));
     };
     _this.refInput = function (element) {
@@ -175,12 +184,12 @@ export var PasswordInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/fun
       this.setState({
         capsLockEnabled: null
       });
-    } // @ts-ignore
+    } // @ts-expect-error: IE-specific API.
     if (isIE11 && !window.document.msCapsLockWarningOff) {
+      // @ts-expect-error: Read the comment above.
       // turns off default ie capslock warning
-      // @ts-ignore
       window.document.msCapsLockWarningOff = true;
     }
   };
@@ -210,12 +219,8 @@ export var PasswordInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/fun
   */
   ;
-  _proto.getEyeWrapperClassname = function getEyeWrapperClassname(right) {
-    if (right === void 0) {
-      right = false;
-    }
-    switch (this.props.size) {
+  _proto.getEyeWrapperClassname = function getEyeWrapperClassname() {
+    switch (this.getProps().size) {
       case 'large':
         return styles.eyeWrapperLarge(this.theme);