@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ea6161656e

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

@@ -0,0 +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 { ThemeContext } 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            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\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.md

@@ -0,0 +1,56 @@
+Управление с клавиатуры работает в двух вариантах:
+
+- **useGlobalListener === true** слушатель keydown событий на document, если на стринице несколько компонентов Paging,
+  обработчик будет срабатывать на каждом
+- **useGlobalListener === false** обработка нажатия клавиш будет работать только когда компонент в фокусе.
+
+Навигационные подсказки появляются когда доступно управление с клавиатуры и `withoutNavigationHint != true`
+
+```jsx harmony
+class Paginator3000 extends React.Component {
+  constructor() {
+    super();
+    this.state = { active: 1 };
+    this._handlePageChange = this._handlePageChange.bind(this);
+  }
+
+  render() {
+    return <Paging activePage={this.state.active} onPageChange={this._handlePageChange} pagesCount={12} />;
+  }
+
+  _handlePageChange(pageNumber) {
+    this.setState({ active: pageNumber });
+  }
+}
+
+<Paginator3000 />;
+```
+
+Пейджинг в отключенном состоянии
+
+```jsx
+const [activePage, setActivePage] = React.useState(3);
+
+<Paging
+  disabled
+  onPageChange={(activePage) => setActivePage(activePage)}
+  activePage={activePage}
+  pagesCount={8}
+/>
+```
+
+#### Локали по умолчанию
+
+```typescript static
+interface PagingLocale {
+  forward?: string;
+}
+
+const ru_RU = {
+  forward: 'Дальше',
+};
+
+const en_GB = {
+  forward: 'Forward',
+};
+```

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

@@ -0,0 +1,20 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    paging(t: Theme): string;
+    pagingDisabled(): string;
+    dots(t: Theme): string;
+    dotsDisabled(t: Theme): string;
+    forwardLink(t: Theme): string;
+    forwardLinkFocused(): string;
+    forwardIcon(t: Theme): string;
+    forwardLinkDisabled(t: Theme): string;
+    pageLinkWrapper(): string;
+    pageLink(t: Theme): string;
+    pageLinkDisabled(t: Theme): string;
+    pageLinkCurrent(t: Theme): string;
+    pageLinkCurrentDisabled(t: Theme): string;
+    pageLinkFocused(t: Theme): string;
+    transparent(): string;
+    pageLinkHint(t: Theme): string;
+};

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

@@ -0,0 +1,151 @@
+"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 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);
+
+
+      },
+
+      pagingDisabled: function pagingDisabled() {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        pointer-events: none;\n      "])));
+
+
+      },
+
+      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 emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+        t.pagingDotsDisabledColor);
+
+      },
+
+      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);
+
+
+
+
+
+      },
+
+      forwardLinkFocused: function forwardLinkFocused() {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-decoration: underline;\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);
+
+
+      },
+
+      forwardLinkDisabled: function forwardLinkDisabled(t) {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: default;\n      "])),
+        t.pagingForwardLinkDisabledColor);
+
+
+      },
+
+      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 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.pagingPageLinkBoxSizing,
+
+
+        t.pagingPageLinkHoverBg);
+
+
+      },
+
+      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 emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n        background: ", " !important; // override hover styles\n        color: ", ";\n      "])),
+
+        t.pagingPageLinkActiveBg,
+        t.pagingPageLinkActiveColor);
+
+      },
+
+      pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important;\n        color: ", ";\n      "])),
+        t.pagingPageLinkDisabledActiveBg,
+        t.linkDisabledColor);
+
+      },
+
+      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 emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: transparent;\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.pagingPageLinkHintLineHeight,
+        t.pagingPageLinkHintColor);
+
+      } }));};exports.getStyles = getStyles;

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

@@ -0,0 +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.d.ts

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

package/cjs/components/Paging/PagingDefaultComponent.js

@@ -0,0 +1,21 @@
+"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"];
+
+
+
+
+
+
+
+
+
+var PagingDefaultComponent = function PagingDefaultComponent(_ref) {var onClick = _ref.onClick,className = _ref.className,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  var _extractDataProps = (0, _utils.extractDataProps)(rest),dataProps = _extractDataProps.dataProps;
+
+  return /*#__PURE__*/(
+    _react.default.createElement("span", (0, _extends2.default)({ onClick: onClick, className: className }, dataProps),
+    children));
+
+
+};exports.PagingDefaultComponent = PagingDefaultComponent;

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

@@ -0,0 +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/Paging/PagingHelper.d.ts

@@ -0,0 +1,2 @@
+import { ItemType } from './Paging';
+export declare function getItems(active: number, total: number): ItemType[];

package/cjs/components/Paging/PagingHelper.js

@@ -0,0 +1,32 @@
+"use strict";exports.__esModule = true;exports.getItems = getItems;
+
+function getItems(active, total) {
+  var result = [];
+
+  var left = Math.max(Math.min(active - 2, total - 4), 1);
+  var right = Math.min(Math.max(5, active + 2), total);
+
+  var hasLeftDots = left > 3;
+  var from = hasLeftDots ? left : 1;
+
+  var hasRightDots = right < total - 2;
+  var to = hasRightDots ? right : total;
+
+  if (hasLeftDots) {
+    result.push(1, '.');
+  }
+
+  for (var i = from; i <= to; ++i) {
+    result.push(i);
+  }
+
+  if (hasRightDots) {
+    result.push('.');
+  }
+
+  if (hasRightDots && isFinite(total)) {
+    result.push(total);
+  }
+
+  return result;
+}

package/cjs/components/Paging/PagingHelper.js.map

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

package/cjs/components/Paging/index.d.ts

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

package/cjs/components/Paging/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _Paging = require("./Paging");Object.keys(_Paging).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Paging[key]) return;exports[key] = _Paging[key];});

package/cjs/components/Paging/index.js.map

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

package/cjs/components/Paging/locale/index.d.ts

@@ -0,0 +1,4 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { PagingLocale } from './types';
+export * from './types';
+export declare const PagingLocaleHelper: LocaleHelper<PagingLocale>;

package/cjs/components/Paging/locale/index.js

@@ -0,0 +1,11 @@
+"use strict";exports.__esModule = true;var _exportNames = { PagingLocaleHelper: true };exports.PagingLocaleHelper = void 0;var _LocaleHelper = require("../../../lib/locale/LocaleHelper");
+
+var _en = require("./locales/en");
+var _ru = require("./locales/ru");
+
+
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
+
+var PagingLocaleHelper = new _LocaleHelper.LocaleHelper({
+  ru_RU: _ru.componentsLocales,
+  en_GB: _en.componentsLocales });exports.PagingLocaleHelper = PagingLocaleHelper;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["PagingLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"2HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,kBAAkB,GAAG,IAAIC,0BAAJ,CAA+B;AAC/DC,EAAAA,KAAK,EAALA,qBAD+D;AAE/DC,EAAAA,KAAK,EAALA,qBAF+D,EAA/B,CAA3B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { PagingLocale } from './types';\n\nexport * from './types';\n\nexport const PagingLocaleHelper = new LocaleHelper<PagingLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/cjs/components/Paging/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import { PagingLocale } from '../types';
+export declare const componentsLocales: PagingLocale;

package/cjs/components/Paging/locale/locales/en.js

@@ -0,0 +1,4 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  forward: 'Forward' };exports.componentsLocales = componentsLocales;

package/cjs/components/Paging/locale/locales/en.js.map

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

package/cjs/components/Paging/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import { PagingLocale } from '../types';
+export declare const componentsLocales: PagingLocale;

package/cjs/components/Paging/locale/locales/ru.js

@@ -0,0 +1,4 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  forward: 'Дальше' };exports.componentsLocales = componentsLocales;

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

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

package/cjs/components/Paging/locale/types.d.ts

@@ -0,0 +1,3 @@
+export interface PagingLocale {
+    forward: string;
+}

package/cjs/components/Paging/locale/types.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;

package/cjs/components/Paging/locale/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/cjs/components/PasswordInput/ClosedIcon.d.ts

@@ -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/cjs/components/PasswordInput/ClosedIcon.js

@@ -0,0 +1,15 @@
+"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");
+var _EyeClosedIcon16Light = require("../../internal/icons2022/EyeClosedIcon/EyeClosedIcon16Light");
+var _EyeClosedIcon20Light = require("../../internal/icons2022/EyeClosedIcon/EyeClosedIcon20Light");
+var _EyeClosedIcon24Regular = require("../../internal/icons2022/EyeClosedIcon/EyeClosedIcon24Regular"); /* eslint-disable react/display-name */
+
+var ClosedIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_EyeClosedIcon16Light.EyeClosedIcon16Light, null);},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_EyeClosedIcon20Light.EyeClosedIcon20Light, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_EyeClosedIcon24Regular.EyeClosedIcon24Regular, null);} },
+
+'ClosedIcon');exports.ClosedIcon = ClosedIcon;

package/cjs/components/PasswordInput/ClosedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ClosedIcon.tsx"],"names":["ClosedIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,uG,CANA;;AAQO,IAAMA,UAAU,GAAG;AACxB;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,0CAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,0CAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,8CAAD,OAAN,EAHT,EADwB;;AAMxB,YANwB,CAAnB,C","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/cjs/components/PasswordInput/OpenedIcon.d.ts

@@ -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/cjs/components/PasswordInput/OpenedIcon.js

@@ -0,0 +1,15 @@
+"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");
+var _EyeOpenIcon16Light = require("../../internal/icons2022/EyeOpenIcon/EyeOpenIcon16Light");
+var _EyeOpenIcon20Light = require("../../internal/icons2022/EyeOpenIcon/EyeOpenIcon20Light");
+var _EyeOpenIcon24Regular = require("../../internal/icons2022/EyeOpenIcon/EyeOpenIcon24Regular"); /* eslint-disable react/display-name */
+
+var OpenedIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_EyeOpenIcon16Light.EyeOpenIcon16Light, null);},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_EyeOpenIcon20Light.EyeOpenIcon20Light, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_EyeOpenIcon24Regular.EyeOpenIcon24Regular, null);} },
+
+'OpenedIcon');exports.OpenedIcon = OpenedIcon;

package/cjs/components/PasswordInput/OpenedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["OpenedIcon.tsx"],"names":["OpenedIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,iG,CANA;;AAQO,IAAMA,UAAU,GAAG;AACxB;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,sCAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,sCAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,0CAAD,OAAN,EAHT,EADwB;;AAMxB,YANwB,CAAnB,C","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/cjs/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,60 @@
+import React, { AriaAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { InputProps } from '../Input';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface PasswordInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, InputProps {
+    detectCapsLock?: boolean;
+}
+export interface PasswordInputState {
+    visible: boolean;
+    capsLockEnabled?: boolean | null;
+}
+export declare const PasswordInputDataTids: {
+    readonly root: "PasswordInput";
+    readonly capsLockDetector: "PasswordInputCapsLockDetector";
+    readonly eyeIcon: "PasswordInputEyeIcon";
+};
+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 детектор
+         */
+        detectCapsLock: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: DefaultProps;
+    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;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private handleKeyPress;
+    private handleKeydown;
+    private handleToggleVisibility;
+    private handleFocus;
+    private handleBlur;
+    private getEyeWrapperClassname;
+    private renderEye;
+    private refInput;
+    private hideSymbols;
+    private renderMain;
+}
+export {};