@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/cjs/components/Modal/ModalSeparator.js

@@ -21,7 +21,7 @@ function ModalSeparator(_ref) {var fixed = _ref.fixed;
 
   return /*#__PURE__*/(
     _react.default.createElement("div", { className: _Modal.styles.modalSeparatorWrapper() }, /*#__PURE__*/
-    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Modal.styles.modalSeparator(theme), fixed && _Modal.styles.modalSeparatorFixed()) })
+    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Modal.styles.modalSeparator(theme), fixed && _Modal.styles.modalSeparatorFixed(theme)) })
     ));
 
 }

package/cjs/components/Modal/ModalSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_Modal","ModalSeparator","_ref","fixed","theme","useContext","ThemeContext","default","createElement","className","styles","modalSeparatorWrapper","cx","modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"sources":["ModalSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n  /** Фиксирует позицию ModalSeparator. */\n  fixed?: boolean;\n}\n\n/**\n * Разделитель\n *\n * @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <div className={styles.modalSeparatorWrapper()}>\n      <div className={cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())} />\n    </div>\n  );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"],"mappings":"8KAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,MAAA,GAAAH,OAAA;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACO,SAASI,cAAcA,CAAAC,IAAA,EAAiC,KAA9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACpC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC;IACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEC,aAAM,CAACC,qBAAqB,CAAC,CAAE;IAC7ChB,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAE,IAAAG,WAAE,EAACF,aAAM,CAACG,cAAc,CAACT,KAAK,CAAC,EAAED,KAAK,IAAIO,aAAM,CAACI,mBAAmB,CAAC,CAAC,CAAE,EAAE;IACvF,CAAC;;AAEV;;AAEAb,cAAc,CAACc,mBAAmB,GAAG,gBAAgB;AACrDd,cAAc,CAACe,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_Modal","ModalSeparator","_ref","fixed","theme","useContext","ThemeContext","default","createElement","className","styles","modalSeparatorWrapper","cx","modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"sources":["ModalSeparator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n  /** Фиксирует позицию ModalSeparator. */\n  fixed?: boolean;\n}\n\n/**\n * Разделитель\n *\n * @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <div className={styles.modalSeparatorWrapper()}>\n      <div className={cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed(theme))} />\n    </div>\n  );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"],"mappings":"8KAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,MAAA,GAAAH,OAAA;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACO,SAASI,cAAcA,CAAAC,IAAA,EAAiC,KAA9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACpC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC;IACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAEC,aAAM,CAACC,qBAAqB,CAAC,CAAE;IAC7ChB,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKC,SAAS,EAAE,IAAAG,WAAE,EAACF,aAAM,CAACG,cAAc,CAACT,KAAK,CAAC,EAAED,KAAK,IAAIO,aAAM,CAACI,mBAAmB,CAACV,KAAK,CAAC,CAAE,EAAE;IAC5F,CAAC;;AAEV;;AAEAH,cAAc,CAACc,mBAAmB,GAAG,gBAAgB;AACrDd,cAAc,CAACe,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/cjs/components/Modal/getModalBodyTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getModalBodyTheme: (theme: Theme) => Theme;
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getModalBodyTheme: (theme: Theme) => Theme;

package/cjs/components/Modal/getModalBodyTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getModalBodyTheme","exports","theme","ThemeFactory","create","loaderBorderRadius","modalBodyBorderRadius"],"sources":["getModalBodyTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getModalBodyTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      loaderBorderRadius: theme.modalBodyBorderRadius,\n    },\n    theme,\n  );\n};\n"],"mappings":"0EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,KAAY,EAAY;EACxD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,kBAAkB,EAAEH,KAAK,CAACI;IAC5B,CAAC;IACDJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getModalBodyTheme","exports","theme","ThemeFactory","create","loaderBorderRadius","modalBodyBorderRadius"],"sources":["getModalBodyTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getModalBodyTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      loaderBorderRadius: theme.modalBodyBorderRadius,\n    },\n    theme,\n  );\n};\n"],"mappings":"0EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,KAAY,EAAY;EACxD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,kBAAkB,EAAEH,KAAK,CAACI;IAC5B,CAAC;IACDJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/components/Modal/getModalTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme, ThemeIn } from '../../lib/theming/Theme';
-export declare const getModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Theme;
+import type { Theme, ThemeIn } from '../../lib/theming/Theme';
+export declare const getModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Theme;

package/cjs/components/Modal/getModalTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getModalTheme","exports","contextTheme","propsTheme","theme","ThemeFactory","create","loaderBorderRadius","modalBorderRadius"],"sources":["getModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}): Theme => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    propsTheme as Theme,\n    ThemeFactory.create(\n      {\n        loaderBorderRadius: theme.modalBorderRadius,\n      },\n      theme,\n    ),\n  );\n};\n"],"mappings":"sEAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,YAAmB,EAAEC,UAAmB,EAAiB,KAApCA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EACzE,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACH,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOG,0BAAY,CAACC,MAAM;IACxBH,UAAU;IACVE,0BAAY,CAACC,MAAM;MACjB;QACEC,kBAAkB,EAAEH,KAAK,CAACI;MAC5B,CAAC;MACDJ;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getModalTheme","exports","contextTheme","propsTheme","theme","ThemeFactory","create","loaderBorderRadius","modalBorderRadius"],"sources":["getModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}): Theme => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    propsTheme as Theme,\n    ThemeFactory.create(\n      {\n        loaderBorderRadius: theme.modalBorderRadius,\n      },\n      theme,\n    ),\n  );\n};\n"],"mappings":"sEAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,YAAmB,EAAEC,UAAmB,EAAiB,KAApCA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EACzE,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACH,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOG,0BAAY,CAACC,MAAM;IACxBH,UAAU;IACVE,0BAAY,CAACC,MAAM;MACjB;QACEC,kBAAkB,EAAEH,KAAK,CAACI;MAC5B,CAAC;MACDJ;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-export * from './Modal';
-export * from './ModalHeader';
-export * from './ModalBody';
-export * from './ModalFooter';
+export * from './Modal';
+export * from './ModalHeader';
+export * from './ModalBody';
+export * from './ModalFooter';

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","ModalLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"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 { ModalLocale } from './types';\n\nexport * from './types';\n\nexport const ModalLocaleHelper = new LocaleHelper<ModalLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"yHAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAIC,0BAAY,CAAc;EAC7DC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","ModalLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"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 type { ModalLocale } from './types';\n\nexport * from './types';\n\nexport const ModalLocaleHelper = new LocaleHelper<ModalLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"yHAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,IAAIC,0BAAY,CAAc;EAC7DC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["en.ts"],"sourcesContent":["import { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["en.ts"],"sourcesContent":["import type { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import type { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-export interface ModalLocale {
-    closeButtonAriaLabel?: string;
-}
+export interface ModalLocale {
+    closeButtonAriaLabel?: string;
+}

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

@@ -0,0 +1,3 @@
+export declare const DotsIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
+}>;

package/cjs/components/Paging/DotsIcon.js

@@ -0,0 +1,13 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DotsIcon = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _UiMenuDots3HIcon16Regular = require("../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular");
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+
+var DotsIcon = exports.DotsIcon = (0, _iconSizer.iconSizer)(
+  {
+    small: function small() {return /*#__PURE__*/_react.default.createElement(_UiMenuDots3HIcon16Regular.UiMenuDots3HIcon16Regular, null);},
+    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_UiMenuDots3HIcon16Regular.UiMenuDots3HIcon16Regular, null);},
+    large: function large() {return /*#__PURE__*/_react.default.createElement(_UiMenuDots3HIcon16Regular.UiMenuDots3HIcon16Regular, null);}
+  },
+  'DotsIcon'
+);

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_UiMenuDots3HIcon16Regular","_iconSizer","DotsIcon","exports","iconSizer","small","default","createElement","UiMenuDots3HIcon16Regular","medium","large"],"sources":["DotsIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UiMenuDots3HIcon16Regular } from '../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const DotsIcon = iconSizer(\n  {\n    small: () => <UiMenuDots3HIcon16Regular />,\n    medium: () => <UiMenuDots3HIcon16Regular />,\n    large: () => <UiMenuDots3HIcon16Regular />,\n  },\n  'DotsIcon',\n);\n"],"mappings":"8JAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;;AAEO,IAAMG,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,oBAAS;EAC/B;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAQ,yBAAyB,MAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAQ,yBAAyB,MAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAQ,yBAAyB,MAAE,CAAC;EAC5C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

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

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

package/cjs/components/Paging/ForwardIcon.js

@@ -1,5 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ForwardIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ForwardIconMobile = exports.ForwardIcon = void 0;var _react = _interopRequireDefault(require("react"));
 
+var _ArrowARightIcon16Light = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light");
+var _ArrowARightIcon20Light = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light");
+var _ArrowARightIcon24Regular = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular");
 var _ArrowCRightIcon16Light = require("../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light");
 var _ArrowCRightIcon20Light = require("../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light");
 var _ArrowCRightIcon24Regular = require("../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular");
@@ -12,4 +15,13 @@ var ForwardIcon = exports.ForwardIcon = (0, _iconSizer.iconSizer)(
     large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowCRightIcon24Regular.ArrowCRightIcon24Regular, null);}
   },
   'ForwardIcon'
+);
+
+var ForwardIconMobile = exports.ForwardIconMobile = (0, _iconSizer.iconSizer)(
+  {
+    small: function small() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon16Light.ArrowARightIcon16Light, null);},
+    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon20Light.ArrowARightIcon20Light, null);},
+    large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon24Regular.ArrowARightIcon24Regular, null);}
+  },
+  'ForwardIconMobile'
 );

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ArrowCRightIcon16Light","_ArrowCRightIcon20Light","_ArrowCRightIcon24Regular","_iconSizer","ForwardIcon","exports","iconSizer","small","default","createElement","ArrowCRightIcon16Light","medium","ArrowCRightIcon20Light","large","ArrowCRightIcon24Regular"],"sources":["ForwardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light';\nimport { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light';\nimport { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ForwardIcon = iconSizer(\n  {\n    small: () => <ArrowCRightIcon16Light />,\n    medium: () => <ArrowCRightIcon20Light />,\n    large: () => <ArrowCRightIcon24Regular />,\n  },\n  'ForwardIcon',\n);\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;;AAEO,IAAMK,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAU,sBAAsB,MAAE,CAAC;IACvCC,MAAM,EAAE,SAAAA,OAAA,uBAAMd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,uBAAA,CAAAW,sBAAsB,MAAE,CAAC;IACxCC,KAAK,EAAE,SAAAA,MAAA,uBAAMhB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,yBAAA,CAAAY,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ArrowARightIcon16Light","_ArrowARightIcon20Light","_ArrowARightIcon24Regular","_ArrowCRightIcon16Light","_ArrowCRightIcon20Light","_ArrowCRightIcon24Regular","_iconSizer","ForwardIcon","exports","iconSizer","small","default","createElement","ArrowCRightIcon16Light","medium","ArrowCRightIcon20Light","large","ArrowCRightIcon24Regular","ForwardIconMobile","ArrowARightIcon16Light","ArrowARightIcon20Light","ArrowARightIcon24Regular"],"sources":["ForwardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowARightIcon16Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light';\nimport { ArrowARightIcon20Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light';\nimport { ArrowARightIcon24Regular } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular';\nimport { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light';\nimport { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light';\nimport { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ForwardIcon = iconSizer(\n  {\n    small: () => <ArrowCRightIcon16Light />,\n    medium: () => <ArrowCRightIcon20Light />,\n    large: () => <ArrowCRightIcon24Regular />,\n  },\n  'ForwardIcon',\n);\n\nexport const ForwardIconMobile = iconSizer(\n  {\n    small: () => <ArrowARightIcon16Light />,\n    medium: () => <ArrowARightIcon20Light />,\n    large: () => <ArrowARightIcon24Regular />,\n  },\n  'ForwardIconMobile',\n);\n"],"mappings":"6LAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;;AAEO,IAAMQ,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAU,sBAAsB,MAAE,CAAC;IACvCC,MAAM,EAAE,SAAAA,OAAA,uBAAMjB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,uBAAA,CAAAW,sBAAsB,MAAE,CAAC;IACxCC,KAAK,EAAE,SAAAA,MAAA,uBAAMnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,yBAAA,CAAAY,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC;;AAEM,IAAMC,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,oBAAS;EACxC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,uBAAA,CAAAmB,sBAAsB,MAAE,CAAC;IACvCL,MAAM,EAAE,SAAAA,OAAA,uBAAMjB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,uBAAA,CAAAmB,sBAAsB,MAAE,CAAC;IACxCJ,KAAK,EAAE,SAAAA,MAAA,uBAAMnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,yBAAA,CAAAmB,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-import React from 'react';
-export interface KeyDescriptionType {
-    name: string;
-    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
-}
-export declare const getKeyName: () => string;
-export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;
+import type React from 'react';
+export interface KeyDescriptionType {
+    name: string;
+    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
+}
+export declare const getKeyName: () => string;
+export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;

package/cjs/components/Paging/NavigationHelper.js

@@ -8,14 +8,10 @@ var _client = require("../../lib/client");
 
 
 
-var keyDescription = null;
-
-var getKeyDescription = function getKeyDescription() {return keyDescription || (keyDescription = createKeyDescription());};
-
 var createKeyDescription = function createKeyDescription() {return (
     _client.isMac ?
     {
-      name: 'Alt',
+      name: '⌥',
       checkPressed: function checkPressed(event) {return event.altKey;}
     } :
     {
@@ -23,6 +19,8 @@ var createKeyDescription = function createKeyDescription() {return (
       checkPressed: function checkPressed(event) {return event.ctrlKey;}
     });};
 
-var getKeyName = exports.getKeyName = function getKeyName() {return getKeyDescription().name;};
+var keyDescription = createKeyDescription();
+
+var getKeyName = exports.getKeyName = function getKeyName() {return keyDescription.name;};
 var checkKeyPressed = exports.checkKeyPressed = function checkKeyPressed(event) {return (
-    getKeyDescription().checkPressed(event));};
+    keyDescription.checkPressed(event));};

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

@@ -1 +1 @@
-{"version":3,"names":["_client","require","keyDescription","getKeyDescription","createKeyDescription","isMac","name","checkPressed","event","altKey","ctrlKey","getKeyName","exports","checkKeyPressed"],"sources":["NavigationHelper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isMac } from '../../lib/client';\nimport { Nullable } from '../../typings/utility-types';\n\nexport interface KeyDescriptionType {\n  name: string;\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\n}\n\nlet keyDescription: Nullable<KeyDescriptionType> = null;\n\nconst getKeyDescription = () => keyDescription || (keyDescription = createKeyDescription());\n\nconst createKeyDescription = () =>\n  isMac\n    ? {\n        name: 'Alt',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\n      }\n    : {\n        name: 'Ctrl',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\n      };\n\nexport const getKeyName = () => getKeyDescription().name;\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) =>\n  getKeyDescription().checkPressed(event);\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA;;;;;;;;AAQA,IAAIC,cAA4C,GAAG,IAAI;;AAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,UAASD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,CAAC,CAAC,CAAC;;AAE3F,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA;IACxBC,aAAK;IACD;MACEC,IAAI,EAAE,KAAK;MACXC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACC,MAAM;IACzF,CAAC;IACD;MACEH,IAAI,EAAE,MAAM;MACZC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACE,OAAO;IAC1F,CAAC;;AAEA,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA,UAASR,iBAAiB,CAAC,CAAC,CAACG,IAAI;AACjD,IAAMO,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,SAAlBA,eAAeA,CAAIL,KAAuD;IACrFL,iBAAiB,CAAC,CAAC,CAACI,YAAY,CAACC,KAAK,CAAC","ignoreList":[]}
+{"version":3,"names":["_client","require","createKeyDescription","isMac","name","checkPressed","event","altKey","ctrlKey","keyDescription","getKeyName","exports","checkKeyPressed"],"sources":["NavigationHelper.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { isMac } from '../../lib/client';\nimport type { Nullable } from '../../typings/utility-types';\n\nexport interface KeyDescriptionType {\n  name: string;\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\n}\n\nconst createKeyDescription = () =>\n  isMac\n    ? {\n        name: '⌥',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\n      }\n    : {\n        name: 'Ctrl',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\n      };\n\nconst keyDescription: Nullable<KeyDescriptionType> = createKeyDescription();\n\nexport const getKeyName = () => keyDescription.name;\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) =>\n  keyDescription.checkPressed(event);\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA;;;;;;;;AAQA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA;IACxBC,aAAK;IACD;MACEC,IAAI,EAAE,GAAG;MACTC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACC,MAAM;IACzF,CAAC;IACD;MACEH,IAAI,EAAE,MAAM;MACZC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACE,OAAO;IAC1F,CAAC;;AAEP,IAAMC,cAA4C,GAAGP,oBAAoB,CAAC,CAAC;;AAEpE,IAAMQ,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA,UAASD,cAAc,CAACL,IAAI;AAC5C,IAAMQ,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,SAAlBA,eAAeA,CAAIN,KAAuD;IACrFG,cAAc,CAACJ,YAAY,CAACC,KAAK,CAAC","ignoreList":[]}

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

@@ -1,101 +1,112 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-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;
-    /** Делает компонент недоступным. */
-    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;
-    static propTypes: {};
-    private setRootNode;
-    static isForward(pageNumber: number | 'forward'): boolean;
-    state: PagingState;
-    private theme;
-    private readonly locale;
-    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 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'
+     */
+    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 {};