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

package/cjs/components/Modal/ModalSeparator.js

@@ -1,21 +1,31 @@
-"use strict";exports.__esModule = true;exports.ModalSeparator = ModalSeparator;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ModalSeparator = ModalSeparator;var _react = _interopRequireDefault(require("react"));
 
 var _Emotion = require("../../lib/theming/Emotion");
 
-var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _useTheme = require("../../lib/theming/useTheme");
 
-var _Modal = require("./Modal.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _Modal = require("./Modal.styles");
 
 
 
 
 
+/**
+ * Разделитель
+ *
+ * @visibleName Modal.Separator
+ */
 function ModalSeparator(_ref) {var fixed = _ref.fixed;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _Modal.getStyles)(emotion);
 
   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: styles.modalSeparatorWrapper() }, /*#__PURE__*/
+    _react.default.createElement("div", { className: emotion.cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed()) })));
 
 
-}
+}
+
+ModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';
+ModalSeparator.displayName = 'ModalSeparator';

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalSeparator.tsx"],"names":["ModalSeparator","fixed","theme","ThemeContext","styles","modalSeparatorWrapper","modalSeparator","modalSeparatorFixed"],"mappings":"+EAAA;;AAEA;;AAEA;;AAEA,uC;;;;;;AAMO,SAASA,cAAT,OAAwD,KAA9BC,KAA8B,QAA9BA,KAA8B;AAC7D,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,0CAAK,SAAS,EAAEC,cAAOC,qBAAP,EAAhB;AACE,0CAAK,SAAS,EAAE,iBAAGD,cAAOE,cAAP,CAAsBJ,KAAtB,CAAH,EAAiCD,KAAK,IAAIG,cAAOG,mBAAP,EAA1C,CAAhB,GADF,CADF;;;AAKD","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  fixed?: boolean;\n}\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"]}
+{"version":3,"sources":["ModalSeparator.tsx"],"names":["ModalSeparator","fixed","theme","emotion","styles","modalSeparatorWrapper","cx","modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"mappings":"4KAAA;;AAEA;;AAEA;;AAEA;;;;;;AAMA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAT,OAAwD,KAA9BC,KAA8B,QAA9BA,KAA8B;AAC7D,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,sBAAUD,OAAV,CAAf;;AAEA;AACE,0CAAK,SAAS,EAAEC,MAAM,CAACC,qBAAP,EAAhB;AACE,0CAAK,SAAS,EAAEF,OAAO,CAACG,EAAR,CAAWF,MAAM,CAACG,cAAP,CAAsBL,KAAtB,CAAX,EAAyCD,KAAK,IAAIG,MAAM,CAACI,mBAAP,EAAlD,CAAhB,GADF,CADF;;;AAKD;;AAEDR,cAAc,CAACS,mBAAf,GAAqC,gBAArC;AACAT,cAAc,CAACU,WAAf,GAA6B,gBAA7B","sourcesContent":["import React from 'react';\n\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { getStyles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n  fixed?: boolean;\n}\n\n/**\n * Разделитель\n *\n * @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\n  return (\n    <div className={styles.modalSeparatorWrapper()}>\n      <div className={emotion.cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())} />\n    </div>\n  );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"]}

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

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

package/cjs/components/Modal/getModalTheme.js

@@ -1,11 +1,15 @@
 "use strict";exports.__esModule = true;exports.getModalTheme = void 0;var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 
 
-var getModalTheme = function getModalTheme(theme) {
+var getModalTheme = function getModalTheme(contextTheme, propsTheme) {if (propsTheme === void 0) {propsTheme = {};}
+  var theme = _ThemeFactory.ThemeFactory.create(propsTheme, contextTheme);
   return _ThemeFactory.ThemeFactory.create(
+  propsTheme,
+  _ThemeFactory.ThemeFactory.create(
   {
     loaderBorderRadius: theme.modalBorderRadius },
 
-  theme);
+  theme));
+
 
 };exports.getModalTheme = getModalTheme;

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

@@ -1 +1 @@
-{"version":3,"sources":["getModalTheme.ts"],"names":["getModalTheme","theme","ThemeFactory","create","loaderBorderRadius","modalBorderRadius"],"mappings":"sEAAA;;;AAGO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAyB;AACpD,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,kBAAkB,EAAEH,KAAK,CAACI,iBAD5B,EADK;;AAILJ,EAAAA,KAJK,CAAP;;AAMD,CAPM,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getModalTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      loaderBorderRadius: theme.modalBorderRadius,\n    },\n    theme,\n  );\n};\n"]}
+{"version":3,"sources":["getModalTheme.ts"],"names":["getModalTheme","contextTheme","propsTheme","theme","ThemeFactory","create","loaderBorderRadius","modalBorderRadius"],"mappings":"sEAAA;;;AAGO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,YAAD,EAAsBC,UAAtB,EAA0D,KAApCA,UAAoC,cAApCA,UAAoC,GAAd,EAAc;AACrF,MAAMC,KAAK,GAAGC,2BAAaC,MAAb,CAAoBH,UAApB,EAAgCD,YAAhC,CAAd;AACA,SAAOG,2BAAaC,MAAb;AACLH,EAAAA,UADK;AAELE,6BAAaC,MAAb;AACE;AACEC,IAAAA,kBAAkB,EAAEH,KAAK,CAACI,iBAD5B,EADF;;AAIEJ,EAAAA,KAJF,CAFK,CAAP;;;AASD,CAXM,C","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"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["ModalLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"yHAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,iBAAiB,GAAG,IAAIC,0BAAJ,CAA8B;AAC7DC,EAAAA,KAAK,EAALA,qBAD6D;AAE7DC,EAAAA,KAAK,EAALA,qBAF6D,EAA9B,CAA1B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { ModalLocale } from './types';\n\nexport * from './types';\n\nexport const ModalLocaleHelper = new LocaleHelper<ModalLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

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

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

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

@@ -0,0 +1,4 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  closeButtonAriaLabel: 'Close modal window' };exports.componentsLocales = componentsLocales;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","closeButtonAriaLabel"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAG;AAC5CC,EAAAA,oBAAoB,EAAE,oBADsB,EAAvC,C","sourcesContent":["import { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"]}

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

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

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

@@ -0,0 +1,4 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  closeButtonAriaLabel: 'Закрыть модальное окно' };exports.componentsLocales = componentsLocales;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","closeButtonAriaLabel"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAG;AAC5CC,EAAAA,oBAAoB,EAAE,wBADsB,EAAvC,C","sourcesContent":["import { ModalLocale } from '../types';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"]}

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

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

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

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

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

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

package/cjs/components/Paging/ForwardIcon.js

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

package/cjs/components/Paging/NavigationHelper.js

@@ -1,5 +1,6 @@
 "use strict";exports.__esModule = true;exports.getKeyName = exports.checkKeyPressed = void 0;
 
+var _client = require("../../lib/client");
 
 
 
@@ -12,7 +13,7 @@ var keyDescription = null;
 var getKeyDescription = function getKeyDescription() {return keyDescription || (keyDescription = createKeyDescription());};
 
 var createKeyDescription = function createKeyDescription() {return (
-    navigator.platform.includes('Mac') ?
+    _client.isMac ?
     {
       name: 'Alt',
       checkPressed: function checkPressed(event) {return event.altKey;} } :

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

@@ -1 +1 @@
-{"version":3,"sources":["NavigationHelper.tsx"],"names":["keyDescription","getKeyDescription","createKeyDescription","navigator","platform","includes","name","checkPressed","event","altKey","ctrlKey","getKeyName","checkKeyPressed"],"mappings":";;;;;;;;;AASA,IAAIA,cAA4C,GAAG,IAAnD;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,WAAMD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,EAA1C,CAApB,EAA1B;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAC3BC,IAAAA,SAAS,CAACC,QAAV,CAAmBC,QAAnB,CAA4B,KAA5B;AACI;AACEC,MAAAA,IAAI,EAAE,KADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACC,MAAnE,EAFhB,EADJ;;AAKI;AACEH,MAAAA,IAAI,EAAE,MADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACE,OAAnE,EAFhB,EANuB,GAA7B;;;AAWO,IAAMC,UAAU,GAAG,SAAbA,UAAa,WAAMV,iBAAiB,GAAGK,IAA1B,EAAnB,C;AACA,IAAMM,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD;AAC7BP,IAAAA,iBAAiB,GAAGM,YAApB,CAAiCC,KAAjC,CAD6B,GAAxB,C","sourcesContent":["import React from 'react';\n\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  navigator.platform.includes('Mac')\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"]}
+{"version":3,"sources":["NavigationHelper.tsx"],"names":["keyDescription","getKeyDescription","createKeyDescription","isMac","name","checkPressed","event","altKey","ctrlKey","getKeyName","checkKeyPressed"],"mappings":";;AAEA;;;;;;;;AAQA,IAAIA,cAA4C,GAAG,IAAnD;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,WAAMD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,EAA1C,CAApB,EAA1B;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAC3BC;AACI;AACEC,MAAAA,IAAI,EAAE,KADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACC,MAAnE,EAFhB,EADJ;;AAKI;AACEH,MAAAA,IAAI,EAAE,MADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACE,OAAnE,EAFhB,EANuB,GAA7B;;;AAWO,IAAMC,UAAU,GAAG,SAAbA,UAAa,WAAMR,iBAAiB,GAAGG,IAA1B,EAAnB,C;AACA,IAAMM,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD;AAC7BL,IAAAA,iBAAiB,GAAGI,YAApB,CAAiCC,KAAjC,CAD6B,GAAxB,C","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"]}

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

@@ -59,6 +59,7 @@ export declare const PagingDataTids: {
 declare type DefaultProps = Required<Pick<PagingProps, 'component' | 'shouldBeVisibleWithLessThanTwoPages' | 'useGlobalListener' | 'data-tid'>>;
 export declare class Paging extends React.PureComponent<PagingProps, PagingState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
     static propTypes: {};
@@ -66,6 +67,7 @@ export declare class Paging extends React.PureComponent<PagingProps, PagingState
     static isForward(pageNumber: number | 'forward'): boolean;
     state: PagingState;
     private theme;
+    private emotion;
     private readonly locale;
     private addedGlobalListener;
     private container;

package/cjs/components/Paging/Paging.js

@@ -1,28 +1,31 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.PagingDataTids = exports.Paging = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.PagingDataTids = exports.Paging = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
+var _globalObject = require("@skbkontur/global-object");
 
+
+var _isInstanceOf = require("../../lib/isInstanceOf");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _decorators = require("../../lib/locale/decorators");
 
 var _keyListener = require("../../lib/events/keyListener");
 var _utils = require("../../lib/utils");
 var _client = require("../../lib/client");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _px = require("../../internal/icons/16px");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _SSRSafe = require("../../lib/SSRSafe");
+var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/getVisualStateDataAttributes");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _Paging = require("./Paging.styles");
 var NavigationHelper = _interopRequireWildcard(require("./NavigationHelper"));
 var _PagingHelper = require("./PagingHelper");
 var _locale = require("./locale");
 var _PagingDefaultComponent = require("./PagingDefaultComponent");
-var _ForwardIcon = require("./ForwardIcon");var _dec, _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _ForwardIcon = require("./ForwardIcon");var _dec, _class, _class2, _temp;
 
 var IGNORE_EVENT_TAGS = ['input', 'textarea'];
 
@@ -102,6 +105,7 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
 
 
 
+
     getProps = (0, _createPropsGetter.createPropsGetter)(Paging.defaultProps);_this.
 
 
@@ -119,6 +123,7 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
 
 
 
+
     addedGlobalListener = false;_this.
     container = null;_this.
 
@@ -173,6 +178,17 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
 
 
 
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -203,30 +219,35 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
 
     };_this.
 
-    renderDots = function (key) {var _cx;
+    renderDots = function (key) {var _this$emotion$cx;
+      var styles = (0, _Paging.getStyles)(_this.emotion);
       return /*#__PURE__*/(
         _react.default.createElement("span", {
           "data-tid": PagingDataTids.dots,
           key: key,
-          className: (0, _Emotion.cx)((_cx = {}, _cx[_Paging.styles.dots(_this.theme)] = true, _cx[_Paging.styles.dotsDisabled(_this.theme)] = _this.props.disabled, _cx)) },
+          className: _this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[
+          styles.dots(_this.theme)] = true, _this$emotion$cx[
+          styles.dotsDisabled(_this.theme)] = _this.props.disabled, _this$emotion$cx)) },
+
 
         '...'));
 
 
     };_this.
 
-    renderForwardLink = function (disabled, focused) {var _cx2;
+    renderForwardLink = function (disabled, focused) {var _this$emotion$cx2;
+      var styles = (0, _Paging.getStyles)(_this.emotion);
       var classes = (0, _ThemeHelpers.isTheme2022)(_this.theme) ?
-      (0, _Emotion.cx)(
-      _Paging.styles.pageLink(_this.theme),
-      _Paging.styles.forwardLink(_this.theme),
-      focused && _Paging.styles.pageLinkFocused(_this.theme),
-      disabled || _this.props.disabled && _Paging.styles.pageLinkDisabled(_this.theme)) :
+      _this.emotion.cx(
+      styles.pageLink(_this.theme),
+      styles.forwardLink(_this.theme),
+      focused && styles.pageLinkFocused(_this.theme),
+      (disabled || _this.props.disabled) && styles.pageLinkDisabled(_this.theme)) :
 
-      (0, _Emotion.cx)((_cx2 = {}, _cx2[
-      _Paging.styles.forwardLink(_this.theme)] = true, _cx2[
-      _Paging.styles.forwardLinkFocused()] = focused, _cx2[
-      _Paging.styles.forwardLinkDisabled(_this.theme)] = disabled || _this.props.disabled, _cx2));
+      _this.emotion.cx((_this$emotion$cx2 = {}, _this$emotion$cx2[
+      styles.forwardLink(_this.theme)] = true, _this$emotion$cx2[
+      styles.forwardLinkFocused()] = focused, _this$emotion$cx2[
+      styles.forwardLinkDisabled(_this.theme)] = disabled || _this.props.disabled, _this$emotion$cx2));
 
       var Component = _this.getProps().component;
       var forward = _this.locale.forward;
@@ -234,7 +255,7 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
       var forwardIcon = (0, _ThemeHelpers.isTheme2022)(_this.theme) ? /*#__PURE__*/
       _react.default.createElement(_ForwardIcon.ForwardIcon, { size: parseInt(_this.theme.pagingForwardIconSize), style: { marginLeft: 4 } }) : /*#__PURE__*/
 
-      _react.default.createElement("span", { className: _Paging.styles.forwardIcon(_this.theme) }, /*#__PURE__*/
+      _react.default.createElement("span", { className: styles.forwardIcon(_this.theme) }, /*#__PURE__*/
       _react.default.createElement(_px.ArrowChevronRightIcon, { size: _this.theme.pagingForwardIconSize }));
 
 
@@ -255,23 +276,26 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
 
     };_this.
 
-    renderPageLink = function (pageNumber, active, focused) {var _cx3;
-      var classes = (0, _Emotion.cx)((_cx3 = {}, _cx3[
-      _Paging.styles.pageLink(_this.theme)] = true, _cx3[
-      _Paging.styles.pageLinkFocused(_this.theme)] = focused, _cx3[
-      _Paging.styles.pageLinkDisabled(_this.theme)] = _this.props.disabled, _cx3[
-      _Paging.styles.pageLinkCurrent(_this.theme)] = active, _cx3[
-      _Paging.styles.pageLinkCurrentDisabled(_this.theme)] = active && _this.props.disabled, _cx3));
+    renderPageLink = function (pageNumber, active, focused) {var _this$emotion$cx3;
+      var styles = (0, _Paging.getStyles)(_this.emotion);
+      var disabled = _this.props.disabled;
+      var classes = _this.emotion.cx((_this$emotion$cx3 = {}, _this$emotion$cx3[
+      styles.pageLink(_this.theme)] = true, _this$emotion$cx3[
+      styles.pageLinkFocused(_this.theme)] = focused, _this$emotion$cx3[
+      styles.pageLinkDisabled(_this.theme)] = disabled, _this$emotion$cx3[
+      styles.pageLinkCurrent(_this.theme)] = active, _this$emotion$cx3[
+      styles.pageLinkCurrentDisabled(_this.theme)] = active && disabled, _this$emotion$cx3));
 
       var Component = _this.getProps().component;
       var handleClick = function handleClick() {return _this.goToPage(pageNumber);};
 
       return /*#__PURE__*/(
-        _react.default.createElement("span", {
+        _react.default.createElement("span", (0, _extends2.default)({
           "data-tid": PagingDataTids.pageLinkWrapper,
           key: pageNumber,
-          className: _Paging.styles.pageLinkWrapper(),
-          onMouseDown: _this.handleMouseDownPageLink }, /*#__PURE__*/
+          className: styles.pageLinkWrapper() },
+        (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ active: active, disabled: disabled }), {
+          onMouseDown: _this.handleMouseDownPageLink }), /*#__PURE__*/
 
         _react.default.createElement(Component, {
           "data-tid": PagingDataTids.pageLink,
@@ -297,17 +321,18 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
       var canGoBackward = _this.canGoBackward();
       var canGoForward = _this.canGoForward();
 
+      var hint = null;
+      var styles = (0, _Paging.getStyles)(_this.emotion);
       if (keyboardControl && (canGoBackward || canGoForward)) {
-        return /*#__PURE__*/(
-          _react.default.createElement("span", { className: _Paging.styles.pageLinkHint(_this.theme) }, /*#__PURE__*/
-          _react.default.createElement("span", { className: canGoBackward ? '' : _Paging.styles.transparent() }, '←'), /*#__PURE__*/
-          _react.default.createElement("span", null, NavigationHelper.getKeyName()), /*#__PURE__*/
-          _react.default.createElement("span", { className: canGoForward ? '' : _Paging.styles.transparent() }, '→')));
+        hint = /*#__PURE__*/
+        _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+        _react.default.createElement("span", { className: canGoBackward ? '' : styles.transparent() }, '←'), /*#__PURE__*/
+        _react.default.createElement("span", null, NavigationHelper.getKeyName()), /*#__PURE__*/
+        _react.default.createElement("span", { className: canGoForward ? '' : styles.transparent() }, '→'));
 
 
       }
-
-      return /*#__PURE__*/_react.default.createElement("div", { className: _Paging.styles.pageLinkHintPlaceHolder(_this.theme) });
+      return /*#__PURE__*/_react.default.createElement("div", { className: styles.pageLinkHint(_this.theme) }, hint);
     };_this.
 
     handleMouseDown = function () {
@@ -318,7 +343,7 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
       if (_client.isIE11) {
         // Клик по span внутри контейнера с tabindex="0" переносит фокус именно на этот span.
         // Поэтому горячие клавиши работают пока span существует на странице.
-        setTimeout(function () {return _this.container && _this.container.focus();}, 0);
+        _globalObject.globalObject.setTimeout(function () {return _this.container && _this.container.focus();}, 0);
       }
     };_this.
 
@@ -333,7 +358,7 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
       var isArrowRight = (0, _identifiers.isKeyArrowRight)(e);
 
       if (
-      target instanceof Element && (
+      (0, _isInstanceOf.isInstanceOf)(target, _globalObject.globalObject.Element) && (
       IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) || target.isContentEditable))
       {
         return;
@@ -373,7 +398,7 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
 
       // focus event fires before keyDown eventlistener
       // so we should check tabPressed in async way
-      _SSRSafe.globalThat.requestAnimationFrame(function () {
+      _globalObject.globalObject.requestAnimationFrame == null ? void 0 : _globalObject.globalObject.requestAnimationFrame(function () {
         if (_keyListener.keyListener.isTabPressed) {
           _this.setState({ focusedByTab: true });
         }
@@ -468,18 +493,18 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
       }
     };_this.
 
-    addGlobalListener = function () {
+    addGlobalListener = function () {var _globalObject$documen;
       if (_this.addedGlobalListener) {
         return;
       }
 
-      _SSRSafe.renderTarget.addEventListener('keydown', _this.handleKeyDown);
+      (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.addEventListener('keydown', _this.handleKeyDown);
       _this.addedGlobalListener = true;
     };_this.
 
     removeGlobalListener = function () {
-      if (_this.addedGlobalListener) {
-        _SSRSafe.renderTarget.removeEventListener('keydown', _this.handleKeyDown);
+      if (_this.addedGlobalListener) {var _globalObject$documen2;
+        (_globalObject$documen2 = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen2.removeEventListener('keydown', _this.handleKeyDown);
 
         _this.addedGlobalListener = false;
       }
@@ -487,7 +512,7 @@ Paging = (_dec = (0, _decorators.locale)('Paging', _locale.PagingLocaleHelper),
 
     refContainer = function (element) {
       _this.container = element;
-    };return _this;}Paging.isForward = function isForward(pageNumber) /* %checks */{return pageNumber === 'forward';};var _proto = Paging.prototype;_proto.componentDidMount = function componentDidMount() {var useGlobalListener = this.getProps().useGlobalListener;if (useGlobalListener) {this.addGlobalListener();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var useGlobalListener = this.getProps().useGlobalListener;if (!prevProps.useGlobalListener && useGlobalListener) {this.addGlobalListener();}if (prevProps.useGlobalListener && !useGlobalListener) {this.removeGlobalListener();}if (prevProps.useGlobalListener !== useGlobalListener) {this.setState({ keyboardControl: useGlobalListener });}};_proto.componentWillUnmount = function componentWillUnmount() {this.removeGlobalListener();};_proto.render = function render() {var _this2 = this;if (this.props.pagesCount < 2 && !this.getProps().shouldBeVisibleWithLessThanTwoPages) {return null;}return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx4;var _this$getProps = this.getProps(),dataTid = _this$getProps['data-tid'],useGlobalListener = _this$getProps.useGlobalListener;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("span", { tabIndex: this.props.disabled ? -1 : 0, "data-tid": dataTid, className: (0, _Emotion.cx)((_cx4 = {}, _cx4[_Paging.styles.paging(this.theme)] = true, _cx4[_Paging.styles.pagingDisabled()] = this.props.disabled, _cx4)), onKeyDown: useGlobalListener ? undefined : this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, ref: this.refContainer }, this.getItems().map(this.renderItem)));};return Paging;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Paging', _class2.defaultProps = { component: _PagingDefaultComponent.PagingDefaultComponent, shouldBeVisibleWithLessThanTwoPages: true, useGlobalListener: false, 'data-tid': PagingDataTids.root }, _class2.propTypes = {}, _temp)) || _class) || _class);exports.Paging = Paging;
+    };return _this;}Paging.isForward = function isForward(pageNumber) /* %checks */{return pageNumber === 'forward';};var _proto = Paging.prototype;_proto.componentDidMount = function componentDidMount() {var useGlobalListener = this.getProps().useGlobalListener;if (useGlobalListener) {this.addGlobalListener();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var useGlobalListener = this.getProps().useGlobalListener;if (!prevProps.useGlobalListener && useGlobalListener) {this.addGlobalListener();}if (prevProps.useGlobalListener && !useGlobalListener) {this.removeGlobalListener();}if (prevProps.useGlobalListener !== useGlobalListener) {this.setState({ keyboardControl: useGlobalListener });}};_proto.componentWillUnmount = function componentWillUnmount() {this.removeGlobalListener();};_proto.render = function render() {var _this2 = this;if (this.props.pagesCount < 2 && !this.getProps().shouldBeVisibleWithLessThanTwoPages) {return null;}return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var _this$emotion$cx4;var _this$getProps = this.getProps(),dataTid = _this$getProps['data-tid'],useGlobalListener = _this$getProps.useGlobalListener;var styles = (0, _Paging.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("span", { tabIndex: this.props.disabled ? -1 : 0, "data-tid": dataTid, className: this.emotion.cx((_this$emotion$cx4 = {}, _this$emotion$cx4[styles.paging(this.theme)] = true, _this$emotion$cx4[styles.pagingDisabled()] = this.props.disabled, _this$emotion$cx4)), onKeyDown: useGlobalListener ? undefined : this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, ref: this.refContainer }, this.getItems().map(this.renderItem)));};return Paging;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'Paging', _class2.displayName = 'Paging', _class2.defaultProps = { component: _PagingDefaultComponent.PagingDefaultComponent, shouldBeVisibleWithLessThanTwoPages: true, useGlobalListener: false, 'data-tid': PagingDataTids.root }, _class2.propTypes = {}, _temp)) || _class) || _class);exports.Paging = Paging;
 
 
 Paging.propTypes = {