@skbkontur/react-ui 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc

package/components/Modal/ModalHeader/ModalHeader.js

@@ -1,13 +1,13 @@
-import React, { useContext, useLayoutEffect, useState } from 'react';
+import React, { useContext, useLayoutEffect } from 'react';
 import { Sticky } from "../../Sticky";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { useResponsiveLayout } from "../../ResponsiveLayout";
 import { styles } from "../Modal.styles";
 import { ModalClose } from "../ModalClose";
 import { ModalContext } from "../ModalContext";
+import { ModalSeparator } from "../ModalSeparator";
 export var ModalHeaderDataTids = {
   root: 'ModalHeader__root'
 };
@@ -18,10 +18,6 @@ export var ModalHeaderDataTids = {
  */
 
 function ModalHeader(props) {
-  var _useState = useState(false),
-      isFixed = _useState[0],
-      setIsFixed = _useState[1];
-
   var theme = useContext(ThemeContext);
   var modal = useContext(ModalContext);
   var layout = useResponsiveLayout();
@@ -36,28 +32,24 @@ function ModalHeader(props) {
   }, []);
 
   var renderContent = function renderContent(fixed) {
-    var _cx;
-
     if (fixed === void 0) {
       fixed = false;
     }
 
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       "data-tid": ModalHeaderDataTids.root,
-      className: cx((_cx = {}, _cx[styles.header(theme)] = true, _cx[styles.mobileHeader(theme)] = layout.isMobile, _cx[styles.headerAddPadding()] = Boolean(modal.additionalPadding), _cx[styles.fixedHeader(theme)] = fixed, _cx[styles.mobileFixedHeader(theme)] = fixed && layout.isMobile, _cx[styles.headerWithClose(theme)] = Boolean(modal.close), _cx[styles.mobileHeaderWithClose(theme)] = layout.isMobile, _cx))
+      className: cx(styles.header(theme), layout.isMobile && styles.mobileHeader(theme), Boolean(modal.additionalPadding) && styles.headerAddPadding(theme), fixed && styles.fixedHeader(theme), fixed && layout.isMobile && styles.mobileFixedHeader(theme), Boolean(modal.close) && styles.headerWithClose(theme), Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme))
     }, modal.close && /*#__PURE__*/React.createElement(ModalClose, {
       requestClose: modal.close.requestClose,
       disableClose: modal.close.disableClose
-    }), children);
+    }), children), fixed && /*#__PURE__*/React.createElement(ModalSeparator, {
+      fixed: fixed
+    }));
   };
 
-  return /*#__PURE__*/React.createElement(CommonWrapper, props, /*#__PURE__*/React.createElement(ZIndex, {
-    priority: isFixed ? 'ModalFixedHeader' : undefined,
-    className: styles.headerWrapper()
-  }, sticky ? /*#__PURE__*/React.createElement(Sticky, {
-    getIsFixed: setIsFixed,
+  return /*#__PURE__*/React.createElement(CommonWrapper, props, sticky ? /*#__PURE__*/React.createElement(Sticky, {
     side: "top"
-  }, renderContent) : renderContent()));
+  }, renderContent) : renderContent());
 }
 
 ModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';

package/components/Modal/ModalHeader/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ModalHeader.tsx"],"names":["React","useContext","useLayoutEffect","useState","Sticky","ThemeContext","ZIndex","CommonWrapper","cx","useResponsiveLayout","styles","ModalClose","ModalContext","ModalHeaderDataTids","root","ModalHeader","props","isFixed","setIsFixed","theme","modal","layout","sticky","isMobile","children","setHasHeader","renderContent","fixed","header","mobileHeader","headerAddPadding","Boolean","additionalPadding","fixedHeader","mobileFixedHeader","headerWithClose","close","mobileHeaderWithClose","requestClose","disableClose","undefined","headerWrapper","__KONTUR_REACT_UI__","__MODAL_HEADER__"],"mappings":"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","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect, useState } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\n\nexport interface ModalHeaderProps extends CommonProps {\n  sticky?: boolean;\n  children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n  root: 'ModalHeader__root',\n} as const;\n\n/**\n * Шапка модального окна\n *\n * @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n  const [isFixed, setIsFixed] = useState(false);\n\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasHeader?.();\n\n    return () => modal.setHasHeader?.(false);\n  }, []);\n\n  const renderContent = (fixed = false) => {\n    return (\n      <div\n        data-tid={ModalHeaderDataTids.root}\n        className={cx({\n          [styles.header(theme)]: true,\n          [styles.mobileHeader(theme)]: layout.isMobile,\n          [styles.headerAddPadding()]: Boolean(modal.additionalPadding),\n          [styles.fixedHeader(theme)]: fixed,\n          [styles.mobileFixedHeader(theme)]: fixed && layout.isMobile,\n          [styles.headerWithClose(theme)]: Boolean(modal.close),\n          [styles.mobileHeaderWithClose(theme)]: layout.isMobile,\n        })}\n      >\n        {modal.close && <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />}\n        {children}\n      </div>\n    );\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      <ZIndex priority={isFixed ? 'ModalFixedHeader' : undefined} className={styles.headerWrapper()}>\n        {sticky ? (\n          <Sticky getIsFixed={setIsFixed} side=\"top\">\n            {renderContent}\n          </Sticky>\n        ) : (\n          renderContent()\n        )}\n      </ZIndex>\n    </CommonWrapper>\n  );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"]}
+{"version":3,"sources":["ModalHeader.tsx"],"names":["React","useContext","useLayoutEffect","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","styles","ModalClose","ModalContext","ModalSeparator","ModalHeaderDataTids","root","ModalHeader","props","theme","modal","layout","sticky","isMobile","children","setHasHeader","renderContent","fixed","header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","requestClose","disableClose","__KONTUR_REACT_UI__","__MODAL_HEADER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,EAAuCC,eAAvC,QAA8D,OAA9D;;AAEA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,mBAAT,QAAoC,qBAApC;;AAEA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,cAAT,QAA+B,kBAA/B;;;;;;;AAOA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AAC5C,MAAMC,KAAK,GAAGf,UAAU,CAACG,YAAD,CAAxB;AACA,MAAMa,KAAK,GAAGhB,UAAU,CAACS,YAAD,CAAxB;AACA,MAAMQ,MAAM,GAAGX,mBAAmB,EAAlC;;AAEA,sBAAgDQ,KAAhD,CAAQI,MAAR,CAAQA,MAAR,8BAAiB,CAACD,MAAM,CAACE,QAAzB,iBAAmCC,QAAnC,GAAgDN,KAAhD,CAAmCM,QAAnC;;AAEAnB,EAAAA,eAAe,CAAC,YAAM;AACpBe,IAAAA,KAAK,CAACK,YAAN,oBAAAL,KAAK,CAACK,YAAN;;AAEA,WAAO,oBAAML,KAAK,CAACK,YAAZ,oBAAML,KAAK,CAACK,YAAN,CAAqB,KAArB,CAAN,EAAP;AACD,GAJc,EAIZ,EAJY,CAAf;;AAMA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmB,KAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AACvC;AACE;AACE;AACE,oBAAUZ,mBAAmB,CAACC,IADhC;AAEE,QAAA,SAAS,EAAEP,EAAE;AACXE,QAAAA,MAAM,CAACiB,MAAP,CAAcT,KAAd,CADW;AAEXE,QAAAA,MAAM,CAACE,QAAP,IAAmBZ,MAAM,CAACkB,YAAP,CAAoBV,KAApB,CAFR;AAGXW,QAAAA,OAAO,CAACV,KAAK,CAACW,iBAAP,CAAP,IAAoCpB,MAAM,CAACqB,gBAAP,CAAwBb,KAAxB,CAHzB;AAIXQ,QAAAA,KAAK,IAAIhB,MAAM,CAACsB,WAAP,CAAmBd,KAAnB,CAJE;AAKXQ,QAAAA,KAAK,IAAIN,MAAM,CAACE,QAAhB,IAA4BZ,MAAM,CAACuB,iBAAP,CAAyBf,KAAzB,CALjB;AAMXW,QAAAA,OAAO,CAACV,KAAK,CAACe,KAAP,CAAP,IAAwBxB,MAAM,CAACyB,eAAP,CAAuBjB,KAAvB,CANb;AAOXW,QAAAA,OAAO,CAACV,KAAK,CAACe,KAAP,CAAP,IAAwBd,MAAM,CAACE,QAA/B,IAA2CZ,MAAM,CAAC0B,qBAAP,CAA6BlB,KAA7B,CAPhC,CAFf;;;AAYGC,MAAAA,KAAK,CAACe,KAAN;AACC,0BAAC,UAAD,IAAY,YAAY,EAAEf,KAAK,CAACe,KAAN,CAAYG,YAAtC,EAAoD,YAAY,EAAElB,KAAK,CAACe,KAAN,CAAYI,YAA9E,GAbJ;;AAeGf,MAAAA,QAfH,CADF;;AAkBGG,MAAAA,KAAK,iBAAI,oBAAC,cAAD,IAAgB,KAAK,EAAEA,KAAvB,GAlBZ,CADF;;;AAsBD,GAvBD;;AAyBA;AACE,wBAAC,aAAD,EAAmBT,KAAnB,EAA2BI,MAAM,gBAAG,oBAAC,MAAD,IAAQ,IAAI,EAAC,KAAb,IAAoBI,aAApB,CAAH,GAAiDA,aAAa,EAA/F,CADF;;AAGD;;AAEDT,WAAW,CAACuB,mBAAZ,GAAkC,aAAlC;AACAvB,WAAW,CAACwB,gBAAZ,GAA+B,IAA/B;;AAEA,SAASxB,WAAT","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n  sticky?: boolean;\n  children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n  root: 'ModalHeader__root',\n} as const;\n\n/**\n * Шапка модального окна\n *\n * @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasHeader?.();\n\n    return () => modal.setHasHeader?.(false);\n  }, []);\n\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        <div\n          data-tid={ModalHeaderDataTids.root}\n          className={cx(\n            styles.header(theme),\n            layout.isMobile && styles.mobileHeader(theme),\n            Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n            fixed && styles.fixedHeader(theme),\n            fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n            Boolean(modal.close) && styles.headerWithClose(theme),\n            Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n          )}\n        >\n          {modal.close && (\n            <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n          )}\n          {children}\n        </div>\n        {fixed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  return (\n    <CommonWrapper {...props}>{sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}</CommonWrapper>\n  );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"]}

package/components/Modal/ModalSeparator/ModalSeparator.js

@@ -0,0 +1,19 @@
+import React, { useContext } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { styles } from "../Modal.styles";
+/**
+ * Разделитель
+ *
+ * @visibleName Modal.Separator
+ */
+
+export function ModalSeparator(_ref) {
+  var fixed = _ref.fixed;
+  var theme = useContext(ThemeContext);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.modalSeparatorWrapper()
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())
+  }));
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ModalSeparator.tsx"],"names":["React","useContext","cx","ThemeContext","styles","ModalSeparator","fixed","theme","modalSeparatorWrapper","modalSeparator","modalSeparatorFixed"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,MAAT,QAAuB,gBAAvB;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAT,OAAwD,KAA9BC,KAA8B,QAA9BA,KAA8B;AAC7D,MAAMC,KAAK,GAAGN,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE,iCAAK,SAAS,EAAEC,MAAM,CAACI,qBAAP,EAAhB;AACE,iCAAK,SAAS,EAAEN,EAAE,CAACE,MAAM,CAACK,cAAP,CAAsBF,KAAtB,CAAD,EAA+BD,KAAK,IAAIF,MAAM,CAACM,mBAAP,EAAxC,CAAlB,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\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"]}

package/components/Modal/ModalSeparator/package.json

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

package/components/Modal/ModalSeparator.d.ts

@@ -0,0 +1,10 @@
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ModalSeparatorProps extends CommonProps {
+    fixed?: boolean;
+}
+/**
+ * Разделитель
+ *
+ * @visibleName Modal.Separator
+ */
+export declare function ModalSeparator({ fixed }: ModalSeparatorProps): JSX.Element;

package/components/Modal/getModalBodyTheme/getModalBodyTheme.js

@@ -0,0 +1,6 @@
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+export var getModalBodyTheme = function getModalBodyTheme(theme) {
+  return ThemeFactory.create({
+    loaderBorderRadius: theme.modalBodyBorderRadius
+  }, theme);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getModalBodyTheme.ts"],"names":["ThemeFactory","getModalBodyTheme","theme","create","loaderBorderRadius","modalBodyBorderRadius"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;;AAGA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAyB;AACxD,SAAOF,YAAY,CAACG,MAAb;AACL;AACEC,IAAAA,kBAAkB,EAAEF,KAAK,CAACG,qBAD5B,EADK;;AAILH,EAAAA,KAJK,CAAP;;AAMD,CAPM","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"]}

package/components/Modal/getModalBodyTheme/package.json

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

package/components/Modal/getModalBodyTheme.d.ts

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

package/components/Modal/getModalTheme/getModalTheme.js

@@ -0,0 +1,11 @@
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+export var getModalTheme = function getModalTheme(contextTheme, propsTheme) {
+  if (propsTheme === void 0) {
+    propsTheme = {};
+  }
+
+  var theme = ThemeFactory.create(propsTheme, contextTheme);
+  return ThemeFactory.create(propsTheme, ThemeFactory.create({
+    loaderBorderRadius: theme.modalBorderRadius
+  }, theme));
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getModalTheme.ts"],"names":["ThemeFactory","getModalTheme","contextTheme","propsTheme","theme","create","loaderBorderRadius","modalBorderRadius"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;;AAGA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,YAAD,EAAsBC,UAAtB,EAA0D,KAApCA,UAAoC,cAApCA,UAAoC,GAAd,EAAc;AACrF,MAAMC,KAAK,GAAGJ,YAAY,CAACK,MAAb,CAAoBF,UAApB,EAAgCD,YAAhC,CAAd;AACA,SAAOF,YAAY,CAACK,MAAb;AACLF,EAAAA,UADK;AAELH,EAAAA,YAAY,CAACK,MAAb;AACE;AACEC,IAAAA,kBAAkB,EAAEF,KAAK,CAACG,iBAD5B,EADF;;AAIEH,EAAAA,KAJF,CAFK,CAAP;;;AASD,CAXM","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/components/Modal/getModalTheme/package.json

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

package/components/Modal/getModalTheme.d.ts

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

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

@@ -0,0 +1,8 @@
+import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
+import { componentsLocales as en_GB } from "../locales/en";
+import { componentsLocales as ru_RU } from "../locales/ru";
+export * from "../types";
+export var ModalLocaleHelper = new LocaleHelper({
+  ru_RU: ru_RU,
+  en_GB: en_GB
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","ModalLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,iBAAiB,GAAG,IAAIJ,YAAJ,CAA8B;AAC7DG,EAAAA,KAAK,EAALA,KAD6D;AAE7DD,EAAAA,KAAK,EAALA,KAF6D,EAA9B,CAA1B","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/components/Modal/locale/index/package.json

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

package/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/components/Modal/locale/locales/en/en.js

@@ -0,0 +1,3 @@
+export var componentsLocales = {
+  closeButtonAriaLabel: 'Close modal window'
+};

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

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

package/components/Modal/locale/locales/en/package.json

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

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

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

package/components/Modal/locale/locales/ru/package.json

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

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

@@ -0,0 +1,3 @@
+export var componentsLocales = {
+  closeButtonAriaLabel: 'Закрыть модальное окно'
+};

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

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

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

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

package/components/Modal/locale/package.json

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

package/components/Modal/locale/types/package.json

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

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

@@ -0,0 +1 @@
+export {};

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

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

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

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

package/components/Paging/ForwardIcon/ForwardIcon.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ForwardIcon.tsx"],"names":["React","ArrowCRightIcon16Light","ArrowCRightIcon20Light","ArrowCRightIcon24Regular","iconSizer","ForwardIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,sBAAT,QAAuC,iEAAvC;AACA,SAASC,sBAAT,QAAuC,iEAAvC;AACA,SAASC,wBAAT,QAAyC,mEAAzC;AACA,SAASC,SAAT,QAA0B,oCAA1B;;AAEA,OAAO,IAAMC,WAAW,GAAGD,SAAS;AAClC;AACEE,EAAAA,KAAK,EAAE,sCAAM,oBAAC,sBAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,sBAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,wBAAD,OAAN,EAHT,EADkC;;AAMlC,aANkC,CAA7B","sourcesContent":["/* eslint-disable react/display-name */\nimport 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"]}

package/components/Paging/ForwardIcon/package.json

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

package/components/Paging/ForwardIcon.d.ts

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

package/components/Paging/NavigationHelper/NavigationHelper.js

@@ -1,3 +1,4 @@
+import { isMac } from "../../../lib/client";
 var keyDescription = null;
 
 var getKeyDescription = function getKeyDescription() {
@@ -5,7 +6,7 @@ var getKeyDescription = function getKeyDescription() {
 };
 
 var createKeyDescription = function createKeyDescription() {
-  return navigator.platform.includes('Mac') ? {
+  return isMac ? {
     name: 'Alt',
     checkPressed: function checkPressed(event) {
       return event.altKey;

package/components/Paging/NavigationHelper/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;;;AAWA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,WAAMV,iBAAiB,GAAGK,IAA1B,EAAnB;AACP,OAAO,IAAMM,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD;AAC7BP,IAAAA,iBAAiB,GAAGM,YAApB,CAAiCC,KAAjC,CAD6B,GAAxB","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":["isMac","keyDescription","getKeyDescription","createKeyDescription","name","checkPressed","event","altKey","ctrlKey","getKeyName","checkKeyPressed"],"mappings":";;AAEA,SAASA,KAAT,QAAsB,kBAAtB;;;;;;;;AAQA,IAAIC,cAA4C,GAAG,IAAnD;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,WAAMD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,EAA1C,CAApB,EAA1B;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAC3BH,IAAAA,KAAK;AACD;AACEI,MAAAA,IAAI,EAAE,KADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACC,MAAnE,EAFhB,EADC;;AAKD;AACEH,MAAAA,IAAI,EAAE,MADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACE,OAAnE,EAFhB,EANuB,GAA7B;;;AAWA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,WAAMP,iBAAiB,GAAGE,IAA1B,EAAnB;AACP,OAAO,IAAMM,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD;AAC7BJ,IAAAA,iBAAiB,GAAGG,YAApB,CAAiCC,KAAjC,CAD6B,GAAxB","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/components/Paging/Paging/Paging.js

@@ -5,6 +5,8 @@ var _dec, _class, _class2, _temp;
 
 import React from 'react';
 import { func, number } from 'prop-types';
+import { globalObject } from '@skbkontur/global-object';
+import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { isKeyArrowLeft, isKeyArrowRight, isKeyEnter } from "../../../lib/events/keyboard/identifiers";
 import { locale } from "../../../lib/locale/decorators";
 import { keyListener } from "../../../lib/events/keyListener";
@@ -16,11 +18,13 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { styles } from "../Paging.styles";
 import * as NavigationHelper from "../NavigationHelper";
 import { getItems } from "../PagingHelper";
 import { PagingLocaleHelper } from "../locale";
 import { PagingDefaultComponent } from "../PagingDefaultComponent";
+import { ForwardIcon } from "../ForwardIcon";
 var IGNORE_EVENT_TAGS = ['input', 'textarea'];
 export var PagingDataTids = {
   root: 'Paging__root',
@@ -87,11 +91,21 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
     _this.renderForwardLink = function (disabled, focused) {
       var _cx2;
 
-      var classes = cx((_cx2 = {}, _cx2[styles.forwardLink(_this.theme)] = true, _cx2[styles.forwardLinkFocused()] = focused, _cx2[styles.forwardLinkDisabled(_this.theme)] = disabled || _this.props.disabled, _cx2));
+      var classes = isTheme2022(_this.theme) ? cx(styles.pageLink(_this.theme), styles.forwardLink(_this.theme), focused && styles.pageLinkFocused(_this.theme), (disabled || _this.props.disabled) && styles.pageLinkDisabled(_this.theme)) : cx((_cx2 = {}, _cx2[styles.forwardLink(_this.theme)] = true, _cx2[styles.forwardLinkFocused()] = focused, _cx2[styles.forwardLinkDisabled(_this.theme)] = disabled || _this.props.disabled, _cx2));
 
       var Component = _this.getProps().component;
 
       var forward = _this.locale.forward;
+      var forwardIcon = isTheme2022(_this.theme) ? /*#__PURE__*/React.createElement(ForwardIcon, {
+        size: parseInt(_this.theme.pagingForwardIconSize),
+        style: {
+          marginLeft: 4
+        }
+      }) : /*#__PURE__*/React.createElement("span", {
+        className: styles.forwardIcon(_this.theme)
+      }, /*#__PURE__*/React.createElement(ArrowChevronRightIcon, {
+        size: _this.theme.pagingForwardIconSize
+      }));
       return /*#__PURE__*/React.createElement(Component, {
         key: 'forward',
         "data-tid": PagingDataTids.forwardLink,
@@ -100,11 +114,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
         onClick: disabled ? emptyHandler : _this.goForward,
         tabIndex: -1,
         pageNumber: 'forward'
-      }, _this.props.caption || forward, /*#__PURE__*/React.createElement("span", {
-        className: styles.forwardIcon(_this.theme)
-      }, /*#__PURE__*/React.createElement(ArrowChevronRightIcon, {
-        size: _this.theme.pagingForwardIconSize
-      })));
+      }, _this.props.caption || forward, forwardIcon);
     };
 
     _this.renderPageLink = function (pageNumber, active, focused) {
@@ -144,10 +154,10 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
 
       var canGoForward = _this.canGoForward();
 
+      var hint = null;
+
       if (keyboardControl && (canGoBackward || canGoForward)) {
-        return /*#__PURE__*/React.createElement("span", {
-          className: styles.pageLinkHint(_this.theme)
-        }, /*#__PURE__*/React.createElement("span", {
+        hint = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
           className: canGoBackward ? '' : styles.transparent()
         }, '←'), /*#__PURE__*/React.createElement("span", null, NavigationHelper.getKeyName()), /*#__PURE__*/React.createElement("span", {
           className: canGoForward ? '' : styles.transparent()
@@ -155,8 +165,8 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       }
 
       return /*#__PURE__*/React.createElement("div", {
-        className: styles.pageLinkHintPlaceHolder(_this.theme)
-      });
+        className: styles.pageLinkHint(_this.theme)
+      }, hint);
     };
 
     _this.handleMouseDown = function () {
@@ -170,7 +180,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       if (isIE11) {
         // Клик по span внутри контейнера с tabindex="0" переносит фокус именно на этот span.
         // Поэтому горячие клавиши работают пока span существует на странице.
-        setTimeout(function () {
+        globalObject.setTimeout(function () {
           return _this.container && _this.container.focus();
         }, 0);
       }
@@ -185,7 +195,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       var isArrowLeft = isKeyArrowLeft(e);
       var isArrowRight = isKeyArrowRight(e);
 
-      if (target instanceof Element && (IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) || target.isContentEditable)) {
+      if (isInstanceOf(target, globalObject.Element) && (IGNORE_EVENT_TAGS.includes(target.tagName.toLowerCase()) || target.isContentEditable)) {
         return;
       }
 
@@ -241,7 +251,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       // so we should check tabPressed in async way
 
 
-      requestAnimationFrame(function () {
+      globalObject.requestAnimationFrame == null ? void 0 : globalObject.requestAnimationFrame(function () {
         if (keyListener.isTabPressed) {
           _this.setState({
             focusedByTab: true
@@ -351,17 +361,21 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
     };
 
     _this.addGlobalListener = function () {
+      var _globalObject$documen;
+
       if (_this.addedGlobalListener) {
         return;
       }
 
-      document.addEventListener('keydown', _this.handleKeyDown);
+      (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.addEventListener('keydown', _this.handleKeyDown);
       _this.addedGlobalListener = true;
     };
 
     _this.removeGlobalListener = function () {
       if (_this.addedGlobalListener) {
-        document.removeEventListener('keydown', _this.handleKeyDown);
+        var _globalObject$documen2;
+
+        (_globalObject$documen2 = globalObject.document) == null ? void 0 : _globalObject$documen2.removeEventListener('keydown', _this.handleKeyDown);
         _this.addedGlobalListener = false;
       }
     };