@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","globalObject","warning","isInstanceOf","isKeyArrowLeft","isKeyArrowRight","isKeyEnter","locale","keyListener","emptyHandler","ThemeContext","isThemeGTE","CommonWrapper","cx","rootNode","createPropsGetter","getVisualStateDataAttributes","ResponsiveLayout","styles","NavigationHelper","getItems","PagingLocaleHelper","PagingDefaultComponent","ForwardIcon","ForwardIconMobile","DotsIcon","IGNORE_EVENT_TAGS","PagingDataTids","root","dots","forwardLink","pageLinkWrapper","pageLink","Paging","_dec","_class","_Paging","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","focusedItem","keyboardControl","useGlobalListener","addedGlobalListener","container","renderItem","item","index","focused","getFocusedItem","key","renderDots","disabled","isItemDisabled","renderForwardLink","active","props","activePage","renderPageLink","_cx","createElement","className","theme","sizeClassNames","dotsDisabled","getDotsIcon","_cx2","classNames","pageLinkFocused","forwardLinkDisabled","Component","component","forward","forwardIcon","getForwardIcon","_extends","onClick","goForward","tabIndex","pageNumber","isMobile","caption","_cx3","pageLinkDisabled","pageLinkCurrent","pageLinkCurrentDisabled","handleClick","goToPage","renderNavigationHint","withoutNavigationHint","canGoBackward","canGoForward","hint","Fragment","transparent","getKeyName","pageLinkHint","handleMouseDown","setState","handleKeyDown","e","shiftKey","target","isArrowLeft","isArrowRight","Element","includes","tagName","toLowerCase","isContentEditable","checkKeyPressed","goBackward","moveFocusLeft","moveFocusRight","executeItemAction","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","pagesCount","isItemFocusable","moveFocus","step","items","findIndex","x","onPageChange","addGlobalListener","_globalObject$documen","document","addEventListener","removeGlobalListener","_globalObject$documen2","removeEventListener","refContainer","element","getPagingSizeClassNames","size","getSize","defaultClassNames","pagingSmall","dotsSmall","forwardLinkSmall","pageLinkSmall","pagingLegacy","dotsLegacy","forwardLinkLegacy","pageLinkLegacy","pagingMedium","dotsMedium","forwardLinkMediumMobile","forwardLinkMedium","pageLinkMedium","pagingLarge","dotsLarge","forwardLinkLargeMobile","forwardLinkLarge","pageLinkLarge","iconSize","parseInt","pagingForwardIconSize","style","marginLeft","defaultSize","_inheritsLoose","isForward","_proto","prototype","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","Consumer","_ref","renderMain","_cx4","_this3","_this$getProps","rootNodeRef","setRootNode","paging","pagingMobile","pagingDisabled","onKeyDown","undefined","onFocus","onBlur","onMouseDown","ref","map","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["Paging.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport warning from 'warning';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './Paging.styles';\nimport * as NavigationHelper from './NavigationHelper';\nimport { getItems } from './PagingHelper';\nimport type { PagingLocale } from './locale';\nimport { PagingLocaleHelper } from './locale';\nimport { PagingDefaultComponent } from './PagingDefaultComponent';\nimport { ForwardIcon, ForwardIconMobile } from './ForwardIcon';\nimport { DotsIcon } from './DotsIcon';\n\nconst IGNORE_EVENT_TAGS = ['input', 'textarea'];\n\nexport interface ItemComponentProps {\n  /** Определяет, является ли страница текущей. */\n  active: boolean;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Задает HTML-атрибут class. */\n  className: string;\n\n  /** Задает функцию, которая вызывается при клике на элемент. */\n  onClick: () => void;\n\n  /** Задает номер текущей страницы. */\n  pageNumber: number | 'forward';\n\n  /** Задает HTML-атрибут `tabindex`. */\n  tabIndex: number;\n}\n\nexport interface PagingProps extends CommonProps {\n  activePage: number;\n\n  /** Компонент обертки по умолчанию.\n   * @default <span/> */\n  component?: React.ComponentType<ItemComponentProps>;\n\n  /** Задает функцию, которая вызывается при переключении страницы. */\n  onPageChange: (pageNumber: number) => void;\n\n  /** Задает общее количество страниц. */\n  pagesCount: number;\n\n  /** Задает размер контрола.\n   * @default 'small', начиная с версии темы 5.3. До этого по умолчанию стоит старый размер 'legacy'. */\n  size?: SizeProp;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Отключает навигационные подсказки.\n   * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры (либо элемент в фокусе, либо globalListeners === true). */\n  withoutNavigationHint?: boolean;\n\n  /** Задает подпить у пейджинга. */\n  caption?: string;\n\n  /** Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.\n   * Если на странице используется несколько элементов **Paging** с useGlobalListener === true,\n   * то обработчик keyDown будет вызываться на каждом из них. Такие случаи лучше обрабатывать отдельно. */\n  useGlobalListener?: boolean;\n}\n\nexport interface PagingState {\n  focusedByTab: boolean;\n  focusedItem: Nullable<ItemType>;\n  keyboardControl: boolean;\n}\n\nexport type ItemType = number | '.' | 'forward';\n\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<Pick<PagingProps, 'component' | 'useGlobalListener'>>;\n\ninterface PagingSizeClassNames {\n  root: string;\n  dots: string;\n  forwardLink: string;\n  pageLink: string;\n}\n\n/**\n * Постраничная навигация `Paging` (пейджинг или пагинация) — способ представления большого количества однородной информации, когда контент разбивается на страницы.\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    useGlobalListener: false,\n  };\n\n  private getProps = createPropsGetter(Paging.defaultProps);\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public static isForward(pageNumber: number | 'forward'): boolean {\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 isMobile!: boolean;\n  private sizeClassNames!: PagingSizeClassNames;\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) {\n      return null;\n    }\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ResponsiveLayout>\n              {({ isMobile }) => {\n                this.isMobile = isMobile && isThemeGTE(this.theme, '5.3');\n                this.sizeClassNames = this.getPagingSizeClassNames();\n                return this.renderMain();\n              }}\n            </ResponsiveLayout>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { useGlobalListener } = this.getProps();\n    return (\n      <CommonWrapper\n        rootNodeRef={this.setRootNode}\n        {...this.props}\n        {...getVisualStateDataAttributes({ disabled: this.props.disabled })}\n      >\n        <span\n          tabIndex={this.props.disabled ? -1 : 0}\n          data-tid={PagingDataTids.root}\n          className={cx(styles.paging(), this.sizeClassNames.root, {\n            [styles.pagingMobile()]: this.isMobile,\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((item, index) => this.renderItem(item, index))}\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), this.sizeClassNames.dots, {\n          [styles.dotsDisabled(this.theme)]: this.props.disabled,\n        })}\n      >\n        {this.getDotsIcon()}\n      </span>\n    );\n  };\n\n  private renderForwardLink = (disabled: boolean, focused: boolean): JSX.Element => {\n    const classNames = cx(\n      styles.pageLink(this.theme),\n      this.sizeClassNames.pageLink,\n      styles.forwardLink(this.theme),\n      this.sizeClassNames.forwardLink,\n      {\n        [styles.pageLinkFocused(this.theme)]: focused,\n        [styles.forwardLinkDisabled(this.theme)]: disabled || this.props.disabled,\n      },\n    );\n    const Component = this.getProps().component;\n    const { forward } = this.locale;\n\n    const forwardIcon = this.getForwardIcon();\n\n    return (\n      <Component\n        key={'forward'}\n        data-tid={PagingDataTids.forwardLink}\n        active={false}\n        className={classNames}\n        onClick={disabled ? emptyHandler : this.goForward}\n        tabIndex={-1}\n        pageNumber={'forward' as const}\n        {...getVisualStateDataAttributes({ disabled })}\n      >\n        {!this.isMobile && (this.props.caption || forward)}\n        {forwardIcon}\n      </Component>\n    );\n  };\n\n  private renderPageLink = (pageNumber: number, active: boolean, focused: boolean): JSX.Element => {\n    const disabled = this.props.disabled;\n    const classNames = cx(styles.pageLink(this.theme), this.sizeClassNames.pageLink, {\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      >\n        <Component\n          data-tid={PagingDataTids.pageLink}\n          active={active}\n          className={classNames}\n          onClick={handleClick}\n          tabIndex={-1}\n          pageNumber={pageNumber}\n        >\n          {pageNumber}\n        </Component>\n        {active && !this.isMobile && 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    if (keyboardControl && (canGoBackward || canGoForward)) {\n      hint = (\n        <>\n          <span className={canGoBackward ? '' : styles.transparent()}>{'←'}</span>\n          <span>{NavigationHelper.getKeyName(this.theme)}</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 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, this.theme) && isArrowLeft) {\n      this.setState({ focusedItem: null }, this.goBackward);\n      return;\n    }\n    if (NavigationHelper.checkKeyPressed(e, this.theme) && 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, this.isMobile).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  private getPagingSizeClassNames = (): PagingSizeClassNames => {\n    const size = this.getSize();\n\n    const defaultClassNames = {\n      root: styles.pagingSmall(this.theme),\n      dots: styles.dotsSmall(this.theme),\n      forwardLink: styles.forwardLinkSmall(this.theme),\n      pageLink: styles.pageLinkSmall(this.theme),\n    };\n\n    switch (size) {\n      case 'legacy':\n        return {\n          root: styles.pagingLegacy(this.theme),\n          dots: styles.dotsLegacy(this.theme),\n          forwardLink: styles.forwardLinkLegacy(this.theme),\n          pageLink: styles.pageLinkLegacy(this.theme),\n        };\n      case 'small':\n        return defaultClassNames;\n      case 'medium':\n        return {\n          root: styles.pagingMedium(this.theme),\n          dots: styles.dotsMedium(this.theme),\n          forwardLink: this.isMobile\n            ? styles.forwardLinkMediumMobile(this.theme)\n            : styles.forwardLinkMedium(this.theme),\n          pageLink: styles.pageLinkMedium(this.theme),\n        };\n      case 'large':\n        return {\n          root: styles.pagingLarge(this.theme),\n          dots: styles.dotsLarge(this.theme),\n          forwardLink: this.isMobile ? styles.forwardLinkLargeMobile(this.theme) : styles.forwardLinkLarge(this.theme),\n          pageLink: styles.pageLinkLarge(this.theme),\n        };\n      default:\n        warning(false, `Invalid size prop: '${this.props.size}'`);\n        return defaultClassNames;\n    }\n  };\n\n  private getDotsIcon = () => {\n    const size = this.getSize();\n    return size === 'legacy' ? '...' : <DotsIcon size={size} />;\n  };\n\n  private getForwardIcon = () => {\n    const size = this.getSize();\n    const iconSize = size === 'legacy' ? parseInt(this.theme.pagingForwardIconSize) : size;\n    return this.isMobile ? (\n      <ForwardIconMobile size={iconSize} />\n    ) : (\n      <ForwardIcon size={iconSize} style={{ marginLeft: 4 }} />\n    );\n  };\n\n  private getSize = () => {\n    if (this.props.size) {\n      return this.isMobile && this.props.size === 'small' ? 'medium' : this.props.size;\n    }\n\n    const defaultSize = isThemeGTE(this.theme, '5.3') ? 'small' : 'legacy';\n    return this.isMobile && defaultSize === 'small' ? 'medium' : defaultSize;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Paging/Paging/package.json

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

package/components/Paging/Paging.d.ts

@@ -1,88 +1,111 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-interface ItemComponentProps {
-    active: boolean;
-    children?: React.ReactNode;
-    className: string;
-    onClick: () => void;
-    pageNumber: number | 'forward';
-    tabIndex: number;
-}
-export interface PagingProps {
-    activePage: number;
-    /**
-     * Компонент обертки по умолчанию
-     * @default <span />
-     */
-    component: React.ComponentType<ItemComponentProps>;
-    onPageChange: (pageNumber: number) => void;
-    pagesCount: number;
-    disabled?: boolean;
-    /**
-     * Отключает навигационные подсказки.
-     * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры
-     * (либо элемент в фокусе, либо globalListeners === true)
-     */
-    withoutNavigationHint?: boolean;
-    caption?: string;
-    /**
-     * Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.
-     * Если на странице используется несколько элементов
-     * **Paging** с useGlobalListener === true, то обработчик keyDown будет вызываться
-     * на каждом из них. Такие случаи лучше обрабатывать отдельно.
-     */
-    useGlobalListener: boolean;
-}
-export interface PagingState {
-    focusedByTab: boolean;
-    focusedItem: Nullable<ItemType>;
-    keyboardControl: boolean;
-}
-export declare type ItemType = number | '.' | 'forward';
-export declare class Paging extends React.Component<PagingProps, PagingState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        component: ({ className, onClick, children }: any) => JSX.Element;
-        useGlobalListener: boolean;
-    };
-    static propTypes: {};
-    static isForward(pageNumber: number | 'forward'): boolean;
-    state: PagingState;
-    private theme;
-    private readonly locale;
-    private addedGlobalListener;
-    private container;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: PagingProps): void;
-    componentDidUpdate(prevProps: PagingProps): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderItem;
-    private renderDots;
-    private renderForwardLink;
-    private renderPageLink;
-    private renderNavigationHint;
-    private handleMouseDown;
-    private handleMouseDownPageLink;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-    private getItems;
-    private getFocusedItem;
-    private isItemFocusable;
-    private isItemDisabled;
-    private executeItemAction;
-    private moveFocusLeft;
-    private moveFocusRight;
-    private moveFocus;
-    private canGoBackward;
-    private canGoForward;
-    private goBackward;
-    private goForward;
-    private goToPage;
-    private addGlobalListener;
-    private removeGlobalListener;
-    private refContainer;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+export interface ItemComponentProps {
+    /** Определяет, является ли страница текущей. */
+    active: boolean;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Задает HTML-атрибут class. */
+    className: string;
+    /** Задает функцию, которая вызывается при клике на элемент. */
+    onClick: () => void;
+    /** Задает номер текущей страницы. */
+    pageNumber: number | 'forward';
+    /** Задает HTML-атрибут `tabindex`. */
+    tabIndex: number;
+}
+export interface PagingProps extends CommonProps {
+    activePage: number;
+    /** Компонент обертки по умолчанию.
+     * @default <span/> */
+    component?: React.ComponentType<ItemComponentProps>;
+    /** Задает функцию, которая вызывается при переключении страницы. */
+    onPageChange: (pageNumber: number) => void;
+    /** Задает общее количество страниц. */
+    pagesCount: number;
+    /** Задает размер контрола.
+     * @default 'small', начиная с версии темы 5.3. До этого по умолчанию стоит старый размер 'legacy'. */
+    size?: SizeProp;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Отключает навигационные подсказки.
+     * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры (либо элемент в фокусе, либо globalListeners === true). */
+    withoutNavigationHint?: boolean;
+    /** Задает подпить у пейджинга. */
+    caption?: string;
+    /** Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.
+     * Если на странице используется несколько элементов **Paging** с useGlobalListener === true,
+     * то обработчик keyDown будет вызываться на каждом из них. Такие случаи лучше обрабатывать отдельно. */
+    useGlobalListener?: boolean;
+}
+export interface PagingState {
+    focusedByTab: boolean;
+    focusedItem: Nullable<ItemType>;
+    keyboardControl: boolean;
+}
+export type ItemType = number | '.' | 'forward';
+export declare const PagingDataTids: {
+    readonly root: "Paging__root";
+    readonly dots: "Paging__dots";
+    readonly forwardLink: "Paging__forwardLink";
+    readonly pageLinkWrapper: "Paging__pageLinkWrapper";
+    readonly pageLink: "Paging__pageLink";
+};
+type DefaultProps = Required<Pick<PagingProps, 'component' | 'useGlobalListener'>>;
+/**
+ * Постраничная навигация `Paging` (пейджинг или пагинация) — способ представления большого количества однородной информации, когда контент разбивается на страницы.
+ */
+export declare class Paging extends React.PureComponent<PagingProps, PagingState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    static isForward(pageNumber: number | 'forward'): boolean;
+    state: PagingState;
+    private theme;
+    private readonly locale;
+    private isMobile;
+    private sizeClassNames;
+    private addedGlobalListener;
+    private container;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: PagingProps): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element | null;
+    private renderMain;
+    private renderItem;
+    private renderDots;
+    private renderForwardLink;
+    private renderPageLink;
+    private renderNavigationHint;
+    private handleMouseDown;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    private getItems;
+    private getFocusedItem;
+    private isItemFocusable;
+    private isItemDisabled;
+    private executeItemAction;
+    private moveFocusLeft;
+    private moveFocusRight;
+    private moveFocus;
+    private canGoBackward;
+    private canGoForward;
+    private goBackward;
+    private goForward;
+    private goToPage;
+    private addGlobalListener;
+    private removeGlobalListener;
+    private refContainer;
+    private getPagingSizeClassNames;
+    private getDotsIcon;
+    private getForwardIcon;
+    private getSize;
+}
+export {};

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

@@ -0,0 +1,108 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  paging: function paging() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      user-select: none;\n      outline: 0;\n      display: inline-block;\n      font-variant-numeric: tabular-nums;\n    "])));
+  },
+  pagingMobile: function pagingMobile() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-wrap-mode: nowrap;\n    "])));
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */
+  pagingLegacy: function pagingLegacy(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      font-variant-numeric: normal;\n    "])), t.pagingFontSize, t.pagingLineHeight);
+  },
+  pagingSmall: function pagingSmall(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeSmall, t.pagingLineHeightSmall);
+  },
+  pagingMedium: function pagingMedium(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeMedium, t.pagingLineHeightMedium);
+  },
+  pagingLarge: function pagingLarge(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeLarge, t.pagingLineHeightLarge);
+  },
+  pagingDisabled: function pagingDisabled() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
+  },
+  dots: function dots(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n    "])), t.pagingDotsColor);
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  dotsLegacy: function dotsLegacy(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingDotsPadding);
+  },
+  dotsSmall: function dotsSmall(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingSmall);
+  },
+  dotsMedium: function dotsMedium(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingMedium);
+  },
+  dotsLarge: function dotsLarge(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingLarge);
+  },
+  dotsDisabled: function dotsDisabled(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.pagingDotsDisabledColor);
+  },
+  forwardLink: function forwardLink(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      outline: none;\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    "])), t.pagingForwardLinkColor);
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  forwardLinkLegacy: function forwardLinkLegacy(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      margin-top: ", ";\n      margin-left: ", ";\n      padding-right: ", ";\n    "])), t.pagingPageForwardLinkMarginTop, t.pagingPageForwardLinkMarginLeft, t.pagingPageForwardLinkPaddingRight);
+  },
+  forwardLinkSmall: function forwardLinkSmall(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingSmall);
+  },
+  forwardLinkMedium: function forwardLinkMedium(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingMedium);
+  },
+  forwardLinkLarge: function forwardLinkLarge(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingLarge);
+  },
+  forwardLinkMediumMobile: function forwardLinkMediumMobile(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n      padding: ", ";\n    "])), t.pagingFontSizeMedium, t.pagingForwardLinkPaddingMediumMobile);
+  },
+  forwardLinkLargeMobile: function forwardLinkLargeMobile(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n      padding: ", ";\n    "])), t.pagingFontSizeLarge, t.pagingForwardLinkPaddingLargeMobile);
+  },
+  forwardLinkDisabled: function forwardLinkDisabled(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.pagingForwardLinkDisabledColor);
+  },
+  pageLinkWrapper: function pageLinkWrapper() {
+    return css(_templateObject22 || (_templateObject22 = _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(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      box-sizing: ", ";\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      outline: none;\n      text-decoration: none;\n\n      &:hover {\n        background-color: ", ";\n        transition: background-color ", " ", ";\n      }\n\n      &:active {\n        background-color: ", ";\n      }\n    "])), t.pagingPageLinkBoxSizing, t.pagingPageLinkBorderRadius, t.pagingPageLinkColor, t.pagingPageLinkHoverBg, t.transitionDuration, t.transitionTimingFunction, t.pagingPageLinkActiveBg);
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  pageLinkLegacy: function pageLinkLegacy(t) {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      min-width: ", ";\n      padding: ", " ", ";\n    "])), t.pagingPageLinkMargin, t.pagingPageLinkMinWidth, t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX);
+  },
+  pageLinkSmall: function pageLinkSmall(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYSmall, t.pagingPageLinkPaddingXSmall);
+  },
+  pageLinkMedium: function pageLinkMedium(t) {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYMedium, t.pagingPageLinkPaddingXMedium);
+  },
+  pageLinkLarge: function pageLinkLarge(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYLarge, t.pagingPageLinkPaddingXLarge);
+  },
+  pageLinkDisabled: function pageLinkDisabled(t) {
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.linkDisabledColor);
+  },
+  pageLinkCurrent: function pageLinkCurrent(t) {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background-color: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
+  },
+  pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      background-color: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkDisabledActiveBg, t.linkDisabledColor);
+  },
+  pageLinkFocused: function pageLinkFocused(t) {
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
+  },
+  transparent: function transparent() {
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+  },
+  pageLinkHint: function pageLinkHint(t) {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\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);
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","styles","paging","_templateObject","_taggedTemplateLiteralLoose","pagingMobile","_templateObject2","pagingLegacy","t","_templateObject3","pagingFontSize","pagingLineHeight","pagingSmall","_templateObject4","pagingFontSizeSmall","pagingLineHeightSmall","pagingMedium","_templateObject5","pagingFontSizeMedium","pagingLineHeightMedium","pagingLarge","_templateObject6","pagingFontSizeLarge","pagingLineHeightLarge","pagingDisabled","_templateObject7","dots","_templateObject8","pagingDotsColor","dotsLegacy","_templateObject9","pagingDotsPadding","dotsSmall","_templateObject10","pagingDotsPaddingSmall","dotsMedium","_templateObject11","pagingDotsPaddingMedium","dotsLarge","_templateObject12","pagingDotsPaddingLarge","dotsDisabled","_templateObject13","pagingDotsDisabledColor","forwardLink","_templateObject14","pagingForwardLinkColor","forwardLinkLegacy","_templateObject15","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkSmall","_templateObject16","pagingForwardLinkPaddingSmall","forwardLinkMedium","_templateObject17","pagingForwardLinkPaddingMedium","forwardLinkLarge","_templateObject18","pagingForwardLinkPaddingLarge","forwardLinkMediumMobile","_templateObject19","pagingForwardLinkPaddingMediumMobile","forwardLinkLargeMobile","_templateObject20","pagingForwardLinkPaddingLargeMobile","forwardLinkDisabled","_templateObject21","pagingForwardLinkDisabledColor","pageLinkWrapper","_templateObject22","pageLink","_templateObject23","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkHoverBg","transitionDuration","transitionTimingFunction","pagingPageLinkActiveBg","pageLinkLegacy","_templateObject24","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pageLinkSmall","_templateObject25","pagingPageLinkPaddingYSmall","pagingPageLinkPaddingXSmall","pageLinkMedium","_templateObject26","pagingPageLinkPaddingYMedium","pagingPageLinkPaddingXMedium","pageLinkLarge","_templateObject27","pagingPageLinkPaddingYLarge","pagingPageLinkPaddingXLarge","pageLinkDisabled","_templateObject28","linkDisabledColor","pageLinkCurrent","_templateObject29","pagingPageLinkActiveColor","pageLinkCurrentDisabled","_templateObject30","pagingPageLinkDisabledActiveBg","pageLinkFocused","_templateObject31","borderColorFocus","transparent","_templateObject32","pageLinkHint","_templateObject33","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"sources":["Paging.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  paging() {\n    return css`\n      user-select: none;\n      outline: 0;\n      display: inline-block;\n      font-variant-numeric: tabular-nums;\n    `;\n  },\n\n  pagingMobile() {\n    return css`\n      text-wrap-mode: nowrap;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */\n  pagingLegacy(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSize};\n      line-height: ${t.pagingLineHeight};\n      font-variant-numeric: normal;\n    `;\n  },\n\n  pagingSmall(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeSmall};\n      line-height: ${t.pagingLineHeightSmall};\n    `;\n  },\n\n  pagingMedium(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeMedium};\n      line-height: ${t.pagingLineHeightMedium};\n    `;\n  },\n\n  pagingLarge(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeLarge};\n      line-height: ${t.pagingLineHeightLarge};\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    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  dotsLegacy(t: Theme) {\n    return css`\n      padding: ${t.pagingDotsPadding};\n    `;\n  },\n\n  dotsSmall(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingSmall};\n    `;\n  },\n\n  dotsMedium(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingMedium};\n    `;\n  },\n\n  dotsLarge(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingLarge};\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      outline: none;\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  forwardLinkLegacy(t: Theme) {\n    return css`\n      margin-top: ${t.pagingPageForwardLinkMarginTop};\n      margin-left: ${t.pagingPageForwardLinkMarginLeft};\n      padding-right: ${t.pagingPageForwardLinkPaddingRight};\n    `;\n  },\n\n  forwardLinkSmall(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingSmall};\n    `;\n  },\n\n  forwardLinkMedium(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingMedium};\n    `;\n  },\n\n  forwardLinkLarge(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingLarge};\n    `;\n  },\n\n  forwardLinkMediumMobile(t: Theme) {\n    return css`\n      line-height: ${t.pagingFontSizeMedium};\n      padding: ${t.pagingForwardLinkPaddingMediumMobile};\n    `;\n  },\n\n  forwardLinkLargeMobile(t: Theme) {\n    return css`\n      line-height: ${t.pagingFontSizeLarge};\n      padding: ${t.pagingForwardLinkPaddingLargeMobile};\n    `;\n  },\n\n  forwardLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkDisabledColor};\n      pointer-events: none;\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: ${t.pagingPageLinkBoxSizing};\n      border-radius: ${t.pagingPageLinkBorderRadius};\n      color: ${t.pagingPageLinkColor};\n      cursor: pointer;\n      display: block;\n      outline: none;\n      text-decoration: none;\n\n      &:hover {\n        background-color: ${t.pagingPageLinkHoverBg};\n        transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:active {\n        background-color: ${t.pagingPageLinkActiveBg};\n      }\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  pageLinkLegacy(t: Theme) {\n    return css`\n      margin: ${t.pagingPageLinkMargin};\n      min-width: ${t.pagingPageLinkMinWidth};\n      padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX};\n    `;\n  },\n\n  pageLinkSmall(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYSmall} ${t.pagingPageLinkPaddingXSmall};\n    `;\n  },\n\n  pageLinkMedium(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYMedium} ${t.pagingPageLinkPaddingXMedium};\n    `;\n  },\n\n  pageLinkLarge(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYLarge} ${t.pagingPageLinkPaddingXLarge};\n    `;\n  },\n\n  pageLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n      pointer-events: none;\n    `;\n  },\n\n  pageLinkCurrent(t: Theme) {\n    return css`\n      cursor: default;\n      background-color: ${t.pagingPageLinkActiveBg} !important;\n      color: ${t.pagingPageLinkActiveColor};\n    `;\n  },\n\n  pageLinkCurrentDisabled(t: Theme) {\n    return css`\n      background-color: ${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  pageLinkHint(t: Theme) {\n    return 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"],"mappings":"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","ignoreList":[]}

package/components/Paging/Paging.styles/package.json

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

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

@@ -1,15 +1,40 @@
-export declare const jsStyles: {
-    paging(): string;
-    dots(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    forwardLink(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    forwardLinkFocused(): string;
-    forwardIcon(): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    pageLinkWrapper(): string;
-    pageLink(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    active(): string;
-    pageLinkFocused(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    transparent(): string;
-    pageLinkHintPlaceHolder(): string;
-    pageLinkHint(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    paging(): string;
+    pagingMobile(): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */
+    pagingLegacy(t: Theme): string;
+    pagingSmall(t: Theme): string;
+    pagingMedium(t: Theme): string;
+    pagingLarge(t: Theme): string;
+    pagingDisabled(): string;
+    dots(t: Theme): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+    dotsLegacy(t: Theme): string;
+    dotsSmall(t: Theme): string;
+    dotsMedium(t: Theme): string;
+    dotsLarge(t: Theme): string;
+    dotsDisabled(t: Theme): string;
+    forwardLink(t: Theme): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+    forwardLinkLegacy(t: Theme): string;
+    forwardLinkSmall(t: Theme): string;
+    forwardLinkMedium(t: Theme): string;
+    forwardLinkLarge(t: Theme): string;
+    forwardLinkMediumMobile(t: Theme): string;
+    forwardLinkLargeMobile(t: Theme): string;
+    forwardLinkDisabled(t: Theme): string;
+    pageLinkWrapper(): string;
+    pageLink(t: Theme): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+    pageLinkLegacy(t: Theme): string;
+    pageLinkSmall(t: Theme): string;
+    pageLinkMedium(t: Theme): string;
+    pageLinkLarge(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/components/Paging/PagingDefaultComponent/PagingDefaultComponent.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["onClick", "className", "children"];
+import React from 'react';
+import { extractDataProps } from "../../../lib/utils";
+export var PagingDefaultComponent = function PagingDefaultComponent(_ref) {
+  var onClick = _ref.onClick,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _extractDataProps = extractDataProps(rest),
+    dataProps = _extractDataProps.dataProps;
+  return /*#__PURE__*/(
+    React.createElement("span", _extends({
+      onClick: onClick,
+      className: className
+    }, dataProps), children)
+  );
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","extractDataProps","PagingDefaultComponent","_ref","onClick","className","children","rest","_objectWithoutPropertiesLoose","_excluded","_extractDataProps","dataProps","createElement","_extends"],"sources":["PagingDefaultComponent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport type { CommonProps } from '../../internal/CommonWrapper';\n\ninterface PagingDefaultComponentInterface {\n  /** Задает функцию, которая вызывается при клике на пейджинг. */\n  onClick: () => void;\n\n  /** @ignore */\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"],"mappings":"mNAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,gBAAgB,QAAQ,iBAAiB;;;;;;;;;;;;;AAalD,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAA+E,KAAzEC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAC5E,IAAAC,iBAAA,GAAsBT,gBAAgB,CAACM,IAAI,CAAC,CAApCI,SAAS,GAAAD,iBAAA,CAATC,SAAS;;EAEjB;IACEX,KAAA,CAAAY,aAAA,SAAAC,QAAA,GAAMT,OAAO,EAAEA,OAAQ,EAACC,SAAS,EAAEA,SAAU,IAAKM,SAAS;IACxDL;IACG,CAAC;;AAEX,CAAC","ignoreList":[]}

package/components/Paging/PagingDefaultComponent/package.json

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

package/components/Paging/PagingDefaultComponent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+interface PagingDefaultComponentInterface {
+    /** Задает функцию, которая вызывается при клике на пейджинг. */
+    onClick: () => void;
+    /** @ignore */
+    children?: React.ReactNode;
+}
+export type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;
+export declare const PagingDefaultComponent: ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => React.JSX.Element;
+export {};

package/components/Paging/PagingHelper/PagingHelper.js

@@ -0,0 +1,30 @@
+var NEIGHBOR_ITEM_COUNT_DESKTOP = 2;
+var NEIGHBOR_ITEM_COUNT_MOBILE = 1;
+var EDGE_ITEM_COUNT_DESKTOP = 4;
+var EDGE_ITEM_COUNT_MOBILE = 2;
+export function getItems(active, total, isMobile) {
+  var result = [];
+  var neighborItemCount = isMobile ? NEIGHBOR_ITEM_COUNT_MOBILE : NEIGHBOR_ITEM_COUNT_DESKTOP;
+  var edgeItemCount = isMobile ? EDGE_ITEM_COUNT_MOBILE : EDGE_ITEM_COUNT_DESKTOP;
+
+  // Group refers to a sequence of items in a row without dots
+  var groupLeftmost = Math.max(Math.min(active - neighborItemCount, total - edgeItemCount), 1);
+  var groupRightmost = Math.min(Math.max(1 + edgeItemCount, active + neighborItemCount), total);
+  var hasLeftDots = groupLeftmost > 3;
+  var hasRightDots = groupRightmost < total - 2;
+  var groupStart = hasLeftDots ? groupLeftmost : 1;
+  var groupEnd = hasRightDots ? groupRightmost : total;
+  if (hasLeftDots) {
+    result.push(1, '.');
+  }
+  for (var i = groupStart; i <= groupEnd; ++i) {
+    result.push(i);
+  }
+  if (hasRightDots) {
+    result.push('.');
+  }
+  if (hasRightDots && isFinite(total)) {
+    result.push(total);
+  }
+  return result;
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["NEIGHBOR_ITEM_COUNT_DESKTOP","NEIGHBOR_ITEM_COUNT_MOBILE","EDGE_ITEM_COUNT_DESKTOP","EDGE_ITEM_COUNT_MOBILE","getItems","active","total","isMobile","result","neighborItemCount","edgeItemCount","groupLeftmost","Math","max","min","groupRightmost","hasLeftDots","hasRightDots","groupStart","groupEnd","push","i","isFinite"],"sources":["PagingHelper.tsx"],"sourcesContent":["import type { ItemType } from './Paging';\n\nconst NEIGHBOR_ITEM_COUNT_DESKTOP = 2;\nconst NEIGHBOR_ITEM_COUNT_MOBILE = 1;\n\nconst EDGE_ITEM_COUNT_DESKTOP = 4;\nconst EDGE_ITEM_COUNT_MOBILE = 2;\n\nexport function getItems(active: number, total: number, isMobile: boolean): ItemType[] {\n  const result: ItemType[] = [];\n\n  const neighborItemCount = isMobile ? NEIGHBOR_ITEM_COUNT_MOBILE : NEIGHBOR_ITEM_COUNT_DESKTOP;\n  const edgeItemCount = isMobile ? EDGE_ITEM_COUNT_MOBILE : EDGE_ITEM_COUNT_DESKTOP;\n\n  // Group refers to a sequence of items in a row without dots\n  const groupLeftmost = Math.max(Math.min(active - neighborItemCount, total - edgeItemCount), 1);\n  const groupRightmost = Math.min(Math.max(1 + edgeItemCount, active + neighborItemCount), total);\n\n  const hasLeftDots = groupLeftmost > 3;\n  const hasRightDots = groupRightmost < total - 2;\n\n  const groupStart = hasLeftDots ? groupLeftmost : 1;\n  const groupEnd = hasRightDots ? groupRightmost : total;\n\n  if (hasLeftDots) {\n    result.push(1, '.');\n  }\n  for (let i = groupStart; i <= groupEnd; ++i) {\n    result.push(i);\n  }\n  if (hasRightDots) {\n    result.push('.');\n  }\n  if (hasRightDots && isFinite(total)) {\n    result.push(total);\n  }\n\n  return result;\n}\n"],"mappings":";;AAEA,IAAMA,2BAA2B,GAAG,CAAC;AACrC,IAAMC,0BAA0B,GAAG,CAAC;;AAEpC,IAAMC,uBAAuB,GAAG,CAAC;AACjC,IAAMC,sBAAsB,GAAG,CAAC;;AAEhC,OAAO,SAASC,QAAQA,CAACC,MAAc,EAAEC,KAAa,EAAEC,QAAiB,EAAc;EACrF,IAAMC,MAAkB,GAAG,EAAE;;EAE7B,IAAMC,iBAAiB,GAAGF,QAAQ,GAAGN,0BAA0B,GAAGD,2BAA2B;EAC7F,IAAMU,aAAa,GAAGH,QAAQ,GAAGJ,sBAAsB,GAAGD,uBAAuB;;EAEjF;EACA,IAAMS,aAAa,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACT,MAAM,GAAGI,iBAAiB,EAAEH,KAAK,GAAGI,aAAa,CAAC,EAAE,CAAC,CAAC;EAC9F,IAAMK,cAAc,GAAGH,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGH,aAAa,EAAEL,MAAM,GAAGI,iBAAiB,CAAC,EAAEH,KAAK,CAAC;;EAE/F,IAAMU,WAAW,GAAGL,aAAa,GAAG,CAAC;EACrC,IAAMM,YAAY,GAAGF,cAAc,GAAGT,KAAK,GAAG,CAAC;;EAE/C,IAAMY,UAAU,GAAGF,WAAW,GAAGL,aAAa,GAAG,CAAC;EAClD,IAAMQ,QAAQ,GAAGF,YAAY,GAAGF,cAAc,GAAGT,KAAK;;EAEtD,IAAIU,WAAW,EAAE;IACfR,MAAM,CAACY,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC;EACrB;EACA,KAAK,IAAIC,CAAC,GAAGH,UAAU,EAAEG,CAAC,IAAIF,QAAQ,EAAE,EAAEE,CAAC,EAAE;IAC3Cb,MAAM,CAACY,IAAI,CAACC,CAAC,CAAC;EAChB;EACA,IAAIJ,YAAY,EAAE;IAChBT,MAAM,CAACY,IAAI,CAAC,GAAG,CAAC;EAClB;EACA,IAAIH,YAAY,IAAIK,QAAQ,CAAChB,KAAK,CAAC,EAAE;IACnCE,MAAM,CAACY,IAAI,CAACd,KAAK,CAAC;EACpB;;EAEA,OAAOE,MAAM;AACf","ignoreList":[]}

package/components/Paging/PagingHelper/package.json

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